fluid-carousel{display:flex;flex-direction:column;position:relative;width:100%;container:fluid-carousel / inline-size;transition:opacity var(--animation-speed-slow, .75s) ease-out;opacity:1;--fluid-carousel-card-v: end;--fluid-carousel-card-h: center;--fluid-carousel-card-offset: 3rem;--fluid-carousel-content-width: 32em}fluid-carousel:not(.initialized){opacity:0}fluid-carousel .fluid-carousel-viewport{overflow:hidden;position:relative;touch-action:pan-y;-webkit-user-select:none;user-select:none}fluid-carousel.is-dragging .fluid-carousel-track{transition:none}@media(min-width:38.001em){fluid-carousel.gradient-sides{--fluid-carousel-gradient-width: 15%}fluid-carousel.gradient-sides .fluid-carousel-viewport:before,fluid-carousel.gradient-sides .fluid-carousel-viewport:after{content:"";position:absolute;z-index:1;top:0;bottom:0;width:var(--fluid-carousel-gradient-width);pointer-events:none}fluid-carousel.gradient-sides .fluid-carousel-viewport:before{left:0;background:linear-gradient(to right,var(--scheme-background-color),transparent)}fluid-carousel.gradient-sides .fluid-carousel-viewport:after{right:0;background:linear-gradient(to left,var(--scheme-background-color),transparent)}}@media(max-width:38em){fluid-carousel.small--gradient-sides{--fluid-carousel-gradient-width: 15%}fluid-carousel.small--gradient-sides .fluid-carousel-viewport:before,fluid-carousel.gradient-sides .fluid-carousel-viewport:after{content:"";position:absolute;z-index:1;top:0;bottom:0;width:var(--fluid-carousel-gradient-width);pointer-events:none}fluid-carousel.small--gradient-sides .fluid-carousel-viewport:before{left:0;background:linear-gradient(to right,var(--scheme-background-color),transparent)}fluid-carousel.small--gradient-sides .fluid-carousel-viewport:after{right:0;background:linear-gradient(to left,var(--scheme-background-color),transparent)}}fluid-carousel .fluid-carousel-track{display:flex;align-items:center;gap:var(--fluid-carousel-gap);position:relative;left:50%;width:max-content;--fluid-carousel-center: var(--fluid-carousel-expanded);transform:translate(calc(var(--fluid-carousel-drag, 0px) - (var(--fluid-carousel-index) * (var(--fluid-carousel-collapsed) + var(--fluid-carousel-gap)) + var(--fluid-carousel-center) / 2)));transition:transform var(--fluid-carousel-phase-speed) ease}fluid-carousel .fluid-carousel-slide{flex:none;width:var(--fluid-carousel-collapsed);height:var(--fluid-carousel-height);border-radius:var(--fluid-carousel-radius);overflow:hidden;transition:width var(--fluid-carousel-phase-speed) ease;display:grid}fluid-carousel[data-phase=collapse]{--fluid-carousel-phase-speed: var(--fluid-carousel-stepped-collapse-speed)}fluid-carousel[data-phase=expand]{--fluid-carousel-phase-speed: var(--fluid-carousel-stepped-expand-speed)}fluid-carousel[data-animation-type=parallel] .fluid-carousel-track{transition-duration:var(--fluid-carousel-parallel-move-speed)}fluid-carousel[data-animation-type=parallel] .fluid-carousel-slide{transition-duration:var(--fluid-carousel-parallel-collapse-speed)}fluid-carousel[data-animation-type=parallel] .fluid-carousel-slide.is-active{transition-duration:var(--fluid-carousel-parallel-expand-speed)}fluid-carousel.is-moving .fluid-carousel-track{--fluid-carousel-center: var(--fluid-carousel-collapsed)}fluid-carousel:not(.is-moving) .fluid-carousel-slide.is-active{width:var(--fluid-carousel-expanded)}fluid-carousel .fluid-carousel-media{grid-area:1 / 1;position:relative;overflow:hidden}fluid-carousel .fluid-carousel-media .media-wrap{position:absolute;top:0;right:0;bottom:0;left:0}fluid-carousel .fluid-carousel-media .media{display:block;width:100%;height:100%;object-fit:cover}fluid-carousel .fluid-carousel-media>.media,fluid-carousel .fluid-carousel-media .media-wrap>.media{position:absolute;top:0;left:50%;width:var(--fluid-carousel-expanded);max-width:none;height:100%;translate:-50% 0}fluid-carousel .fluid-carousel-media .controls{position:absolute;top:0;right:0;z-index:3;padding:1em}fluid-carousel .fluid-carousel-content{grid-area:1 / 1;justify-self:center;margin:var(--fluid-carousel-card-offset);width:min(var(--fluid-carousel-content-width),var(--fluid-carousel-expanded) - 2 * var(--fluid-carousel-card-offset));box-sizing:border-box;position:relative}fluid-carousel .fluid-carousel-text{align-self:start;display:flex;flex-direction:column;align-items:center;gap:.5em;text-align:center}fluid-carousel .fluid-carousel-text>*{margin:0}fluid-carousel .fluid-carousel-product-card{align-self:var(--fluid-carousel-card-v);justify-self:var(--fluid-carousel-card-h);width:auto;max-width:min(50cqw,100% - 2 * var(--fluid-carousel-card-offset));padding:1em;border-radius:calc(var(--fluid-carousel-radius) / 2)}fluid-carousel .fluid-carousel-product-card .item-info{padding-left:1em;text-align:left}fluid-carousel .fluid-carousel-product-card .img-wrap{position:relative;width:8em;height:8em;border-radius:calc(var(--fluid-carousel-radius) / 2)}fluid-carousel .fluid-carousel-product-card .img-wrap .img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}fluid-carousel .fluid-carousel-product-card .btn{font-size:.85em;padding:.85em 1.25em}fluid-carousel .fluid-carousel-prev,fluid-carousel .fluid-carousel-next{position:absolute;z-index:2;top:50%;translate:0 -50%;cursor:pointer}fluid-carousel .fluid-carousel-prev{left:.5rem}fluid-carousel .fluid-carousel-next{right:.5rem}fluid-carousel.fluid-carousel-no-anim .fluid-carousel-track,fluid-carousel.fluid-carousel-no-anim .fluid-carousel-slide{transition:none}@media(prefers-reduced-motion:reduce){fluid-carousel .fluid-carousel-track,fluid-carousel .fluid-carousel-slide{transition:none}}fluid-carousel:not([data-autoplay=true]) .fluid-carousel-progress{display:none}fluid-carousel .fluid-carousel-progress{order:1;display:flex;align-items:center;gap:.75em;margin-top:var(--fluid-carousel-gap);padding:0 var(--container-padding)}fluid-carousel .fluid-carousel-progress-bar{flex:1;position:relative;height:1px;overflow:hidden;background:var(--scheme-fields-border-color)}fluid-carousel .fluid-carousel-progress-bar:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--scheme-text-color);transform:scaleX(0);transform-origin:left}fluid-carousel.is-autoplaying .fluid-carousel-progress-bar:after{animation:fluid-carousel-progress var(--fluid-carousel-autoplay-speed) linear forwards}fluid-carousel.is-autoplay-paused .fluid-carousel-progress-bar:after{animation-play-state:paused}@keyframes fluid-carousel-progress{to{transform:scaleX(1)}}fluid-carousel .fluid-carousel-play-pause{flex:none;display:flex;padding:.25em;border:0;background:none;color:var(--fluid-carousel-progress-color);cursor:pointer}fluid-carousel .fluid-carousel-play-pause .icon-play,fluid-carousel.is-autoplay-stopped .fluid-carousel-play-pause .icon-pause{display:none}fluid-carousel.is-autoplay-stopped .fluid-carousel-play-pause .icon-play{display:block}@media(max-width:38em){fluid-carousel .fluid-carousel-product-card{max-width:90%}}
/*# sourceMappingURL=/cdn/shop/t/221/assets/fluid_carousel.css.map */