@layer components{:root{--vz-button-border-radius:var(--vz-form-field-border-radius);--vz-button-rd-border-radius:2rem;--vz-button-gap:.5rem;--vz-button-padding-x:var(--vz-form-field-padding-x);--vz-button-padding-y:var(--vz-form-field-padding-y);--vz-button-icon-only-width:2.5rem;--vz-button-transition-duration:var(--transition-duration-fast);--vz-button-focus-ring-width:var(--vz-focus-ring-width);--vz-button-focus-ring-style:var(--vz-focus-ring-style);--vz-button-focus-ring-offset:var(--vz-focus-ring-offset);--vz-button-label-font-weight:300;--vz-button-lg-font-size:var(--vz-form-field-lg-font-size);--vz-button-lg-padding-x:var(--vz-form-field-lg-padding-x);--vz-button-lg-padding-y:var(--vz-form-field-lg-padding-y);--vz-button-lg-icon-only-width:3rem;--vz-button-sm-font-size:var(--vz-form-field-sm-font-size);--vz-button-sm-padding-x:var(--vz-form-field-sm-padding-x);--vz-button-sm-padding-y:var(--vz-form-field-sm-padding-y);--vz-button-sm-icon-only-width:2rem;--vz-button-secondary-focus-ring-color:var(--brand-secondary-300);--vz-button-secondary-focus-ring-shadow:none;--vz-button-primary-focus-ring-color:var(--brand-primary);--vz-button-primary-focus-ring-shadow:none;--vz-button-rd-padding-inline:1.75rem;--vz-button-rd-padding-block:.75rem;--vz-button-sm-rd-padding-inline:1.25rem;--vz-button-sm-rd-padding-block:.5rem;--vz-button-lg-rd-padding-inline:2rem;--vz-button-lg-rd-padding-block:1rem}}@layer components{.vz-button[data-v-5d36c3c4]{align-items:center;background:var(--vz-button-background);border:var(--vz-button-border-width) solid var(--brand-primary-700);border-radius:var(--vz-button-border-radius);color:var(--theme-primary-50);cursor:pointer;display:flex;font-family:inherit;font-feature-settings:inherit;font-size:var(--vz-button-font-size);font-weight:var(--vz-button-font-weight);gap:var(--vz-button-gap);height:44px;justify-content:center;outline-color:transparent;overflow:hidden;padding:0 var(--vz-button-padding-x);position:relative;text-decoration:none;transition:background var(--vz-button-transition-duration),color var(--vz-button-transition-duration),border-color var(--vz-button-transition-duration),outline-color var(--vz-button-transition-duration),box-shadow var(--vz-button-transition-duration),opacity var(--vz-button-transition-duration);-webkit-user-select:none;-moz-user-select:none;user-select:none}.vz-button[data-v-5d36c3c4]:disabled{cursor:not-allowed;opacity:.4}.vz-button.vz-button-default[data-v-5d36c3c4]{padding:var(--vz-button-rd-padding-block,var(--vz-button-padding-y)) var(--vz-button-rd-padding-inline,var(--vz-button-padding-x))}.vz-button.vz-button-icon-only[data-v-5d36c3c4]{aspect-ratio:1;gap:0;padding-inline:0;width:var(--vz-button-icon-only-width)}.vz-button.vz-button-icon-only[data-v-5d36c3c4] :where(.iconify){background-color:currentcolor!important}.vz-button[data-v-5d36c3c4]:focus-visible{outline:hsl(from var(--vz-button-outline-color) h s l/70%) solid 2px;outline-offset:2px}.vz-button[data-v-5d36c3c4]:not(.vz-button-text,.vz-button-outlined):not(:disabled,:is(span)):hover{background:var(--brand-primary-500);border:var(--vz-button-border-width) solid var(--brand-primary-500);color:var(--brand-primary-50)}.vz-button[data-v-5d36c3c4]:not(.vz-button-text,.vz-button-outlined):not(:disabled,:is(span)):active{background:var(--brand-primary-500);border:var(--vz-button-border-width) solid var(--brand-primary-600);color:var(--brand-primary-100)}.vz-button:not(.vz-button-text,.vz-button-outlined).vz-button-default[data-v-5d36c3c4]{--vz-button-outline-color:#c9c4bb;--vz-button-shadow-color:#c9c4bb;background:#e7e9e2;border:var(--vz-button-border-width) solid var(--brand-primary-800);color:#5d5c56}.vz-button:not(.vz-button-text,.vz-button-outlined).vz-button-default[data-v-5d36c3c4]:not(:disabled,:is(span)):hover{background:#d0d0c8;color:#5d5c56}.vz-button:not(.vz-button-text,.vz-button-outlined).vz-button-default[data-v-5d36c3c4]:not(:disabled,:is(span)):active{background:#b5b5b5;color:#5d5c56}.vz-button:not(.vz-button-text,.vz-button-outlined).vz-button-primary[data-v-5d36c3c4]{--vz-button-outline-color:var(--theme-primary-300);--vz-button-shadow-color:var(--surface-tonal-800);background:var(--surface-tonal-800);border:var(--vz-button-border-width) solid var(--surface-tonal-600);color:#fff}.vz-button:not(.vz-button-text,.vz-button-outlined).vz-button-primary[data-v-5d36c3c4]:not(:disabled,:is(span)):hover{background:var(--surface-tonal-700);border:var(--vz-button-border-width) solid var(--surface-tonal-500);color:var(--theme-primary-50)}.vz-button:not(.vz-button-text,.vz-button-outlined).vz-button-primary[data-v-5d36c3c4]:not(:disabled,:is(span)):active{background:var(--surface-tonal-800);border:var(--vz-button-border-width) solid var(--surface-tonal-600);color:var(--theme-primary-100)}.vz-button:not(.vz-button-text,.vz-button-outlined).vz-button-primary.vz-button-icon-only[data-v-5d36c3c4] :where(.iconify){background-color:var(--brand-primary-600)!important}.vz-button:not(.vz-button-text,.vz-button-outlined).vz-button-secondary[data-v-5d36c3c4]{--vz-button-outline-color:var(--brand-secondary-800);background:var(--brand-secondary-800);border:var(--vz-button-border-width) solid var(--brand-secondary-800);color:var(--brand-secondary-100)}.vz-button:not(.vz-button-text,.vz-button-outlined).vz-button-secondary[data-v-5d36c3c4]:not(:disabled,:is(span)):hover{background:var(--brand-secondary-600);border:var(--vz-button-border-width) solid var(--brand-secondary-600);color:var(--brand-secondary-50)}.vz-button:not(.vz-button-text,.vz-button-outlined).vz-button-secondary[data-v-5d36c3c4]:not(:disabled,:is(span)):active{background:var(--brand-secondary-700);border:var(--vz-button-border-width) solid var(--brand-secondary-700);color:var(--brand-secondary-100)}.vz-button:not(.vz-button-text,.vz-button-outlined).vz-button-secondary.vz-button-icon-only[data-v-5d36c3c4] :where(.iconify){background-color:var(--brand-secondary-800)!important}.vz-button:not(.vz-button-text,.vz-button-outlined).vz-button-accent-primary[data-v-5d36c3c4]{--vz-button-outline-color:var(--brand-accent-primary);background:var(--brand-accent-primary);border:var(--vz-button-border-width) solid var(--brand-accent-primary);color:var(--brand-accent-primary-50)}.vz-button:not(.vz-button-text,.vz-button-outlined).vz-button-accent-primary[data-v-5d36c3c4]:not(:disabled,:is(span)):hover{background:var(--brand-accent-primary-400);border:var(--vz-button-border-width) solid var(--brand-accent-primary-400);color:var(--brand-accent-primary-100)}.vz-button:not(.vz-button-text,.vz-button-outlined).vz-button-accent-primary[data-v-5d36c3c4]:not(:disabled,:is(span)):active{background:var(--brand-accent-primary-300);border:var(--vz-button-border-width) solid var(--brand-accent-primary-300);color:var(--brand-accent-primary-100)}.vz-button:not(.vz-button-text,.vz-button-outlined).vz-button-accent-primary.vz-button-icon-only[data-v-5d36c3c4] :where(.iconify){background-color:var(--brand-accent-primary)!important}.vz-button:not(.vz-button-text,.vz-button-outlined).vz-button-accent-secondary[data-v-5d36c3c4]{--vz-button-outline-color:var(--brand-accent-secondary);background:var(--brand-accent-secondary);border:var(--vz-button-border-width) solid var(--brand-accent-secondary);color:var(--brand-accent-secondary-100)}.vz-button:not(.vz-button-text,.vz-button-outlined).vz-button-accent-secondary[data-v-5d36c3c4]:not(:disabled,:is(span)):hover{background:var(--brand-accent-secondary-600);border:var(--vz-button-border-width) solid var(--brand-accent-secondary-600);color:var(--brand-accent-secondary-100)}.vz-button:not(.vz-button-text,.vz-button-outlined).vz-button-accent-secondary[data-v-5d36c3c4]:not(:disabled,:is(span)):active{background:var(--brand-accent-secondary-700);border:var(--vz-button-border-width) solid var(--brand-accent-secondary-700);color:var(--brand-accent-secondary-200)}.vz-button:not(.vz-button-text,.vz-button-outlined).vz-button-accent-secondary.vz-button-icon-only[data-v-5d36c3c4] :where(.iconify){background-color:var(--brand-accent-secondary)!important}.vz-button:not(.vz-button-text,.vz-button-outlined).vz-button-danger[data-v-5d36c3c4]{--vz-button-outline-color:var(--text-error);--un-bg-opacity:1;background-color:rgb(190 18 60 / var(--un-bg-opacity));--un-text-opacity:1;color:rgb(255 228 230 / var(--un-text-opacity))}.vz-button:not(.vz-button-text,.vz-button-outlined).vz-button-danger[data-v-5d36c3c4]:not(:disabled,:is(span)):hover{--un-bg-opacity:1;background-color:rgb(244 63 94 / var(--un-bg-opacity))}.vz-button:not(.vz-button-text,.vz-button-outlined).vz-button-danger[data-v-5d36c3c4]:not(:disabled,:is(span)):active{--un-bg-opacity:1;background-color:rgb(225 29 72 / var(--un-bg-opacity))}.vz-button:not(.vz-button-text,.vz-button-outlined).vz-button-danger.vz-button-icon-only[data-v-5d36c3c4] :where(.iconify){background-color:var(--text-error)!important}.vz-button:not(.vz-button-text,.vz-button-outlined).vz-button-info[data-v-5d36c3c4]{--vz-button-outline-color:#3b82f6;background:#dbeafe;border:var(--vz-button-border-width) solid #3b82f6;color:#1d4ed8}.vz-button:not(.vz-button-text,.vz-button-outlined).vz-button-info[data-v-5d36c3c4]:not(:disabled,:is(span)):hover{background:#bfdbfe}.vz-button:not(.vz-button-text,.vz-button-outlined).vz-button-info[data-v-5d36c3c4]:not(:disabled,:is(span)):active{background:#93c5fd}.vz-button:not(.vz-button-text,.vz-button-outlined).vz-button-info.vz-button-icon-only[data-v-5d36c3c4] :where(.iconify){background-color:#3b82f6!important}.vz-button:not(.vz-button-text,.vz-button-outlined).vz-button-success[data-v-5d36c3c4]{--vz-button-outline-color:#22c55e;background:#dcfce7;border:var(--vz-button-border-width) solid #22c55e;color:#15803d}.vz-button:not(.vz-button-text,.vz-button-outlined).vz-button-success[data-v-5d36c3c4]:not(:disabled,:is(span)):hover{background:#bbf7d0}.vz-button:not(.vz-button-text,.vz-button-outlined).vz-button-success[data-v-5d36c3c4]:not(:disabled,:is(span)):active{background:#86efac}.vz-button:not(.vz-button-text,.vz-button-outlined).vz-button-success.vz-button-icon-only[data-v-5d36c3c4] :where(.iconify){background-color:#22c55e!important}.vz-button:not(.vz-button-text,.vz-button-outlined).vz-button-warning[data-v-5d36c3c4]{--vz-button-outline-color:#f59e0b;background:#fef3c7;border:var(--vz-button-border-width) solid #f59e0b;color:#b45309}.vz-button:not(.vz-button-text,.vz-button-outlined).vz-button-warning[data-v-5d36c3c4]:not(:disabled,:is(span)):hover{background:#fde68a}.vz-button:not(.vz-button-text,.vz-button-outlined).vz-button-warning[data-v-5d36c3c4]:not(:disabled,:is(span)):active{background:#fcd34d}.vz-button:not(.vz-button-text,.vz-button-outlined).vz-button-warning.vz-button-icon-only[data-v-5d36c3c4] :where(.iconify){background-color:#f59e0b!important}.vz-button.vz-button-outlined[data-v-5d36c3c4]{--color:var(--theme-primary-500);--vz-button-outline-color:var(--theme-primary-400);--border-color:var(--color);background:transparent;border:1px solid var(--border-color,var(--color));box-shadow:none;color:var(--color)}.vz-button.vz-button-outlined[data-v-5d36c3c4]:not(:disabled,:is(span)):hover{background:hsl(from var(--color) h s l/8%)}.vz-button.vz-button-outlined[data-v-5d36c3c4]:not(:disabled,:is(span)):active{background:hsl(from var(--color) h s l/16%)}.vz-button.vz-button-outlined.vz-button-default[data-v-5d36c3c4]{--color:#5d5c56}.vz-button.vz-button-outlined.vz-button-primary[data-v-5d36c3c4]{--color:var(--theme-primary-50);--border-color:var(--surface-tonal-400)}.vz-button.vz-button-outlined.vz-button-secondary[data-v-5d36c3c4]{--color:var(--brand-secondary-800)}.vz-button.vz-button-outlined.vz-button-accent-primary[data-v-5d36c3c4]{--color:var(--brand-accent-primary)}.vz-button.vz-button-outlined.vz-button-accent-secondary[data-v-5d36c3c4]{--color:var(--brand-accent-secondary)}.vz-button.vz-button-outlined.vz-button-info[data-v-5d36c3c4]{--color:#3b82f6}.vz-button.vz-button-outlined.vz-button-success[data-v-5d36c3c4]{--color:#22c55e}.vz-button.vz-button-outlined.vz-button-warning[data-v-5d36c3c4]{--color:#f59e0b}.vz-button.vz-button-outlined.vz-button-danger[data-v-5d36c3c4]{--color:#ef4444}.vz-button.vz-button-text[data-v-5d36c3c4]{--color:var(--theme-primary-50);--background:transparent;--border-color:transparent;--vz-button-outline-color:var(--theme-primary-100);background:var(--background);border-color:var(--border-color);box-shadow:none;color:var(--color)}.vz-button.vz-button-text[data-v-5d36c3c4]:not(:disabled,:is(span)):hover{background:hsl(from var(--color) h s l/10%)}.vz-button.vz-button-text[data-v-5d36c3c4]:not(:disabled,:is(span)):active{background:hsl(from var(--color) h s l/20%)}.vz-button.vz-button-text.vz-button-default[data-v-5d36c3c4]{--color:#5d5c56}.vz-button.vz-button-text.vz-button-primary[data-v-5d36c3c4]{--color:var(--theme-primary-50)}.vz-button.vz-button-text.vz-button-secondary[data-v-5d36c3c4]{--color:var(--brand-secondary-800)}.vz-button.vz-button-text.vz-button-accent-primary[data-v-5d36c3c4]{--color:var(--brand-accent-primary)}.vz-button.vz-button-text.vz-button-accent-secondary[data-v-5d36c3c4]{--color:var(--brand-accent-secondary)}.vz-button.vz-button-text.vz-button-info[data-v-5d36c3c4]{--color:#3b82f6}.vz-button.vz-button-text.vz-button-success[data-v-5d36c3c4]{--color:#22c55e}.vz-button.vz-button-text.vz-button-warning[data-v-5d36c3c4]{--color:#f59e0b}.vz-button.vz-button-text.vz-button-danger[data-v-5d36c3c4]{--color:#ef4444}.vz-button.vz-button-small[data-v-5d36c3c4]{font-size:var(--vz-button-sm-font-size);padding:var(--vz-button-sm-padding-y) var(--vz-button-sm-padding-x)}.vz-button.vz-button-small.vz-button-rounded[data-v-5d36c3c4]{padding:var(--vz-button-sm-rd-padding-block,var(--vz-button-sm-padding-y)) var(--vz-button-sm-rd-padding-inline,var(--vz-button-sm-padding-x))}.vz-button.vz-button-small.vz-button-icon-only[data-v-5d36c3c4]{gap:0;height:var(--vz-button-sm-icon-only-width);padding-inline:0;width:var(--vz-button-sm-icon-only-width)}.vz-button.vz-button-large[data-v-5d36c3c4]{font-size:var(--vz-button-lg-font-size);padding:var(--vz-button-lg-padding-y) var(--vz-button-lg-padding-x)}.vz-button.vz-button-large.vz-button-rounded[data-v-5d36c3c4]{padding:var(--vz-button-lg-rd-padding-block,var(--vz-button-lg-padding-y)) var(--vz-button-lg-rd-padding-inline,var(--vz-button-lg-padding-x))}.vz-button.vz-button-large.vz-button-icon-only[data-v-5d36c3c4]{gap:0;height:var(--vz-button-lg-icon-only-width);padding-inline:0;width:var(--vz-button-lg-icon-only-width)}.vz-button .vz-button-label[data-v-5d36c3c4]{font-weight:var(--vz-button-label-font-weight)}}
