.ico-btn{display:flex;align-items:center;justify-content:center;border-radius:7px;padding:3px;cursor:pointer;transition-property:background-color,color,transform;transition-duration:.2s;transition-timing-function:ease-out;flex-shrink:0;position:relative;overflow:hidden;-webkit-user-select:none;user-select:none}.ico-btn>svg{aspect-ratio:1/1;width:auto;height:100%}.ico-btn:active{transform:scale(.95)}.ico-btn.primary{color:var(--white);background-color:var(--accent)}.ico-btn.primary>svg path{fill:var(--white)}.ico-btn.primary:hover{opacity:.8}.ico-btn.secondary{color:var(--font-d);background-color:var(--bg-d)}.ico-btn.secondary>svg path{fill:var(--font-d)}.ico-btn.secondary:hover:not(.disabled):not(.loading){color:var(--font-u);background-color:var(--bg-t)}.ico-btn.secondary:hover:not(.disabled):not(.loading)>svg path{fill:var(--font-u)}.ico-btn.ghost{color:var(--font-d);background-color:transparent}.ico-btn.ghost>svg path{fill:var(--font-d)}.ico-btn.ghost:hover:not(.disabled):not(.loading){color:var(--font-u);background-color:var(--bg-t)}.ico-btn.ghost:hover:not(.disabled):not(.loading)>svg path{fill:var(--font-u)}.ico-btn.outline{color:var(--font-u);background-color:transparent;border:1px solid var(--bg-t)}.ico-btn.outline>svg path{fill:var(--font-u)}.ico-btn.outline:hover:not(.disabled):not(.loading){background-color:var(--bg-t)}.ico-btn.destructive{color:var(--white);background-color:var(--red)}.ico-btn.destructive>svg path{fill:var(--white)}.ico-btn.destructive:hover:not(.disabled):not(.loading){opacity:.8}.ico-btn.loading{opacity:.5;cursor:not-allowed}.ico-btn.loading *:not(.loading-circle){opacity:0;-webkit-user-select:none;user-select:none;pointer-events:none}.ico-btn.loading .loading-circle{position:absolute;top:50%;left:50%;translate:-50% -50%}.ico-btn.disabled{opacity:.5;cursor:not-allowed}.ico-btn.disabled svg path{fill:var(--font-d)!important}.ico-btn.disabled .loading-circle{display:none;cursor:not-allowed;opacity:.6}.ico-btn .ripple{width:0px;aspect-ratio:1/1;background:var(--ripple-gradient);position:absolute;transform:translate(-50%,-50%);border-radius:100%;animation:grow 1s ease-out}@keyframes grow{0%{width:0px;opacity:1}to{width:500%;opacity:0}}