.ui-icon-button[data-v-ba148e42]{--ui-icon-button-bg:transparent;--ui-icon-button-fg:currentColor;--ui-icon-button-line:transparent;--ui-icon-button-bg-hover:color-mix(in srgb,currentColor 8%,transparent);--ui-icon-button-fg-hover:var(--ui-icon-button-fg);--ui-icon-button-line-hover:var(--ui-icon-button-line);--ui-icon-button-box:var(--control-m);align-items:center;background:var(--ui-icon-button-bg);border:1px solid var(--ui-icon-button-line);border-radius:var(--radius-s);box-sizing:border-box;color:var(--ui-icon-button-fg);cursor:pointer;display:inline-flex;flex:none;font-family:var(--font-sans);height:var(--ui-icon-button-box);justify-content:center;margin:0;padding:0;position:relative;text-decoration:none;vertical-align:middle;width:var(--ui-icon-button-box);-webkit-tap-highlight-color:transparent;transition:background-color var(--dur) var(--ease),color var(--dur) var(--ease),border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease),transform var(--dur-fast) var(--ease)}.ui-icon-button[data-v-ba148e42]:focus-visible{box-shadow:0 0 0 2px var(--surface),0 0 0 4px var(--brand-focus);outline:2px solid transparent;outline-offset:2px}.ui-icon-button--outline[data-v-ba148e42]{--ui-icon-button-bg:var(--surface);--ui-icon-button-fg:var(--text);--ui-icon-button-line:var(--line-strong);--ui-icon-button-bg-hover:var(--page);--ui-icon-button-line-hover:var(--text-3)}.ui-icon-button--brand[data-v-ba148e42]{--ui-icon-button-bg:var(--brand);--ui-icon-button-fg:var(--on-brand);--ui-icon-button-bg-hover:var(--brand-hover);--ui-icon-button-fg-hover:var(--on-brand-hover)}.ui-icon-button--soft[data-v-ba148e42]{--ui-icon-button-bg:var(--brand-soft);--ui-icon-button-fg:var(--brand-text);--ui-icon-button-bg-hover:var(--brand-soft-2)}.ui-icon-button--l[data-v-ba148e42]{--ui-icon-button-box:var(--control-l)}.ui-icon-button--s[data-v-ba148e42]{--ui-icon-button-box:var(--control-s);border-radius:calc(var(--radius-s) - 2px)}.ui-icon-button.is-hover[data-v-ba148e42]:not(.ui-icon-button--inactive){background:var(--ui-icon-button-bg-hover);border-color:var(--ui-icon-button-line-hover);color:var(--ui-icon-button-fg-hover)}@media(hover:hover){.ui-icon-button[data-v-ba148e42]:hover:not(.ui-icon-button--inactive){background:var(--ui-icon-button-bg-hover);border-color:var(--ui-icon-button-line-hover);color:var(--ui-icon-button-fg-hover)}}.ui-icon-button[data-v-ba148e42]:active:not(.ui-icon-button--inactive){transform:translateY(1px)}.ui-icon-button--inactive[data-v-ba148e42]{--ui-icon-button-bg:var(--muted);--ui-icon-button-fg:var(--text-2);--ui-icon-button-line:transparent;cursor:not-allowed;opacity:1}.ui-icon-button--inactive.ui-icon-button--ghost[data-v-ba148e42]{--ui-icon-button-bg:transparent;--ui-icon-button-fg:var(--text-3)}.ui-icon-button__icon[data-v-ba148e42]{align-items:center;display:inline-flex;justify-content:center}.ui-icon-button__badge[data-v-ba148e42]{background:var(--brand);border-radius:var(--radius-pill);box-shadow:0 0 0 2px var(--surface);box-sizing:border-box;color:var(--on-brand);font-size:var(--fs-caption);font-variant-numeric:tabular-nums;font-weight:700;height:22px;line-height:22px;min-width:22px;padding:0 6px;pointer-events:none;position:absolute;right:-6px;text-align:center;top:-6px;white-space:nowrap}.ui-icon-button--brand .ui-icon-button__badge[data-v-ba148e42]{background:var(--text);color:var(--surface)}@media(pointer:coarse){.ui-icon-button--s[data-v-ba148e42]{--ui-icon-button-box:var(--control-m)}}@media(prefers-reduced-motion:reduce){.ui-icon-button[data-v-ba148e42]{transition:none}.ui-icon-button[data-v-ba148e42]:active:not(.ui-icon-button--inactive){transform:none}}