.app-button{all:unset;box-sizing:border-box;cursor:pointer;--button-width:auto;--button-height:var(--ui-button-size);--button-padding:var(--ui-button-padding);--button-font-size:var(--text-size-sm);align-items:center;background-color:var(--button-background-color);color:var(--button-text-color);display:inline-flex;font-size:var(--button-font-size);font-weight:var(--text-weight-semibold);height:auto;justify-content:center;min-height:var(--button-height);min-width:var(--button-width);padding:var(--button-padding);transition:background-color var(--ui-transition-duration);width:var(--button-width)}.app-button.app-button-primary{--button-text-color:var(--color-on-primary-container);--button-background-color:var(--color-primary-container);--button-background-color-focus:var(--color-primary)}.app-button.app-button-primary.app-button-flat{--button-text-color:var(--color-primary-container);--button-background-color:oklch(from var(--color-primary-container) l c h/0);--button-background-color-focus:oklch(from var(--color-primary-container) l c h/.1)}.app-button.app-button-primary.app-button-ghost{--button-text-color:var(--color-primary-container);--button-background-color:oklch(from var(--color-primary-container) l c h/.1);--button-background-color-focus:oklch(from var(--color-primary-container) l c h/.15)}.app-button.app-button-secondary{--button-text-color:var(--color-on-secondary-container);--button-background-color:var(--color-secondary-container);--button-background-color-focus:var(--color-secondary)}.app-button.app-button-secondary.app-button-flat{--button-text-color:var(--color-secondary-container);--button-background-color:oklch(from var(--color-secondary-container) l c h/0);--button-background-color-focus:oklch(from var(--color-secondary-container) l c h/.1)}.app-button.app-button-secondary.app-button-ghost{--button-text-color:var(--color-secondary-container);--button-background-color:oklch(from var(--color-secondary-container) l c h/.1);--button-background-color-focus:oklch(from var(--color-secondary-container) l c h/.15)}.app-button.app-button-neutral{--button-text-color:var(--color-on-neutral-container);--button-background-color:var(--color-neutral-container);--button-background-color-focus:var(--color-neutral)}.app-button.app-button-neutral.app-button-flat{--button-text-color:var(--color-neutral-container);--button-background-color:oklch(from var(--color-neutral-container) l c h/0);--button-background-color-focus:oklch(from var(--color-neutral-container) l c h/.1)}.app-button.app-button-neutral.app-button-ghost{--button-text-color:var(--color-neutral-container);--button-background-color:oklch(from var(--color-neutral-container) l c h/.1);--button-background-color-focus:oklch(from var(--color-neutral-container) l c h/.15)}.app-button.app-button-positive{--button-text-color:var(--color-on-positive-container);--button-background-color:var(--color-positive-container);--button-background-color-focus:var(--color-positive)}.app-button.app-button-positive.app-button-flat{--button-text-color:var(--color-positive-container);--button-background-color:oklch(from var(--color-positive-container) l c h/0);--button-background-color-focus:oklch(from var(--color-positive-container) l c h/.1)}.app-button.app-button-positive.app-button-ghost{--button-text-color:var(--color-positive-container);--button-background-color:oklch(from var(--color-positive-container) l c h/.1);--button-background-color-focus:oklch(from var(--color-positive-container) l c h/.15)}.app-button.app-button-negative{--button-text-color:var(--color-on-negative-container);--button-background-color:var(--color-negative-container);--button-background-color-focus:var(--color-negative)}.app-button.app-button-negative.app-button-flat{--button-text-color:var(--color-negative-container);--button-background-color:oklch(from var(--color-negative-container) l c h/0);--button-background-color-focus:oklch(from var(--color-negative-container) l c h/.1)}.app-button.app-button-negative.app-button-ghost{--button-text-color:var(--color-negative-container);--button-background-color:oklch(from var(--color-negative-container) l c h/.1);--button-background-color-focus:oklch(from var(--color-negative-container) l c h/.15)}.app-button.app-button-sm{--button-height:var(--ui-button-size-sm);--button-padding:var(--ui-button-padding-sm);--button-font-size:var(--text-size-sm)}.app-button.app-button-xs{--button-height:var(--ui-button-size-xs);--button-padding:var(--ui-button-padding-xs);--button-font-size:var(--text-size-xs)}.app-button:not(.app-button-rounded):not(.app-button-round){--border-radius:var(--ui-border-radius)}@supports (corner-shape:superellipse(1)){.app-button:not(.app-button-rounded):not(.app-button-round){--_border-radius-coefficient:1.25;corner-shape:superellipse(1.3764091605)}}.app-button:not(.app-button-rounded):not(.app-button-round){border-radius:calc(var(--border-top-left-radius, var(--border-radius))*var(--_border-radius-coefficient, 1)) calc(var(--border-top-right-radius, var(--border-radius))*var(--_border-radius-coefficient, 1)) calc(var(--border-bottom-right-radius, var(--border-radius))*var(--_border-radius-coefficient, 1)) calc(var(--border-bottom-left-radius, var(--border-radius))*var(--_border-radius-coefficient, 1))}.app-button.app-button-round,.app-button.app-button-rounded{border-radius:calc(var(--button-height)/2)}.app-button.app-button-round{--button-width:var(--button-height);--button-padding:0}@media (hover:hover){.app-button:hover{background-color:var(--button-background-color-focus);color:var(--button-text-color)}}.app-button[aria-disabled=true]{cursor:default;opacity:.5;pointer-events:none}.app-button:focus-visible{outline:var(--ui-focus-ring-color) solid var(--ui-focus-ring-width);outline-offset:var(--ui-focus-ring-offset)}.app-overlay[data-v-460d4540]{background:oklch(from var(--color-scrim) l c h/.75);top:0;right:0;bottom:0;left:0;position:fixed}.app-overlay.overlay-enter-active[data-v-460d4540],.app-overlay.overlay-leave-active[data-v-460d4540]{transition:opacity .25s}.app-overlay.overlay-enter-from[data-v-460d4540],.app-overlay.overlay-leave-to[data-v-460d4540]{opacity:0}.app-modal-overlay[data-v-2306dfe7]{display:grid;overflow:hidden scroll;padding:16px calc(16px - var(--scrollbar-gutter)) 16px 16px;place-items:center}@supports not selector(::-webkit-scrollbar){.app-modal-overlay[data-v-2306dfe7]{--scrollbar-gutter:0px}}@supports selector(::-webkit-scrollbar){@media not (pointer:fine){.app-modal-overlay[data-v-2306dfe7]{--scrollbar-gutter:0px}}@media (pointer:fine){.app-modal-overlay[data-v-2306dfe7]{--_scrollbar-size:var(--scrollbar-size,12px);--_scrollbar-color:var(--scrollbar-color,transparent);--_scrollbar-thumb-radius:var(--scrollbar-thumb-radius,999px);--_scrollbar-thumb-border:var(--scrollbar-thumb-border,2px solid transparent);--_scrollbar-thumb-color:var(--scrollbar-thumb-color,oklch(from var(--color-surface-inverse) l c h/.1));--_scrollbar-thumb-color-hover:var(--scrollbar-thumb-color-hover,oklch(from var(--color-surface-inverse) l c h/.25));--scrollbar-gutter:var(--_scrollbar-size)}.app-modal-overlay[data-v-2306dfe7]::-webkit-scrollbar,.app-modal-overlay[data-v-2306dfe7]::-webkit-scrollbar-corner{background:var(--_scrollbar-color);height:var(--_scrollbar-size);width:var(--_scrollbar-size)}.app-modal-overlay[data-v-2306dfe7]::-webkit-scrollbar-button{height:0;width:0}.app-modal-overlay[data-v-2306dfe7]::-webkit-scrollbar-thumb{background:content-box var(--_scrollbar-color);border:var(--_scrollbar-thumb-border);border-radius:var(--_scrollbar-thumb-radius)}.app-modal-overlay[data-v-2306dfe7]:hover::-webkit-scrollbar-thumb{background:content-box var(--_scrollbar-thumb-color)}.app-modal-overlay[data-v-2306dfe7]::-webkit-scrollbar-thumb:active,.app-modal-overlay[data-v-2306dfe7]::-webkit-scrollbar-thumb:hover{background:content-box var(--_scrollbar-thumb-color-hover)}.app-modal-overlay[data-v-2306dfe7]:hover{--fix: }}}.app-modal[data-v-2306dfe7]{--border-radius:29px;background:var(--color-surface);border:1px solid var(--color-outline-surface--muted);box-shadow:0 8px 32px -16px oklch(from var(--color-shadow) l c h/.25);padding:20px;position:relative;will-change:transform}@supports (corner-shape:superellipse(1)){.app-modal[data-v-2306dfe7]{--_border-radius-coefficient:1.25;corner-shape:superellipse(1.3764091605)}}.app-modal[data-v-2306dfe7]{border-radius:calc(var(--border-top-left-radius, var(--border-radius))*var(--_border-radius-coefficient, 1)) calc(var(--border-top-right-radius, var(--border-radius))*var(--_border-radius-coefficient, 1)) calc(var(--border-bottom-right-radius, var(--border-radius))*var(--_border-radius-coefficient, 1)) calc(var(--border-bottom-left-radius, var(--border-radius))*var(--_border-radius-coefficient, 1))}.app-modal.modal-enter-active[data-v-2306dfe7]{transition:opacity .25s,transform .5s cubic-bezier(.25,1.5,.25,1)}.app-modal.modal-leave-active[data-v-2306dfe7]{transition:opacity .25s,transform 0s .25s}.app-modal.modal-enter-from[data-v-2306dfe7],.app-modal.modal-leave-to[data-v-2306dfe7]{opacity:0;transform:scale(.9)}
