.component-button{box-sizing:border-box;border:1px solid var(--component-button-border);cursor:pointer;-webkit-appearance:none;background:var(--component-button-background);color:#000c;border-radius:3px;align-content:center;min-height:36px;padding:7px 15px;font-size:14px;font-weight:700;line-height:normal;text-decoration:none;transition:background-color .3s ease-in-out,box-shadow .3s ease-in-out,transform .13s cubic-bezier(.2,.7,.3,1);display:inline-block;box-shadow:inset 0 1px #ffffff38,0 1px 2px #00000014}.component-button.primary{--component-button-background:#73c991;--component-button-border:#3a805533;--component-button-hover:#6dbf8a;--component-button-pressed:#68b583;--component-button-focus:#4b835e;--component-button-outline:#27633d;--component-button-outline-hover:#27633d1a;--component-button-outline-pressed:#27633d2e;--component-button-outline-dark:#8bd3a4;--component-button-outline-dark-hover:#8bd3a41a;--component-button-outline-dark-pressed:#8bd3a42e}.component-button.secondary{--component-button-background:#ddd;--component-button-border:#bfc3bf;--component-button-hover:#d2d2d2;--component-button-pressed:#c7c7c7;--component-button-focus:#909090;--component-button-outline:#535b53;--component-button-outline-hover:#535b531a;--component-button-outline-pressed:#535b532e;--component-button-outline-dark:#d5dad5;--component-button-outline-dark-hover:#d5dad51a;--component-button-outline-dark-pressed:#d5dad52e}.component-button.warning{--component-button-background:#e9796b;--component-button-border:#b761493d;--component-button-hover:#dd7366;--component-button-pressed:#d26d60;--component-button-focus:#974f46;--component-button-outline:#aa3c30;--component-button-outline-hover:#aa3c301a;--component-button-outline-pressed:#aa3c302e;--component-button-outline-dark:#f59c91;--component-button-outline-dark-hover:#f59c911a;--component-button-outline-dark-pressed:#f59c912e}.component-button.full-width{text-align:center;width:100%;display:block}.component-button.large{min-height:48px;padding:11px 15px;font-size:18px}.component-button.small{min-height:32px;padding:5px 11px;font-size:14px}@media (hover:hover){.component-button:not(:disabled):hover{background-color:var(--component-button-hover);color:#000c;box-shadow:inset 0 1px #ffffff38,0 2px 3px #00000021}}.component-button:not(:disabled):active{background-color:var(--component-button-pressed);transition-duration:60ms;transition-timing-function:cubic-bezier(.2,.7,.3,1);transform:translateY(1px);box-shadow:inset 0 1px 3px #00000029}.component-button:focus-visible{outline:1.5px solid var(--component-button-focus);outline-offset:2px}.component-button:disabled{cursor:default}.component-button:disabled:not(.is-loading){opacity:.5;box-shadow:none}.component-button.is-loading{cursor:progress;position:relative}.component-button.is-loading .component-button__label{opacity:0}.component-button.is-loading:after{content:"";box-sizing:border-box;border:1.5px solid;border-top-color:#0000;border-radius:50%;width:12px;height:12px;margin:auto;animation:.7s linear infinite component-button-spin;position:absolute;inset:0}.component-button.outline{border-color:var(--component-button-outline);color:var(--component-button-outline);box-shadow:none;background:0 0}.component-button.outline.theme-dark{--component-button-outline:var(--component-button-outline-dark);--component-button-outline-hover:var(--component-button-outline-dark-hover);--component-button-outline-pressed:var(--component-button-outline-dark-pressed)}@media (hover:hover){.component-button.outline:not(:disabled):hover{background-color:var(--component-button-outline-hover);color:var(--component-button-outline);box-shadow:none}}.component-button.outline:not(:disabled):active{background-color:var(--component-button-outline-pressed);box-shadow:none}.component-button.outline:focus-visible{outline-color:var(--component-button-outline)}@media (prefers-reduced-motion:reduce){.component-button,.component-button:not(:disabled):active{transition:none;transform:none}.component-button.is-loading:after{animation:none}}@keyframes component-button-spin{to{transform:rotate(360deg)}}