.icon-btn{width:var(--md-icon-button-size);height:var(--md-icon-button-size);border-radius:var(--md-button-radius);color:var(--md-on-surface-variant);font-size:var(--md-icon-size-medium);cursor:pointer;transition:background-color var(--md-motion-duration-short) var(--md-motion-easing-standard);background:0 0;border:none;justify-content:center;align-items:center;display:inline-flex}.icon-btn:hover{background-color:var(--md-surface-container-high)}.icon-btn--filled{background-color:var(--md-primary);color:var(--md-on-primary)}.icon-btn--filled:hover{background-color:var(--md-primary);box-shadow:var(--md-elevation-1);filter:brightness(1.1)}.icon-btn--tonal{background-color:var(--md-secondary-container);color:var(--md-on-secondary-container)}.icon-btn--tonal:hover{background-color:var(--md-secondary-container);box-shadow:var(--md-elevation-1)}.icon-btn--error{color:var(--md-error)}.icon-btn--error:hover{background-color:var(--md-error-container)}.icon-btn[hidden]{display:none}.icon-btn:disabled{opacity:var(--md-opacity-disabled);cursor:default;box-shadow:none;filter:none}.icon-btn:disabled:not(.icon-btn--filled):not(.icon-btn--tonal){background:0 0}.icon-btn--busy .material-symbols-outlined{animation:progress-button-spin var(--md-motion-duration-long) linear infinite}