.prefs-page{position:relative;min-height:100vh;overflow-x:hidden}.prefs-page .blob--lilac{width:460px;height:460px;background:var(--lilac);top:-200px;right:-160px}.prefs-page .blob--green{width:420px;height:420px;background:var(--green);bottom:-180px;left:-220px}.prefs-shell{position:relative;z-index:1;padding:28px 0 72px}.prefs{margin:clamp(24px,5vw,56px) auto 0;max-width:720px}.prefs__loading{padding:48px 0;text-align:center;font-weight:700}.prefs h1{margin-bottom:12px}.prefs__lede{margin-bottom:28px;max-width:52ch;font-size:18px}.banner{margin-bottom:28px}.banner__tick{display:grid;place-items:center;flex:none;width:26px;height:26px}.banner__tick svg{width:22px;height:22px}.banner .btn{min-height:44px;padding:0 20px}.prefs__list{padding:4px 22px}.pref{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 0}.pref+.pref{border-top:2px dashed var(--rule)}.pref__name{margin:0;font-family:var(--display);font-size:19px;font-weight:700}.pref__why{margin:2px 0 0;font-size:15px}.toggle{position:relative;flex:none;display:grid;place-items:center;width:64px;height:44px;cursor:pointer}.toggle input{position:absolute;inset:0;margin:0;opacity:0;cursor:pointer}.toggle__track{position:relative;display:block;width:58px;height:34px;border:var(--border);border-radius:var(--radius-pill);background:var(--card);transition:background-color .14s ease}.toggle__track:after{content:"";position:absolute;top:3px;left:3px;width:22px;height:22px;border:2.5px solid var(--ink);border-radius:50%;background:var(--card);transition:transform .14s ease}.toggle input:checked+.toggle__track{background:var(--accent)}.toggle input:checked+.toggle__track:after{transform:translate(24px)}.toggle input:focus-visible+.toggle__track{outline:3px solid var(--ink);outline-offset:3px}.toggle--locked{cursor:default}.toggle--locked .toggle__track{border-style:dashed;background:var(--lilac)}.toggle--locked .toggle__track:after{transform:translate(24px)}.pref--locked .pref__name,.pref--locked .pref__why{opacity:.75}.prefs__actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:28px}.prefs__fine{margin-top:24px;max-width:58ch;font-size:15px}@media(max-width:520px){.pref{gap:12px}.prefs__actions .btn{width:100%}}
