but-swiper,but-swiper.but-swiper{display:flex;flex-direction:column;position:relative}but-swiper{--but-swiper-nav-gap: var(--fix-xs, .5rem);--but-swiper-pg-gap: var(--fix-xl, 1.25rem);--but-swiper-pg-ink: rgb(var(--color-normal-text-rgb, 0, 0, 0));--but-swiper-pg-ink-muted: rgba(var(--color-normal-text-rgb, 0, 0, 0), .25);--but-swiper-pg-track-size: 3px;--but-swiper-pg-bullet-width: 40px;--but-swiper-pg-progressbar-width: 20rem;--but-swiper-sb-track: rgba(var(--color-normal-text-rgb, 0, 0, 0), .15);--but-swiper-sb-thumb: rgb(var(--color-normal-text-rgb, 0, 0, 0));--but-swiper-sb-size: 3px}but-swiper>.swiper{order:2;width:100%}but-swiper:not(.is-swiper-ready) .swiper-wrapper{overflow:hidden}but-swiper .but-swiper__nav{order:0;z-index:3;display:none;align-items:center;justify-content:center;transition:opacity var(--duration-fast-01, .15s) var(--s-ease-e, ease)}@media(min-width:1025px){but-swiper .but-swiper__nav{display:inline-flex}}but-swiper .but-swiper__nav svg{width:1.25rem;height:1.25rem}but-swiper .but-swiper__nav.is-disabled,but-swiper .but-swiper__nav[disabled]{opacity:.35;pointer-events:none}but-swiper .but-swiper__nav.is-locked,but-swiper .but-swiper__nav.is-hidden{display:none}but-swiper.but-swiper--nav-inside>.but-swiper__nav{position:absolute;top:50%;transform:translateY(-50%)}but-swiper.but-swiper--nav-inside>.but-swiper__nav--prev{left:var(--but-swiper-nav-gap)}but-swiper.but-swiper--nav-inside>.but-swiper__nav--next{right:var(--but-swiper-nav-gap)}but-swiper.but-swiper--nav-outside{--but-swiper-nav-outside-gutter: 3.25rem}@media(min-width:1000px){but-swiper.but-swiper--nav-outside{padding-inline:var(--but-swiper-nav-outside-gutter)}but-swiper.but-swiper--nav-outside>.but-swiper__nav{position:absolute;top:50%;transform:translateY(-50%)}but-swiper.but-swiper--nav-outside>.but-swiper__nav--prev{left:0}but-swiper.but-swiper--nav-outside>.but-swiper__nav--next{right:0}}@media(max-width:999.98px){but-swiper.but-swiper--nav-outside>.but-swiper__nav{position:absolute;top:50%;transform:translateY(-50%)}but-swiper.but-swiper--nav-outside>.but-swiper__nav--prev{left:var(--but-swiper-nav-gap)}but-swiper.but-swiper--nav-outside>.but-swiper__nav--next{right:var(--but-swiper-nav-gap)}}but-swiper .but-swiper__pagination{position:static;display:flex;align-items:center;justify-content:center;gap:var(--fix-2xs, .375rem);z-index:3}but-swiper>.but-swiper__pagination{width:100%;margin-inline:auto}but-swiper.but-swiper--pg-outside.but-swiper--pg-bottom>.but-swiper__pagination{order:3;margin-top:var(--but-swiper-pg-gap)}but-swiper.but-swiper--pg-outside.but-swiper--pg-top>.but-swiper__pagination{order:1;margin-bottom:var(--but-swiper-pg-gap)}but-swiper.but-swiper--pg-inside>.but-swiper__pagination{position:absolute;left:50%;transform:translate(-50%);width:auto;max-width:90%}but-swiper.but-swiper--pg-inside.but-swiper--pg-bottom>.but-swiper__pagination{bottom:var(--fix-m, 1rem)}but-swiper.but-swiper--pg-inside.but-swiper--pg-top>.but-swiper__pagination{top:var(--fix-m, 1rem)}but-swiper .but-swiper__pagination--bullets .swiper-pagination-bullet{height:var(--but-swiper-pg-track-size);width:var(--but-swiper-pg-bullet-width);max-width:18vw;border-radius:var(--rad-0, 0);margin:0!important;background-color:var(--but-swiper-pg-ink-muted);opacity:1;transition:background-color var(--duration-fast-02, .15s) var(--s-ease-e, ease)}but-swiper .but-swiper__pagination--bullets .swiper-pagination-bullet-active{background-color:var(--but-swiper-pg-ink)}but-swiper .but-swiper__pagination--progressbar{--swiper-pagination-progressbar-size: var(--but-swiper-pg-track-size);position:relative;height:var(--but-swiper-pg-track-size);width:100%;max-width:var(--but-swiper-pg-progressbar-width);border-radius:var(--rad-0, 0);background:var(--swiper-pagination-progressbar-bg-color, var(--but-swiper-pg-ink-muted));overflow:hidden}but-swiper .but-swiper__pagination--progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color, var(--but-swiper-pg-ink));transition-timing-function:var(--s-ease-e, ease)}but-swiper.but-swiper--pg-inside .but-swiper__pagination--progressbar{max-width:40%}but-swiper .but-swiper__pagination--fraction{font-size:var(--font-body-menu-item-small, .875rem);color:var(--but-swiper-pg-ink);letter-spacing:.02em;font-variant-numeric:tabular-nums;gap:var(--fix-3xs, .25rem)}but-swiper.but-swiper--pg-inside{--but-swiper-pg-ink: #fff;--but-swiper-pg-ink-muted: rgba(255, 255, 255, .5)}but-swiper.but-swiper--sb{--swiper-scrollbar-size: var(--but-swiper-sb-size);--swiper-scrollbar-border-radius: var(--rad-0, 0);--swiper-scrollbar-sides-offset: 0%;--swiper-scrollbar-bg-color: var(--but-swiper-sb-track);--swiper-scrollbar-drag-bg-color: var(--but-swiper-sb-thumb)}but-swiper.but-swiper--sb-inside{--but-swiper-sb-inset: var(--fix-xs, .5rem)}but-swiper.but-swiper--sb-inside.but-swiper--sb-bottom{--swiper-scrollbar-bottom: var(--but-swiper-sb-inset);--swiper-scrollbar-top: auto}but-swiper.but-swiper--sb-inside.but-swiper--sb-top{--swiper-scrollbar-bottom: auto;--swiper-scrollbar-top: var(--but-swiper-sb-inset)}but-swiper.but-swiper--sb-outside>.but-swiper__scrollbar{position:static;width:100%}but-swiper.but-swiper--sb-outside.but-swiper--sb-bottom>.but-swiper__scrollbar{order:4;margin-top:var(--but-swiper-pg-gap)}but-swiper.but-swiper--sb-outside.but-swiper--sb-top>.but-swiper__scrollbar{order:1;margin-bottom:var(--but-swiper-pg-gap)}but-swiper .but-swiper__scrollbar.is-locked{display:none}but-swiper .but-swiper__autoplay{order:0;z-index:3;display:inline-flex;align-items:center;justify-content:center}but-swiper .but-swiper__autoplay .but-swiper__autoplay-play{display:none}but-swiper .but-swiper__autoplay:not(.is-playing) .but-swiper__autoplay-play{display:inline-flex}but-swiper .but-swiper__autoplay:not(.is-playing) .but-swiper__autoplay-pause{display:none}but-swiper.but-swiper--off .but-swiper__nav,but-swiper.but-swiper--off .but-swiper__pagination,but-swiper.but-swiper--off .but-swiper__scrollbar,but-swiper.but-swiper--off .but-swiper__autoplay{display:none}but-swiper .swiper-fade .swiper-slide,but-swiper .swiper-cube .swiper-slide,but-swiper .swiper-flip .swiper-slide,but-swiper .swiper-cards .swiper-slide{pointer-events:none}but-swiper .swiper-fade .swiper-slide-active,but-swiper .swiper-cube .swiper-slide-active,but-swiper .swiper-flip .swiper-slide-active,but-swiper .swiper-cards .swiper-slide-active{pointer-events:auto}.carousel-skeleton{display:none;--skeleton-base: rgba(var(--color-normal-text-rgb, 0, 0, 0), .08);--skeleton-sheen: rgba(var(--color-background-rgb, 255, 255, 255), .75);--skeleton-radius: .25rem;--skeleton-duration: 1.6s}[data-loading-state=loading]>.carousel-skeleton{display:block}.carousel-skeleton__track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - (var(--skeleton-gap-mobile, 16px) * (var(--skeleton-columns-mobile, 2) - 1))) / var(--skeleton-columns-mobile, 2));gap:var(--skeleton-gap-mobile, 16px);overflow:hidden}@media(min-width:768px){.carousel-skeleton__track{grid-auto-columns:calc((100% - (var(--skeleton-gap, 24px) * (var(--skeleton-columns, 4) - 1))) / var(--skeleton-columns, 4));gap:var(--skeleton-gap, 24px)}}.carousel-skeleton__card{display:flex;flex-direction:column}.carousel-skeleton__media{aspect-ratio:var(--ratio, 1/1);width:100%}.carousel-skeleton__text{display:flex;flex-direction:column;gap:var(--fix-2xs, .5rem);margin-top:var(--fix-s, .75rem)}.carousel-skeleton__bar{display:block;height:.75rem;border-radius:var(--skeleton-radius)}.carousel-skeleton__bar--vendor{width:35%}.carousel-skeleton__bar--title{width:80%;height:1rem}.carousel-skeleton__bar--price{width:25%}.carousel-skeleton__bar--heading{width:14rem;max-width:60%;height:1.75rem}.carousel-skeleton__media,.carousel-skeleton__bar{background-color:var(--skeleton-base);background-image:linear-gradient(100deg,transparent 30%,var(--skeleton-sheen) 50%,transparent 70%);background-size:200% 100%;background-repeat:no-repeat;animation:but-skeleton-shimmer var(--skeleton-duration) linear infinite;animation-delay:calc(var(--skeleton-index, 0) * .12s)}@keyframes but-skeleton-shimmer{0%{background-position:150% 0}to{background-position:-50% 0}}[data-loading-state=loaded] .swiper-slide>*,[data-loading-state=loaded] .list__item>*{animation:but-card-reveal var(--duration-slow-02, .5s) var(--e-ease-e, ease-out) both}[data-loading-state=loaded] .section__header{animation:but-card-reveal var(--duration-slow-01, .4s) var(--e-ease-e, ease-out) both}[data-loading-state=loaded] .swiper-slide:nth-child(1)>*,[data-loading-state=loaded] .list__item:nth-child(1)>*{animation-delay:.06s}[data-loading-state=loaded] .swiper-slide:nth-child(2)>*,[data-loading-state=loaded] .list__item:nth-child(2)>*{animation-delay:.12s}[data-loading-state=loaded] .swiper-slide:nth-child(3)>*,[data-loading-state=loaded] .list__item:nth-child(3)>*{animation-delay:.18s}[data-loading-state=loaded] .swiper-slide:nth-child(4)>*,[data-loading-state=loaded] .list__item:nth-child(4)>*{animation-delay:.24s}[data-loading-state=loaded] .swiper-slide:nth-child(n+5)>*,[data-loading-state=loaded] .list__item:nth-child(n+5)>*{animation-delay:.3s}@keyframes but-card-reveal{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.carousel-skeleton__media,.carousel-skeleton__bar,[data-loading-state=loaded] .swiper-slide>*,[data-loading-state=loaded] .list__item>*,[data-loading-state=loaded] .section__header{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/carousel.css.map */