button.button{box-sizing:border-box;border:1px solid var(--action-1);background-color:var(--action-1);width:fit-content;color:var(--text-1-dark);text-align:center;white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;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.button:hover{color:var(--text-1-dark);background-color:var(--action-1-hover);border:1px solid var(--action-1-hover)}button.button:active{color:var(--text-1-dark);background-color:var(--action-1-active);border:1px solid var(--action-1-active)}button.button:focus-visible{outline:2px solid var(--action-1)}button.button svg.icon{fill:currentColor;margin-right:6px;position:relative;left:-2px}button.button svg.icon.icon--right{margin:0 0 0 6px;left:auto;right:-2px}button.button svg.icon.icon--in-context{margin:0 9px}button.button svg.icon.working+svg.icon{display:none}button.button.button--option,button.button.button--secondary{color:var(--text-1);background-color:var(--action-2);border:1px solid var(--action-2-hover)}button.button.button--option:hover,button.button.button--secondary:hover{color:var(--text-1);background-color:var(--action-2-hover);border:1px solid var(--action-2-hover)}button.button.button--option:active,button.button.button--secondary:active{color:var(--text-1);background-color:var(--action-2-active);border:1px solid var(--action-2-active)}button.button.button--option svg.icon,button.button.button--secondary svg.icon{fill:var(--text-1)}button.button--warning,button.button--warning:hover{color:var(--text-1-light);background-color:var(--corn);border:1px solid var(--corn)}button.button--warning:hover{filter:brightness(95%)}button.button--warning:active{color:var(--text-1-light);background-color:var(--corn);border:1px solid var(--corn);filter:brightness()}button.button--warning svg.icon{fill:var(--text-1-light)}button.button--success{background-color:var(--action-2)}button.button--success,button.button--success:hover{color:var(--action-1);border:1px solid var(--action-2-hover)}button.button--success:hover{background-color:var(--action-2-hover)}button.button--success:active{color:var(--action-1);background-color:var(--action-2-active);border:1px solid var(--action-2-active)}button.button--success svg.icon{fill:var(--action-1)}button.button--danger{background-color:var(--action-2)}button.button--danger,button.button--danger:hover{color:var(--status-danger);border:1px solid var(--action-2-hover)}button.button--danger:hover{background-color:var(--action-2-hover)}button.button--danger:active{color:var(--status-danger);background-color:var(--action-2-active);border:1px solid var(--action-2-active)}button.button--danger svg.icon{fill:var(--status-danger)}button.button--disaster,button.button--disaster:hover{color:var(--text-1-dark);background-color:var(--status-danger);border:1px solid var(--status-danger)}button.button--disaster:hover{filter:brightness(95%)}button.button--disaster:active{color:var(--text-1-dark);background-color:var(--status-danger);border:1px solid var(--status-danger);filter:brightness()}button.button--disaster svg.icon{fill:var(--text-1-dark)}button.button.button--dazzle{padding:9px 15px}button.button.button--dazzle,button.button.button--dazzle:active,button.button.button--dazzle:hover{color:var(--text-1-dark);background:var(--dazzle);border:none}button.button.button--dazzle svg.icon{fill:var(--text-1-dark)}button.button.button--magic{background-color:var(--action-2)}button.button.button--magic,button.button.button--magic:hover{color:var(--electric-indigo);border:1px solid var(--action-2-hover)}button.button.button--magic:hover{background-color:var(--action-2-hover)}button.button.button--magic:active{color:var(--electric-indigo);background-color:var(--action-2-active);border:1px solid var(--action-2-active)}button.button.button--magic svg.icon{fill:var(--electric-indigo)}button.button.button--active{color:var(--text-1-dark);background-color:var(--action-1-hover);border:1px solid var(--action-1-active)}button.button.button--active svg.icon{fill:var(--text-1-dark)}button.button.button--active:active,button.button.button--active:hover{color:var(--text-1-dark);background-color:var(--action-1-hover);border:1px solid var(--action-1-active)}button.button.button--secondary.button--active{color:var(--text-1);background-color:var(--action-2-hover);border:1px solid var(--action-2-active)}button.button.button--secondary.button--active svg.icon{fill:var(--text-1)}button.button.button--secondary.button--active:active,button.button.button--secondary.button--active:hover{color:var(--text-1);background-color:var(--action-2-hover);border:1px solid var(--action-2-active)}button.button.button--input{color:var(--text-1);border:1px solid var(--edge-action);box-shadow:none;background-color:#0000;border-radius:7px}button.button.button--input svg.icon{fill:var(--text-1)}button.button.button--input:hover{color:var(--text-1);box-shadow:0 0 0 3px var(--action-2);border:1px solid var(--edge-action);background-color:#0000}button.button.button--input:active{color:var(--text-1);background-color:var(--action-3);border:1px solid var(--edge-action)}button.button.button--icon-only{padding:8px 11px}button.button.button--icon-only svg.icon{margin:0;left:0}button.button.button--round{text-align:center;border-radius:18px;flex-shrink:0;min-width:18px;height:36px;padding:0 9px}button.button.button--round svg.icon{margin:0;left:0}button.button.button--mini{border-radius:9px;padding:5px 9px}button.button.button--mini.button--icon-only{padding:5px 8px}button.button.button--mini.button--round{border-radius:16px;min-width:20px;height:32px;padding:0 6px;line-height:16px}button.button.button--tiny{border-radius:9px;padding:2px 6px}button.button.button--tiny.button--icon-only{padding:2px 5px}button.button.button--tiny.button--round{border-radius:12px;min-width:18px;height:24px;padding:0 3px;line-height:16px}button.button:disabled{cursor:auto;pointer-events:none;color:var(--text-2);background-color:var(--overlay-hover);border:1px solid var(--overlay-hover);box-shadow:none}button.button:disabled svg.icon{fill:var(--text-2)}button.button.button--mega{padding:11px 17px;font-size:18px;line-height:24px}button.button.button--mega.button--round{width:48px;height:48px;padding:0;line-height:16px}button.button.button--info:after{background-color:var(--beau)}button.button.button--alert:after,button.button.button--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.button.button--alert:after{background-color:var(--status-danger)}button.button.button--next{padding-right:9px}button.button.button--next svg.icon.button--next__icon{margin:0 0 0 9px}button.button.button--selector{padding-right:9px}button.button.button--selector span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}button.button.button--selector svg.icon.button--selector__icon{margin:0 0 0 9px}button.button.button--selector.button--icon-only{max-width:unset;padding:8px 11px}button.button.button--selector.button--icon-only svg.icon.button--selector__icon{margin:0}button.button.button--mini.button--selector.button--icon-only{padding:5px 8px}button.button.button--input.button--selector{text-align:left;justify-content:space-between;align-items:center;display:flex}button.button.button--collapsable.button--selector svg.icon:not(.button--selector__icon){display:none}button.button.button--none{width:100%;text-align:inherit;color:inherit;font:inherit;cursor:pointer;margin:0;padding:0}button.button.button--none,button.button.button--none:active,button.button.button--none:hover{background:0 0;border:none}button.button.button--space{margin:0 6px}button.button.button--space-left{margin:0 0 0 9px}button.button.button--space-right{margin:0 9px 0 0}@media (width<=580px){button.button.button--collapsable{padding:8px 11px}button.button.button--collapsable span{display:none}button.button.button--collapsable svg.icon{margin:0;left:0}button.button.button--collapsable.button--mini{padding:5px 8px}button.button.button--collapsable.button--selector svg.icon:not(.button--selector__icon){margin:0;display:inline;left:0}button.button.button--collapsable.button--selector svg.icon.button--selector__icon{display:none}}@media (width>=426px){button.button.button--selector{max-width:220px}}@media (width>=580px){button.button.button--selector{max-width:320px}}