.app-btn[data-v-b0e42157]{cursor:pointer;outline:none;justify-content:center;align-items:center;gap:.5rem;font-weight:500;transition:all .2s;display:inline-flex;position:relative}.app-btn[data-v-b0e42157]:focus-visible{box-shadow:0 0 0 2px var(--btn-bg,var(--primary-color));outline-offset:2px;outline:2px solid #0000}.app-btn--filled[data-v-b0e42157]{background-color:var(--btn-bg,var(--primary-color));color:var(--btn-text,#fff);border:1px solid #0000}.app-btn--filled[data-v-b0e42157]:hover:not(:disabled){background-color:var(--btn-hover-bg,var(--primary-dark))}.app-btn--outlined[data-v-b0e42157]{color:var(--btn-bg,var(--primary-color));border:1px solid var(--btn-bg,var(--primary-color));background-color:#0000}.app-btn--outlined[data-v-b0e42157]:hover:not(:disabled){background-color:var(--btn-bg,var(--primary-color));color:var(--btn-text,#fff)}.app-btn--tonal[data-v-b0e42157]{background-color:color-mix(in srgb, var(--btn-bg,var(--primary-color)) 15%, transparent);color:var(--btn-bg,var(--primary-color));border:1px solid #0000}.app-btn--tonal[data-v-b0e42157]:hover:not(:disabled){background-color:color-mix(in srgb, var(--btn-bg,var(--primary-color)) 25%, transparent)}.app-btn--text[data-v-b0e42157]{color:var(--btn-bg,var(--primary-color));background-color:#0000;border:1px solid #0000}.app-btn--text[data-v-b0e42157]:hover:not(:disabled){background-color:color-mix(in srgb, var(--btn-bg,var(--primary-color)) 10%, transparent)}.app-btn--small[data-v-b0e42157]{padding:.375rem .75rem;font-size:.75rem}.app-btn--medium[data-v-b0e42157]{padding:.5rem 1rem;font-size:.875rem}.app-btn--large[data-v-b0e42157]{padding:.75rem 1.5rem;font-size:1rem}.app-btn--rounded[data-v-b0e42157]{border-radius:.5rem}.app-btn--pill[data-v-b0e42157]{border-radius:9999px}.app-btn--square[data-v-b0e42157]{border-radius:0}.app-btn--color-neutral.app-btn--filled[data-v-b0e42157]{background-color:var(--surface-color);color:var(--text-primary);border:1px solid var(--border-color)}.app-btn--color-neutral.app-btn--filled[data-v-b0e42157]:hover:not(:disabled){background-color:color-mix(in srgb, var(--text-primary) 8%, var(--surface-color));border-color:color-mix(in srgb, var(--text-primary) 20%, var(--border-color))}.app-btn--color-neutral.app-btn--outlined[data-v-b0e42157]{color:var(--text-primary);border:1px solid var(--border-color);background-color:#0000}.app-btn--color-neutral.app-btn--outlined[data-v-b0e42157]:hover:not(:disabled){background-color:color-mix(in srgb, var(--text-primary) 6%, var(--surface-color));color:var(--text-primary);border-color:color-mix(in srgb, var(--text-primary) 25%, var(--border-color))}.app-btn--color-neutral.app-btn--tonal[data-v-b0e42157]{background-color:color-mix(in srgb, var(--text-primary) 8%, transparent);color:var(--text-primary)}.app-btn--color-neutral.app-btn--tonal[data-v-b0e42157]:hover:not(:disabled){background-color:color-mix(in srgb, var(--text-primary) 14%, transparent)}.app-btn--color-neutral.app-btn--text[data-v-b0e42157]{color:var(--text-primary)}.app-btn--color-neutral.app-btn--text[data-v-b0e42157]:hover:not(:disabled){background-color:color-mix(in srgb, var(--text-primary) 8%, transparent);color:var(--text-primary)}.app-btn--color-primary.app-btn--outlined[data-v-b0e42157]{color:var(--primary-color);border-color:var(--primary-color)}.app-btn--color-primary.app-btn--text[data-v-b0e42157]{color:var(--primary-color)}
