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,button.button.button--collapsed span{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:active,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{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:active,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{filter:brightness()}button.button--disaster svg.icon,button.button.button--dazzle 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--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,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--active svg.icon{fill:var(--text-1-dark)}button.button.button--secondary.button--active,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--secondary.button--active svg.icon{fill:var(--text-1)}button.button.button--active.button--warning,button.button.button--active.button--warning:active,button.button.button--active.button--warning:hover{color:var(--status-warning);background-color:var(--overlay-warning);border:1px solid var(--edge-warning)}button.button.button--active.button--warning svg.icon{fill:var(--status-warning)}button.button .button__count{box-sizing:border-box;border:1px solid var(--surface-1);background-color:var(--status-danger);min-width:18px;color:var(--text-1-dark);text-align:center;white-space:nowrap;border-radius:9px;padding:0 3px;font-size:.775rem;font-weight:600;line-height:16px;position:absolute;top:-6px;right:-6px}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--collapsed,button.button.button--icon-only{padding:8px 11px}button.button.button--collapsed svg.icon,button.button.button--icon-only svg.icon,button.button.button--round svg.icon{margin:0;left:0}button.button.button--collapsed.button--mini{padding:5px 8px}button.button.button--round{text-align:center;border-radius:18px;flex-shrink:0;min-width:36px;height:36px;padding:0 9px}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:32px;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:24px;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--locked:disabled{pointer-events:auto}button.button.button--locked:disabled:active,button.button.button--locked:disabled:hover{color:var(--text-2);background-color:var(--overlay-hover);border:1px solid var(--overlay-hover)}button.button.button--mega{padding:11px 17px;font-size:18px;line-height:24px}button.button.button--mega.button--round{border-radius:24px;min-width:48px;height:48px;padding:0 6px;line-height:24px}button.button.button--glow{isolation:isolate}button.button .button__glow{z-index:-1;border-radius:inherit;pointer-events:none;opacity:0;animation:6.6s ease-in-out 3s infinite button-glow-cycle;position:absolute;inset:-1px}@supports not (offset-path:border-box){button.button .button__glow{display:none}}button.button .button__glow-beam,button.button .button__glow-bloom,button.button .button__glow-halo,button.button .button__glow-ring{border-radius:inherit;position:absolute;inset:0}button.button .button__glow-ring{-webkit-mask-composite:xor;padding:1.5px;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude}button.button .button__glow-dot{--glow-dot-size:24px;width:var(--glow-dot-size);height:var(--glow-dot-size);background:radial-gradient(closest-side,var(--glow-dot),transparent);offset-path:border-box;offset-rotate:0deg;border-radius:50%;animation:1.65s linear infinite button-glow-orbit;position:absolute;top:0;left:0}button.button .button__glow-dot:first-child{--glow-dot:var(--text-1-dark);opacity:1;animation-delay:1.35s}button.button .button__glow-dot:nth-child(2){--glow-dot:color-mix(in oklab, var(--text-1-dark), var(--corn));opacity:.929167;animation-delay:1.386s}button.button .button__glow-dot:nth-child(3){--glow-dot:color-mix(in oklab, var(--jade) 0%, var(--corn));opacity:.858333;animation-delay:1.422s}button.button .button__glow-dot:nth-child(4){--glow-dot:color-mix(in oklab, var(--jade) 11.1111%, var(--corn));opacity:.7875;animation-delay:1.458s}button.button .button__glow-dot:nth-child(5){--glow-dot:color-mix(in oklab, var(--jade) 22.2222%, var(--corn));opacity:.716667;animation-delay:1.494s}button.button .button__glow-dot:nth-child(6){--glow-dot:color-mix(in oklab, var(--jade) 33.3333%, var(--corn));opacity:.645833;animation-delay:1.53s}button.button .button__glow-dot:nth-child(7){--glow-dot:color-mix(in oklab, var(--jade) 44.4444%, var(--corn));opacity:.575;animation-delay:1.566s}button.button .button__glow-dot:nth-child(8){--glow-dot:color-mix(in oklab, var(--jade) 55.5556%, var(--corn));opacity:.504167;animation-delay:1.602s}button.button .button__glow-dot:nth-child(9){--glow-dot:color-mix(in oklab, var(--jade) 66.6667%, var(--corn));opacity:.433333;animation-delay:1.638s}button.button .button__glow-dot:nth-child(10){--glow-dot:color-mix(in oklab, var(--jade) 77.7778%, var(--corn));opacity:.3625;animation-delay:1.674s}button.button .button__glow-dot:nth-child(11){--glow-dot:color-mix(in oklab, var(--jade) 88.8889%, var(--corn));opacity:.291667;animation-delay:1.71s}button.button .button__glow-dot:nth-child(12){--glow-dot:color-mix(in oklab, var(--jade) 100%, var(--corn));opacity:.220833;animation-delay:1.746s}button.button .button__glow-halo{filter:blur(5px)}button.button .button__glow-halo .button__glow-ring{border-radius:16px;padding:8px;inset:-4px}button.button .button__glow-halo .button__glow-dot{--glow-dot-size:32px}button.button .button__glow-bloom{filter:blur(14px);opacity:.8}button.button .button__glow-bloom .button__glow-ring{border-radius:22px;padding:18px;inset:-10px}button.button .button__glow-bloom .button__glow-dot{--glow-dot-size:44px}button.button:disabled .button__glow{display:none}@media (prefers-reduced-motion:reduce){button.button .button__glow{display:none}}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,button.button.button--selector{padding-right:9px}button.button.button--next svg.icon.button--next__icon,button.button.button--selector svg.icon.button--selector__icon{margin:0 0 0 9px}button.button.button--selector span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}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}}
