.viz-media{position:relative;display:block;border-radius:var(--radius-lg);overflow:hidden;background:linear-gradient(160deg,var(--cta-soft),#fff);box-shadow:var(--shadow-md);isolation:isolate}.viz-media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;border-radius:inherit;background:linear-gradient(160deg,#f980121a,#f9801200 46%);box-shadow:inset 0 0 0 1px #9a34121a}.viz-media img,.viz-media video{display:block;inline-size:100%;block-size:100%;object-fit:cover;filter:saturate(1.04) brightness(1.02)}.viz-vp{margin:0}.viz-vp__frame{position:relative;aspect-ratio:16/9;border-radius:var(--radius-lg);overflow:hidden;background:linear-gradient(160deg,var(--cta-soft),#fff);box-shadow:var(--shadow-lg)}.viz-vp__frame:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;border-radius:inherit;background:radial-gradient(120% 90% at 50% 50%,#0b12204d,#0b122000 58%),linear-gradient(160deg,#f980121a,#f9801200 46%);box-shadow:inset 0 0 0 1px #9a34121a;transition:opacity var(--dur) var(--ease)}.viz-vp__poster{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;border:0}.viz-vp__poster img{inline-size:100%;block-size:100%;object-fit:cover;filter:saturate(1.04) brightness(1.02);transition:transform var(--dur-slow) var(--ease)}.viz-vp__play{position:absolute;inset-block-start:50%;inset-inline-start:50%;transform:translate(-50%,-50%);z-index:2;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-3);min-block-size:64px;padding-block:var(--space-3);padding-inline:var(--space-3);background:var(--cta-dark);color:#fff;border:0;border-radius:999px;cursor:pointer;box-shadow:var(--shadow-lg),0 0 0 6px #ffffff38;transition:transform var(--dur) var(--ease),background var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}.viz-vp__play-ic{inline-size:34px;block-size:34px;flex:none}.viz-vp__play-ic .vi{inline-size:34px;block-size:34px}.viz-vp__play-label{font-family:var(--font);font-weight:var(--fw-bold);font-size:var(--fs-base);padding-inline-end:var(--space-3);white-space:nowrap}[dir=rtl] .viz-vp__play-ic .vi{transform:scaleX(-1)}.viz-vp:hover .viz-vp__play{transform:translate(-50%,-50%) scale(1.06);background:var(--brand-ink)}.viz-vp:hover .viz-vp__poster img{transform:scale(1.04)}.viz-vp__play:focus-visible{outline:none;box-shadow:var(--focus-ring),var(--shadow-lg)}.viz-vp[data-playing=true] .viz-vp__poster,.viz-vp[data-playing=true] .viz-vp__play,.viz-vp[data-playing=true] .viz-vp__frame:after{opacity:0;pointer-events:none}.viz-vp__video,.viz-vp__embed{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;inline-size:100%;block-size:100%;object-fit:cover;background:var(--ink);opacity:0;transition:opacity var(--dur) var(--ease)}.viz-vp__embed{border:0}.viz-vp__embed iframe{position:absolute;top:0;right:0;bottom:0;left:0;inline-size:100%;block-size:100%;border:0}.viz-vp[data-playing=true] .viz-vp__video,.viz-vp[data-playing=true] .viz-vp__embed,.viz-vp__embed--ns{opacity:1}.viz-vp__frame--embed:after{display:none}.viz-vp__iframe{position:absolute;top:0;right:0;bottom:0;left:0;inline-size:100%;block-size:100%;border:0;background:var(--ink);border-radius:inherit;display:block}.viz-vp__caption{margin-block-start:var(--space-3);font-size:var(--fs-sm);color:var(--text-3);line-height:1.5}.viz-stack{position:relative;inline-size:100%;max-inline-size:300px;aspect-ratio:5/4;margin-inline:auto}.viz-stack__book{position:absolute;inset-block-start:6%;inline-size:62%;aspect-ratio:3/4;border-radius:var(--radius-sm);overflow:hidden;background:linear-gradient(160deg,#fff,var(--bg-warm));box-shadow:var(--shadow-lg);transition:transform var(--dur-slow) var(--ease),box-shadow var(--dur-slow) var(--ease);will-change:transform}.viz-stack__book img{inline-size:100%;block-size:100%;object-fit:cover;display:block}.viz-stack__book--back{inset-inline-start:2%;z-index:1;transform:rotate(-7deg);transform-origin:bottom center}.viz-stack__book--front{inset-inline-end:2%;z-index:2;transform:rotate(6deg);transform-origin:bottom center}[dir=rtl] .viz-stack__book--back{transform:rotate(7deg)}[dir=rtl] .viz-stack__book--front{transform:rotate(-6deg)}.viz-stack:hover .viz-stack__book--back{transform:rotate(-4deg) translate(-6%,-2%)}.viz-stack:hover .viz-stack__book--front{transform:rotate(3deg) translate(4%,-3%)}[dir=rtl] .viz-stack:hover .viz-stack__book--back{transform:rotate(4deg) translate(6%,-2%)}[dir=rtl] .viz-stack:hover .viz-stack__book--front{transform:rotate(-3deg) translate(-4%,-3%)}.viz-stack__tag{position:absolute;inset-block-end:0;inset-inline-start:50%;transform:translate(-50%);z-index:3;white-space:nowrap}[dir=rtl] .viz-stack__tag{transform:translate(50%)}.viz-mock{display:flex;flex-direction:column;background:var(--paper);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-md);transition:transform var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}.viz-mock--link:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}.viz-mock__media{position:relative;aspect-ratio:1/1;background:linear-gradient(160deg,var(--cta-soft),#fff);overflow:hidden}.viz-mock__media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;box-shadow:inset 0 0 0 1px #9a341214}.viz-mock__media img{inline-size:100%;block-size:100%;object-fit:contain;padding:var(--space-3)}.viz-mock--cover .viz-mock__media img{object-fit:cover;padding:0}.viz-mock__cap{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-5) var(--space-6);border-block-start:1px solid var(--border-soft)}.viz-mock__cap-ic{flex:none;display:grid;place-items:center;inline-size:38px;block-size:38px;border-radius:var(--radius-sm);background:var(--cta-soft);color:var(--brand-ink)}.viz-mock__cap-ic .vi{inline-size:20px;block-size:20px}.viz-mock__cap-txt{font-size:var(--fs-base);color:var(--text-2);line-height:1.45}.viz-mock__cap-txt strong{color:var(--ink);font-weight:var(--fw-bold)}.viz-lessons{position:relative}.viz-lessons__rail{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(248px,1fr);gap:var(--space-4);overflow-x:auto;scroll-snap-type:x mandatory;padding-block-end:var(--space-3);scrollbar-width:thin;-webkit-overflow-scrolling:touch;scroll-padding-inline:var(--gutter)}.viz-lessons__rail::-webkit-scrollbar{block-size:8px}.viz-lessons__rail::-webkit-scrollbar-thumb{background:var(--rule);border-radius:999px}.viz-lessons__rail::-webkit-scrollbar-track{background:transparent}.viz-lessons__tile{position:relative;scroll-snap-align:start;aspect-ratio:16/9;border-radius:var(--radius-md);overflow:hidden;background:linear-gradient(160deg,var(--cta-soft),#fff);box-shadow:var(--shadow-sm);transition:transform var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}.viz-lessons__tile:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;border-radius:inherit;background:linear-gradient(180deg,#0b122000 52%,#0b12206b);box-shadow:inset 0 0 0 1px #9a34121a}.viz-lessons__tile img{inline-size:100%;block-size:100%;object-fit:cover;filter:saturate(1.04) brightness(1.02);transition:transform var(--dur-slow) var(--ease)}.viz-lessons__tile:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}.viz-lessons__tile:hover img{transform:scale(1.06)}.viz-lessons__badge{position:absolute;inset-block-end:var(--space-3);inset-inline-start:var(--space-3);z-index:1;display:inline-flex;align-items:center;gap:var(--space-2);padding-block:4px;padding-inline:var(--space-3);background:#0b12208c;color:#fff;border-radius:999px;font-family:var(--font);font-size:var(--fs-sm);font-weight:var(--fw-bold);line-height:1.3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.viz-lessons__badge .vi{inline-size:16px;block-size:16px;flex:none}[dir=rtl] .viz-lessons__badge .vi{transform:scaleX(-1)}@media(max-width:640px){.viz-lessons__rail{grid-auto-columns:minmax(212px,82%)}.viz-vp__play-label{display:none}}@media(prefers-reduced-motion:reduce){.viz-stack:hover .viz-stack__book--back,.viz-stack:hover .viz-stack__book--front,.viz-vp:hover .viz-vp__poster img,.viz-lessons__tile:hover img,.viz-mock--link:hover,.viz-lessons__tile:hover{transform:none}.viz-vp:hover .viz-vp__play{transform:translate(-50%,-50%)}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/viz-media.css.map */