@layer code-components{.swiper{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.swiper-button-disabled{pointer-events:auto}.swiper-button-next:not(.swiper-button-lock),.swiper-button-prev:not(.swiper-button-lock){-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background-color:var(--color-white);border-color:var(--border-color-default);border-radius:.5rem;border-width:1px;color:var(--color-black);display:-webkit-box;display:-ms-flexbox;display:flex;height:2rem;justify-content:center;padding:0;-webkit-transition-duration:.15s;transition-duration:.15s;-webkit-transition-property:color,background-color,border-color,fill,stroke,-webkit-text-decoration-color;transition-property:color,background-color,border-color,fill,stroke,-webkit-text-decoration-color;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,-webkit-text-decoration-color;-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1);width:2rem}.swiper-button-next:not(.swiper-button-lock):after,.swiper-button-prev:not(.swiper-button-lock):after{--tw-scale-x:1;--tw-scale-y:1;display:none;-webkit-transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));-ms-transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.swiper-button-next:not(.swiper-button-lock):focus:not([disabled]),.swiper-button-next:not(.swiper-button-lock):hover:not([disabled]),.swiper-button-prev:not(.swiper-button-lock):focus:not([disabled]),.swiper-button-prev:not(.swiper-button-lock):hover:not([disabled]){border-color:var(--color-black);color:var(--color-black)}.swiper-button-next:not(.swiper-button-lock):focus:not([disabled]) .icon,.swiper-button-next:not(.swiper-button-lock):hover:not([disabled]) .icon,.swiper-button-prev:not(.swiper-button-lock):focus:not([disabled]) .icon,.swiper-button-prev:not(.swiper-button-lock):hover:not([disabled]) .icon{--tw-scale-x:1.1;--tw-scale-y:1.1;-webkit-transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));-ms-transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.swiper-button-prev{left:var(--site-side-spacing)}.swiper-button-next{right:var(--site-side-spacing)}.swiper-scrollbar-active{padding-bottom:3rem}.swiper-scrollbar-active[\:has\(\.swiper-scrollbar-lock\)]{padding-bottom:0}.swiper-scrollbar-active:has(.swiper-scrollbar-lock){padding-bottom:0}.swiper-scrollbar-drag{background-color:var(--swiper-theme-color)}.swiper-pagination{min-height:1.7rem}.swiper-pagination-active{padding-bottom:3rem}.swiper-pagination-active[\:has\(\.swiper-pagination-lock\)]{padding-bottom:0}.swiper-pagination-active:has(.swiper-pagination-lock){padding-bottom:0}.swiper-pagination-bullet{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);background-color:var(--color-white);border-radius:9999px;-webkit-box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),0 0 rgba(0,0,0,0);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),0 0 rgba(0,0,0,0);-webkit-box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 rgba(0,0,0,0));box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 rgba(0,0,0,0));height:.375rem;margin-left:.15625rem;margin-right:.15625rem;opacity:1;-webkit-transition-duration:.15s;transition-duration:.15s;-webkit-transition-property:all;transition-property:all;-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1);width:.375rem}.swiper-pagination-bullet,.swiper-pagination-bullet-active{--tw-ring-color:var(--color-black)}.swiper-pagination-bullet-active{background-color:var(--color-black);height:.5rem;width:.5rem}}.product-media-slider__slider .swiper-pagination-bullet{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color);-webkit-box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),0 0 rgba(0,0,0,0);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),0 0 rgba(0,0,0,0);-webkit-box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 rgba(0,0,0,0));box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 rgba(0,0,0,0));cursor:pointer;display:block;height:.5rem;margin:0;width:.5rem}.product-media-slider__slider .swiper-pagination-bullet-active{background-color:var(--color-primary);width:1rem}