.settings-nav{background:linear-gradient(180deg, var(--color-base-100), color-mix(in oklab, var(--color-base-200) 55%, var(--color-base-100)));border:1px solid color-mix(in oklab, var(--color-base-300) 65%, transparent);border-radius:1.1rem;padding:.5rem;display:block;box-shadow:0 10px 28px -12px #0f172a2e}.settings-nav ul{flex-direction:column;gap:2px;display:flex}.sn-section{letter-spacing:.16em;text-transform:uppercase;color:color-mix(in oklab, var(--color-base-content) 72%, transparent);padding:.8rem .625rem .3rem;font-size:.625rem;font-weight:700}.sn-link{cursor:pointer;text-align:left;width:100%;color:var(--color-base-content);background:0 0;border:0;border-radius:.75rem;align-items:center;gap:.625rem;padding:.375rem .5rem;font-size:.8125rem;font-weight:550;line-height:1.25;text-decoration:none;transition:background .18s,color .18s,box-shadow .18s;display:flex;position:relative}.sn-link:hover{background:color-mix(in oklab, var(--color-base-100) 92%, var(--color-base-300) 8%);color:var(--color-base-content)}.sn-link:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.sn-link.is-active{background:color-mix(in oklab, var(--color-primary) 14%, var(--color-base-100));color:var(--color-base-content);box-shadow:0 1px 2px #0f172a12, 0 0 0 1px color-mix(in oklab, var(--color-primary) 35%, transparent), 0 6px 16px -8px #0f172a2e}.sn-link.is-active:before{content:"";background:var(--sn-g);border-radius:99px;width:3px;position:absolute;top:17%;bottom:17%;left:0}.sn-danger{color:color-mix(in oklab, #e11d48 85%, var(--color-base-content))}.sn-ic{border-radius:.65rem;flex:none;justify-content:center;align-items:center;width:2.125rem;height:2.125rem;display:flex;box-shadow:inset 0 0 0 1px #0f172a0f}.sn-glyph{background-color:#0000;background-position:50%;background-repeat:no-repeat;background-size:contain;flex:none;width:1.125rem;height:1.125rem;display:block}.sn-badge{flex:none;margin-left:auto}.sn-chev{width:1rem;height:1rem;color:color-mix(in oklab, var(--color-base-content) 45%, transparent);flex:none;margin-left:auto;transition:transform .25s}.sn-submenu{border-left:1px solid color-mix(in oklab, var(--color-base-content) 13%, transparent);flex-direction:column;gap:1px;margin:.125rem 0 .25rem 1.1875rem;padding:1px 0 1px .75rem}.sn-submenu:not(.hidden){display:flex}.sn-submenu.hidden{display:none}.sn-sub{color:var(--color-base-content);border-radius:.5rem;padding:.3125rem .625rem;font-size:.775rem;font-weight:500;line-height:1.25;text-decoration:none;transition:background .15s,color .15s,box-shadow .15s;display:block}.sn-sub:hover{background:color-mix(in oklab, var(--color-base-100) 92%, var(--color-base-300) 8%);color:var(--color-base-content)}.sn-sub:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.sn-sub.is-active{background:color-mix(in oklab, var(--color-primary) 14%, var(--color-base-100));color:var(--color-base-content);box-shadow:0 0 0 1px color-mix(in oklab, var(--color-primary) 35%, transparent);font-weight:650}.sn-sub:focus,.sn-link:focus{color:var(--color-base-content)}
