/* Optional affixes and switches. */
.input-affix{display:flex;align-items:stretch;border:1px solid var(--input-border);border-radius:var(--radius-sm);background:var(--surface);min-width:0}
.input-affix>input:not([type="checkbox"]):not([type="radio"]){border:0;background:transparent;border-radius:inherit;flex:1;width:0}
.affix{display:flex;align-items:center;justify-content:center;padding-inline:.85rem;color:var(--muted);font-weight:650;flex-shrink:0;min-width:2.5rem}
.input-affix .affix:first-child{padding-right:.25rem}.input-affix .affix:last-child{padding-left:.25rem}
.toggle{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-4);min-height:3rem;font-size:var(--text-sm);font-weight:650;cursor:pointer}
.toggle>span{min-width:0}
.toggle input{appearance:none;position:relative;width:2.75rem;height:1.6rem;border:1px solid var(--input-border);border-radius:var(--radius-pill);background:var(--surface-soft);margin:0;flex-shrink:0}
.toggle input::before{content:"";position:absolute;width:1.1rem;height:1.1rem;top:.19rem;left:.19rem;border-radius:50%;background:var(--muted)}
.toggle input:checked{background:var(--accent);border-color:var(--accent)}.toggle input:checked::before{left:auto;right:.19rem;background:var(--on-accent)}
@media(forced-colors:active){.toggle input{border:1px solid ButtonText}.toggle input:checked{background:Highlight}.toggle input:checked::before{background:HighlightText}}