.base-icon-btn[data-v-1de0c609]{--base-icon-btn-size: var(--icon-button-size-md);--base-icon-btn-radius: var(--icon-button-radius-round);--base-icon-btn-bg: transparent;--base-icon-btn-bg-hover: transparent;--base-icon-btn-border: transparent;--base-icon-btn-border-hover: transparent;--base-icon-btn-text: var(--text-primary);--base-icon-btn-text-hover: var(--base-icon-btn-text);--base-icon-btn-shadow: none;--base-icon-btn-shadow-hover: var(--base-icon-btn-shadow);--base-icon-btn-glyph-size: 17px;position:relative;width:var(--base-icon-btn-size);height:var(--base-icon-btn-size);min-width:var(--base-icon-btn-size);min-height:var(--base-icon-btn-size);box-sizing:border-box;padding:0;appearance:none;-webkit-appearance:none;border:1px solid var(--base-icon-btn-border);border-radius:var(--base-icon-btn-radius);background:var(--base-icon-btn-bg);color:var(--base-icon-btn-text);box-shadow:var(--base-icon-btn-shadow);display:var(--base-icon-btn-display, inline-flex);align-items:center;justify-content:center;font:inherit;cursor:pointer;flex-shrink:0;transition:transform var(--transition-fast),border-color var(--transition-fast),background var(--transition-fast),color var(--transition-fast),box-shadow var(--transition-fast),opacity var(--transition-fast)}.base-icon-btn[data-v-1de0c609]:hover:not(:disabled){transform:translateY(-1px);background:var(--base-icon-btn-bg-hover);border-color:var(--base-icon-btn-border-hover);color:var(--base-icon-btn-text-hover);box-shadow:var(--base-icon-btn-shadow-hover)}.base-icon-btn[data-v-1de0c609]:active:not(:disabled){transform:translateY(0)}.base-icon-btn[data-v-1de0c609]:focus-visible{outline:none;box-shadow:var(--focus-ring)}.base-icon-btn[data-v-1de0c609]:disabled{opacity:.55;cursor:not-allowed;transform:none}.base-icon-btn__content[data-v-1de0c609]{display:inline-flex;align-items:center;justify-content:center;width:100%;height:100%}.base-icon-btn__content[data-v-1de0c609] svg{width:var(--base-icon-btn-glyph-size);height:var(--base-icon-btn-glyph-size);display:block;flex-shrink:0}.base-icon-btn__badge[data-v-1de0c609]{position:absolute;top:-4px;right:-4px;pointer-events:none;--base-badge-height: var(--icon-button-badge-size);--base-badge-padding-x: 4px;--base-badge-font-size: 9px;--base-badge-border: var(--icon-button-badge-border)}.size-sm[data-v-1de0c609]{--base-icon-btn-size: var(--icon-button-size-sm);--base-icon-btn-glyph-size: 16px}.size-md[data-v-1de0c609]{--base-icon-btn-size: var(--icon-button-size-md);--base-icon-btn-glyph-size: 17px}.size-lg[data-v-1de0c609]{--base-icon-btn-size: var(--icon-button-size-lg);--base-icon-btn-glyph-size: 24px}.shape-soft[data-v-1de0c609]{--base-icon-btn-radius: var(--icon-button-radius-soft)}.shape-round[data-v-1de0c609]{--base-icon-btn-radius: var(--icon-button-radius-round)}.variant-secondary[data-v-1de0c609]{--base-icon-btn-bg: var(--icon-button-secondary-bg);--base-icon-btn-bg-hover: var(--icon-button-secondary-bg-hover);--base-icon-btn-border: var(--icon-button-secondary-border);--base-icon-btn-border-hover: var(--icon-button-secondary-border-hover);--base-icon-btn-text: var(--icon-button-secondary-text);--base-icon-btn-shadow-hover: 0 0 0 3px color-mix(in srgb, var(--button-accent-bg) 20%, transparent)}.variant-floating[data-v-1de0c609]{--base-icon-btn-bg: var(--icon-button-floating-bg);--base-icon-btn-bg-hover: var(--icon-button-floating-bg-hover);--base-icon-btn-border: var(--icon-button-floating-border);--base-icon-btn-border-hover: var(--icon-button-floating-border-hover);--base-icon-btn-text: var(--icon-button-floating-text);--base-icon-btn-shadow: var(--shadow-sm)}.variant-accent[data-v-1de0c609]{--base-icon-btn-bg: var(--icon-button-accent-bg);--base-icon-btn-bg-hover: var(--icon-button-accent-bg-hover);--base-icon-btn-border: var(--icon-button-accent-border);--base-icon-btn-border-hover: var(--icon-button-accent-border);--base-icon-btn-text: var(--icon-button-accent-text);--base-icon-btn-shadow-hover: var(--btn-shadow-hover)}.variant-success[data-v-1de0c609]{--base-icon-btn-bg: var(--icon-button-success-bg);--base-icon-btn-bg-hover: var(--icon-button-success-bg-hover);--base-icon-btn-border: var(--icon-button-success-border);--base-icon-btn-border-hover: var(--icon-button-success-border);--base-icon-btn-text: var(--icon-button-success-text);--base-icon-btn-text-hover: var(--icon-button-success-text-hover)}.variant-danger[data-v-1de0c609]{--base-icon-btn-bg: var(--icon-button-danger-bg);--base-icon-btn-bg-hover: var(--icon-button-danger-bg-hover);--base-icon-btn-border: var(--icon-button-danger-border);--base-icon-btn-border-hover: var(--icon-button-danger-border);--base-icon-btn-text: var(--icon-button-danger-text);--base-icon-btn-text-hover: var(--icon-button-danger-text-hover)}.variant-ghost[data-v-1de0c609]{--base-icon-btn-bg: transparent;--base-icon-btn-bg-hover: var(--hover-overlay);--base-icon-btn-border: transparent;--base-icon-btn-border-hover: var(--border-default);--base-icon-btn-text: var(--text-secondary)}