.media__control-button,.media__sound-button{--color-white: 255, 255, 255;--color-black: 0, 0, 0;padding:0;-webkit-appearance:none;appearance:none;display:none;width:4rem;height:4rem;border-radius:.8rem;border:none;background:rgba(var(--color-black),.25);color:rgba(var(--color-white),1);position:absolute;top:initial!important;left:initial!important;bottom:1.6rem!important;right:1.6rem!important;z-index:var(--z-index-flat, 1);cursor:pointer}.media__control-button:hover,.media__sound-button:hover,.video-media-controls__button:hover{--color-white: 255, 255, 255;--color-black: 0, 0, 0;background:rgba(var(--color-black),1);color:rgba(var(--color-white),1)}.media__control-button:before,.media__sound-button:before{content:"";position:absolute;top:-.5rem;right:-.5rem;bottom:-.5rem;left:-.5rem}video-media[loaded] .media__control-button,video-media[loaded] .media__sound-button{display:flex;justify-content:center;align-items:center}.media__control-button .media__icon-play,.media__control-button .media__icon-pause,.media__sound-button .media__icon-muted,.media__sound-button .media__icon-unmuted{line-height:var(--line-height-base, 0)}.media__control-button .icon,.media__sound-button .icon{width:2.4rem;height:2.4rem}.media__control-button.is-play .media__icon-pause,.media__control-button.is-pause .media__icon-play,.media__sound-button.is-muted .media__icon-unmuted,.media__sound-button.is-unmuted .media__icon-muted{display:block}.media__control-button.is-play .media__icon-play,.media__control-button.is-pause .media__icon-pause,.media__sound-button.is-muted .media__icon-muted,.media__sound-button.is-unmuted .media__icon-unmuted{display:none}.media__poster{-webkit-appearance:none;appearance:none;position:absolute;top:0;left:0;width:100%;height:100%;background:transparent;color:currentColor;border:none;padding:0;cursor:pointer}.media__poster:before{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(0deg,#0003 0% 100%);z-index:var(--z-index-flat, 1)}.media__poster--transparent:before{background:transparent}.media__poster>img,.media__poster>.placeholder-svg{position:absolute;top:0;left:0;height:100%;width:100%;max-width:100%;object-fit:cover;object-position:center center}.media__poster-play{--svg-size: 4.8rem;position:absolute;top:50%;left:50%;z-index:var(--z-index-flat, 1);transform:translate(-50%,-50%)}.media__poster:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:var(--z-index-flat, 1);outline-offset:-.3rem}.media__poster:focus:after{box-shadow:0 0 0 .3rem rgb(var(--color-background)),0 0 .5rem .4rem rgba(var(--color-shadow),.3);outline:.2rem solid rgba(var(--color-foreground),.5)}.media__poster:focus-visible:after{box-shadow:0 0 0 .3rem rgb(var(--color-background)),0 0 .5rem .4rem rgba(var(--color-shadow),.3);outline:.2rem solid rgba(var(--color-foreground),.5)}.media__poster:focus:not(:focus-visible):after{box-shadow:none;outline:0}.media__poster:focus{box-shadow:none;outline:0}.media:not([loaded])>template{z-index:var(--z-index-lowest, -1)}.media[loaded]>.media__poster,.media[loaded]~.poster__button{display:none}.video-media-controls{bottom:1.6rem;right:1.6rem;z-index:var(--z-index-flat, 1)}.video-media-controls__button{width:4rem;height:4rem;border-radius:.8rem;border:none;background:rgba(var(--color-black),.25);color:rgba(var(--color-white),1)}.video-media-controls__button:before{content:"";position:absolute;top:-.5rem;right:-.5rem;bottom:-.5rem;left:-.5rem}.video-media-controls__button .media__icon-play,.video-media-controls__button .media__icon-pause{line-height:var(--line-height-base, 0)}.video-media-controls__button .icon{width:2.4rem;height:2.4rem}.video-media-controls__button.is-play .media__icon-pause,.video-media-controls__button.is-pause .media__icon-play{display:block}.video-media-controls__button.is-play .media__icon-play,.video-media-controls__button.is-pause .media__icon-pause{display:none}.section__video-reels .video-container{--border-radius: 2.4rem;border-radius:var(--border-radius);aspect-ratio:.6}.section__video-reels .video-container+.product-card-wrapper{margin-top:1.6rem}.section__video-reels .video-reel-card-wrapper{border-radius:var(--border-radius);height:80%;transition:height var(--duration-default) ease-in-out}.section__video-reels .swiper-slide-active .video-reel-card-wrapper{height:100%}.section__video-reels .video-reel-card-wrapper>.card,.section__video-reels .video-reel-card-wrapper>.card :is(.card__inner,.card__media,.media-wrapper,.media){height:100%}.section__video-reels .video-reel-card-wrapper .media__poster{display:block;pointer-events:none}.section__video-reels .video-reel-card-wrapper video{background:transparent}.section__video-reels .swiper-wrapper{padding-bottom:3rem}@media screen and (max-width:749px){.section__video-reels .swiper-android.swiper{padding:0 40px}.section__video-reels .swiper-ios .swiper-wrapper .swiper-slide{height:153vw}.section__video-reels .video-container+.product-card-wrapper{height:auto}}@media screen and (min-width:750px){.section__video-reels .swiper-wrapper{padding-bottom:3.2rem}.section__video-reels .video-container+.product-card-wrapper{margin-top:.8rem}}.section__video-reels .media__control-button{top:1.6rem!important;left:1.6rem!important;bottom:auto;right:auto}.section__video-reels .swiper-slide:not(.swiper-slide-active) .media__control-button,.section__video-reels .swiper-slide:not(.swiper-slide-active) .media__sound-button{opacity:0;transform:scaleX(0);transition:var(--duration-default) ease-out;transition-property:scale,opacity}.section__video-reels .swiper-slide.swiper-slide-active .media__control-button,.section__video-reels .swiper-slide.swiper-slide-active .media__sound-button{opacity:1;transform:scaleX(1)}.section__video-reels .product-card-wrapper{opacity:0;pointer-events:none;transition:opacity var(--duration-default) ease-out}.section__video-reels .swiper-slide-active .product-card-wrapper{opacity:1;pointer-events:all}.section__video-reels .card-product.card--horizontal{border-radius:2.4rem;background:var(--Neutral-White, #fff);box-shadow:0 16px 24px #00000014}.section__video-reels .card-product.card--horizontal .card__inner{padding:1.6rem}.section__video-reels .card-product.card--horizontal .card__media{width:7.3rem;position:relative}.section__video-reels .card-product.card--horizontal .media{position:relative}.section__video-reels .card-product.card--horizontal .card__content{display:flex;flex-direction:row;align-items:center;grid-gap:min(.8rem,var(--grid-base, 0rem));padding:0 0 0 .8rem;width:initial;flex:1}.section__video-reels .card-product.card--horizontal .card__information{padding:0}.section__video-reels .card-product.card--horizontal .card__information.w-full{width:100%;padding-right:.8rem}.section__video-reels .card-product.card--horizontal .card__heading{margin-bottom:.4rem;font-weight:400;font-size:16px;line-height:24px;letter-spacing:.6px;color:#121212bf}.section__video-reels .card-product.card--horizontal .card__heading *{font-weight:400;font-size:16px;line-height:24px;letter-spacing:.6px;color:#121212bf;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.section__video-reels .card-product.card--horizontal .price *,.section__video-reels .card-product.card--horizontal .price{font-weight:400;font-size:14px;line-height:21px;letter-spacing:1px;color:#121212bf}.section__video-reels .card-product.card--horizontal .card__quick-add-button{min-width:unset;min-height:unset;padding:0;border-radius:50%;width:3.4rem;height:3.4rem;border:.1rem solid rgba(var(--color-border),1);background:#171717}.section__video-reels .card-product.card--horizontal .card__quick-add-button:hover{background:#121212bf}.section__video-reels .card-product.card--horizontal .card__quick-add-button:after{content:none}.section__video-reels .card-product.card--horizontal .card__quick-add-button>.icon{margin-left:0;margin-right:0;width:1.8rem;height:1.8rem}.section__video-reels .card-product.card--horizontal .card__quick-add-button:before{content:"";position:absolute;top:-.5rem;right:-.5rem;bottom:-.5rem;left:-.5rem}.section__video-reels .video-reels .swiper-pagination{--swiper-pagination-bottom: 0;--swiper-pagination-color: #3b5659;z-index:1}.section__video-reels .video-reels .swiper-pagination-bullet{--swiper-pagination-bullet-inactive-color: #d5d5d5}.section__video-reels .card-video-reel .card__media{display:block;margin:var(--image-padding, 0rem);width:calc(100% - 2 * var(--image-padding, 0rem));position:relative;overflow:hidden;line-height:var(--line-height-base, 0);color:currentColor}.section__video-reels .card-video-reel .media{display:block;position:relative;overflow:hidden;line-height:var(--line-height-base, 0);background-color:rgba(var(--color-foreground),.1)}.section__video-reels .media__control-button,.section__video-reels .media__sound-button{width:40px!important;height:40px!important}.section__video-reels .section-heading-wrapper{margin-bottom:2.4rem;padding-inline:1.6rem}.section__video-reels .section-heading{font-family:Great Vibes;font-weight:400;font-size:32px;line-height:120%;letter-spacing:.6px;text-align:center;color:#121212;margin:0}.section__video-reels .section-description{font-weight:400;font-size:14px;line-height:150%;letter-spacing:.6px;text-align:center;color:#121212bf;margin-top:.8rem}.section__video-reels .section-description p{margin:0}.section__video-reels [style*=--slide-height] .swiper-navigation{--swiper-navigation-top-offset: calc(var(--slide-height) * .4)}.section__video-reels .swiper-button{--page-width: 1616px;--page-padding-inline: 1.6rem;--swiper-navigation-sides-offset: max( var(--page-padding-inline), calc((100vw - var(--page-width)) / 2) + var(--page-padding-inline) / 2 );box-shadow:0 8px 16px #00000014;background:#fff;z-index:1}.section__video-reels .swiper-button svg{width:2.4rem;height:2.4rem}.section__video-reels .section__main{padding:2.4rem 0 3.2rem}@media screen and (max-width:749px){.section__video-reels .card-product.card--horizontal .card__media .media img{object-fit:contain!important}}@media screen and (min-width:750px){.section__video-reels .section__main{padding:3.2rem 0}.section__video-reels .section-heading-wrapper{margin-bottom:4rem}.section__video-reels .section-heading{font-size:54px}.section__video-reels .section-description{font-size:16px;margin-top:1.2rem}.section__video-reels [style*=--slide-height] .swiper-navigation{--swiper-navigation-top-offset: calc(var(--slide-height) * .43)}}
/*# sourceMappingURL=/cdn/shop/t/19/assets/section-video-reels.css.map */