.osyn-mo{background:var(--osyn-mo-bg, var(--grey));padding-block:var(--section-py);font-family:var(--font)}.osyn-mo__heading{margin:0 var(--gutter) var(--m-space-head, 24px);font-size:var(--fs-h2);line-height:var(--lh-heading);font-weight:var(--fw-heading);letter-spacing:var(--tr-h2);color:var(--ink)}.osyn-mo__rail{display:flex;gap:16px;padding-inline:var(--gutter);padding-block:6px;margin-block:-6px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:var(--gutter);scrollbar-width:none;-webkit-overflow-scrolling:touch}.osyn-mo__rail::-webkit-scrollbar{display:none}.osyn-mo__bar{display:flex;justify-content:center;margin-top:16px}.osyn-mo__card{position:relative;scroll-snap-align:start}.osyn-mo--portrait .osyn-mo__card{flex:0 0 calc(100vw - var(--gutter) - 34px);display:grid}.osyn-mo--landscape .osyn-mo__card{flex:0 0 calc(100vw - var(--gutter) - 32px)}@media(min-width:768px){.osyn-mo--portrait .osyn-mo__card,.osyn-mo--landscape .osyn-mo__card{flex-basis:min(380px,40vw)}}.osyn-mo__media{position:relative;overflow:hidden;background:var(--ink-8)}.osyn-mo__img{display:block;width:100%;height:100%;object-fit:cover}.osyn-mo__ph{display:block;width:100%;height:100%}.osyn-mo__video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;pointer-events:none;transition:opacity .4s var(--ease-apple)}.osyn-mo__media.is-playing .osyn-mo__video{opacity:1}.osyn-mo__viewport{position:relative}.osyn-mo__nav{display:none}.osyn-mo__title{margin:0;font-size:20px;line-height:24px;font-weight:var(--fw-heading);letter-spacing:var(--tr-h3)}.osyn-mo__link{color:inherit;text-decoration:none}.osyn-mo__link:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--r-media)}.osyn-mo__link:focus-visible{outline:none}.osyn-mo__link:focus-visible:after{outline:2px solid var(--accent);outline-offset:3px}.osyn-mo--portrait .osyn-mo__card>*{grid-area:1 / 1}.osyn-mo--portrait .osyn-mo__media{aspect-ratio:4 / 5;border-radius:var(--r-media)}.osyn-mo--portrait .osyn-mo__img{position:absolute;top:0;right:0;bottom:0;left:0}.osyn-mo--portrait .osyn-mo__media:after{content:"";position:absolute;inset:auto 0 0;height:50%;background:linear-gradient(to top,#0a0a0c9e 0,#0a0a0c8c 104px,#0a0a0c00);pointer-events:none}.osyn-mo__chip{z-index:1;align-self:start;justify-self:start;margin:12px;padding:6px 10px;border-radius:var(--r-pill);background:#ffffffeb;color:var(--ink);font-size:12px;line-height:16px;font-weight:var(--fw-heading)}.osyn-mo--portrait .osyn-mo__foot{z-index:1;align-self:end;display:flex;align-items:flex-end;gap:12px;margin:16px}.osyn-mo--portrait .osyn-mo__title{flex:1;color:var(--white);text-wrap:balance}.osyn-mo--portrait .osyn-mo__link,.osyn-mo__suffix{display:block}.osyn-mo__arrow{flex:0 0 40px;width:40px;height:40px;display:grid;place-items:center;border-radius:var(--r-pill);background:var(--white);color:var(--ink)}.osyn-mo--landscape .osyn-mo__media{aspect-ratio:16 / 9;border-radius:var(--r-media-sm)}.osyn-mo--landscape .osyn-mo__link:after{border-radius:var(--r-media-sm)}.osyn-mo--landscape .osyn-mo__foot{margin-top:12px}.osyn-mo--landscape .osyn-mo__title{color:var(--ink);text-wrap:pretty}.osyn-mo__nw{white-space:nowrap}.osyn-mo__nw svg{display:inline-block;margin-inline-start:8px;vertical-align:1px}[dir=rtl] .osyn-mo__nw svg,[dir=rtl] .osyn-mo__arrow svg{transform:scaleX(-1)}@media(max-width:1023px){.osyn-mo{padding-block:var(--m-space-edge);background:var(--osyn-mo-bg-m, var(--osyn-mo-bg, var(--grey)))}}@media(min-width:1024px){.osyn-mo--portrait{padding-block:80px}.osyn-mo--portrait .osyn-mo__card{flex:0 0 29.75vw}.osyn-mo--portrait .osyn-mo__media{aspect-ratio:3 / 4}.osyn-mo--portrait .osyn-mo__chip{margin:16px;padding:8px 12px;font-size:14px;line-height:18px}.osyn-mo--portrait .osyn-mo__foot{margin:24px;gap:16px}.osyn-mo--portrait .osyn-mo__title{font-size:clamp(20px,.75rem + .83vw,28px);line-height:1.22}.osyn-mo--portrait .osyn-mo__arrow{flex-basis:48px;width:48px;height:48px}.osyn-mo--portrait .osyn-mo__bar{display:none}.osyn-mo--portrait .osyn-mo__nav{display:grid;place-items:center;position:absolute;z-index:2;top:50%;inset-inline-start:16px;width:48px;height:48px;margin-top:-24px;padding:0;border:0;border-radius:var(--r-pill);background:var(--white);color:var(--ink);box-shadow:0 0 10px #0000000d,0 2px 12px #0a0a0c1f;cursor:pointer;transition:opacity .2s var(--ease-apple),visibility .2s}.osyn-mo--portrait .osyn-mo__nav--next{inset-inline-start:auto;inset-inline-end:16px}.osyn-mo--portrait .osyn-mo__nav:disabled{opacity:0;visibility:hidden}.osyn-mo--portrait .osyn-mo__nav:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.osyn-mo__nav--prev svg{transform:scaleX(-1)}[dir=rtl] .osyn-mo__nav--prev svg{transform:none}[dir=rtl] .osyn-mo__nav--next svg{transform:scaleX(-1)}}@media(min-width:1024px)and (hover:hover)and (pointer:fine)and (prefers-reduced-motion:no-preference){.osyn-mo--portrait .osyn-mo__img,.osyn-mo--portrait .osyn-mo__video{transition:transform .6s var(--ease-apple),opacity .4s var(--ease-apple)}.osyn-mo--portrait .osyn-mo__card:hover .osyn-mo__img,.osyn-mo--portrait .osyn-mo__card:hover .osyn-mo__video{transform:scale(1.03)}}@media(prefers-reduced-motion:reduce){.osyn-mo__nav{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/26/assets/osyn-moments.css.map */