@layer pages{.settings-content{gap:16px;width:min(100%,880px);margin-inline:auto;display:grid}.settings-card{background:var(--md-sys-color-surface-container-low);border-radius:28px;min-width:0;padding:8px 24px}.settings-group+.settings-group{border-top:1px solid var(--md-sys-color-outline-variant)}.settings-row{grid-template-columns:minmax(160px,1fr) auto;align-items:center;gap:24px;padding-block:24px;display:grid}.settings-row__header{align-items:center;gap:16px;min-width:0;display:flex}.settings-row__header>div{min-width:0}.settings-row__icon{color:var(--md-sys-color-on-surface-variant);flex:0 0 24px;place-items:center;display:grid}.settings-row h2{color:var(--md-sys-color-on-surface);font:500 16px/24px var(--app-font);margin:0}.settings-current{min-height:20px;color:var(--md-sys-color-on-surface-variant);font:400 14px/20px var(--app-font);overflow-wrap:anywhere;margin:4px 0 0}.settings-options{align-items:center;gap:8px;min-width:0;display:flex}.settings-option{--swatch:#31356e;--swatch-container:#dfe0ff;--swatch-on:#79bbc8;cursor:pointer;flex:0 0 56px;width:56px;height:56px;display:block;position:relative}.settings-option input{z-index:1;opacity:0;width:100%;height:100%;cursor:inherit;margin:0;position:absolute;inset:0}.settings-option__face{border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface);width:100%;height:100%;color:var(--md-sys-color-on-surface-variant);transition:border-radius .18s var(--ease-emphasized), background-color .18s linear, color .18s linear;border-radius:28px;place-items:center;display:grid}.settings-option input:checked+.settings-option__face{border-color:var(--md-sys-color-primary);background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary);border-radius:16px}.settings-option input:focus-visible+.settings-option__face{outline:3px solid var(--md-sys-color-secondary);outline-offset:4px}.settings-option input:active+.settings-option__face{border-radius:12px}.settings-content:not([data-ready]) .settings-option__face{transition:none}.settings-option__palette{border-radius:50%;grid-template:1fr 1fr/1fr 1fr;width:36px;height:36px;display:grid;overflow:hidden}.settings-option__palette i:first-child{background:var(--swatch);grid-column:1/-1}.settings-option__palette i:nth-child(2){background:var(--swatch-container)}.settings-option__palette i:nth-child(3){background:var(--swatch-on)}.settings-option__image{width:28px;height:28px;display:block;position:relative}.settings-option__image img{object-fit:contain;border-radius:50%;width:100%;height:100%}.settings-option__image i{border:1px solid var(--md-sys-color-surface);background:var(--md-sys-color-inverse-surface);width:14px;height:14px;color:var(--md-sys-color-inverse-on-surface);font:700 10px/1 var(--app-font);border-radius:50%;place-items:center;display:grid;position:absolute;bottom:-4px;right:-4px}.settings-option__tooltip{z-index:3;background:var(--md-sys-color-inverse-surface);width:max-content;max-width:min(240px,100vw - 48px);color:var(--md-sys-color-inverse-on-surface);font:400 12px/18px var(--app-font);text-align:center;pointer-events:none;border-radius:6px;padding:6px 10px;display:none;position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%)}.settings-option:first-child .settings-option__tooltip{left:0;transform:none}.settings-option:last-child .settings-option__tooltip{left:auto;right:0;transform:none}.settings-option:has(input:focus-visible) .settings-option__tooltip{display:block}.settings-toggle{border-top:1px solid var(--md-sys-color-outline-variant);justify-content:space-between;align-items:center;gap:16px;padding-block:16px;display:flex}.settings-toggle label{color:var(--md-sys-color-on-surface-variant);font:400 14px/20px var(--app-font);cursor:pointer;align-items:center;gap:20px;display:flex}.settings-toggle label svg{flex:0 0 20px}.settings-toggle md-switch{flex-shrink:0}@media (hover:hover){.settings-option:hover .settings-option__face{box-shadow:inset 0 0 0 100px color-mix(in srgb, currentColor 8%, transparent)}.settings-option:hover .settings-option__tooltip{display:block}}@media (max-width:839px){.settings-card{padding-inline:20px}.settings-row{grid-template-columns:minmax(0,1fr);gap:16px;padding-block:20px}.settings-options{padding-inline-start:40px}}@media (max-width:599px){.settings-content{gap:12px}.settings-card{border-radius:24px;padding:0 16px}.settings-row{gap:16px}.settings-options{gap:8px;padding-inline-start:0}.settings-option{flex-basis:48px;width:48px;height:48px}.settings-options--seed{gap:4px}.settings-option__palette{width:32px;height:32px}}@media (max-width:389px){.settings-options--seed,.settings-options--locale{grid-template-columns:repeat(3,48px);gap:8px;display:grid}}@media (prefers-reduced-motion:reduce){.settings-option__face{transition:none}}@media (forced-colors:active){.settings-option input:checked+.settings-option__face{outline-offset:-3px;outline:3px solid highlight}}}