@layer code-components{.swiper{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.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:9999px;border-width:1px;color:var(--color-black);display:-webkit-box;display:-ms-flexbox;display:flex;height:2.5rem;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:2.5rem}.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)) skew(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)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.swiper-button-next--tp,.swiper-button-prev--tp{margin-top:0;position:relative}.swiper-button-next--tp:not(.swiper-button-lock),.swiper-button-prev--tp:not(.swiper-button-lock){background-color:transparent;border-color:var(--color-black);-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)}.swiper-button-next--tp:not(.swiper-button-lock):hover:not([disabled]),.swiper-button-prev--tp:not(.swiper-button-lock):hover:not([disabled]){background-color:var(--color-black);color:var(--color-white)}.swiper-button-next--tp:not(.swiper-button-lock).swiper-button-disabled,.swiper-button-prev--tp:not(.swiper-button-lock).swiper-button-disabled{opacity:.5}.swiper-button-next--recom,.swiper-button-next--sub,.swiper-button-prev--recom,.swiper-button-prev--sub{background-color:transparent;border-style:none;height:auto;opacity:0;padding:.5rem;position:absolute;top:calc(50% - 2rem);width:auto;z-index:50}.swiper-button-next--recom:not(.swiper-button-lock),.swiper-button-next--sub:not(.swiper-button-lock),.swiper-button-prev--recom:not(.swiper-button-lock),.swiper-button-prev--sub:not(.swiper-button-lock){background-color:transparent;border-style:none;height:auto;opacity:1;padding:.5rem;position:absolute;top:calc(50% - 2rem);-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:auto;z-index:50}.swiper-button-next--recom:not(.swiper-button-lock):hover:not([disabled]),.swiper-button-next--sub:not(.swiper-button-lock):hover:not([disabled]),.swiper-button-prev--recom:not(.swiper-button-lock):hover:not([disabled]),.swiper-button-prev--sub:not(.swiper-button-lock):hover:not([disabled]){color:var(--color-primary)}.swiper-button-next--recom:not(.swiper-button-lock):hover:not([disabled]) .icon,.swiper-button-next--sub:not(.swiper-button-lock):hover:not([disabled]) .icon,.swiper-button-prev--recom:not(.swiper-button-lock):hover:not([disabled]) .icon,.swiper-button-prev--sub:not(.swiper-button-lock):hover:not([disabled]) .icon{--tw-scale-x:1;--tw-scale-y: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)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.swiper-button-next--recom:not(.swiper-button-lock).swiper-button-disabled,.swiper-button-next--sub:not(.swiper-button-lock).swiper-button-disabled,.swiper-button-prev--recom:not(.swiper-button-lock).swiper-button-disabled,.swiper-button-prev--sub:not(.swiper-button-lock).swiper-button-disabled{opacity:0}.swiper-button-next--recom svg path,.swiper-button-next--sub svg path,.swiper-button-prev--recom svg path,.swiper-button-prev--sub svg path{stroke-width:.5}.swiper-button-next--sub:not(.swiper-button-lock),.swiper-button-prev--sub:not(.swiper-button-lock){height:100%;margin:0;top:0}.swiper-button-next--sub:not(.swiper-button-lock).swiper-button-prev,.swiper-button-prev--sub:not(.swiper-button-lock).swiper-button-prev{left:0}.swiper-button-next--sub:not(.swiper-button-lock).swiper-button-next,.swiper-button-prev--sub:not(.swiper-button-lock).swiper-button-next{right:0}.swiper-button-next--fade,.swiper-button-prev--fade{background-color:transparent;border-style:none;height:100%;margin-top:0;opacity:0;padding-bottom:0;padding-top:0;position:absolute;top:0;width:auto;z-index:50}.swiper-button-next--fade .swiper-button-next__bg,.swiper-button-next--fade .swiper-button-prev__bg,.swiper-button-prev--fade .swiper-button-next__bg,.swiper-button-prev--fade .swiper-button-prev__bg{background-image:-webkit-gradient(linear,left top,right top,from(#f7f3ed),color-stop(100%,hsla(36,38%,95%,0)),to(hsla(36,38%,95%,0)));background-image:linear-gradient(90deg,#f7f3ed,#f7f3ed00 100% 0);display:block;height:100%;left:0;position:absolute;top:0;width:100%;z-index:-10}.swiper-button-next--fade:not(.swiper-button-lock),.swiper-button-prev--fade:not(.swiper-button-lock){background-color:transparent;border-style:none;height:100%;margin-top:0;opacity:1;padding-bottom:0;padding-top:0;position:absolute;top: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:auto;z-index:50}.swiper-button-next--fade:not(.swiper-button-lock):hover:not([disabled]),.swiper-button-prev--fade:not(.swiper-button-lock):hover:not([disabled]){color:var(--color-primary)}.swiper-button-next--fade:not(.swiper-button-lock):hover:not([disabled]) .icon,.swiper-button-prev--fade:not(.swiper-button-lock):hover:not([disabled]) .icon{--tw-scale-x:1;--tw-scale-y: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)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.swiper-button-next--fade:not(.swiper-button-lock).swiper-button-disabled,.swiper-button-prev--fade:not(.swiper-button-lock).swiper-button-disabled{opacity:0}.swiper-button-next--fade svg path,.swiper-button-prev--fade svg path{stroke-width:.5}.swiper-button-prev{left:var(--site-side-spacing)}.swiper-button-prev--fade,.swiper-button-prev--recom{left:calc(var(--site-side-spacing)*-1)}.swiper-button-prev--fade>.swiper-button-prev__bg{background-image:-webkit-gradient(linear,left top,right top,from(#f7f3ed),color-stop(100%,hsla(36,38%,95%,0)),to(hsla(36,38%,95%,0)));background-image:linear-gradient(90deg,#f7f3ed,#f7f3ed00 100% 0)}.swiper-button-next{right:var(--site-side-spacing)}.swiper-button-next--fade,.swiper-button-next--recom{right:calc(var(--site-side-spacing)*-1)}.swiper-button-next--fade>.swiper-button-next__bg{background-image:-webkit-gradient(linear,right top,left top,from(#f7f3ed),color-stop(100%,hsla(36,38%,95%,0)),to(hsla(36,38%,95%,0)));background-image:linear-gradient(270deg,#f7f3ed,#f7f3ed00 100% 0)}.swiper-scrollbar{background-color:var(--color-accent)}.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(--color-black-50)}.swiper-pagination{--swiper-pagination-color:var(--color-black);--swiper-pagination-bullet-size:4px;--swiper-pagination-bullet-inactive-color:var(--color-black-30);--swiper-pagination-bullet-inactive-color:#c0baba;--swiper-pagination-bullet-inactive-opacity:1;position:static}.swiper-pagination-bullet{margin-top:.75rem}.swiper-pagination-bullet[\:has\(\%2B\%20\.swiper-pagination-bullet-active\)]{--swiper-pagination-bullet-size:5px}.swiper-pagination-bullet:has(+.swiper-pagination-bullet-active){--swiper-pagination-bullet-size:5px}.swiper-pagination-bullet-active{--swiper-pagination-bullet-size:6px}.swiper-pagination-bullet-active+.swiper-pagination-bullet{--swiper-pagination-bullet-size:5px}.swiper-pagination-bullet.button{--swiper-pagination-bullet-inactive-opacity:1;border:1px solid transparent;height:auto;width:auto}.swiper-pagination-bullet.button.swiper-pagination-bullet-active{border-color:var(--color-primary);color:var(--color-primary)}}
/*# sourceMappingURL=/cdn/shop/t/54/assets/component-swiper.css.map */