@layer components{.sheet__backdrop{z-index:100;-webkit-backdrop-filter:blur(8px);opacity:1;transition:opacity .28s var(--ease);background:#0f0d0c8c;position:fixed;inset:0}.sheet__backdrop[data-starting-style],.sheet__backdrop[data-ending-style]{opacity:0}.sheet__panel{z-index:101;background:var(--surface);opacity:1;transition:transform .32s var(--ease), opacity .28s var(--ease);flex-direction:column;gap:24px;padding:clamp(28px,5vw,40px);display:flex;position:fixed}.sheet__panel[data-side=right]{width:min(360px,85vw);max-width:100%;height:100%;top:0;bottom:0;right:0;transform:translate(0);box-shadow:-50px 0 100px -20px #0f0d0c66}.sheet__panel[data-side=right][data-starting-style],.sheet__panel[data-side=right][data-ending-style]{opacity:0;transform:translate(100%)}.sheet__close-x{appearance:none;width:36px;height:36px;color:var(--ink-4);cursor:pointer;transition:background .15s var(--ease), color .15s var(--ease);background:0 0;border:0;border-radius:50%;font-size:26px;line-height:1;position:absolute;top:14px;right:14px}.sheet__close-x:hover{background:var(--surface-low);color:var(--ink)}.sheet__title{letter-spacing:-.02em;color:var(--ink);margin:0;font-size:clamp(20px,2.2vw,24px);font-weight:700;line-height:1.15}.sheet__body{color:var(--ink-3);margin:0;font-size:14.5px;font-weight:300;line-height:1.55}.sheet__nav{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.sheet__nav a,.sheet__nav button{min-height:44px;color:var(--ink);cursor:pointer;transition:color .15s var(--ease);background:0 0;border:0;align-items:center;padding:10px 0;font-size:17px;font-weight:500;text-decoration:none;display:flex}.sheet__nav a:hover,.sheet__nav button:hover{color:var(--ink-3)}@media (prefers-reduced-motion:reduce){.sheet__backdrop,.sheet__panel{transition:opacity .28s var(--ease)}.sheet__panel[data-side=right][data-starting-style],.sheet__panel[data-side=right][data-ending-style]{transform:translate(0)}}}