:root{--brand-green-900: #102d1c;--brand-green-800: #174628;--brand-green-700: #1e5030;--brand-green-600: #225633;--brand-green-500: #2a6a40;--brand-lime-500: #9fb42c;--brand-lime-400: #b4c93d;--brand-lime-300: #c6dc55;--tile-purple: #7e3f62;--tile-blue: #1f6fb8;--tile-teal: #1f8a8a;--tile-ochre: #947034;--tile-red: #c72124;--tile-orange: #ea431b;--tile-amber: #f2801f;--tile-yellow: #eeb23e;--status-online: #6fd36b;--status-away: #f2801f;--status-dnd: #c72124;--status-offline: #6b7a6e;--radius-xs: 4px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 18px;--radius-xl: 24px;--radius-pill: 999px;--s-1: 4px;--s-2: 8px;--s-3: 12px;--s-4: 16px;--s-5: 20px;--s-6: 24px;--s-8: 32px;--s-10: 40px;--s-12: 48px;--s-16: 64px;--fs-xs: 11px;--fs-sm: 12px;--fs-md: 14px;--fs-base: 15px;--fs-lg: 17px;--fs-xl: 20px;--fs-2xl: 26px;--fs-3xl: 34px;--fs-4xl: 48px;--font-sans: "Inter Tight", "Inter", system-ui, -apple-system, sans-serif;--font-display: "Archivo Black", "Inter Tight", sans-serif;--font-mono: "JetBrains Mono", "SF Mono", ui-monospace, monospace}[data-theme=dark]{--bg-base: #0d1410;--bg-canvas: #0f1713;--bg-surface: #151e18;--bg-elev-1: #1b261f;--bg-elev-2: #222f27;--bg-hover: rgba(255, 255, 255, .04);--bg-active: rgba(159, 180, 44, .12);--border-subtle: rgba(255, 255, 255, .06);--border-default: rgba(255, 255, 255, .1);--border-strong: rgba(255, 255, 255, .18);--text-primary: #eef2ea;--text-secondary: #a6b0a5;--text-muted: #6d776d;--text-inverted: #0d1410;--accent: var(--brand-lime-500);--accent-hover: var(--brand-lime-400);--accent-ink: #0d1410;--accent-soft: rgba(159, 180, 44, .14);--focus-ring: rgba(159, 180, 44, .45);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow-md: 0 6px 18px rgba(0, 0, 0, .35);--shadow-lg: 0 22px 55px -20px rgba(0, 0, 0, .7);--sidebar-bg: #0a100c;--topbar-bg: rgba(15, 23, 19, .85);--ladrilho-alpha: .07;--input-bg: #0a100c;--input-border: rgba(255, 255, 255, .22)}[data-theme=verde]{--bg-base: #0e2d1b;--bg-canvas: #12381f;--bg-surface: #174628;--bg-elev-1: #1d5432;--bg-elev-2: #256040;--bg-hover: rgba(255, 255, 255, .05);--bg-active: rgba(159, 180, 44, .18);--border-subtle: rgba(255, 255, 255, .08);--border-default: rgba(255, 255, 255, .14);--border-strong: rgba(255, 255, 255, .24);--text-primary: #f2f5ea;--text-secondary: #bcc8b4;--text-muted: #87968a;--text-inverted: #102d1c;--accent: var(--brand-lime-500);--accent-hover: var(--brand-lime-300);--accent-ink: #102d1c;--accent-soft: rgba(159, 180, 44, .22);--focus-ring: rgba(198, 220, 85, .55);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 8px 24px rgba(0, 0, 0, .28);--shadow-lg: 0 24px 60px -24px rgba(0, 0, 0, .6);--sidebar-bg: #0b2416;--topbar-bg: rgba(18, 56, 31, .88);--ladrilho-alpha: .09;--input-bg: #0b2416;--input-border: rgba(255, 255, 255, .28)}[data-theme=claro]{--bg-base: #f4f3ec;--bg-canvas: #faf9f2;--bg-surface: #ffffff;--bg-elev-1: #ffffff;--bg-elev-2: #f7f6ee;--bg-hover: rgba(23, 70, 40, .05);--bg-active: rgba(23, 70, 40, .1);--border-subtle: rgba(23, 70, 40, .08);--border-default: rgba(23, 70, 40, .14);--border-strong: rgba(23, 70, 40, .28);--text-primary: #14241a;--text-secondary: #4b5c4f;--text-muted: #7c8a80;--text-inverted: #ffffff;--accent: #174628;--accent-hover: #225633;--accent-ink: #ffffff;--accent-soft: rgba(23, 70, 40, .1);--focus-ring: rgba(23, 70, 40, .45);--shadow-sm: 0 1px 2px rgba(23, 70, 40, .08);--shadow-md: 0 6px 24px rgba(23, 70, 40, .1);--shadow-lg: 0 24px 60px -24px rgba(23, 70, 40, .28);--sidebar-bg: #174628;--sidebar-text: #f2f5ea;--topbar-bg: rgba(255, 255, 255, .9);--ladrilho-alpha: .18;--input-bg: #ffffff;--input-border: rgba(23, 70, 40, .32)}[data-accent=lime]{--accent: var(--brand-lime-500);--accent-hover: var(--brand-lime-400);--accent-ink: #0d1410;--accent-soft: rgba(159, 180, 44, .16);--focus-ring: rgba(159, 180, 44, .5)}[data-accent=verde]{--accent: var(--brand-green-600);--accent-hover: var(--brand-green-500);--accent-ink: #ffffff;--accent-soft: rgba(34, 86, 51, .22);--focus-ring: rgba(34, 86, 51, .55)}[data-accent=purple]{--accent: var(--tile-purple);--accent-hover: #a0527f;--accent-ink: #ffffff;--accent-soft: rgba(126, 63, 98, .22);--focus-ring: rgba(126, 63, 98, .5)}[data-accent=orange]{--accent: var(--tile-orange);--accent-hover: var(--tile-amber);--accent-ink: #ffffff;--accent-soft: rgba(234, 67, 27, .2);--focus-ring: rgba(234, 67, 27, .5)}[data-accent=blue]{--accent: var(--tile-blue);--accent-hover: #2a86d5;--accent-ink: #ffffff;--accent-soft: rgba(31, 111, 184, .22);--focus-ring: rgba(31, 111, 184, .5)}*{box-sizing:border-box}*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;background:var(--bg-base);color:var(--text-primary);font-family:var(--font-sans);font-size:var(--fs-base);line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}#root{height:100%}button{font-family:inherit;color:inherit;cursor:pointer;border:0;background:transparent}input,textarea,select{font-family:inherit;font-size:inherit;color:inherit}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:var(--radius-pill)}::-webkit-scrollbar-thumb:hover{background:var(--border-strong)}::selection{background:var(--accent-soft);color:var(--text-primary)}.ladrilho{--lc: var(--accent);width:100%;height:100%;background-color:var(--lc);-webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><path d='M50 0 C 50 35, 65 50, 100 50 C 65 50, 50 65, 50 100 C 50 65, 35 50, 0 50 C 35 50, 50 35, 50 0 Z'/></svg>");mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><path d='M50 0 C 50 35, 65 50, 100 50 C 65 50, 50 65, 50 100 C 50 65, 35 50, 0 50 C 35 50, 50 35, 50 0 Z'/></svg>");-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}.tile-bg{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.tile-bg .t{position:absolute;animation:floatTile 14s ease-in-out infinite}@keyframes floatTile{0%,to{transform:translateZ(0) rotate(0);opacity:var(--tile-op, .7)}50%{transform:translate3d(10px,-18px,0) rotate(8deg);opacity:calc(var(--tile-op, .7) + .1)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.display{font-family:var(--font-display);letter-spacing:-.01em;text-transform:uppercase}.mono{font-family:var(--font-mono)}.muted{color:var(--text-muted)}.secondary{color:var(--text-secondary)}.eyebrow{font-size:var(--fs-xs);font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--s-2);padding:10px 16px;border-radius:var(--radius-sm);font-weight:500;font-size:var(--fs-md);line-height:1;border:1px solid transparent;white-space:nowrap;transition:all .14s ease;cursor:pointer;text-decoration:none}.btn-primary{background:var(--accent);color:var(--accent-ink);font-weight:600}.btn-primary:hover{background:var(--accent-hover)}.btn-secondary{background:var(--bg-elev-1);color:var(--text-primary);border-color:var(--border-default)}.btn-secondary:hover{background:var(--bg-elev-2);border-color:var(--border-strong)}.btn-ghost{background:transparent;color:var(--text-secondary)}.btn-ghost:hover{background:var(--bg-hover);color:var(--text-primary)}.btn-danger{background:var(--tile-red);color:#fff}.btn-danger:hover{filter:brightness(1.1)}.btn-sm{padding:6px 10px;font-size:var(--fs-sm)}.btn-lg{padding:14px 22px;font-size:var(--fs-lg)}.btn-icon{width:34px;height:34px;padding:0;border-radius:var(--radius-sm)}.input,.textarea,.select{width:100%;padding:10px 12px;background:var(--input-bg, var(--bg-elev-1));border:1.5px solid var(--input-border, var(--border-strong));border-radius:var(--radius-sm);color:var(--text-primary);transition:border-color .12s,box-shadow .12s,background .12s}.input:hover,.textarea:hover,.select:hover{border-color:var(--border-strong)}.input:focus,.textarea:focus,.select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--focus-ring)}.input::placeholder,.textarea::placeholder{color:var(--text-muted)}.input:-webkit-autofill,.textarea:-webkit-autofill{-webkit-box-shadow:0 0 0 30px var(--input-bg, var(--bg-elev-1)) inset!important;-webkit-text-fill-color:var(--text-primary)!important;caret-color:var(--text-primary)}.field-label{display:block;font-size:var(--fs-sm);font-weight:500;margin-bottom:var(--s-2);color:var(--text-secondary)}.card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);overflow:hidden}.card-body{padding:var(--s-6)}.card-head{padding:var(--s-5) var(--s-6);border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:space-between;gap:var(--s-4)}.card-head h3{margin:0;font-size:var(--fs-lg);font-weight:600}.card-foot{padding:var(--s-4) var(--s-6);border-top:1px solid var(--border-subtle);background:var(--bg-base)}.badge{display:inline-flex;align-items:center;gap:6px;padding:3px 8px;border-radius:var(--radius-pill);font-size:var(--fs-xs);font-weight:600;line-height:1}.badge-accent{background:var(--accent-soft);color:var(--accent)}.badge-green{background:#6fd36b24;color:#6fd36b}.badge-red{background:#c7212424;color:#e66265}.badge-orange{background:#ea431b24;color:#f08866}.badge-blue{background:#1f6fb824;color:#6aa8e0}.badge-muted{background:var(--bg-elev-1);color:var(--text-secondary)}.dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.dot-online{background:var(--status-online);box-shadow:0 0 0 2px var(--bg-surface),0 0 8px var(--status-online)}.dot-away{background:var(--status-away);box-shadow:0 0 0 2px var(--bg-surface)}.dot-dnd{background:var(--status-dnd);box-shadow:0 0 0 2px var(--bg-surface)}.dot-offline{background:var(--status-offline);box-shadow:0 0 0 2px var(--bg-surface)}.avatar{width:36px;height:36px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:var(--fs-sm);color:#fff;flex-shrink:0;position:relative;background:var(--bg-elev-2)}.avatar-sm{width:28px;height:28px;font-size:11px}.avatar-lg{width:56px;height:56px;font-size:var(--fs-lg)}.avatar-xl{width:96px;height:96px;font-size:var(--fs-2xl)}.avatar .status{position:absolute;bottom:-1px;right:-1px;width:10px;height:10px;border-radius:50%;border:2px solid var(--bg-surface);z-index:2}.avatar img{-webkit-user-select:none;user-select:none}.app-shell{display:grid;grid-template-columns:260px 1fr;grid-template-rows:56px 1fr;grid-template-areas:"sidebar topbar" "sidebar main";height:100vh;background:var(--bg-base)}[data-density=compact] .app-shell{grid-template-columns:220px 1fr}.sidebar{grid-area:sidebar;background:var(--sidebar-bg, var(--bg-canvas));color:var(--sidebar-text, var(--text-primary));border-right:1px solid var(--border-subtle);display:flex;flex-direction:column;overflow:hidden;position:relative}[data-theme=claro] .sidebar{--text-secondary: rgba(242, 245, 234, .7);--text-muted: rgba(242, 245, 234, .5);--border-subtle: rgba(255,255,255,.08);--border-default: rgba(255,255,255,.14);--bg-hover: rgba(255,255,255,.06)}.sidebar-brand{padding:var(--s-5) var(--s-5) var(--s-4);display:flex;align-items:center;gap:var(--s-3)}.brand-mark{width:36px;height:36px;border-radius:10px;background:var(--brand-lime-500);color:var(--brand-green-800);display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:900;letter-spacing:-.04em;font-size:16px;line-height:1;flex-shrink:0;overflow:hidden;white-space:nowrap}.brand-mark span{line-height:1;display:inline-flex;align-items:center}.brand-mark span.bar{display:inline-block;width:2px;height:55%;background:var(--brand-green-800);margin:0 2px;flex-shrink:0}.brand-text{line-height:1.1}.brand-text .name{font-family:var(--font-display);font-size:14px;letter-spacing:.04em;text-transform:uppercase}.brand-text .sub{font-size:11px;color:var(--text-muted);letter-spacing:.1em;text-transform:uppercase}.sidebar-search{padding:0 var(--s-4);margin-bottom:var(--s-3)}.sidebar-search-input{display:flex;align-items:center;gap:var(--s-2);padding:8px 10px;background:var(--bg-hover);border-radius:var(--radius-sm);font-size:var(--fs-sm);color:var(--text-muted);cursor:pointer;border:1px solid transparent}.sidebar-search-input:hover{background:var(--bg-active)}.sidebar-search-input kbd{margin-left:auto;font-family:var(--font-mono);font-size:10px;padding:2px 5px;background:var(--bg-base);border:1px solid var(--border-default);border-radius:4px;color:var(--text-secondary)}.sidebar-nav{flex:1;overflow-y:auto;padding:0 var(--s-3) var(--s-4);display:flex;flex-direction:column;gap:2px}.nav-group-label{padding:var(--s-4) var(--s-3) var(--s-1);font-size:10.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted)}.nav-item{display:flex;align-items:center;gap:var(--s-3);padding:8px 10px;border-radius:var(--radius-sm);font-size:var(--fs-md);color:var(--text-secondary);text-decoration:none;cursor:pointer;transition:all .12s;position:relative}.nav-item:hover{background:var(--bg-hover);color:var(--text-primary)}.nav-item.active{background:var(--bg-active);color:var(--accent);font-weight:600}.nav-item.active:before{content:"";position:absolute;left:-var(--s-3);left:calc(var(--s-3) * -1);top:8px;bottom:8px;width:3px;background:var(--accent);border-radius:0 3px 3px 0}.nav-item svg{flex-shrink:0}.nav-item .count{margin-left:auto;font-size:10px;font-weight:700;padding:2px 6px;border-radius:var(--radius-pill);background:var(--accent);color:var(--accent-ink)}.nav-item .count.muted{background:var(--bg-elev-1);color:var(--text-secondary)}.sidebar-foot{padding:var(--s-3) var(--s-4) var(--s-4);border-top:1px solid var(--border-subtle);display:flex;align-items:center;gap:var(--s-3)}.sidebar-foot .info{flex:1;min-width:0;line-height:1.2}.sidebar-foot .info .n{font-size:var(--fs-sm);font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-foot .info .r{font-size:11px;color:var(--text-muted)}.topbar{grid-area:topbar;background:var(--topbar-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;padding:0 var(--s-6);gap:var(--s-4);z-index:10}.topbar .crumbs{display:flex;align-items:center;gap:var(--s-2);font-size:var(--fs-md);color:var(--text-muted)}.topbar .crumbs .sep{color:var(--text-muted)}.topbar .crumbs .cur{color:var(--text-primary);font-weight:600}.topbar-actions{margin-left:auto;display:flex;align-items:center;gap:var(--s-2)}.icon-btn{width:36px;height:36px;display:inline-grid;place-items:center;border-radius:var(--radius-sm);color:var(--text-secondary);position:relative;transition:background .12s}.icon-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.icon-btn .notif-dot{position:absolute;top:6px;right:7px;width:8px;height:8px;border-radius:50%;background:var(--tile-red);border:2px solid var(--topbar-bg)}.main{grid-area:main;overflow:auto;background:var(--bg-base);position:relative}.page{max-width:1400px;margin:0 auto;padding:var(--s-8)}[data-density=compact] .page{padding:var(--s-5) var(--s-6)}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--s-4);margin-bottom:var(--s-8);flex-wrap:wrap}.page-title{font-family:var(--font-display);font-size:var(--fs-3xl);font-weight:800;letter-spacing:-.02em;margin:0;text-transform:uppercase;line-height:1}.page-subtitle{color:var(--text-secondary);font-size:var(--fs-md);margin-top:var(--s-2)}.grid{display:grid;gap:var(--s-5)}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.flex{display:flex}.gap-1{gap:var(--s-1)}.gap-2{gap:var(--s-2)}.gap-3{gap:var(--s-3)}.gap-4{gap:var(--s-4)}.gap-6{gap:var(--s-6)}.tip[data-tip]{position:relative}.tip[data-tip]:hover:after{content:attr(data-tip);position:absolute;top:calc(100% + 6px);left:50%;transform:translate(-50%);background:var(--bg-elev-2);color:var(--text-primary);padding:4px 8px;border-radius:var(--radius-xs);font-size:11px;white-space:nowrap;z-index:1000;border:1px solid var(--border-default)}.toasts{position:fixed;bottom:var(--s-6);right:var(--s-6);display:flex;flex-direction:column;gap:var(--s-2);z-index:100;pointer-events:none}.toast{background:var(--bg-elev-2);color:var(--text-primary);padding:12px 16px;border-radius:var(--radius-md);border:1px solid var(--border-default);border-left:3px solid var(--accent);box-shadow:var(--shadow-md);display:flex;align-items:center;gap:var(--s-3);min-width:280px;max-width:400px;pointer-events:auto;animation:toastIn .2s ease}.toast.ok{border-left-color:var(--status-online)}.toast.err{border-left-color:var(--tile-red)}.toast.info{border-left-color:var(--tile-blue)}@keyframes toastIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:grid;place-items:center;z-index:200;animation:fadeIn .14s ease;padding:var(--s-4)}.modal{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:100%;max-width:560px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;animation:modalIn .18s cubic-bezier(.2,.9,.3,1.2)}.modal-lg{max-width:760px}.modal-head{padding:var(--s-5) var(--s-6);border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:space-between}.modal-head h3{margin:0;font-size:var(--fs-lg);font-weight:600}.modal-body{padding:var(--s-6);overflow:auto}.modal-foot{padding:var(--s-4) var(--s-6);border-top:1px solid var(--border-subtle);display:flex;justify-content:flex-end;gap:var(--s-2);background:var(--bg-base)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalIn{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.tweaks-panel{position:fixed;right:var(--s-5);bottom:var(--s-5);width:320px;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:150;overflow:hidden}.tweaks-head{padding:12px 16px;background:var(--bg-elev-1);border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:space-between}.tweaks-head h4{margin:0;font-size:var(--fs-md);font-weight:700;font-family:var(--font-display);text-transform:uppercase;letter-spacing:.08em}.tweaks-body{padding:14px 16px;display:flex;flex-direction:column;gap:12px}.tweak-row{display:flex;flex-direction:column;gap:6px}.tweak-row>label{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);font-weight:700}.seg{display:flex;gap:4px;background:var(--bg-base);padding:4px;border-radius:var(--radius-sm);border:1px solid var(--border-subtle)}.seg button{flex:1;padding:6px 8px;font-size:11px;border-radius:5px;color:var(--text-secondary);font-weight:600;transition:all .12s}.seg button.on{background:var(--accent);color:var(--accent-ink)}.seg button:not(.on):hover{background:var(--bg-hover);color:var(--text-primary)}.swatches{display:flex;gap:6px}.swatches button{width:28px;height:28px;border-radius:50%;border:2px solid var(--border-subtle);cursor:pointer;position:relative}.swatches button.on{border-color:var(--text-primary);box-shadow:0 0 0 2px var(--accent-soft)}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.chk{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border:1.5px solid var(--border-strong);border-radius:4px;background:transparent;cursor:pointer;display:inline-grid;place-items:center;transition:all .12s;flex-shrink:0}.chk:checked{background:var(--accent);border-color:var(--accent)}.chk:checked:after{content:"";width:5px;height:9px;border:solid var(--accent-ink);border-width:0 2px 2px 0;transform:rotate(45deg) translateY(-1px)}.switch{position:relative;width:36px;height:20px;background:var(--border-strong);border-radius:var(--radius-pill);cursor:pointer;transition:background .12s;flex-shrink:0}.switch:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;background:#fff;border-radius:50%;transition:transform .14s cubic-bezier(.2,.8,.3,1.1)}.switch.on{background:var(--accent)}.switch.on:after{transform:translate(16px)}