@import "./styles.css";body[data-page=settings]{display:flex;flex-direction:column;min-height:100svh}body[data-page=settings] .settings-page{margin:0 auto;padding:48px 0 96px;width:min(960px,calc(100% - 32px))}body[data-page=settings] .settings-hero{margin-bottom:36px;text-align:center}body[data-page=settings] .settings-kicker{color:color-mix(in srgb,var(--text-color) 60%,var(--background-color));font-size:.85rem;font-weight:700;letter-spacing:.16em;margin:0 0 8px;text-transform:uppercase}body[data-page=settings] .settings-hero h1{font-size:clamp(2rem,4vw,3rem);margin:0}body[data-page=settings] .settings-intro{color:color-mix(in srgb,var(--text-color) 76%,var(--background-color));margin:12px auto 0;max-width:36rem}body[data-page=settings] .settings-grid{display:grid;gap:20px}body[data-page=settings] .settings-card{align-items:center;background:color-mix(in srgb,var(--background-color) 92%,var(--text-color) 8%);border:1px solid color-mix(in srgb,var(--text-color) 10%,transparent);border-radius:18px;display:flex;gap:20px;justify-content:space-between;padding:22px 24px}body[data-page=settings] .settings-card__copy h2{font-size:1.2rem;margin:0 0 6px}body[data-page=settings] .settings-card__copy p{margin:0}body[data-page=settings] .settings-card__eyebrow{color:color-mix(in srgb,var(--text-color) 60%,var(--background-color));font-size:.75rem;font-weight:700;letter-spacing:.14em;margin:0 0 8px;text-transform:uppercase}body[data-page=settings] .settings-toggle{align-items:center;background:var(--background-color);border:1px solid color-mix(in srgb,var(--text-color) 14%,transparent);border-radius:9999px;color:var(--text-color);cursor:pointer;display:inline-flex;font:inherit;gap:12px;justify-content:center;min-width:220px;padding:12px 18px}body[data-page=settings] .settings-toggle:focus-visible,body[data-page=settings] .settings-toggle:hover{background:var(--switch-hover-color);outline:none}body[data-page=settings] .settings-toggle[aria-pressed=true]{border-color:color-mix(in srgb,var(--link) 35%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--link) 20%,transparent)}body[data-page=settings] .settings-toggle__icon{align-items:center;display:inline-flex;height:30px;justify-content:center;width:30px}body[data-page=settings] .settings-toggle__icon img{display:block}body[data-page=settings] .settings-toggle__text{font-family:Comfortaa;font-size:1rem;font-weight:600}body[data-page=settings] .page-footer{margin-top:auto}@media (max-width:760px){body[data-page=settings] nav.main{display:flex!important}body[data-page=settings] .settings-page{padding:28px 0 72px;width:min(100%,calc(100% - 24px))}body[data-page=settings] .settings-card{align-items:stretch;flex-direction:column;padding:18px}body[data-page=settings] .settings-toggle{min-width:0;width:100%}}