.cosmora-action__heading{margin:0 auto 1.8rem;max-width:60rem;text-align:center;color:rgb(var(--cosmora-navy, 24, 28, 45));letter-spacing:-.02em}.cosmora-action__viewport{position:relative;display:block}.cosmora-action__track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 1.2rem) / 2.25);gap:1.2rem;margin:0 -1.5rem;padding:.2rem 1.5rem 1.2rem;scroll-padding-inline:1.5rem;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;list-style:none;-webkit-overflow-scrolling:touch}.cosmora-action__track::-webkit-scrollbar{display:none}.cosmora-action__item{min-width:0;scroll-snap-align:start}.cosmora-action__card{position:relative;aspect-ratio:9 / 16;overflow:hidden;border-radius:1.4rem;background:#1b1e2f;box-shadow:0 .6rem 1.8rem #181c2d1f;isolation:isolate}.cosmora-action__video,.cosmora-action__poster{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.cosmora-action__video{z-index:1;background:#1b1e2f}.cosmora-action__play{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:block;width:100%;height:100%;margin:0;padding:0;border:0;background:transparent;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}.cosmora-action__play:after{content:"";position:absolute;inset:auto 0 0;height:38%;background:linear-gradient(to top,#0c0e1a80,#0c0e1a00);pointer-events:none}.cosmora-action__play:focus-visible{outline:.3rem solid rgb(var(--cosmora-accent, 102, 91, 196));outline-offset:-.3rem}.cosmora-action__play-icon{position:absolute;top:50%;left:50%;z-index:1;display:flex;align-items:center;justify-content:center;width:5.6rem;height:5.6rem;margin:-2.8rem 0 0 -2.8rem;border-radius:50%;background:#fffffff0;color:rgb(var(--cosmora-accent, 102, 91, 196));box-shadow:0 0 0 .5rem #ffffff47,0 .8rem 2rem #0c0e1a4d;transition:opacity .2s ease,transform .2s ease}.cosmora-action__play-icon svg{width:1.8rem;height:1.8rem;margin-left:.3rem}.cosmora-action__duration{position:absolute;left:1rem;bottom:1rem;z-index:1;padding:.2rem .8rem;border-radius:10rem;background:#0c0e1a99;color:#fff;font-size:1.2rem;font-weight:600;line-height:1.6;letter-spacing:.02em;font-variant-numeric:tabular-nums}.cosmora-action__card.has-played .cosmora-action__poster,.cosmora-action__card.has-played .cosmora-action__duration,.cosmora-action__card.has-played .cosmora-action__play:after{visibility:hidden}.cosmora-action__card.is-playing .cosmora-action__play-icon{opacity:0;transform:scale(.85)}.cosmora-action__card.is-loading .cosmora-action__play-icon svg{opacity:.35}.cosmora-action__card.is-loading .cosmora-action__play-icon:before{content:"";position:absolute;top:.5rem;right:.5rem;bottom:.5rem;left:.5rem;border:.25rem solid rgba(var(--cosmora-accent, 102, 91, 196),.25);border-top-color:rgb(var(--cosmora-accent, 102, 91, 196));border-radius:50%;animation:cosmora-action-spin .8s linear infinite}@keyframes cosmora-action-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.cosmora-action__card.is-loading .cosmora-action__play-icon:before{animation:none}}.cosmora-action__sound{position:absolute;right:.8rem;bottom:.8rem;z-index:3;display:flex;align-items:center;justify-content:center;width:4.4rem;height:4.4rem;margin:0;padding:0;border:0;border-radius:50%;background:#0c0e1a9e;color:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent}.cosmora-action__sound svg{width:2rem;height:2rem}.cosmora-action__sound:focus-visible{outline:.3rem solid #fff;outline-offset:.2rem}.cosmora-action__sound .cosmora-action__sound-on,.cosmora-action__sound.is-unmuted .cosmora-action__sound-off{display:none}.cosmora-action__sound.is-unmuted .cosmora-action__sound-on{display:block}.cosmora-action__nav{display:none}@media screen and (min-width:750px){.cosmora-action__heading{margin-bottom:2.4rem}.cosmora-action__viewport{max-width:96rem;margin:0 auto}.cosmora-action__track{grid-auto-columns:calc((100% - 3.2rem) / 3);gap:1.6rem;margin:0;padding:.2rem 0 1.6rem;scroll-padding-inline:0}.cosmora-action__card{border-radius:1.6rem}.cosmora-action__play-icon{width:6.4rem;height:6.4rem;margin:-3.2rem 0 0 -3.2rem}.cosmora-action__play:hover .cosmora-action__play-icon{transform:scale(1.06)}.cosmora-action__nav{position:absolute;top:calc(50% - .8rem);z-index:4;display:flex;align-items:center;justify-content:center;width:4.4rem;height:4.4rem;margin:0;padding:0;border:.1rem solid rgba(24,28,45,.1);border-radius:50%;background:#fff;color:rgb(var(--cosmora-navy, 24, 28, 45));box-shadow:0 .6rem 1.6rem #181c2d24;cursor:pointer;transform:translateY(-50%);transition:opacity .2s ease}.cosmora-action__nav--prev{left:-2.2rem}.cosmora-action__nav--next{right:-2.2rem}.cosmora-action__nav[disabled]{opacity:0;pointer-events:none}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/section-cosmora-action-videos.css.map */