button.action{box-sizing:border-box;width:fit-content;box-shadow:none;color:var(--action-1);text-align:center;white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;background-color:#0000;border:1px solid #0000;border-radius:11px;outline:none;margin:18px 0;padding:8px 14px;font-size:.9375rem;font-weight:500;line-height:1.3125rem;text-decoration:none;transition:color 50ms linear,background 50ms linear,border 50ms linear;display:inline-block;position:relative}button.action:hover{background-color:var(--action-2)}button.action:active,button.action:hover{color:var(--action-1);border:1px solid var(--action-2-hover)}button.action:active{background-color:var(--action-2-hover)}button.action:focus-visible{outline:2px solid var(--action-1)}button.action svg.icon{fill:var(--action-1);margin-right:6px;position:relative;left:-2px}button.action svg.icon.icon--right{margin:0 0 0 6px;left:auto;right:-2px}button.action .avatar{margin-right:9px}button.action svg.icon.working+svg.icon{display:none}button.action.action--secondary{color:var(--text-1)}button.action.action--secondary:hover{color:var(--text-1);background-color:var(--action-2)}button.action.action--secondary:active{color:var(--text-1);background-color:var(--action-2-hover)}button.action.action--secondary svg.icon{fill:var(--text-1)}button.action.action--warning{color:var(--status-warning)}button.action.action--warning:hover{color:var(--status-warning);background-color:var(--action-2)}button.action.action--warning:active{color:var(--status-warning);background-color:var(--action-2-hover)}button.action.action--warning svg.icon{fill:var(--status-warning)}button.action.action--danger{color:var(--status-danger)}button.action.action--danger:hover{color:var(--status-danger);background-color:var(--action-2)}button.action.action--danger:active{color:var(--status-danger);background-color:var(--action-2-hover)}button.action.action--danger svg.icon{fill:var(--status-danger)}button.action.action--inverted{color:var(--text-1-dark)}button.action.action--inverted:hover{box-shadow:none}button.action.action--inverted:active,button.action.action--inverted:hover{color:var(--text-1-dark);background-color:#1719281a;border:1px solid #1719281a}button.action.action--inverted svg.icon{fill:var(--text-1-dark)}button.action.action--icon-only{padding:8px 11px}button.action.action--icon-only svg.icon{margin:0;left:0}button.action.action--round{text-align:center;border-radius:18px;min-width:18px;height:36px;padding:0 9px}button.action.action--round svg.icon{margin:0;left:0}button.action.action--mini{border-radius:9px;padding:5px 8px}button.action.action--mini.action--round{border-radius:16px;min-width:20px;height:32px;padding:0 6px;line-height:16px}button.action.action--tiny{border-radius:9px;padding:2px 6px}button.action.action--tiny.action--round{border-radius:12px;min-width:18px;height:24px;padding:0 3px;line-height:16px}button.action.action--active{background-color:var(--action-2);border:1px solid var(--action-2-hover)}button.action.action--active.action--warning{background-color:var(--overlay-warning);border:1px solid var(--overlay-warning)}button.action.action--info:after{background-color:var(--beau)}button.action.action--alert:after,button.action.action--info:after{content:" ";border:1px solid var(--surface-1);border-radius:50%;width:9px;height:9px;display:block;position:absolute;top:-3px;right:-3px}button.action.action--alert:after{background-color:var(--status-danger)}button.action:disabled{cursor:auto;pointer-events:none;color:var(--text-2);box-shadow:none;background-color:#0000}button.action:disabled svg.icon{fill:var(--text-2)}button.action.action--selector{text-overflow:ellipsis;max-width:120px;padding-right:9px;overflow:hidden}button.action.action--selector svg.icon.action--selector__select{margin:0 0 0 9px}button.action.action--selector.action--icon-only{max-width:unset;text-overflow:unset;padding:8px 11px;overflow:visible}button.action.action--selector.action--icon-only svg.icon.action--selector__select{margin:0}button.action.action--mini.action--selector.action--icon-only{padding:5px 8px}button.action.action--space{margin:0 6px}button.action.action--space-left{margin:0 0 0 9px}button.action.action--space-right{margin:0 9px 0 0}@media (width<=580px){button.action.action--collapsable{padding:8px 11px}button.action.action--collapsable span{display:none}button.action.action--collapsable svg.icon{margin:0;left:0}button.action.action--collapsable.action--mini{padding:5px 8px}}@media (width>=426px){button.action.action--selector{max-width:220px}}@media (width>=960px){button.action.action--selector{max-width:320px}}
