.short-video-carousel{width:100%;padding:var(--short-video-padding-top) 0 var(--short-video-padding-bottom);overflow:hidden;box-sizing:border-box;background:var(--short-video-background);color:var(--short-video-text);font-family:MiSans,Manrope,Arial,sans-serif}.short-video-carousel *,.short-video-carousel *:before,.short-video-carousel *:after{box-sizing:border-box}.short-video-carousel__header{width:min(1200px,calc(100vw - 80px));margin:0 auto 64px;display:flex;justify-content:space-between;align-items:center;gap:32px}.short-video-carousel__copy{min-width:0}.short-video-carousel__heading,.short-video-carousel__description{margin:0;color:inherit;letter-spacing:0}.short-video-carousel__heading{max-width:760px;font-family:MiSansMedium,MiSans,Manrope,Arial,sans-serif;font-size:34px;font-weight:500;line-height:1.2}.short-video-carousel__description{max-width:720px;margin-top:16px;font-size:18px;font-weight:400;line-height:1.5}.short-video-carousel__button{min-height:64px;padding:16px 32px;display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;gap:12px;border-radius:4px;background:#3974e5;color:#fff;font-size:18px;font-weight:500;line-height:1.2;text-decoration:none;transition:background-color .18s ease,transform .18s ease}.short-video-carousel__button:hover{background:#2f66ce;transform:translateY(-1px)}.short-video-carousel__button:focus-visible{outline:2px solid currentColor;outline-offset:4px}.short-video-carousel__marquee,.short-video-carousel__viewport{width:100%;display:block}.short-video-carousel__viewport{overflow:hidden}.short-video-carousel__track,.short-video-carousel__group{width:max-content;display:flex;flex-wrap:nowrap;align-items:stretch;gap:var(--short-video-gap)}.short-video-carousel__track{will-change:transform}.short-video-carousel__group{flex:0 0 auto}.short-video-carousel__card{position:relative;flex:0 0 auto;overflow:hidden;border-radius:3px;background:#111}.short-video-carousel--landscape .short-video-carousel__card{width:600px;aspect-ratio:16 / 9}.short-video-carousel--portrait .short-video-carousel__card{width:300px;aspect-ratio:9 / 16}.short-video-carousel__iframe,.short-video-carousel__video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;border:0}.short-video-carousel__video{object-fit:cover;cursor:pointer}.short-video-carousel__card--internal:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(180deg,transparent 68%,rgba(0,0,0,.48) 100%);pointer-events:none}.short-video-carousel__play-button{position:absolute;top:50%;left:50%;z-index:3;width:54px;height:68px;padding:0;display:flex;align-items:center;justify-content:center;border:0;background:transparent;color:#fff;cursor:pointer;transform:translate(-50%,-50%);transition:opacity .18s ease,visibility .18s ease}.short-video-carousel__play-button svg{width:42px;height:auto;display:block}.short-video-carousel__play-button:focus-visible{outline:2px solid currentColor;outline-offset:4px}.short-video-carousel__card--internal.is-playing .short-video-carousel__play-button{opacity:0;visibility:hidden;pointer-events:none}.short-video-carousel__play-info{position:absolute;right:0;bottom:0;left:0;z-index:2;padding:18px;color:#fff;font-size:17px;font-weight:600;line-height:1.4;white-space:normal;pointer-events:none}.short-video-carousel__marquee.has-playing-video .short-video-carousel__track{animation-play-state:paused}.short-video-carousel__marquee.is-animated .short-video-carousel__track{animation:short-video-carousel-marquee var(--marquee-duration) linear infinite}.short-video-carousel__marquee.is-animated:hover .short-video-carousel__track,.short-video-carousel__marquee.is-animated:focus-within .short-video-carousel__track{animation-play-state:paused}.short-video-carousel__marquee.is-static .short-video-carousel__viewport{overflow-x:auto;overflow-y:hidden;scrollbar-width:none}.short-video-carousel__marquee.is-static .short-video-carousel__viewport::-webkit-scrollbar{display:none}.short-video-carousel__marquee.is-static .short-video-carousel__track{padding:0 16px;will-change:auto}.short-video-carousel__group[data-marquee-clone-group]{pointer-events:none}.short-video-carousel__brands{width:100%;margin-top:80px;padding:0 8px;display:flex;align-items:center;justify-content:center;gap:24px;overflow-x:auto;scrollbar-width:none}.short-video-carousel__brands::-webkit-scrollbar{display:none}.short-video-carousel__brand{width:280px;height:160px;flex:0 0 auto;overflow:hidden;border-radius:4px;background:#fff}.short-video-carousel__brand-image{width:100%;height:100%;display:block;object-fit:cover}@keyframes short-video-carousel-marquee{0%{transform:translateZ(0)}to{transform:translate3d(calc(-1 * var(--marquee-distance)),0,0)}}@media screen and (max-width:960px){.short-video-carousel__header{width:calc(100vw - 80px);margin-bottom:54.4px}.short-video-carousel__heading{font-size:28.9px}}@media screen and (max-width:749px){.short-video-carousel{padding:var(--short-video-padding-top-mobile) 0 var(--short-video-padding-bottom-mobile)}.short-video-carousel__header{flex-direction:column;align-items:flex-start;gap:16px}.short-video-carousel__description{font-size:16px}.short-video-carousel__button{min-height:48px;padding:12px 24px;font-size:16px}.short-video-carousel__viewport{overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;scrollbar-width:none}.short-video-carousel__viewport::-webkit-scrollbar{display:none}.short-video-carousel__track{padding:0 16px;animation:none!important;transform:none!important;will-change:auto}.short-video-carousel__card{scroll-snap-align:start}.short-video-carousel--landscape .short-video-carousel__card{width:min(380px,calc(100vw - 32px))}.short-video-carousel--portrait .short-video-carousel__card{width:280px}.short-video-carousel__group[data-marquee-clone-group]{display:none}.short-video-carousel__brands{margin-top:32px;justify-content:flex-start;gap:16px}.short-video-carousel__brand{width:109px;height:62px}}@media screen and (max-width:480px){.short-video-carousel__header{width:calc(100vw - 32px);margin-bottom:41.6px}.short-video-carousel__heading{font-size:22.1px}}@media(prefers-reduced-motion:reduce){.short-video-carousel__button{transition:none}.short-video-carousel__track{animation:none!important;transform:none!important}}
/*# sourceMappingURL=/cdn/shop/t/9/compiled_assets/styles.css.map?subset=AAAAAAAAAAAAAAAAAAAAAAAAAAAAAIA */
