.exo-shorts{--exo-gap: 1.8rem;--exo-point: #0094d7}@media screen and (min-width:750px){.exo-shorts{--exo-gap: 2.8rem}}.exo-shorts__heading{margin:0 0 2.4rem}.exo-shorts__title-icon{display:inline-flex;align-items:center;margin-right:.35em;vertical-align:-.12em}.exo-shorts__title-icon svg{display:block;height:1em;width:auto}.exo-shorts__header{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;margin-bottom:2rem}.exo-shorts__header .exo-shorts__heading{margin:0}.exo-shorts__nav{display:none;flex:0 0 auto;gap:.8rem}.exo-shorts__arrow{display:inline-flex;align-items:center;justify-content:center;width:3.2rem;height:3.2rem;padding:0;border:0;background:transparent;color:rgb(var(--color-foreground));cursor:pointer;transition:color .2s ease,transform .15s ease,opacity .25s ease}.exo-shorts__arrow:hover:not([disabled]){color:var(--exo-point)}.exo-shorts__arrow:active:not([disabled]){transform:scale(.9)}.exo-shorts__arrow[disabled]{opacity:.2;cursor:default}.exo-shorts__arrow svg{display:block;width:1.6rem;height:auto;transition:transform .2s ease}.exo-shorts__arrow[data-exo-dir=prev]:hover:not([disabled]) svg{transform:translate(-.15rem)}.exo-shorts__arrow[data-exo-dir=next]:hover:not([disabled]) svg{transform:translate(.15rem)}.exo-shorts__scroller{display:flex;gap:var(--exo-gap);overflow-x:auto;padding-bottom:.4rem;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;cursor:grab}.exo-shorts__scroller::-webkit-scrollbar{display:none}.exo-shorts__scroller.is-dragging{cursor:grabbing;scroll-snap-type:none;-webkit-user-select:none;user-select:none}.exo-shorts__item{flex:0 0 auto;scroll-snap-align:start;width:calc((100% - (var(--exo-cols-mobile, 2) - 1) * var(--exo-gap)) / var(--exo-cols-mobile, 2))}@media screen and (min-width:750px){.exo-shorts__item{width:calc((100% - (var(--exo-cols, 3) - 1) * var(--exo-gap)) / var(--exo-cols, 3))}}.exo-shorts__dots{display:none;align-items:center;justify-content:center;gap:.6rem;margin-top:2.4rem}.exo-shorts__dot{width:1.6rem;height:.2rem;padding:0;border:0;border-radius:999px;background:rgba(var(--color-foreground),.2);cursor:pointer;transition:width .35s cubic-bezier(.2,.7,.2,1),background-color .25s ease}.exo-shorts__dot.is-active{width:3.2rem;background:var(--exo-point)}.exo-shorts__wrapper.is-paged .exo-shorts__nav,.exo-shorts__wrapper.is-paged .exo-shorts__dots{display:flex}.exo-shorts__card{display:block;width:100%;padding:0;margin:0;border:0;background:none;cursor:pointer;font:inherit;color:inherit}.exo-shorts__media{position:relative;display:block;aspect-ratio:9 / 16;border-radius:1.6rem;overflow:hidden;background:#000}.exo-shorts__card:focus{outline:none}.exo-shorts__card:focus-visible .exo-shorts__media{outline:.2rem solid rgb(var(--color-foreground));outline-offset:.3rem}.exo-shorts__img,.exo-shorts__iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;border:0;display:block}.exo-shorts__img{-webkit-user-drag:none;-webkit-user-select:none;user-select:none;transform:scale(1.06)}.exo-shorts__play{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:#fff;background:#0000001f;transition:background-color .2s ease;pointer-events:none}.exo-shorts__card:hover .exo-shorts__play{background:#00000047}.exo-shorts__play svg{width:3.2rem;height:3.2rem;padding:1.2rem;border-radius:50%;background:#0000008c;box-sizing:content-box}.exo-shorts__caption{margin:1rem 0 0;font-size:1.3rem;line-height:1.4;text-align:center;color:rgb(var(--color-foreground))}.exo-shorts__onboarding{padding:2rem 0;color:rgba(var(--color-foreground),.6)}
/*# sourceMappingURL=/cdn/shop/t/5/assets/exo-youtube-shorts.css.map */