@property --micro-ring-p{syntax:"<number>";inherits:false;initial-value:0}.micro-save{isolation:isolate;border-radius:var(--radius-pill);min-width:120px;height:44px;color:var(--text-on-accent);background:var(--grad-primary);box-shadow:var(--shadow-primary);cursor:pointer;transition:color .3s var(--spring), box-shadow .3s var(--spring), transform .15s var(--spring);border:0;place-items:center;padding:0 22px;font-size:14px;font-weight:600;line-height:1;display:inline-grid;position:relative;overflow:hidden}.micro-save:not(:disabled):not([aria-disabled=true]):active{transform:scale(.97)}.micro-save:before{content:"";z-index:-1;background:var(--grad-ok);opacity:0;transition:opacity .3s var(--spring);position:absolute;inset:0}.micro-save[data-variant=secondary]{color:var(--text);background:var(--bg-2);box-shadow:inset 0 0 0 1px var(--line-strong)}.micro-save[data-size=lg]{height:56px;padding:0 24px;font-size:16px}.micro-save[data-status=done]{color:var(--tile);box-shadow:0 8px 18px -8px rgb(var(--ok-rgb) / .6)}.micro-save[data-status=done]:before{opacity:1}.micro-save[aria-disabled=true]{cursor:default}.micro-save:disabled{opacity:.5;cursor:not-allowed}.micro-save:focus-visible{outline:2px solid var(--text);outline-offset:2px}.micro-save-layer{white-space:nowrap;opacity:0;transition:opacity .2s var(--spring), transform .35s var(--spring);grid-area:1/1;justify-content:center;align-items:center;gap:6px;display:inline-flex;transform:translateY(12px)}.micro-save:not([data-status=idle]) [data-layer=idle]{transform:translateY(-12px)}.micro-save[data-status=idle] [data-layer=idle],.micro-save[data-status=busy] [data-layer=busy],.micro-save[data-status=done] [data-layer=done],.micro-save[data-status=error] [data-layer=error]{opacity:1;transform:none}.micro-save-spin{border:2px solid color-mix(in srgb, currentColor 35%, transparent);border-top-color:currentColor;border-radius:50%;width:16px;height:16px}.micro-save-check path{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:20;stroke-dashoffset:20px}.micro-save[data-status=done] .micro-save-check path{animation:micro-draw .35s var(--spring) .1s forwards}@keyframes micro-draw{to{stroke-dashoffset:0}}.micro-switch{isolation:isolate;border:1px solid var(--line-strong);border-radius:var(--radius-pill);background:var(--bg-3);cursor:pointer;width:44px;height:26px;transition:border-color .25s var(--spring), transform .15s var(--spring);flex:none;padding:0;position:relative;overflow:hidden}.micro-switch:not(:disabled):active{transform:scale(.97)}.micro-switch:before{content:"";z-index:-1;background:var(--grad-ok);opacity:0;transition:opacity .25s var(--spring);position:absolute;inset:0}.micro-switch-thumb{border-radius:var(--radius-pill);background:var(--text-on-accent);width:20px;height:20px;box-shadow:0 2px 6px color-mix(in srgb, var(--tile) 30%, transparent);transition:transform .35s var(--spring), width .2s var(--spring);position:absolute;top:2px;left:2px}.micro-switch:active .micro-switch-thumb{width:26px}.micro-switch[aria-checked=true]{border-color:#0000}.micro-switch[aria-checked=true]:before{opacity:1}.micro-switch[aria-checked=true] .micro-switch-thumb{transform:translate(18px)}.micro-switch[aria-checked=true]:active .micro-switch-thumb{transform:translate(12px)}.micro-switch:disabled{opacity:.5;cursor:not-allowed}.micro-switch:focus-visible{outline:2px solid var(--text);outline-offset:2px}.micro-chip{isolation:isolate;border:1px solid var(--line-strong);border-radius:var(--radius-pill);background:var(--bg-2);color:var(--text-dim);cursor:pointer;transition:color .2s var(--spring), border-color .2s var(--spring), transform .15s var(--spring);align-items:center;padding:5px 11px;font-size:13px;line-height:1.3;display:inline-flex;position:relative;overflow:hidden}.micro-chip:not(:disabled):active{transform:scale(.97)}.micro-chip:before{content:"";z-index:-1;background:var(--grad-ok);opacity:0;transition:opacity .2s var(--spring);position:absolute;inset:0}.micro-chip:hover:not([aria-pressed=true]){color:var(--text)}.micro-chip[aria-pressed=true]{color:var(--tile);border-color:#0000}.micro-chip[aria-pressed=true]:before{opacity:1}.micro-chip[data-variant=alert]:before{background:var(--text)}.micro-chip[data-variant=alert][aria-pressed=true]{color:var(--bg-2)}.micro-chip-check{width:0;transition:width .3s var(--spring), margin-right .3s var(--spring);display:inline-flex;overflow:hidden}.micro-chip[aria-pressed=true] .micro-chip-check{width:14px;margin-right:4px}.micro-chip:disabled{opacity:.5;cursor:not-allowed}.micro-chip:focus-visible{outline:2px solid var(--text);outline-offset:2px}.micro-pop{animation:micro-pop .35s var(--spring)}@keyframes micro-pop{40%{transform:scale(1.12)}}.micro-stars{--micro-star-on:var(--ok);--micro-star-off:color-mix(in srgb, var(--text-faint) 35%, transparent);border-radius:var(--radius);gap:6px;display:inline-flex}.micro-stars:focus-visible{outline:2px solid var(--text);outline-offset:3px}.micro-star{color:var(--micro-star-off);transition:color .2s var(--spring), transform .15s var(--spring);display:inline-flex}.micro-stars-interactive .micro-star{cursor:pointer}.micro-stars-interactive .micro-star:active{transform:scale(.97)}.micro-star[data-lit=true]{color:var(--micro-star-on)}.micro-star-fresh{animation:micro-star-in .35s var(--spring) backwards}@keyframes micro-star-in{0%{color:var(--micro-star-off);transform:scale(.7)}45%{transform:scale(1.15)}to{color:var(--micro-star-on);transform:none}}.micro-ring{color:var(--text);flex:none;place-items:center;display:inline-grid;position:relative}.micro-ring[data-on-tile=true]{color:var(--tile-text)}.micro-ring-track,.micro-ring-arc{-webkit-mask:radial-gradient(farthest-side, transparent calc(100% - var(--micro-ring-w) - .5px), black calc(100% - var(--micro-ring-w)));-webkit-mask:radial-gradient(farthest-side, transparent calc(100% - var(--micro-ring-w) - .5px), black calc(100% - var(--micro-ring-w)));mask:radial-gradient(farthest-side, transparent calc(100% - var(--micro-ring-w) - .5px), black calc(100% - var(--micro-ring-w)));border-radius:50%;position:absolute;inset:0}.micro-ring-track{background:var(--bg-3)}.micro-ring[data-on-tile=true] .micro-ring-track{background:color-mix(in srgb, var(--tile-text) 14%, transparent)}.micro-ring-arc{background:var(--grad-ok);-webkit-mask:conic-gradient(black calc(var(--micro-ring-p) * 360deg), transparent 0), radial-gradient(farthest-side, transparent calc(100% - var(--micro-ring-w) - .5px), black calc(100% - var(--micro-ring-w)));-webkit-mask-composite:source-in;-webkit-mask:conic-gradient(black calc(var(--micro-ring-p) * 360deg), transparent 0), radial-gradient(farthest-side, transparent calc(100% - var(--micro-ring-w) - .5px), black calc(100% - var(--micro-ring-w)));-webkit-mask:conic-gradient(black calc(var(--micro-ring-p) * 360deg), transparent 0), radial-gradient(farthest-side, transparent calc(100% - var(--micro-ring-w) - .5px), black calc(100% - var(--micro-ring-w)));mask:conic-gradient(black calc(var(--micro-ring-p) * 360deg), transparent 0), radial-gradient(farthest-side, transparent calc(100% - var(--micro-ring-w) - .5px), black calc(100% - var(--micro-ring-w)));-webkit-mask-composite:source-in, xor;transition:--micro-ring-p .5s var(--spring);-webkit-mask-composite:source-in;mask-composite:intersect}.micro-ring-text{font-weight:700;line-height:1;position:relative}[data-motion=reduce].micro-save,[data-motion=reduce].micro-save:before,[data-motion=reduce] .micro-save-layer,[data-motion=reduce] .micro-save-check path,[data-motion=reduce].micro-switch,[data-motion=reduce].micro-switch:before,[data-motion=reduce] .micro-switch-thumb,[data-motion=reduce].micro-chip,[data-motion=reduce].micro-chip:before,[data-motion=reduce] .micro-chip-check,[data-motion=reduce] .micro-star,[data-motion=reduce] .micro-ring-arc{transition:none!important;animation:none!important}[data-motion=reduce][data-status=done] .micro-save-check path{stroke-dashoffset:0}[data-motion=reduce].micro-save:active,[data-motion=reduce].micro-switch:active,[data-motion=reduce].micro-chip:active,[data-motion=reduce] .micro-star:active{transform:none!important}