[data-swiper]{--customizer-swatch-gap: 12px;--customizer-swatch-slide-size: 7.2rem;position:relative;z-index:0;isolation:isolate;padding-inline:44px}@media screen and (max-width:480px){[data-swiper]{--customizer-swatch-gap: 10px}}[data-swiper]>[data-swiper-prev],[data-swiper]>[data-swiper-next]{position:absolute;top:35%;transform:translateY(-50%);width:36px;height:36px;border:var(--buttons-border-width) solid rgb(var(--color-foreground));border-radius:50%;background:rgb(var(--color-foreground));cursor:pointer;display:flex;align-items:center;justify-content:center;transition:border-color .2s ease,background-color .2s ease,transform .15s ease;z-index:2;color:rgb(var(--color-background));-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;user-select:none;-webkit-user-select:none}[data-swiper]>[data-swiper-prev]{left:0}[data-swiper]>[data-swiper-next]{right:0}[data-swiper]>[data-swiper-prev]:hover:not(:disabled),[data-swiper]>[data-swiper-next]:hover:not(:disabled){border-color:rgb(var(--color-foreground));background:rgba(var(--color-foreground),.85)}[data-swiper]>[data-swiper-prev]:active:not(:disabled),[data-swiper]>[data-swiper-next]:active:not(:disabled){transform:translateY(-50%) scale(.92)}[data-swiper]>[data-swiper-prev]:disabled,[data-swiper]>[data-swiper-next]:disabled{opacity:.35;cursor:not-allowed}[data-swiper]>[data-swiper-prev] svg,[data-swiper]>[data-swiper-next] svg{width:18px;height:18px;stroke:currentColor;stroke-width:2;pointer-events:none}[data-swiper]>:is(.wheel-swiper__container,.dashboard-swiper__container,.airbag-swiper__container){overflow-x:auto;overflow-y:hidden;position:relative;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scroll-behavior:smooth;scroll-snap-type:x proximity;touch-action:pan-x pan-y pinch-zoom}[data-swiper]>:is(.wheel-swiper__container,.dashboard-swiper__container,.airbag-swiper__container)::-webkit-scrollbar{display:none}[data-swiper-track]{display:flex;gap:var(--customizer-swatch-gap);width:max-content;min-width:100%;transform:none!important;transition:none!important;will-change:auto!important;padding-bottom:.1rem}[data-swiper-slide]{flex:0 0 var(--customizer-swatch-slide-size);width:var(--customizer-swatch-slide-size);min-width:0;scroll-snap-align:start;scroll-snap-stop:always;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}[data-swiper] [class$=__label-wrapper]{display:flex;flex-direction:column;align-items:center;cursor:pointer;position:relative;padding:4px 0;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;touch-action:manipulation}[data-swiper] [class$=__input]{position:absolute;opacity:0;width:0;height:0;pointer-events:none}[data-swiper] [class$=__swatch]{inline-size:var(--customizer-swatch-slide-size);block-size:var(--customizer-swatch-slide-size);display:block;position:relative;border-radius:50%;border:3px solid rgba(var(--color-foreground),.9);transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease;background:transparent;box-sizing:border-box;overflow:hidden;flex-shrink:0}[data-swiper] [class$=__label-wrapper]:hover [class$=__swatch]{border-color:rgb(var(--color-button))}[data-swiper] [class$=__input]:checked+[class$=__swatch]{border-color:rgb(var(--color-button));box-shadow:none}[data-swiper] [class$=__label-wrapper]:focus-within [class$=__swatch],[data-swiper] [class$=__label-wrapper]:active [class$=__swatch]{border-color:rgb(var(--color-button))}[data-swiper] [class$=__image]{width:100%;height:100%;margin:0;object-fit:cover;border-radius:50%;background:linear-gradient(135deg,#f0f0f0,#e8e8e8);display:block;-webkit-user-drag:none;user-select:none;-webkit-user-select:none}[data-swiper] [class$=__name]{font-size:calc(var(--font-body-scale) * 1.3rem);text-align:center;margin-top:.5rem;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:rgba(var(--color-foreground),.85);width:100%;user-select:none;-webkit-user-select:none}[data-swiper] [class$=__preview]{display:none}.customizer-swatch-preview{position:fixed;width:18.8rem;transform:translate(-50%) scale(.96);opacity:0;visibility:hidden;transition:opacity .18s ease,transform .18s ease,visibility .18s ease;z-index:3;pointer-events:none}.customizer-swatch-preview.is-visible{opacity:1;visibility:visible;transform:translate(-50%) scale(1)}.customizer-swatch-preview__frame{position:relative;padding:.4rem;border-radius:0;background:rgb(var(--color-button));box-shadow:0 1.8rem 4rem #0000002e}.customizer-swatch-preview__frame:after{content:"";position:absolute;left:50%;bottom:-.9rem;width:0;height:0;margin-left:-.9rem;border-left:.9rem solid transparent;border-right:.9rem solid transparent;border-top:.9rem solid rgb(var(--color-button))}.customizer-swatch-preview.is-below .customizer-swatch-preview__frame:after{top:-.9rem;bottom:auto;border-top:0;border-bottom:.9rem solid rgb(var(--color-button))}.customizer-swatch-preview__frame img,.customizer-swatch-preview__color{display:block;width:100%;border-radius:0}.customizer-swatch-preview__frame img{aspect-ratio:1 / 1;object-fit:cover}.customizer-swatch-preview__color{aspect-ratio:1 / 1}@media screen and (max-width:749px){.customizer-swatch-preview{width:15.6rem}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/customizer-swatch-rail.css.map */