.column_el{display:flex;flex-direction:column;gap:var(--dodo-spacing-m)}.spinner{overflow:hidden;font-size:18px;display:grid;justify-content:center}.spinner svg{width:1em;height:1em;animation:spinner 1s linear infinite;color:var(--dodo-color-info);display:block}.spinner_small{font-size:14px}.spinner_large{font-size:24px}@keyframes spinner{0%{transform:none}to{transform:rotate(360deg)}}.button{--bg-color: var(--dodo-color-background);--drop-shadow: var(--dodo-shadow-button);--inset-shadow: inset 0 0 0 1px color-mix(in srgb, currentColor 20%, transparent);--button-color: var(--dodo-color-text);--hover-bg: color-mix(in srgb, var(--button-color) 5%, var(--bg-color));--active-bg: color-mix(in srgb, var(--button-color) 10%, var(--bg-color));--hover-color: var(--button-color);--active-color: var(--button-color);--disabled-bg: var(--bg-color);--height: var(--dodo-button-height);border:none;box-shadow:var(--drop-shadow),var(--inset-shadow);cursor:pointer;font:inherit;font-weight:var(--dodo-weight-bold);background:var(--dodo-color-background);color:var(--button-color);border-radius:var(--dodo-radius-m);position:relative;-webkit-user-select:none;user-select:none;vertical-align:middle;display:inline-flex;align-items:center;justify-content:center;padding:4px 32px;min-width:var(--height);height:var(--height);white-space:nowrap;box-sizing:border-box;flex-shrink:0}.button:hover{background:var(--hover-bg);color:var(--hover-color)}.button:active,.button.button_active,.button.button_loading{background:var(--active-bg);color:var(--active-color)}.button:disabled{pointer-events:none;background:var(--disabled-bg);color:var(--dodo-color-gray);box-shadow:none}.button_content{display:flex;align-items:center;gap:8px;overflow:hidden}.button_solid{background:var(--button-color);color:#fff;--inset-shadow: 0 0 transparent;--hover-color: white;--active-color: white;--hover-bg: color-mix(in srgb, white 10%, var(--button-color));--active-bg: color-mix(in srgb, white 20%, var(--button-color))}.button_solid:disabled{color:var(--dodo-color-gray);background:color-mix(in srgb,var(--dodo-color-gray) 42%,var(--bg-color))}.button_clear,.button_menu{color:var(--button-color);box-shadow:none;background:transparent;--hover-bg: color-mix(in srgb, var(--button-color) 5%, transparent);--active-bg: color-mix(in srgb, var(--button-color) 10%, transparent);--disabled-bg: transparent}.button_link{height:auto;padding:0;color:var(--button-color);box-shadow:none;background:transparent;--hover-bg: transparent;--active-bg: transparent;--disabled-bg: transparent;--hover-color: color-mix(in srgb, white 15%, var(--button-color));--active-color: color-mix(in srgb, white 30%, var(--button-color))}.button_loading{pointer-events:none}.button_loading .button_content{visibility:hidden}.button_spinner{position:absolute;inset:auto}.button_s{--height: 32px;padding:2px 16px;font-size:var(--dodo-font-small)}.button_l{--height: 48px;padding:4px 32px;font-size:var(--dodo-font-large)}.button_square,.button_round{padding:4px}.button_round{border-radius:99px}.button_menu{justify-content:start;padding-left:8px;padding-right:8px}.row_el{display:flex;align-items:center;gap:var(--dodo-spacing-s);min-width:0}.twinicon{display:inline-flex;vertical-align:middle;overflow:hidden;width:20px;height:20px}.twinicon svg{width:100%;height:100%}.twinicon.twinicon_fill *{fill:currentColor}.twinicon.twinicon_s{width:16px;height:16px}.twinicon.twinicon_l{width:24px;height:24px}.tiptap{padding:6px 0}.tiptap:focus-visible{outline:none;box-shadow:0 0 0 1px var(--grey-2-lines)}
