.button-icon{all:unset;cursor:pointer;user-select:none;text-align:center;width:40px;min-width:40px;height:40px;min-height:40px;transition:var(--animation-speed-faster);border-radius:var(--shape-corner-full);contain:content;justify-content:center;align-items:center;transition:none;display:flex;position:relative;overflow:hidden}.button-icon:focus-visible{outline:2px solid var(--color-outline);outline-offset:-1px}.button-icon-s{width:28px!important;min-width:28px!important;height:28px!important;min-height:28px!important}.button-icon-filled{background-color:var(--color-surface-variant);color:var(--color-primary)}.button-icon-filled-active{background-color:var(--color-primary);color:var(--color-on-primary)}.button-icon-filled:hover{box-shadow:var(--md-sys-elevation-level1)}.button-icon-filled:active{box-shadow:var(--md-sys-elevation-level0)}.button-icon-tonal{background-color:var(--color-surface-variant);color:var(--color-on-surface-variant)}.button-icon-tonal-active{background-color:var(--color-secondary-container);color:var(--color-on-secondary-container)}.button-icon-outlined{border:1px solid var(--color-outline)}.button-icon-outlined-active{color:var(--color-inverse-on-surface);background-color:var(--color-inverse-surface);border:1px solid var(--color-outline)}.button-icon-standard{color:var(--color-on-surface-variant)}.button-icon-standard-active{color:var(--color-primary)}.button-disabled{opacity:.28;pointer-events:none}@keyframes useRippleAnimationA{to{opacity:0;transform:scale(8)}}.rippleA{will-change:transform,opacity;contain:strict;pointer-events:none;opacity:.12;background-color:var(--color-primary);border-radius:100vh;animation-name:useRippleAnimationA;animation-fill-mode:forwards;position:absolute;transform:translateZ(1px)}.stateLayerPrimary{cursor:pointer;user-select:none;position:relative}.stateLayerPrimaryOn:after{background-color:var(--color-on-primary)!important}.stateLayerPrimary:after{border-radius:inherit;user-select:none;pointer-events:none;contain:strict;content:"";background-color:var(--color-primary);opacity:0;width:100%;height:100%;transition:var(--animation-speed-fast);position:absolute;top:0;left:0}.stateLayerPrimary:hover:after{will-change:opacity;opacity:var(--md-sys-state-hover-state-layer-opacity);opacity:.08}.stateLayerPrimary:focus:after{opacity:.12}.stateLayerPrimary:active:after{opacity:.19}