.dr{z-index:120;visibility:hidden;transition:visibility 0s linear .5s;position:fixed;inset:0}.dr.open{visibility:visible;transition-delay:0s}.dr-back{background:var(--color-basalt-a55);opacity:0;transition:opacity .4s;position:absolute;inset:0}.dr.open .dr-back{opacity:1}.dr-panel{background:var(--color-white);width:min(460px,92vw);color:var(--color-basalt);padding:var(--space-70) clamp(20px,4vw,36px) var(--space-36);transition:transform .5s var(--motion-out);box-shadow:0 0 0 1px var(--color-hair);position:absolute;top:0;bottom:0;right:0;overflow-y:auto;transform:translate(100%)}.dr.open .dr-panel{transform:none}.dr-x{top:var(--space-12);right:var(--space-12);border:1.5px solid var(--color-basalt);background:var(--color-white);width:48px;height:48px;color:var(--color-basalt);cursor:pointer;border-radius:50%;place-items:center;display:grid;position:absolute}.dr-x svg{width:18px;height:18px}.dr-x:hover{background:var(--color-basalt);color:var(--color-white)}.dr-panel :focus-visible{outline:3px solid var(--color-olive);outline-offset:3px}@media (prefers-reduced-motion:reduce){.dr,.dr-back,.dr-panel{transition:none}}