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