.icon-button{color:#808191;cursor:pointer;white-space:nowrap;border-radius:12px;border:1px solid rgba(32,29,29,.4196078431);font-family:var(--font-stack);font-style:normal;font-size:var(--type-small-size);font-weight:500;text-transform:uppercase;box-shadow:0 1px 8px 0 rgba(11,10,10,.2509803922);padding:4px;height:min-content;min-width:unset;min-height:unset;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:8px;object-fit:contain;background-color:#2b272e;transition:all .12s ease-in-out;margin:0;overflow:hidden}.icon-button.active{color:#fff}.icon-button:disabled{filter:grayscale(1);pointer-events:none}.icon-button.highlight{color:#fff;filter:drop-shadow(0 0 6px rgba(255,120,0,.25));text-shadow:0 0 6px rgba(255,120,0,.25)}.icon-button.label{padding:8px}.icon-button.large{justify-content:space-between;padding:.5rem 1rem;gap:3rem;font-size:var(--type-body-size)}.icon-button:not(.static):hover{box-shadow:0 2px 8px 0 rgba(11,10,10,.4196078431);background-color:#3b383f;filter:brightness(1.2) drop-shadow(0 0 4px rgba(0,0,0,.25))}.icon-button.static,.icon-button.static:hover{background-color:rgba(0,0,0,0);box-shadow:none}.icon-button.static:hover{filter:none}.icon-button img,.icon-button svg{object-fit:contain}.icon-button img path,.icon-button svg path{transition:fill .12s ease-in-out}.icon-button .badge{position:absolute;display:flex;flex-direction:row;justify-content:center;align-items:center;top:0;right:0;transform:translateX(50%) translateY(-50%);object-fit:contain;width:32px;height:100%;padding:0;margin:0;border:none}.icon-button .badge button{padding:10% 10% 10% 20%;margin:0;border:none!important}