.app-icon-button[data-v-f7f99cc8]{--app-icon-button-visual-size:var(--ds-icon-button-md-size);align-items:center;background:transparent;border:0;border-radius:var(--ds-radius-full);color:var(--ds-color-text-primary);cursor:pointer;display:inline-flex;flex-shrink:0;height:var(--app-icon-button-visual-size);isolation:isolate;justify-content:center;padding:0;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:var(--app-icon-button-visual-size);-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;transition:transform var(--ds-motion-standard) var(--ds-ease-swift),background-color var(--ds-motion-standard) var(--ds-ease-standard),border-color var(--ds-motion-standard) var(--ds-ease-standard),color var(--ds-motion-standard) var(--ds-ease-standard),box-shadow var(--ds-motion-standard) var(--ds-ease-standard),opacity var(--ds-motion-standard) var(--ds-ease-standard)}.app-icon-button[data-v-f7f99cc8]:before{border:1px solid transparent;border-radius:inherit;content:"";height:min(100%,var(--app-icon-button-visual-size));pointer-events:none;position:absolute;transition:inherit;width:var(--app-icon-button-visual-width,min(100%,var(--app-icon-button-visual-size)));z-index:0}.app-icon-button[data-v-f7f99cc8]:disabled{cursor:default;opacity:.54;transform:none}.app-icon-button--sm[data-v-f7f99cc8]{--app-icon-button-visual-size:var(--ds-icon-button-sm-size)}.app-icon-button--ghost[data-v-f7f99cc8]:before{backdrop-filter:var(--ds-blur-control);-webkit-backdrop-filter:var(--ds-blur-control);background:var(--app-icon-button-ghost-bg,var(--ds-color-bg-control));border-color:var(--app-icon-button-ghost-border,var(--ds-color-border-soft));box-shadow:var(--app-icon-button-ghost-shadow,var(--ds-shadow-inset-strong))}.app-icon-button--ghost[data-v-f7f99cc8]{color:var(--app-icon-button-ghost-color,var(--ds-color-text-primary))}.app-icon-button--pressed[data-v-f7f99cc8]:before,.app-icon-button--soft[data-v-f7f99cc8]:before{backdrop-filter:var(--ds-blur-control);-webkit-backdrop-filter:var(--ds-blur-control);background:var(--app-icon-button-soft-bg,var(--ds-color-bg-control-pressed));border-color:var(--app-icon-button-soft-border,var(--ds-color-border-strong));box-shadow:var(--ds-shadow-inset-strong)}.app-icon-button--danger[data-v-f7f99cc8]:before{background:color-mix(in srgb,var(--ds-color-danger) 10%,transparent);border-color:color-mix(in srgb,var(--ds-color-danger) 28%,transparent);box-shadow:var(--ds-shadow-inset-soft)}.app-icon-button--danger[data-v-f7f99cc8]{color:var(--ds-color-danger)}.app-icon-button__icon[data-v-f7f99cc8]{align-items:center;display:inline-flex;font-size:1rem;height:18px;justify-content:center;line-height:1;position:relative;width:18px;z-index:1}.app-icon-button__icon[data-v-f7f99cc8] svg{height:18px;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8;width:18px}.app-icon-button__icon[data-v-f7f99cc8] .app-icon{fill:currentColor;stroke:none}.app-icon-button[data-v-f7f99cc8]:not(:disabled):active{transform:scale(.97);transition-duration:.1s}@media(hover:hover)and (pointer:fine){.app-icon-button[data-v-f7f99cc8]:hover{transform:var(--app-icon-button-hover-transform,translateY(-1px))}.app-icon-button--ghost[data-v-f7f99cc8]:hover:before{background:var(--app-icon-button-ghost-hover-bg,var(--ds-color-bg-control-pressed));border-color:var(--app-icon-button-ghost-hover-border,var(--ds-color-border-strong))}.app-icon-button--ghost[data-v-f7f99cc8]:hover{color:var(--app-icon-button-ghost-hover-color,var(--ds-color-text-primary))}.app-icon-button--pressed[data-v-f7f99cc8]:hover:before,.app-icon-button--soft[data-v-f7f99cc8]:hover:before{background:var(--app-icon-button-soft-hover-bg,var(--ds-color-bg-control-pressed))}}@media(pointer:coarse){.app-icon-button[data-v-f7f99cc8]{min-height:48px;min-width:48px}}