.icon-button[data-v-56d9a871]{width:var(--size);height:var(--size);cursor:pointer;border:1px solid;border-radius:100%;justify-content:center;align-items:center;padding:8px;transition:all .3s;display:flex;position:relative}.icon-button .badge[data-v-56d9a871]{color:#4e4e4e;background:#ffdd03;border-radius:12px;min-width:15px;padding:2px;font-size:12px;font-weight:500;position:absolute;top:0;right:0;transform:translate(40%,-40%)}.icon-button .icon[data-v-56d9a871]{transition:filter .3s}.icon-button.variant-primary[data-v-56d9a871]{color:#fafafa;background-color:#696969;border-color:#696969;box-shadow:0 0 10px #7f7f7f4d}.icon-button.variant-primary[data-v-56d9a871]:not(:disabled):focus-visible,.icon-button.variant-primary[data-v-56d9a871]:not(:disabled):hover{background-color:#4e4e4e;border-color:#4e4e4e}.icon-button.variant-secondary[data-v-56d9a871]{color:#696969;background-color:#fafafa;border-color:#696969;box-shadow:0 0 10px #7f7f7f4d}.icon-button.variant-secondary[data-v-56d9a871]:not(:disabled):focus-visible,.icon-button.variant-secondary[data-v-56d9a871]:not(:disabled):hover{color:#fafafa;background-color:#696969;border-color:#696969}.icon-button.variant-tertiary[data-v-56d9a871]{color:#696969;background-color:#0000;border-color:#0000}.icon-button.variant-tertiary[data-v-56d9a871]:not(:disabled):focus-visible,.icon-button.variant-tertiary[data-v-56d9a871]:not(:disabled):hover{background-color:#fafafa;border-color:#fafafa;box-shadow:0 0 10px #7f7f7f4d}.icon-button.variant-transparent[data-v-56d9a871]{background-color:#0000;border:none;padding:0}.icon-button.variant-transparent.color-default[data-v-56d9a871]{color:#4e4e4e}.icon-button.variant-transparent.color-default[data-v-56d9a871]:not(:disabled):focus-visible,.icon-button.variant-transparent.color-default[data-v-56d9a871]:not(:disabled):hover{color:#1a1a1a}.icon-button.variant-transparent.color-default:not(:disabled):focus-visible .icon[data-v-56d9a871],.icon-button.variant-transparent.color-default:not(:disabled):hover .icon[data-v-56d9a871]{filter:drop-shadow(0 0 2px #7f7f7fbf)}.icon-button.variant-transparent.color-light[data-v-56d9a871]{color:#fffefa}.icon-button.variant-transparent.color-light:not(:disabled):focus-visible .icon[data-v-56d9a871],.icon-button.variant-transparent.color-light:not(:disabled):hover .icon[data-v-56d9a871]{filter:drop-shadow(0 0 2px #fafafabf)}.icon-button.variant-transparent.color-primary[data-v-56d9a871]{color:#ffdd03}.icon-button.variant-transparent.color-primary[data-v-56d9a871]:not(:disabled):focus-visible,.icon-button.variant-transparent.color-primary[data-v-56d9a871]:not(:disabled):hover{color:#ffe435}.icon-button.variant-transparent.color-primary:not(:disabled):focus-visible .icon[data-v-56d9a871],.icon-button.variant-transparent.color-primary:not(:disabled):hover .icon[data-v-56d9a871]{filter:drop-shadow(0 0 2px #ffe435bf)}.icon-button[data-v-56d9a871]:disabled{cursor:default;box-shadow:none;opacity:.5}