.sky-root .sky-icon-button[data-v-dcebc4ef]{--sky-c-fg:initial;--sky-c-fg-hover:initial;--sky-c-fg-active:initial;--sky-c-bg:initial;--sky-c-bg-hover:initial;--sky-c-bg-active:initial;--sky-c-border:initial;--sky-c-border-hover:initial;--sky-c-border-active:initial;--sky-c-border-width:initial;appearance:none;color:var(--sky-c-fg,inherit);font:inherit;font-weight:inherit;text-align:inherit;letter-spacing:inherit;-webkit-tap-highlight-color:transparent;background:var(--sky-c-bg,transparent);border:var(--sky-c-border-width,1px) solid var(--sky-c-border,transparent);cursor:pointer;transition-duration:var(--sky-duration-fast);transition-property:background-color,border-color,color,box-shadow,opacity;transition-timing-function:var(--sky-ease-out);margin:0;padding:0;text-decoration:none}.sky-root .sky-icon-button[data-v-dcebc4ef]:focus-visible,.sky-root .sky-icon-button[data-v-dcebc4ef]:hover{color:var(--sky-c-fg,inherit);background:var(--sky-c-bg,transparent);border-color:var(--sky-c-border,transparent)}@media (hover:hover){.sky-root .sky-icon-button[data-v-dcebc4ef]:hover:not(:disabled,[aria-disabled=true],[data-disabled]){color:var(--sky-c-fg-hover,var(--sky-c-fg,inherit));background:var(--sky-c-bg-hover,var(--sky-c-bg,transparent));border-color:var(--sky-c-border-hover,var(--sky-c-border,transparent))}}.sky-root .sky-icon-button[data-v-dcebc4ef]:active:not(:disabled,[aria-disabled=true],[data-disabled]){color:var(--sky-c-fg-active,var(--sky-c-fg-hover,var(--sky-c-fg,inherit)));background:var(--sky-c-bg-active,var(--sky-c-bg-hover,var(--sky-c-bg,transparent)));border-color:var(--sky-c-border-active,var(--sky-c-border-hover,var(--sky-c-border,transparent)))}.sky-root .sky-icon-button[data-v-dcebc4ef]:disabled,.sky-root .sky-icon-button[aria-disabled=true][data-v-dcebc4ef],.sky-root .sky-icon-button[data-disabled][data-v-dcebc4ef]{cursor:default;opacity:.48}.sky-root .sky-icon-button[data-v-dcebc4ef]:focus-visible{outline:2px solid var(--sky-focus-ring-color);outline-offset:2px}.sky-root .sky-icon-button[data-demo-state=hover][data-v-dcebc4ef]{color:var(--sky-c-fg-hover,var(--sky-c-fg,inherit));background:var(--sky-c-bg-hover,var(--sky-c-bg,transparent));border-color:var(--sky-c-border-hover,var(--sky-c-border,transparent))}.sky-root .sky-icon-button[data-demo-state=active][data-v-dcebc4ef]{color:var(--sky-c-fg-active,var(--sky-c-fg-hover,var(--sky-c-fg,inherit)));background:var(--sky-c-bg-active,var(--sky-c-bg-hover,var(--sky-c-bg,transparent)));border-color:var(--sky-c-border-active,var(--sky-c-border-hover,var(--sky-c-border,transparent)))}.sky-root .sky-icon-button[data-demo-state=focus][data-v-dcebc4ef]{outline:2px solid var(--sky-focus-ring-color);outline-offset:2px}.sky-root .sky-icon-button[data-v-dcebc4ef]{width:var(--sky-c-h);height:var(--sky-c-h);flex:none;justify-content:center;align-items:center;line-height:0;display:inline-flex;position:relative}.sky-root .sky-icon-button--sm[data-v-dcebc4ef]{--sky-c-h:var(--sky-control-h-sm)}.sky-root .sky-icon-button--md[data-v-dcebc4ef]{--sky-c-h:var(--sky-control-h-md)}.sky-root .sky-icon-button--lg[data-v-dcebc4ef]{--sky-c-h:var(--sky-control-h-lg)}.sky-root .sky-icon-button--circle[data-v-dcebc4ef]{border-radius:var(--sky-radius-pill)}.sky-root .sky-icon-button--rounded[data-v-dcebc4ef]{border-radius:var(--sky-radius-sm)}.sky-root .sky-icon-button--outline[data-v-dcebc4ef]{--sky-c-border:var(--sky-border-field);--sky-c-border-hover:var(--sky-border-strong)}.sky-root .sky-icon-button--ghost[data-v-dcebc4ef],.sky-root .sky-icon-button--outline[data-v-dcebc4ef]{--sky-c-fg:var(--sky-text-muted);--sky-c-fg-hover:var(--sky-text);--sky-c-bg:transparent;--sky-c-bg-hover:var(--sky-surface-hover);--sky-c-bg-active:var(--sky-surface-pressed)}.sky-root .sky-icon-button--soft[data-v-dcebc4ef]{--sky-c-fg:var(--sky-accent-tint-text);--sky-c-bg:var(--sky-accent-tint);--sky-c-bg-hover:var(--sky-accent-tint-strong);--sky-c-bg-active:var(--sky-accent-tint-strong)}.sky-root .sky-icon-button--primary[data-v-dcebc4ef]{--sky-loader-inline-color:currentcolor;--sky-c-fg:var(--sky-accent-contrast);--sky-c-bg:var(--sky-accent);--sky-c-bg-hover:var(--sky-accent-hover);--sky-c-bg-active:var(--sky-accent-pressed)}.sky-root .sky-icon-button--pressed[data-v-dcebc4ef]{--sky-c-fg:var(--sky-accent-tint-text);--sky-c-fg-hover:var(--sky-accent-tint-text);--sky-c-bg:var(--sky-accent-tint);--sky-c-bg-hover:var(--sky-accent-tint-strong);--sky-c-border:var(--sky-accent-line);--sky-c-border-hover:var(--sky-accent-line)}.sky-root .sky-icon-button__badge[data-v-dcebc4ef]{min-width:16px;height:16px;font-size:var(--sky-font-size-2xs);font-weight:var(--sky-font-weight-semibold);font-variant-numeric:tabular-nums;color:var(--sky-accent-contrast);text-align:center;background:var(--sky-accent);border-radius:var(--sky-radius-pill);box-shadow:0 0 0 2px var(--sky-surface-glass-strong);padding:0 4px;line-height:18px;position:absolute;top:-3px;right:-3px}