.settings-drawer-theme{color:var(--ink)}.settings-drawer-overlay{z-index:70;background:#10120f7a;animation:.16s ease-out settings-drawer-fade-in;position:fixed;inset:0}.settings-drawer{z-index:71;border:0;border-left:1px solid var(--edge);background:var(--canvas);width:min(560px,100vw);height:100dvh;color:var(--ink);grid-template-rows:auto minmax(0,1fr) auto;animation:.18s ease-out settings-drawer-slide-in;display:grid;position:fixed;inset:0 0 0 auto;box-shadow:-16px 0 48px #10120f24}.settings-drawer-header{justify-content:space-between;align-items:flex-start;gap:24px;padding:24px;display:flex}.settings-drawer-heading{min-width:0}.settings-drawer-heading h2{color:var(--ink);letter-spacing:-.02em;margin:0;font-size:20px;font-weight:600;line-height:24px}.settings-drawer-heading p{max-width:440px;color:var(--muted);margin:12px 0 0;font-size:14px;line-height:20px}.settings-drawer-close{width:44px;height:44px;color:var(--ink);background:0 0;border:0;border-radius:12px;flex:none;place-items:center;margin:-10px -10px 0 0;padding:0;display:grid}.settings-drawer-close:hover{background:var(--soft)}.settings-drawer-close:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.settings-drawer-body{overscroll-behavior:contain;min-height:0;padding:8px 24px 32px;overflow:auto}.settings-drawer-footer{border-top:1px solid var(--line);background:var(--canvas);justify-content:flex-end;align-items:center;gap:12px;min-height:80px;padding:16px 24px;display:flex}@media (max-width:600px){.settings-drawer{width:100vw;box-shadow:none;border-left:0}.settings-drawer-header{padding:20px 20px 16px}.settings-drawer-body{padding:8px 20px 24px}.settings-drawer-footer{min-height:76px;padding:12px 20px max(12px, env(safe-area-inset-bottom))}}@media (prefers-reduced-motion:reduce){.settings-drawer-overlay,.settings-drawer{animation:none}}@keyframes settings-drawer-fade-in{0%{opacity:0}}@keyframes settings-drawer-slide-in{0%{opacity:0;transform:translate(24px)}}