.button{all:unset;white-space:nowrap;align-items:center;border-radius:var(--base-radius-full);box-sizing:border-box;display:inline-flex;gap:8px;height:36px;justify-content:center;padding:8px 16px;position:relative;transition:max-width .2s ease-in-out;cursor:pointer}.button.icon-only{gap:0;padding:0;width:36px}.button.no-permission{cursor:not-allowed!important}.button.filled{background-color:var(--color)}.button.filled,.button.filled a{color:var(--base-color-primary-contrast)}.button.filled:hover:not([disabled]){background-color:color-mix(in srgb,var(--color),#000 10%)}.button.filled:active:not([disabled]),.button.filled:focus:not([disabled]){outline:2px solid color-mix(in srgb,var(--color),#000 20%)}.button.filled:active:not([disabled]){background-color:color-mix(in srgb,var(--color),#000 20%)}.button.filled [disabled],.button.filled:disabled{cursor:default;background-color:color-mix(in srgb,var(--base-color-black),transparent 90%);color:color-mix(in srgb,var(--base-color-black),transparent 80%)}.button.outlined{color:var(--color);border:2px solid var(--color)}.button.outlined a{color:var(--base-color-primary)}.button.outlined:active:not([disabled]),.button.outlined:focus:not([disabled]){outline:2px solid color-mix(in srgb,var(--base-color-primary-600),#000 20%)}.button.outlined:active:not([disabled]){background-color:var(--surface-box-primary)}.button.outlined:hover:not([disabled]){background-color:var(--color)}.button.outlined:hover:not([disabled]),.button.outlined:hover:not([disabled]) a{color:var(--base-color-primary-contrast)}.button.outlined [disabled],.button.outlined:disabled{cursor:default;border:1px solid var(--base-color-black);color:var(--base-color-black);opacity:.2}.button.ghost{background-color:transparent}.button.ghost,.button.ghost a{color:var(--color)}.button.ghost:active:not([disabled]),.button.ghost:focus:not([disabled]){background-color:var(--surface-box-primary)}.button.ghost:focus:not([disabled]){outline:2px solid var(--color)}.button.ghost:hover:not([disabled]){background-color:var(--color)}.button.ghost:hover:not([disabled]),.button.ghost:hover:not([disabled]) a{color:var(--base-color-primary-contrast)}.button.ghost [disabled],.button.ghost:disabled{cursor:default;color:var(--base-color-black);opacity:.2}.button .label{position:relative;width:-moz-fit-content;width:fit-content}.growing-button{height:20px;align-items:center;background-color:var(--surface-primary);border-radius:var(--base-radius-full);gap:4px;display:inline-flex;white-space:nowrap;color:var(--base-color-primary-contrast);padding:8px 16px;position:relative;max-width:20px;width:20px;transition:max-width .6s ease-out}.growing-button.big{max-width:400px;width:auto}.growing-button:hover{background-color:var(--base-color-primary-600);color:var(--base-color-primary-600-contrast)}.growing-button:focus{color:var(--base-color-primary-700-contrast)}.growing-button:active,.growing-button:focus{outline:2px solid var(--base-color-primary-700)}.growing-button:active{background-color:var(--base-color-primary-700)}.growing-button [disabled],.growing-button:disabled{background-color:var(--base-color-black);outline:2px solid var(--base-color-black);opacity:.2}.button-listed{height:8px;white-space:nowrap;align-items:center;box-sizing:content-box;background-color:var(--surface-foreground);color:var(--text-special);border:.5px solid;border-color:var(--icon-secondary);border-radius:var(--base-radius-full);display:inline-flex;gap:8px;justify-content:center;padding:4px 8px;position:relative}.button-listed:hover{opacity:.8}.button-listed .tag{color:var(--text-special);margin-top:-.5px;position:relative;height:100%;width:-moz-fit-content;width:fit-content}.button-listed .x-instance{height:10px;position:relative;width:10px;color:var(--base-color-secondary);opacity:.6}