.dp-frame{aspect-ratio:16/9;width:100%;box-shadow:0 0 0 1px #2b233314,0 50px 90px -40px #140e1999}@media (min-width:1024px){.dp-stage{--fw:min(calc(100vw - 2.5rem), calc((100dvh - 6.5rem) * 16 / 9));margin-top:calc(2.5rem - 50dvh - 2rem + var(--fw) * 9 / 16 * .31)}.pin-spacer:has(>.dp-stage){pointer-events:none}.dp-frame{width:var(--fw);height:calc(var(--fw) * 9 / 16);transform-origin:50%;will-change:transform;margin:auto;position:absolute;inset:4rem 0 0;transform:scale(.62)}}@media (min-width:1024px) and (prefers-reduced-motion:reduce){.dp-stage{pointer-events:auto;height:auto;margin-top:2.5rem;padding:0 1.25rem 1.5rem}.dp-frame{will-change:auto;height:auto;position:relative;inset:auto;transform:none}}.dp-play{box-shadow:inset 0 1px #ffffff73,0 18px 40px -14px #0000008c}.dp-veil{transition:opacity .7s var(--ease-out);background:radial-gradient(70% 70%,#0e0b116b,#0e0b11b8),#0e0b1133}.dp-veil[data-open=true]{opacity:0;pointer-events:none}.dp-key{white-space:nowrap;gap:.625rem;height:3rem;padding:0 1.25rem 0 .375rem;font-size:1rem;box-shadow:inset 0 1px #fff9,0 18px 40px -14px #0009}.dp-key-lock{width:2.25rem;height:2.25rem;font-size:1.125rem}@media (min-width:1024px) and (prefers-reduced-motion:no-preference){.dp-key{gap:.875rem;height:4.5rem;padding:0 2rem 0 .625rem;font-size:1.5rem}.dp-key-lock{width:3.25rem;height:3.25rem;font-size:1.625rem}}:root:has(#av-demo-early[data-open]) .dp-shut{max-width:none;display:block}:root:has(#av-demo-early[data-open]) .dp-shut>.dp-words{text-align:center;max-width:62rem;margin:0 auto;padding-top:0}:root:has(#av-demo-early[data-open]) .dp-shut ol,:root:has(#av-demo-early[data-open]) .dp-shut .dp-others{justify-content:center}:root:has(#av-demo-early[data-open]) .dp-shut h1,:root:has(#av-demo-early[data-open]) .dp-shut .dp-lede{margin-inline:auto}:root:has(#av-demo-early[data-open]) .dp-shut h1{max-width:18ch}:root:has(#av-demo-early[data-open]) .dp-shut .dp-lede{max-width:64ch}:root:has(#av-demo-early[data-open]) .dp-shut .dp-others{align-items:center;min-height:3rem;display:flex}:root:has(#av-demo-early[data-open]) .dp-shut>.dp-door,:root:has(#av-demo-early[data-open]) .dp-shut>.dp-others,:root:has(#av-demo-early[data-open]) .dp-veil{display:none}@keyframes dp-wait{to{transform:rotate(1turn)}}.dp-wait{background:#0e0b118c;border-radius:50%;place-items:center;width:5rem;height:5rem;display:grid}.dp-wait:after{content:"";border:3px solid #ffffff3d;border-top-color:var(--color-gold);border-radius:50%;width:2.5rem;height:2.5rem;animation:.9s linear infinite dp-wait}@media (prefers-reduced-motion:reduce){.dp-wait:after{animation:none}.dp-veil{transition:none}}.rs-cover,.rs-band{background:radial-gradient(120% 90% at 18% 0%, #ffffff17, transparent 60%), repeating-linear-gradient(90deg, #ffffff05 0 1px, transparent 1px 3px), var(--color-plum)}.rs-cover-rule{box-shadow:inset 0 0 0 4px var(--color-plum), inset 0 0 0 5px #d6a85f59;border:1px solid #d6a85f8c}.rs-stub{border-top:1.5px dashed #d6a85f73}.rs-band:after{content:"";border-top:1.5px dashed #d6a85f73;position:absolute;inset:auto 1.5rem .9rem}.rs-part+.rs-part{border-top:1px solid var(--color-paper-rule)}@media (max-width:767px){.rs-page-right .rs-part:first-child{border-top:1px solid var(--color-paper-rule)}.rs-book{border-radius:0 0 22px 22px;box-shadow:0 24px 40px -28px #2b233359}}@media (min-width:768px){.rs-page{box-shadow:0 30px 60px -34px #2b233357}.rs-page-left:after,.rs-page-right:before{content:"";pointer-events:none;width:3rem;position:absolute;top:0;bottom:0}.rs-page-left:after{background:linear-gradient(270deg,#2b233312,#0000);right:0}.rs-page-right:before{background:linear-gradient(90deg,#2b233317,#0000 85%);left:0}.rs-shade{visibility:hidden;background:linear-gradient(90deg,#2b233333,#2b23330a 70%)}.rs-cover{visibility:hidden;backface-visibility:hidden;transform:rotateY(180deg)}.rs[data-folded] .rs-book{perspective:2600px}.rs[data-folded] .rs-leaf{transform-origin:100%;transform-style:preserve-3d;will-change:transform;z-index:2}.rs[data-folded] .rs-page-left{backface-visibility:hidden}.rs[data-folded] .rs-cover,.rs[data-folded] .rs-shade{visibility:visible}.rs[data-folded]:not([data-opening]) .rs-leaf{cursor:pointer}.rs[data-folded] .rs-cover{box-shadow:0 30px 60px -30px #140e198c}}.dp-keepsake{box-shadow:0 30px 50px -24px #2b233373;-webkit-mask:radial-gradient(9px at 0,#0000 98%,#000) 0/51% 100% no-repeat,radial-gradient(9px at 100%,#0000 98%,#000) 100%/51% 100% no-repeat;mask:radial-gradient(9px at 0,#0000 98%,#000) 0/51% 100% no-repeat,radial-gradient(9px at 100%,#0000 98%,#000) 100%/51% 100% no-repeat}