.swiper-variant-picker{overflow:hidden!important;min-height:100px;position:relative!important;opacity:1;visibility:visible;transition:opacity .2s ease}.swiper-variant-picker:not(.swiper-initialized){opacity:0;visibility:hidden}.swiper-variant-picker.swiper-initialized{opacity:1!important;visibility:visible}.swiper-variant-picker.swiper-updating{pointer-events:none!important}.swiper-variant-picker .swiper-wrapper{transition-property:transform!important;transition-duration:.4s!important;transition-timing-function:cubic-bezier(.25,.1,.25,1)!important}.swiper-variant-picker:not(.swiper-initialized) .swiper-wrapper{display:flex!important;overflow-x:auto;gap:10px;padding-bottom:10px;scroll-behavior:auto!important;-webkit-overflow-scrolling:auto;transition:none!important}.swiper-variant-picker:not(.swiper-initialized) .swiper-slide{flex:0 0 auto;width:108px!important;transition:none!important}.swiper-variant-picker:not(.swiper-initialized) .swiper-wrapper::-webkit-scrollbar{display:none}.swiper-slide{transition:transform .3s ease,opacity .3s ease}.product-form__input--slider-layout{position:relative;margin-bottom:0;display:block!important;border:none;padding:0;min-width:0}.product-form__input--slider-layout .form__label{display:block;margin-bottom:10px}.option-label-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:0;font-size:15px;line-height:1.2;font-weight:500}@media screen and (min-width:768px){.option-label-heading{font-size:10px}}.option-view-all-btn{display:inline-flex;height:32px;font:500 13px / 1 inherit;align-items:center;justify-content:center;padding:0 .8em .15em;background:#f8f8f8;color:#323232;border-radius:8px;transition:background .2s ease,transform .1s ease;border:0;cursor:pointer;white-space:nowrap;margin:-10px 0 -10px 10px}@media screen and (min-width:768px){.option-view-all-btn{height:32px;font-size:14px}}.option-view-all-btn:hover{background:#ececec}.option-view-all-btn:active{transform:scale(.98)}.swiper-slider-wrapper{margin:0 -1rem;padding:0 1rem 1px;overflow:visible!important;position:relative;display:block!important}.swiper-slider-wrapper:before{content:"";position:absolute;top:0;bottom:0;left:0;width:1rem;z-index:2;pointer-events:none}.swiper-variant-picker{margin:0 -4px;position:relative!important}.swiper-variant-picker .swiper-wrapper{display:flex!important;flex-wrap:nowrap;align-items:stretch;position:relative!important;width:100%!important;height:100%!important;z-index:1!important}.swiper-variant-picker .swiper-slide{padding:0 4px;width:108px;flex-shrink:0;display:block!important;height:auto!important;position:relative!important}.variant-swatch-slide{box-sizing:border-box}.variant-swatch-input{position:absolute;opacity:0;pointer-events:none}.variant-swatch-label{display:block;font:12px / 1.2 inherit;text-align:center;cursor:pointer;border-radius:8px;padding:4px 4px 8px;position:relative;border:1px solid transparent;transition:all .2s cubic-bezier(.4,0,.2,1);height:100%;box-sizing:border-box;background:#f9f7f4}.variant-swatch-label:hover{background:#f9f7f4;box-shadow:0 2px 8px #00000014}.variant-swatch-input:checked+.variant-swatch-label,.active-swatch .variant-swatch-label{border-color:#323232;background:#f9f7f4;min-height:var(--swatch-size, 40px)}.variant-swatch-input.disabled+.variant-swatch-label{opacity:.5;cursor:not-allowed}.variant-swatch-image{display:block;padding-top:76%;position:relative;border-radius:4px;overflow:hidden;margin-bottom:6px}.variant-swatch-label .swatch-color-display{position:absolute;top:0;left:0;width:100%;height:100%;background:var(--swatch-background);background-size:cover;background-position:center;transition:transform .3s ease}.variant-swatch-label:hover .swatch-color-display{transform:scale(1.05)}.variant-swatch-name{display:block;font-weight:300!important;word-break:break-word;min-height:auto;font-size:12px;line-height:normal;letter-spacing:0px;font-weight:600}.drawer-swatch-label{display:block;font:12px / 1.2 inherit;text-align:center;cursor:pointer;border-radius:8px;padding:4px 4px 8px;position:relative;border:1px solid transparent;transition:all .2s cubic-bezier(.4,0,.2,1);height:100%;box-sizing:border-box;background:#fff}.drawer-swatch-label:hover{background:#f8f8f8;transform:translateY(-2px);box-shadow:0 2px 8px #00000014}.drawer-swatch-input:checked+.drawer-swatch-label{border-color:#323232;background:#fff;box-shadow:0 0 0 1px #323232}.drawer-swatch-input:disabled+.drawer-swatch-label{opacity:.5;cursor:not-allowed}.drawer-swatch-input:disabled+.drawer-swatch-label:hover{transform:none;box-shadow:none;background:#fff}.drawer-swatch-image{display:block;padding-top:76%;position:relative;border-radius:4px;overflow:hidden;margin-bottom:6px}.drawer-swatch-image .swatch-color-display{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;transition:transform .3s ease}.drawer-swatch-label:hover .drawer-swatch-image .swatch-color-display{transform:scale(1.05)}.drawer-swatch-name{display:block;font-weight:500;word-break:break-word;min-height:2.4em}.swiper-controls-bottom{display:flex;align-items:center;gap:16px;margin-top:20px;padding:0;transition:opacity .2s ease}.swiper-scrollbar{position:relative!important;height:4px!important;background:#e5e5e5!important;border-radius:4px;flex:1;overflow:hidden;box-shadow:inset 0 1px 2px #0000000d}.swiper-scrollbar-drag{position:absolute;top:0;left:0;height:100%!important;background:#323232!important;border-radius:4px;transition:background .2s ease;cursor:grab}.swiper-scrollbar-drag:active{cursor:grabbing;background:#000!important}.swiper-navigation{display:flex;gap:8px;flex-shrink:0}.swiper-button-prev,.swiper-button-next{display:flex;align-items:center;justify-content:center;width:36px!important;height:36px!important;border-radius:8px;background:#f8f8f8;border:1px solid #e5e5e5;cursor:pointer;transition:all .2s ease;color:#323232;flex-shrink:0;padding:0}.swiper-button-prev:hover:not(.swiper-button-disabled),.swiper-button-next:hover:not(.swiper-button-disabled){background:#323232;border-color:#323232;color:#fff;transform:scale(1.05)}.swiper-button-prev:active:not(.swiper-button-disabled),.swiper-button-next:active:not(.swiper-button-disabled){transform:scale(.95)}.swiper-button-prev.swiper-button-disabled,.swiper-button-next.swiper-button-disabled{opacity:.3;cursor:not-allowed;background:#f8f8f8;border-color:#e5e5e5}.swiper-button-lock{display:none!important}.swiper-button-prev svg,.swiper-button-next svg{width:18px;height:18px;stroke-width:2.5}.variant-drawer{position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999;visibility:hidden;opacity:0;transition:visibility 0s .25s,opacity .25s ease}.variant-drawer.is-open,.variant-drawer.active{visibility:visible;opacity:1;transition:visibility 0s 0s,opacity .25s ease}.variant-drawer__overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#00000080;cursor:pointer;transition:background .25s ease}.variant-drawer__panel{position:absolute;top:0;right:0;bottom:0;width:100%;max-width:500px;background:#fff;box-shadow:-2px 0 16px #00000026;transform:translate(100%);transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column}.variant-drawer.is-open .variant-drawer__panel,.variant-drawer.active .variant-drawer__panel{transform:translate(0)}.variant-drawer__header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #e0e0e0;flex-shrink:0}.variant-drawer__title{font-size:18px;font-weight:500;margin:0;line-height:1.2}@media screen and (min-width:768px){.variant-drawer__title{font-size:20px}}.vp-drawer-close{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:0;background:#f8f8f8;cursor:pointer;color:#323232;transition:all .2s ease;border-radius:8px;padding:0!important}.vp-drawer-close:hover{background:#323232;color:#fff}.vp-drawer-close svg{width:30px;height:30px}.variant-drawer__content{flex:1;overflow-y:auto;padding:24px;-webkit-overflow-scrolling:touch}.drawer-accordion-group{margin-bottom:16px;border:none;border-radius:12px;overflow:hidden;transition:border-color .2s ease}.drawer-accordion-group:hover{border-color:#ccc}.drawer-accordion-heading{width:100%;display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:#fff;border:0;cursor:pointer;font-size:15px;font-weight:500;transition:background .2s ease;text-align:left}.drawer-accordion-heading:hover{background:#f8f8f8}.drawer-accordion-name{flex:1;line-height:1.2;font-size:14px!important}.drawer-accordion-icon{width:20px;height:20px;flex-shrink:0;margin-left:12px;transition:transform .3s cubic-bezier(.4,0,.2,1)}.drawer-accordion-group--open .drawer-accordion-icon{transform:rotate(180deg)}.drawer-accordion-content{max-height:0;overflow:hidden;transition:max-height .4s cubic-bezier(.4,0,.2,1)}.drawer-accordion-content--open{max-height:5000px}.drawer-swatches-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:20px}.drawer-swatch-item{position:relative}.drawer-swatch-input{position:absolute;opacity:0;pointer-events:none}@media screen and (max-width:767px){.variant-drawer__panel{max-width:100%}.swiper-variant-picker .swiper-slide{width:100px}.drawer-swatches-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:0!important}}.no-scroll{overflow:hidden!important}.variant-swatch-input:focus-visible+.variant-swatch-label,.drawer-swatch-input:focus-visible+.drawer-swatch-label{outline:2px solid #0066cc;outline-offset:2px}.option-view-all-btn:focus-visible,.drawer-accordion-heading:focus-visible,.vp-drawer-close:focus-visible,.swiper-button-prev:focus-visible,.swiper-button-next:focus-visible{outline:2px solid #0066cc;outline-offset:2px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.configuration-option__header{width:100%}
/*# sourceMappingURL=/cdn/shop/t/51/assets/variant-picker-slider.css.map */