.dp-root{--w:min(272px, 64vw);--stage-h:480px;--card-h:calc(var(--w) * 107 / 88);--paper:#f9f6ee;--paper-edge:#e0dad1;--ink:#1c2f53;--shade:#221811;--sh-k:1;width:100%;height:var(--stage-h);touch-action:pan-y;isolation:isolate;position:relative;overflow:clip}@supports (color:lab(0% 0 0)){.dp-root{--paper:lab(97.0353% .123531 4.20823);--paper-edge:lab(87.2789% .834346 5.29664);--ink:lab(19.4178% 2.17569 -24.8379);--shade:lab(9.46389% 3.74058 6.52272)}}@media (min-width:640px){.dp-root{--w:288px;--stage-h:540px}}.stage>.dp-root{border-radius:inherit;width:calc(100% + 32px);margin:-40px -16px}[data-theme=dark] .dp-root{--paper:#ece8df;--shade:#000;--sh-k:1.9}@supports (color:lab(0% 0 0)){[data-theme=dark] .dp-root{--paper:lab(92.1662% .309855 4.97267);--shade:lab(0% 0 0)}}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .dp-root{--paper:#ece8df;--shade:#000;--sh-k:1.9}@supports (color:lab(0% 0 0)){:root:not([data-theme=light]) .dp-root{--paper:lab(92.1662% .309855 4.97267);--shade:lab(0% 0 0)}}}.dp-card,.dp-shadow{left:calc(50% - var(--w) / 2);top:calc((var(--stage-h) - 64px - var(--card-h)) / 2);width:var(--w);height:var(--card-h);will-change:transform;border-radius:3px;position:absolute}.dp-shadow{pointer-events:none}.dp-shadow:before,.dp-shadow:after{content:"";border-radius:3px;position:absolute}.dp-shadow-contact:before{background:oklch(from var(--shade) l c h / calc(.22 * var(--sh-k)));filter:blur(.25px);inset:0}.dp-shadow-contact:after{background:oklch(from var(--shade) l c h / calc(.14 * var(--sh-k)));filter:blur(1.5px);inset:1.5px 0 -1.5px}.dp-shadow-near:before{background:oklch(from var(--shade) l c h / calc(.16 * var(--sh-k)));filter:blur(9px);inset:4px}.dp-shadow-far:before{background:oklch(from var(--shade) l c h / calc(.14 * var(--sh-k)));filter:blur(20px);inset:12px}.dp-card{appearance:none;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;background:linear-gradient(152deg, #ffffff8c 0%, #fff0 38%), linear-gradient(152deg, transparent 70%, #856d520d 100%), var(--paper);box-shadow:inset 0 0 0 .5px var(--paper-edge), inset 0 1px 0 #fff;border:0;margin:0;padding:0;display:block}@supports (color:lab(0% 0 0)){.dp-card{background:linear-gradient(152deg, #ffffff8c 0%, #fff0 38%), linear-gradient(152deg, transparent 70%, lab(47.7687% 6.81484 18.9898/.05) 100%), var(--paper)}}.dp-card[data-held]{cursor:grabbing}.dp-card:focus{outline:none}.dp-card:focus-visible{outline:2px solid var(--focus,#2279dc);outline-offset:5px}@supports (color:lab(0% 0 0)){.dp-card:focus-visible{outline:2px solid var(--focus,lab(50.0477% 2.68856 -58.429))}}.dp-window{left:calc(var(--w) * .051);top:calc(var(--w) * .068);width:calc(var(--w) * .898);height:calc(var(--w) * .898);background:#495c59;border-radius:1px;position:absolute;overflow:hidden}.dp-canvas{width:100%;height:100%;display:block}.dp-recess{pointer-events:none;border-radius:1px;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #1d140d38,inset 0 1.5px 3px #1d140d57;box-shadow:inset 0 0 0 1px lab(7.17208% 3.64868 5.4563/.22),inset 0 1.5px 3px lab(7.17208% 3.64868 5.4563/.34)}.dp-sheen{pointer-events:none;mix-blend-mode:soft-light;opacity:0;background:linear-gradient(105deg,#0000 30%,#ffffffd9 50%,#0000 70%);position:absolute;inset:0;transform:translate(-110%)}.dp-root[data-phase=developed]:not([data-reduced]) .dp-sheen{animation:1.3s cubic-bezier(.4,0,.2,1) 80ms both dp-sheen}@keyframes dp-sheen{0%{opacity:1;transform:translate(-110%)}to{opacity:1;transform:translate(110%)}}.dp-chin{left:0;right:0;top:calc(var(--w) * (.068 + .898));height:calc(var(--w) * .25);place-items:center;display:grid;position:absolute}.dp-caption{font-family:Bradley Hand,Segoe Print,Ink Free,Noteworthy,Chalkboard SE,cursive;font-weight:600;font-size:calc(var(--w) * .068);color:var(--ink);white-space:nowrap;clip-path:inset(-20% 100% -20% 0);line-height:1;transform:rotate(-1.6deg)}.dp-root[data-phase=developed] .dp-caption{animation:1.1s cubic-bezier(.45,.05,.3,1) .26s both dp-write}.dp-root[data-phase=leaving] .dp-caption{clip-path:inset(-20% 0)}.dp-root[data-reduced][data-phase=developed] .dp-caption{clip-path:inset(-20% 0);animation:.32s both dp-fade}@keyframes dp-write{0%{clip-path:inset(-20% 100% -20% 0)}to{clip-path:inset(-20% 0)}}@keyframes dp-fade{0%{opacity:0}}.dp-again{height:40px;color:var(--muted,#6c6863);font:inherit;cursor:pointer;opacity:0;background:0 0;border:0;border-radius:999px;padding:0 16px;font-size:13px;font-weight:500;transition:opacity .36s cubic-bezier(.2,.8,.2,1),transform .36s cubic-bezier(.2,.8,.2,1),background-color .15s;position:absolute;bottom:16px;left:50%;transform:translate(-50%,6px)}@supports (color:lab(0% 0 0)){.dp-again{color:var(--muted,lab(44.3472% .606179 3.79039))}}.dp-again[data-show]{opacity:1;transform:translate(-50%)}@media (hover:hover){.dp-again:hover{background:color-mix(in oklch, var(--heading,currentColor) 7%, transparent)}}.dp-again:focus-visible{outline:2px solid var(--focus,#2279dc);outline-offset:2px}@supports (color:lab(0% 0 0)){.dp-again:focus-visible{outline:2px solid var(--focus,lab(50.0477% 2.68856 -58.429))}}[data-reduced] .dp-again{transform:translate(-50%)}.dp-sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}
