.app-button{--icon-size:24px;align-items:var(--button-align-items,center);justify-content:var(--button-justify-content,center);cursor:pointer;padding:var(--button-padding,var(--c-space-8) var(--c-space-12));background:var(--button-background,transparent);color:var(--button-color,inherit);border-radius:var(--button-border-radius,var(--c-radius-8));width:var(--button-width,unset);height:var(--button-height,40px);min-width:var(--button-min-width,unset);min-height:var(--button-min-height,unset);white-space:nowrap;gap:var(--c-space-8);font-size:14px;font-weight:400;line-height:17px;transition:all .3s ease-out;display:inline-flex;position:relative}.app-button--outlined_primary{border:var(--button-border);--spinner-border-bottom-color:var(--c-cyan-400)}.app-button:hover:not(:disabled){background:var(--button-hover-background,var(--button-hover-background));color:var(--button-hover-color,var(--button-color));border-color:var(--button-hover-border-color,var(--c-button-outlined-border-color,currentColor))}.app-button:active:not(:disabled){background:var(--button-active-background,var(--button-pressed-background));color:var(--button-active-color,var(--button-color));border-color:var(--button-active-border-color,var(--c-button-outlined-border-color,currentColor))}.app-button:disabled{cursor:not-allowed;opacity:.72}.app-button{--spinner-border-main-color:var(--c-cyan-400);--spinner-border-bottom-color:var(--c-on-accent)}.app-button__content{transition:opacity .2s}.app-button__content--hidden{opacity:0}.app-button__icon{width:var(--icon-size,24px);height:var(--icon-size,24px);color:inherit;transform:var(--ui-button-icon-transform);flex-shrink:0;transition:all .2s ease-out;display:flex}.app-button__icon--hidden{opacity:0}.app-button__loader{pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.app-button__spinner{width:calc(var(--icon-size,24px) - 4px);height:calc(var(--icon-size,24px) - 4px);border:2px solid color-mix(in srgb,var(--spinner-border-bottom-color) 35%,transparent);border-top-color:var(--spinner-border-bottom-color);border-radius:50%;animation:.7s linear infinite app-button-spin}.app-button--loading{cursor:wait;opacity:1}.app-button.is-icon-one-only{--button-padding:var(--c-space-8);--button-width:40px}.app-button--large{--button-height:50px;--button-padding:var(--c-space-8) var(--c-space-24);--icon-size:24px;font-size:16px;font-weight:500;line-height:20px}.app-button--large.is-icon-one-only{--button-min-width:50px}.app-button--small{--button-padding:var(--c-space-8);--button-height:32px;--icon-size:16px;font-size:12px;font-weight:400;line-height:15px}.app-button--small.is-icon-one-only{--button-width:32px}.app-button--filled_primary{--button-color:var(--button-filled-primary-color);--button-background:var(--button-filled-primary-background);--button-hover-background:var(--button-filled-primary-hover-background);--button-pressed-background:var(--button-filled-primary-pressed-background)}:root{--button-filled-primary-color:var(--c-on-accent);--button-filled-primary-background:var(--c-cyan-600);--button-filled-primary-hover-background:var(--c-cyan-600);--button-filled-primary-pressed-background:var(--c-cyan-700)}.app-button--filled-primary{--button-color:var(--button-filled-primary-color);--button-background:var(--button-filled-primary-background);--button-hover-background:var(--button-filled-primary-hover-background);--button-pressed-background:var(--button-filled-primary-pressed-background)}.app-button--outlined_primary{--button-color:var(--button-outlined-primary-color);--button-background:var(--button-outlined-primary-background);--button-border:var(--button-outlined-primary-border);--button-hover-background:var(--button-outlined-primary-hover-background);--button-hover-color:var(--button-outlined-primary-hover-color);--button-hover-border-color:var(--button-outlined-primary-hover-border-color);--button-pressed-background:var(--button-outlined-primary-pressed-background);--button-pressed-color:var(--button-outlined-primary-pressed-color);--button-pressed-border-color:var(--button-outlined-primary-pressed-border-color)}:root{--button-outlined-primary-color:var(--c-button-outlined-color,var(--c-neutral-100));--button-outlined-primary-background:transparent;--button-outlined-primary-border:solid 1px var(--c-button-outlined-border-color,var(--c-neutral-500));--button-outlined-primary-hover-background:transparent;--button-outlined-primary-hover-color:var(--c-button-outlined-hover-color,var(--c-cyan-400));--button-outlined-primary-hover-border-color:var(--c-button-outlined-hover-border-color,var(--c-cyan-400));--button-outlined-primary-pressed-background:transparent;--button-outlined-primary-pressed-color:var(--c-button-outlined-pressed-color,var(--c-cyan-700));--button-outlined-primary-pressed-border-color:var(--c-button-outlined-pressed-border-color,var(--c-cyan-700))}.app-button--outlined-primary{--button-color:var(--button-outlined-primary-color);--button-background:var(--button-outlined-primary-background);--button-border:var(--button-outlined-primary-border);--button-hover-background:var(--button-outlined-primary-hover-background);--button-hover-color:var(--button-outlined-primary-hover-color);--button-hover-border-color:var(--button-outlined-primary-hover-border-color);--button-pressed-background:var(--button-outlined-primary-pressed-background);--button-pressed-color:var(--button-outlined-primary-pressed-color);--button-pressed-border-color:var(--button-outlined-primary-pressed-border-color)}@keyframes app-button-spin{to{transform:rotate(1turn)}}