.dc-fr{gap:2rem;display:grid}.dc-fr-panel{min-width:0}.dc-fr-panel>*{height:100%}@media (min-width:1024px){.dc-fr{grid-template-columns:repeat(var(--dc-fr-count,3), minmax(0, 1fr))}}@media (min-width:1024px) and (prefers-reduced-motion:no-preference){.dc-fr{height:calc(var(--dc-fr-count,3) * var(--dc-fr-panel-h));display:block}.dc-fr-panel{top:calc(var(--dc-fr-offset) + var(--dc-fr-i,0) * var(--dc-fr-stagger));height:var(--dc-fr-panel-h);position:sticky}.dc-fr-panel:last-child{position:relative;top:0}.dc-fr-panel .dc-card{min-height:0;box-shadow:0 -10px 26px -18px #14110f38}}.dc-fr [data-step-tone]{background-color:var(--dc-tone-bg);color:var(--dc-tone-fg);border-color:#0000}.dc-fr [data-step-tone="0"]{--dc-tone-bg:#e8dfcf;--dc-tone-fg:#14110f;--dc-cursor-trail:#b39560, #9b7e4a, #7c653b}.dc-fr [data-step-tone="1"]{--dc-tone-bg:#f5c542;--dc-tone-fg:#14110f;--dc-cursor-trail:#c2910a, #9b7408, #745706}.dc-fr [data-step-tone="2"]{--dc-tone-bg:#5c3a21;--dc-tone-fg:#faf8f4;--dc-cursor-trail:#bc7745, #c88e64, #a86a3c}.dc-fr [data-step-tone="3"]{--dc-tone-bg:#2f3d28;--dc-tone-fg:#faf8f4;--dc-cursor-trail:#cddd88, #a8b86a, #7d8a6a}.dc-fr [data-step-tone] .text-ink-mute,.dc-fr [data-step-tone] .text-ink-soft,.dc-fr [data-step-tone] .text-hide,.dc-fr [data-step-tone] .text-ink{color:currentColor}.dc-fr [data-step-tone] .text-ink-mute{opacity:.78}.dc-fr [data-step-tone] .bg-paper-soft{background-color:color-mix(in srgb, currentColor 14%, transparent)}
.dc-pd{--dc-pd-unit:2px;--dc-pd-cell:calc(var(--dc-pd-unit) * 8);--dc-pd-cols:65;--dc-pd-p:1;--dc-pd-ramp:2;--dc-pd-tone:var(--hide);--dc-pd-shade:var(--hide-deep);--dc-pd-s:0;pointer-events:none;width:100%;position:relative;overflow:hidden}.dc-pd-grid{grid-template-columns:repeat(var(--dc-pd-cols), var(--dc-pd-cell));grid-auto-rows:var(--dc-pd-cell);gap:0;line-height:0;display:grid}.dc-pd-cell{width:var(--dc-pd-cell);height:var(--dc-pd-cell);background-color:color-mix(in srgb, var(--dc-pd-shade) calc(var(--dc-pd-s) * 1%), var(--dc-pd-tone));opacity:clamp(0, calc((var(--dc-pd-p) - var(--dc-pd-t)) * var(--dc-pd-ramp)), 1);transform:translateZ(0)}@media (min-width:768px){.dc-pd{--dc-pd-unit:3px}}@media (min-width:1024px){.dc-pd{--dc-pd-unit:5px}}