.icon-action{cursor:pointer;color:var(--font-color);-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:all .2s;display:inline-flex}.icon-action--sm{border-radius:9999px;min-width:1.5rem;min-height:1.5rem;margin:-.25rem}.icon-action--md{border-radius:9999px;width:1.75rem;height:1.75rem}.icon-action--md i{font-size:.8rem;line-height:1}.icon-action--lg{border-radius:9999px;width:2.75rem;height:2.75rem}.icon-action--lg i,.icon-action--lg svg{width:1.15rem;height:1.15rem;font-size:1.15rem;line-height:1}.icon-action.active{color:var(--navbar-icon-active)}.icon-action:active{transform:scale(.96)}html:not(.dark) .icon-action:hover{color:var(--navbar-icon-hover)!important}html:not(.dark) .icon-action:not(.icon-action--plain):hover{background:linear-gradient(135deg,#3b82f633,#9333ea26)!important}html.dark .icon-action:hover{color:var(--navbar-icon-hover)!important}html.dark .icon-action:not(.icon-action--plain):hover{background:#3b82f626!important}