.ys{background:var(--sec-bg);color:var(--sec-ink);padding-block:var(--pt) var(--pb)}.ys .jm-split{padding:0}.ys__grid{display:grid}.ys__grid--solo{grid-template-columns:1fr}.ys-videos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3);align-content:start;min-width:0}.ys-videos>.ys-video:first-child{grid-column:1 / -1}.ys-videos--vertical{grid-template-columns:repeat(3,minmax(0,1fr))}.ys-videos--vertical>.ys-video:first-child{grid-column:auto}.ys-video{min-width:0}.ys-video__frame{position:relative;aspect-ratio:var(--vr, 16 / 9);border-radius:var(--radius-md);overflow:hidden;background:var(--ink);box-shadow:var(--shadow-lift)}.ys-video__frame iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0}.ys-video__poster{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;padding:0;border:0;cursor:pointer;background:var(--ink);display:grid;place-items:center}.ys-video__poster[hidden]{display:none}.ys-video__poster>img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block;transition:transform var(--dur-slow) var(--ease-out)}.ys-video__poster:hover>img{transform:scale(1.04)}.ys-video__poster .jm-play{position:relative;z-index:1}.ys-video__poster:hover .jm-play{transform:scale(1.1) rotate(-6deg)}.ys-video__title{margin-top:var(--space-2);font-family:var(--font-display);font-weight:600;font-size:15px;line-height:20px}.ys-video__ph{display:grid;place-content:center;justify-items:center;gap:var(--space-2);text-align:center;background:var(--surface-sunk);color:var(--ink-muted);border:3px dashed var(--line);box-shadow:none;padding:var(--space-3)}.ys-video__ph p{font-size:14px}.ys__grid .jm-image-banner{align-self:start}@media(max-width:860px){.ys__grid .jm-image-banner{order:-1}}@media(prefers-reduced-motion:reduce){.ys-video__poster>img,.ys-video__poster .jm-play{transition:none}}.ys .ys__grid.jm-split:has(.ys-videos--vertical){display:grid;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:calc((100% - 3 * var(--space-3)) / 4);gap:var(--space-3);align-items:start;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;padding-bottom:8px}.ys .ys__grid.jm-split:has(.ys-videos--vertical)::-webkit-scrollbar{display:none}.ys .ys__grid .ys-videos--vertical{display:contents}.ys .ys__grid:has(.ys-videos--vertical) .ys-video,.ys .ys__grid:has(.ys-videos--vertical) .jm-image-banner{scroll-snap-align:start}.ys .ys__grid:has(.ys-videos--vertical) .jm-image-banner.jm-image-banner{order:99;align-self:start;width:100%;aspect-ratio:9 / 16;height:auto;min-height:0;padding:0;border-radius:var(--radius-md);overflow:hidden}.ys .ys__grid:has(.ys-videos--vertical) .jm-image-banner__media,.ys .ys__grid:has(.ys-videos--vertical) .jm-image-banner__media picture,.ys .ys__grid:has(.ys-videos--vertical) .jm-image-banner__media img{width:100%;height:100%;object-fit:cover}@media(max-width:860px){.ys .ys__grid.jm-split:has(.ys-videos--vertical){grid-auto-columns:62%}}.ys-modal{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;overflow:hidden;background:#000000f2}.ys-modal[open]{display:grid;place-items:center;animation:ys-fade .2s ease-out}.ys-modal::backdrop{background:#000000f2}.ys-modal__player{position:relative;width:min(100vw,calc(100dvh * 16 / 9));aspect-ratio:16 / 9;background:#000}.ys-modal--vertical .ys-modal__player{width:min(100vw,56.25dvh);aspect-ratio:9 / 16}@media(min-width:750px){.ys-modal__player{width:min(92vw,calc(88dvh * 16 / 9))}.ys-modal--vertical .ys-modal__player{width:min(92vw,51.75dvh);border-radius:12px;overflow:hidden}}.ys-modal__player iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0;display:block}.ys-modal__close{position:fixed;z-index:2;top:max(12px,env(safe-area-inset-top));right:12px;width:48px;height:48px;display:grid;place-items:center;padding:0;border:0;border-radius:50%;background:#ffffff26;color:#fff;font-size:32px;line-height:1;cursor:pointer}.ys-modal__close:hover,.ys-modal__close:focus-visible{background:#ffffff4d}html:has(.ys-modal[open]){overflow:hidden}@keyframes ys-fade{0%{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){.ys-modal[open]{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/section-youtube-split.css.map */