workshop-variant-picker{display:block}.workshop-picker{display:block;margin-bottom:1.6rem;--workshop-accent: 108, 99, 166;--workshop-accent-soft: 174, 220, 245}.workshop-picker__error{display:flex;align-items:flex-start;gap:.7rem;font-size:1.3rem;line-height:1.4;letter-spacing:.04rem;color:#b41e1e;margin-bottom:1.5rem}.workshop-picker__error[hidden]{display:none}.workshop-picker__error .svg-wrapper{flex-shrink:0;width:1.5rem;height:1.5rem;margin-top:.2rem}.workshop-picker__field{margin-bottom:1.8rem}.workshop-picker__field>.form__label{margin-bottom:.8rem;display:block}.workshop-picker__datetime-select,.workshop-picker__datetime-select:before,.workshop-picker__datetime-select:after,.workshop-picker__datetime-select:hover.workshop-picker__datetime-select:after,.workshop-picker__datetime-select .select__select:hover.select__select:after,.workshop-picker__datetime-select .select__select:focus-visible,.workshop-picker__datetime-select .select__select:focus{border-radius:999px}.workshop-picker__datetime-select:hover.workshop-picker__datetime-select:after{box-shadow:0 .4rem 1.2rem rgba(var(--workshop-accent),.22)}.workshop-picker__datetime-select .select__select{border-radius:999px;padding-left:4.6rem;padding-right:4.2rem}.workshop-picker__datetime-select .svg-wrapper.workshop-picker__caret{right:1.8rem}.workshop-picker__datetime-icon{position:absolute;left:1.6rem;top:50%;transform:translateY(-50%);width:1.8rem;height:1.8rem;color:rgb(var(--workshop-accent));pointer-events:none;z-index:2}.workshop-picker__datetime-icon svg{display:block;width:100%;height:100%}.workshop-picker__scroller-wrapper{position:relative}.workshop-picker__scroller{display:flex;gap:1.2rem;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;list-style:none;padding:.4rem .2rem .6rem;margin:0;scrollbar-width:none;-ms-overflow-style:none}.workshop-picker__scroller::-webkit-scrollbar{display:none}.workshop-picker__scroll-button{position:absolute;top:40%;transform:translateY(-50%);z-index:3;display:none;align-items:center;justify-content:center;width:2.6rem;height:2.6rem;border-radius:50%;border:none;background:rgba(var(--color-background),.85);color:rgb(var(--workshop-accent));cursor:pointer;box-shadow:0 .2rem .6rem rgba(var(--color-shadow),.2);transition:opacity var(--duration-short) ease}.workshop-picker__scroll-button:hover{opacity:.75}.workshop-picker__scroll-button:disabled{opacity:0;pointer-events:none}.workshop-picker__scroll-button .icon-caret{width:.9rem;height:.9rem}.workshop-picker__scroll-button--prev{left:-.2rem}.workshop-picker__scroll-button--prev .icon-caret{transform:rotate(90deg)}.workshop-picker__scroll-button--next{right:-.2rem}.workshop-picker__scroll-button--next .icon-caret{transform:rotate(-90deg)}@media screen and (min-width:750px){.workshop-picker__scroll-button{display:flex}}.workshop-picker__card{position:relative;flex:0 0 calc((100% - 1.6rem) / 3);scroll-snap-align:start;display:flex;flex-direction:column;align-items:center;text-align:center}@media screen and (min-width:750px){.workshop-picker__card{flex-basis:13rem}.workshop-picker__scroller{gap:1.2rem}}@media screen and (max-width:749px){.workshop-picker__scroller{gap:.8rem}.workshop-picker__card-title{font-size:1.15rem;margin:.6rem 0 .5rem}.workshop-picker__qty-area{max-width:9.5rem}.workshop-picker__add-button{padding:.6rem .8rem;font-size:1.1rem}.workshop-picker__stepper-button{width:2.4rem;height:2.4rem}.workshop-picker__stepper-value{font-size:1.2rem}}.workshop-picker__card-image{display:block;width:100%;aspect-ratio:1 / 1;padding:0;border:none;border-radius:1rem;overflow:hidden;background:rgba(var(--color-foreground),.04);box-shadow:0 .6rem 1.8rem rgba(var(--color-shadow),.16),0 .1rem .3rem rgba(var(--color-shadow),.08);cursor:pointer;transition:box-shadow var(--duration-short) ease,transform var(--duration-short) ease}.workshop-picker__card-image:hover{box-shadow:0 1rem 2.4rem rgba(var(--color-shadow),.22),0 .2rem .4rem rgba(var(--color-shadow),.1);transform:translateY(-.2rem)}.workshop-picker__card-image img{width:100%;height:100%;object-fit:cover;display:block}.workshop-picker__card[data-selected] .workshop-picker__card-image{outline:.2rem solid rgb(var(--workshop-accent));outline-offset:.2rem}.workshop-picker__card[data-previewed]:not([data-selected]) .workshop-picker__card-image{outline:.2rem solid rgba(var(--workshop-accent),.45);outline-offset:.2rem}.workshop-picker__card-title{font-size:1.3rem;line-height:1.3;margin:.8rem 0 .6rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.workshop-picker__card-remove{position:absolute;top:-.6rem;right:-.6rem;width:2.2rem;height:2.2rem;display:flex;align-items:center;justify-content:center;border-radius:50%;background:rgb(var(--workshop-accent));color:rgb(var(--color-background));border:.2rem solid rgb(var(--color-background));cursor:pointer;z-index:1}.workshop-picker__card-remove[hidden]{display:none}.workshop-picker__card-remove .icon-close-small{width:.9rem;height:.9rem}.workshop-picker__card[data-unavailable]{opacity:.4;pointer-events:none}.workshop-picker__qty-area{width:100%;max-width:11rem}.workshop-picker__add-button{display:block;width:100%;padding:.8rem 1.2rem;border:.1rem solid rgba(var(--workshop-accent),.45);border-radius:999px;background:transparent;color:rgb(var(--workshop-accent));font-size:1.2rem;letter-spacing:.04rem;cursor:pointer;transition:background-color var(--duration-short) ease,color var(--duration-short) ease}.workshop-picker__add-button:hover{background:rgb(var(--workshop-accent));color:rgb(var(--color-background))}.workshop-picker__stepper{display:none;align-items:center;justify-content:space-between;width:100%;border:.1rem solid rgba(var(--workshop-accent),.3);border-radius:999px;padding:.3rem;background:rgba(var(--workshop-accent-soft),.25)}.workshop-picker__stepper-button{flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:2.8rem;height:2.8rem;border-radius:50%;background:transparent;color:rgb(var(--workshop-accent));cursor:pointer;transition:background-color var(--duration-short) ease}.workshop-picker__stepper-button:hover{background:rgba(var(--workshop-accent),.18)}.workshop-picker__stepper-button .icon-minus,.workshop-picker__stepper-button .icon-plus{width:1rem;height:1rem}.workshop-picker__stepper-value{flex:1 1 auto;text-align:center;font-size:1.3rem;font-weight:500}.workshop-picker__card[data-qty="0"] .workshop-picker__add-button{display:block}.workshop-picker__card[data-qty="0"] .workshop-picker__stepper{display:none}.workshop-picker__card:not([data-qty="0"]) .workshop-picker__add-button{display:none}.workshop-picker__card:not([data-qty="0"]) .workshop-picker__stepper{display:flex}.workshop-picker__submit{margin-top:.4rem;--color-button: var(--workshop-accent);--color-button-text: 255, 255, 255}.workshop-picker__submit [data-workshop-submit-total]{opacity:.85;font-weight:400}
/*# sourceMappingURL=/cdn/shop/t/2/assets/component-workshop-variant-picker.css.map */