.app-page .app-button[hidden]{display:none!important}.app-page .app-button{--button-height:36px;--button-font:14px;--button-padding:16px;--button-edge:color-mix(in srgb, var(--carbon), #000 30%);--button-face:linear-gradient(180deg, color-mix(in srgb, var(--carbon), #fff 16%), color-mix(in srgb, var(--carbon), #fff 5%));--button-face-hover:linear-gradient(180deg, color-mix(in srgb, var(--carbon), #fff 20%), color-mix(in srgb, var(--carbon), #fff 9%));--button-ink:var(--ash);--button-engrave:0 1px 0 #00000073;height:var(--button-height);min-height:var(--button-height);padding:0 var(--button-padding);background:var(--button-face);box-shadow:0 2px 0 var(--button-edge);color:var(--button-ink);font-family:inherit;font-size:var(--button-font);letter-spacing:.01em;text-shadow:var(--button-engrave);cursor:pointer;white-space:nowrap;touch-action:manipulation;-webkit-tap-highlight-color:transparent;border:0;border-radius:999px;justify-content:center;align-items:center;gap:7px;margin:0;font-weight:700;line-height:1;transition:background .2s,color .2s;display:inline-flex;transform:translateY(0)}.app-page .app-button:hover:not(:disabled){background:var(--button-face-hover)}.app-page .app-button:not(.button-ghost):active:not(:disabled),.app-page .app-button:not(.button-ghost).is-pressed:not(:disabled){box-shadow:0 1px 0 var(--button-edge);transform:translateY(1px)}.app-page .app-button:disabled{cursor:not-allowed;opacity:.48;transform:none}.app-page .app-button:focus-visible{outline:2px solid var(--lime);outline-offset:3px}.app-page .app-button.button-primary{--button-face:linear-gradient(180deg, color-mix(in srgb, var(--lime), #fff 22%), color-mix(in srgb, var(--lime), var(--forest) 12%));--button-face-hover:linear-gradient(180deg, color-mix(in srgb, var(--lime), #fff 34%), var(--lime));--button-edge:color-mix(in srgb, var(--lime), var(--forest) 55%);--button-ink:var(--carbon);--button-engrave:0 1px 0 #ffffff59}.app-page .app-button.button-light{--button-face:var(--ash);--button-face-hover:color-mix(in srgb, var(--ash), #fff 45%);--button-edge:color-mix(in srgb, var(--ash), #000 30%);--button-ink:var(--forest);--button-engrave:0 1px 0 #fff9}.app-page .app-button.button-danger{--button-face:linear-gradient(180deg, #e2574a, #c8392d);--button-face-hover:linear-gradient(180deg, #ea6a5e, #d2463a);--button-edge:#8f2a22;--button-ink:#fff;--button-engrave:0 1px 0 #00000040}.app-page .app-button.button-ghost{--button-face:transparent;--button-face-hover:#d9d9d914;box-shadow:none;--button-engrave:none}.app-page .app-button.control-button[aria-pressed=true]{--button-face:linear-gradient(180deg, color-mix(in srgb, var(--carbon), #000 10%), color-mix(in srgb, var(--carbon), #000 25%));--button-face-hover:linear-gradient(180deg, color-mix(in srgb, var(--carbon), #000 4%), color-mix(in srgb, var(--carbon), #000 20%));--button-ink:var(--red)}.app-page .app-button.control-button.app-button-pressed-on[aria-pressed=true]{--button-ink:var(--lime)}.app-page summary.app-button{list-style:none}.app-page summary.app-button::-webkit-details-marker{display:none}.app-page .app-button>span:not(.visually-hidden):not(.user-avatar){color:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;text-shadow:inherit}.app-page .app-button.app-button-xs{--button-height:24px;--button-font:12px;--button-padding:10px;gap:4px}.app-page .app-button.app-button-sm{--button-height:32px;--button-font:14px;--button-padding:14px;gap:6px}.app-page .app-button.app-button-lg{--button-height:40px;--button-font:14px;--button-padding:24px}.app-page .app-button.app-button-xl{--button-height:48px;--button-font:16px;--button-padding:26px}.app-page .app-button.app-button-icon{width:var(--button-height);min-width:var(--button-height);flex:0 0 var(--button-height);border-radius:50%;padding:0}.app-page .app-button:before,.app-page .app-button:after{content:none}.app-page .app-button .control-icon,.app-page .app-button svg{width:16px;height:16px;filter:drop-shadow(var(--button-engrave));flex:0 0 16px;justify-content:center;align-items:center;display:inline-flex}.app-page .app-button.button-ghost svg{filter:none}.app-page .app-button.app-button-xs svg,.app-page .app-button.app-button-xs .control-icon{flex-basis:12px;width:12px;height:12px}