.dp-home{--dp-ease-out:cubic-bezier(.23, 1, .32, 1);--dp-ease-paper:cubic-bezier(.32, .72, 0, 1);--dp-ease-lay:cubic-bezier(.33, .1, .15, 1);--dp-ease-move:cubic-bezier(.65, 0, .35, 1);--dp-dur-press:.12s;--dp-dur-step:.15s;--dp-dur-quick:.2s;--dp-dur-flash:.32s;--dp-dur-grow:.45s}.dp-home .dp-reveal{--dp-rest:50%;isolation:isolate;touch-action:pan-y;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:var(--dp-paper);position:relative;overflow:clip}.dp-home .dp-reveal img{pointer-events:none;-webkit-user-drag:none}.dp-home :is(.dp-photo,.dp-veil,.dp-pencil,.dp-sheet,.dp-sheet-inner,.dp-seam){position:absolute;inset:0}.dp-home .dp-sheet{z-index:1;transform:translateX(var(--dp-rest));overflow:clip}.dp-home .dp-sheet-inner{background:var(--dp-paper);transform:translateX(calc(var(--dp-rest) * -1))}.dp-home .dp-seam{z-index:2;pointer-events:none;transform:translateX(var(--dp-rest))}.dp-home .dp-seam-line{inset-block:0;background:var(--dp-ink);inline-size:2px;position:absolute;left:-1px;box-shadow:-2px 0 10px #0000003d;box-shadow:-2px 0 10px lab(0% 0 0/.24)}.dp-home .dp-knob{border:2px solid var(--dp-ink);background:var(--dp-paper);block-size:48px;inline-size:48px;color:var(--dp-ink);pointer-events:auto;cursor:ew-resize;transition:opacity var(--dp-dur-quick) var(--dp-ease-out), scale var(--dp-dur-quick) var(--dp-ease-out);border-radius:0;place-items:center;margin:-24px 0 0 -24px;display:grid;position:absolute;top:50%;left:0}.dp-home .dp-knob:after{content:"";position:absolute;inset:-10px}.dp-home .dp-knob:active{transition-duration:var(--dp-dur-press);scale:.97}.dp-home :is(.dp-range,.dp-visually-hidden){clip-path:inset(50%);white-space:nowrap;border:0;block-size:1px;inline-size:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.dp-home .dp-reveal:has(.dp-range:focus-visible) .dp-knob{opacity:1;outline:3px solid var(--dp-focus);outline-offset:3px;scale:1}.dp-home .dp-reveal:is([data-input=key],[data-input=click]) :is(.dp-sheet,.dp-sheet-inner,.dp-seam){transition:transform var(--dp-dur-step) var(--dp-ease-out)}.dp-home .dp-overlay{z-index:3;position:absolute}.dp-home .dp-reveal[data-intro=waiting] :is(.dp-sheet,.dp-seam){transform:translate(100%)}.dp-home .dp-reveal[data-intro=waiting] .dp-sheet-inner{transform:translate(-100%)}.dp-home .dp-reveal:is([data-intro=waiting],[data-intro=playing]) .dp-knob{opacity:0;scale:.95}.dp-home .dp-veil{z-index:1;pointer-events:none;background:var(--dp-paper);opacity:0;transition:opacity var(--dp-dur-quick) var(--dp-ease-out)}.dp-home .dp-reveal[data-intro=waiting][data-drawing] .dp-veil{opacity:.45}.dp-home .dp-pencil{z-index:1;pointer-events:none;opacity:0;transform:translate(100%)}@media (scripting:enabled) and (prefers-reduced-motion:no-preference){.dp-home .dp-reveal[data-intro=pending] :is(.dp-sheet,.dp-seam){animation:4.3s linear dp-pending-sheet}.dp-home .dp-reveal[data-intro=pending] .dp-sheet-inner{animation:4.3s linear dp-pending-inner}.dp-home .dp-reveal[data-intro=pending] .dp-knob{animation:4.3s linear dp-pending-hide}}@keyframes dp-pending-sheet{0%,79.07%{animation-timing-function:cubic-bezier(.33,.1,.15,1);transform:translate(100%)}to{transform:translateX(var(--dp-rest))}}@keyframes dp-pending-inner{0%,79.07%{animation-timing-function:cubic-bezier(.33,.1,.15,1);transform:translate(-100%)}to{transform:translateX(calc(var(--dp-rest) * -1))}}@keyframes dp-pending-hide{0%,to{opacity:0}}::view-transition-group(.dp-keep){animation-duration:.45s;animation-timing-function:cubic-bezier(.32,.72,0,1)}::view-transition-old(.dp-keep){object-fit:cover;block-size:100%}::view-transition-new(.dp-keep){object-fit:cover;block-size:100%}@media (prefers-reduced-motion:reduce){.dp-home .dp-reveal :is(.dp-sheet,.dp-sheet-inner,.dp-seam){transition:none!important}.dp-home .dp-knob{scale:none!important}::view-transition-group(.dp-keep){animation:none!important}::view-transition-old(.dp-keep){animation:none!important}::view-transition-new(.dp-keep){animation:none!important}}@media (forced-colors:active){.dp-home .dp-seam-line{background:canvastext}.dp-home .dp-knob{border-color:buttontext}}