.icon-button{align-items:center;display:flex;flex-direction:column;gap:10px;height:48px;justify-content:center;position:relative;width:48px;cursor:pointer;border:1px solid gray;border-radius:100px}.icon-button.noborder{border:0}.icon-button.hover-effect:hover{background-color:lightgray}.icon-button .container{overflow:hidden}.icon-button .container,.icon-button .state-layer{align-items:center;display:inline-flex;flex:0 0 auto;gap:10px;justify-content:center;position:relative}.icon-button .state-layer{padding:0;border-radius:100px}.icon-button .settings-instance{height:24px!important;position:relative!important;width:24px!important}.icon-button.enabled.filled,.icon-button.outlined.disabled,.icon-button.outlined.enabled,.icon-button.tonal.disabled{padding:0}.icon-button.standard.disabled{opacity:.38}.icon-button.disabled.filled{padding:0}.icon-button.focused.filled .container{background-color:var(--m3-schemes-primary-duplicate)}.icon-button.enabled.filled .container{background-color:var(--m3-schemes-primary-duplicate)}.icon-button.outlined.pressed .container{border-color:var(--m3-schemes-outline-duplicate)}.icon-button.hovered.filled .container{background-color:var(--m3-schemes-primary-duplicate)}.icon-button.outlined.enabled .container,.icon-button.outlined.focused .container{border-color:var(--m3-schemes-outline-duplicate)}.icon-button.outlined.enabled .container{margin:-4px}.icon-button.tonal.disabled .container{background-color:#1d1b201f;margin:-4px}.icon-button.outlined.disabled .container{border-color:#1d1b201f;margin:-4px}.icon-button.pressed.filled .container{background-color:var(--m3-schemes-primary-duplicate)}.icon-button.outlined.hovered .container{border-color:var(--m3-schemes-outline-duplicate)}.icon-button.disabled.filled .container{background-color:#1d1b201f;margin:-4px}.icon-button.tonal.hovered .state-layer{background-color:#1d192b14}.icon-button.focused.standard .state-layer{background-color:#49454f1f}.icon-button.focused.filled .state-layer{background-color:#ffffff1f}.icon-button.pressed.tonal .state-layer{background-color:#1d192b1f}.icon-button.outlined.pressed .state-layer{background-color:#49454f1f}.icon-button.hovered.filled .state-layer{background-color:#ffffff14}.icon-button.outlined.focused .state-layer,.icon-button.pressed.standard .state-layer{background-color:#49454f1f}.icon-button.pressed.filled .state-layer{background-color:#ffffff1f}.icon-button.standard.hovered .state-layer{background-color:#49454f14}.icon-button.focused.tonal .state-layer{background-color:#1d192b1f}