.product-picker{--picker-item-size: 80px;--picker-gap: 6px;--picker-border-radius: 8px;--picker-active-border-width: 2px;--picker-active-border-color: var(--color-text);position:relative}.product-picker__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;min-height:24px}.product-picker__title{font-weight:var(--font-body-weight-bold, 600);color:var(--color-text);line-height:1.4;margin:0;font-weight:600;font-size:16px}.product-picker__nav-wrapper{display:flex;align-items:center;gap:4px;margin-left:auto}.product-picker__container{position:relative}.product-picker__track{display:flex;gap:var(--picker-gap);overflow-x:auto;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.product-picker__track::-webkit-scrollbar{display:none}.product-picker__item{display:flex;flex-direction:column;align-items:center;width:var(--picker-item-size);transition:transform .2s ease,opacity .2s ease;cursor:pointer;flex-shrink:0;position:relative;text-decoration:none}.product-picker__color-label{display:block;width:100%;text-align:center;font-size:10px;line-height:1.2;color:var(--color-text, #333);padding:3px 2px 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.product-picker__item:hover{transform:scale(1.05)}.product-picker__item:focus-visible{outline:2px solid var(--COLOR-CYAN-BLUE, #0066cc);outline-offset:2px}.product-picker__item--active{pointer-events:none}.product-picker__item--active .product-picker__image-wrapper{border-color:var(--picker-active-border-color)}.product-picker__item--loading{opacity:.6;pointer-events:none}.product-picker__item--loading:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#ffffff80}.product-picker__image-wrapper{width:100%;height:var(--picker-item-size);position:relative;flex-shrink:0;border-radius:var(--picker-border-radius);overflow:hidden;border:2px solid transparent;transition:border-color .2s ease}.product-picker__image{width:100%;height:100%;object-fit:cover}.product-picker__placeholder{width:100%;height:100%;background:var(--color-background, #f5f5f5);display:flex;align-items:center;justify-content:center}.product-picker__placeholder svg{width:50%;height:50%;opacity:.3;color:var(--color-text, #333)}.product-picker__nav{background:transparent;border:none;border-radius:4px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:opacity .2s ease,background-color .2s ease;padding:0;color:var(--color-text, #333)}.product-picker__nav svg{width:24px;height:24px;display:block}.product-picker__nav:hover{background:#0000000d}.product-picker__nav:disabled{opacity:.3;pointer-events:none;cursor:default}@supports (view-transition-name: picker-transition){.product-picker{view-transition-name:product-picker}::view-transition-old(product-picker),::view-transition-new(product-picker){animation-duration:.15s}.main-product{view-transition-name:main-product}::view-transition-old(main-product),::view-transition-new(main-product){animation-duration:.2s;animation-timing-function:ease-out}}@media screen and (max-width:767px){.product-picker{--picker-item-size: 76px;--picker-gap: 10px}.product-picker__header{margin-bottom:8px}.product-picker__nav{width:28px;height:28px}.product-picker__nav svg{width:20px;height:20px}}@media screen and (max-width:480px){.product-picker{--picker-item-size: 76px;--picker-gap: 10px}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/component-product-picker.css.map */