@layer components{:root{--vz-button-border-radius: var(--vz-form-field-border-radius);--vz-button-rounded-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: 500;--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-rounded-padding-inline: 1.75rem;--vz-button-rounded-padding-block: .75rem;--vz-button-sm-rounded-padding-inline: 1.25rem;--vz-button-sm-rounded-padding-block: .5rem;--vz-button-lg-rounded-padding-inline: 2rem;--vz-button-lg-rounded-padding-block: 1rem}}@layer components{.vz-button[data-v-a9909891]{align-items:center;background:var(--brand-primary-700);border:1px solid var(--brand-primary-700);border-radius:var(--vz-button-border-radius);color:var(--brand-primary-100);cursor:pointer;display:inline-flex;font-family:inherit;font-feature-settings:inherit;font-size:1rem;gap:var(--vz-button-gap);justify-content:center;outline-color:transparent;overflow:hidden;padding:var(--vz-button-padding-y) 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);-webkit-user-select:none;-moz-user-select:none;user-select:none}.vz-button[data-v-a9909891]:disabled,.vz-button[data-v-a9909891]:is(span){cursor:default}.vz-button.vz-button-rounded[data-v-a9909891]{border-radius:var(--vz-button-rounded-border-radius);padding:var(--vz-button-rounded-padding-block, var(--vz-button-padding-y)) var(--vz-button-rounded-padding-inline, var(--vz-button-padding-x))}.vz-button.vz-button-icon-only[data-v-a9909891]{aspect-ratio:1;gap:0;padding-inline:0;width:var(--vz-button-icon-only-width)}.vz-button[data-v-a9909891]:not(.vz-button-text):not(:disabled,:is(span)):hover{background:var(--brand-primary-500);border:1px solid var(--brand-primary-500);color:var(--brand-primary-50)}.vz-button[data-v-a9909891]:not(.vz-button-text):not(:disabled,:is(span)):active{background:var(--brand-primary-500);border:1px solid var(--brand-primary-600);color:var(--brand-primary-100)}.vz-button:not(.vz-button-text).vz-button-secondary[data-v-a9909891]{background:var(--brand-secondary-800);border:1px solid var(--brand-secondary-800);color:var(--brand-secondary-100)}.vz-button:not(.vz-button-text).vz-button-secondary[data-v-a9909891]:not(:disabled,:is(span)):hover{background:var(--brand-secondary-600);border:1px solid var(--brand-secondary-600);color:var(--brand-secondary-50)}.vz-button:not(.vz-button-text).vz-button-secondary[data-v-a9909891]:not(:disabled,:is(span)):active{background:var(--brand-secondary-700);border:1px solid var(--brand-secondary-700);color:var(--brand-secondary-100)}.vz-button:not(.vz-button-text).vz-button-accent-primary[data-v-a9909891]{background:var(--brand-accent-primary);border:1px solid var(--brand-accent-primary);color:var(--brand-accent-primary-900)}.vz-button:not(.vz-button-text).vz-button-accent-primary[data-v-a9909891]:not(:disabled,:is(span)):hover{background:var(--brand-accent-primary-400);border:1px solid var(--brand-accent-primary-400);color:var(--brand-accent-primary-950)}.vz-button:not(.vz-button-text).vz-button-accent-primary[data-v-a9909891]:not(:disabled,:is(span)):active{background:var(--brand-accent-primary-300);border:1px solid var(--brand-accent-primary-300);color:var(--brand-accent-primary-900)}.vz-button:not(.vz-button-text).vz-button-accent-secondary[data-v-a9909891]{background:var(--brand-accent-secondary);border:1px solid var(--brand-accent-secondary);color:var(--brand-accent-secondary-100)}.vz-button:not(.vz-button-text).vz-button-accent-secondary[data-v-a9909891]:not(:disabled,:is(span)):hover{background:var(--brand-accent-secondary-600);border:1px solid var(--brand-accent-secondary-600);color:var(--brand-accent-secondary-100)}.vz-button:not(.vz-button-text).vz-button-accent-secondary[data-v-a9909891]:not(:disabled,:is(span)):active{background:var(--brand-accent-secondary-700);border:1px solid var(--brand-accent-secondary-700);color:var(--brand-accent-secondary-200)}.vz-button.vz-button-text[data-v-a9909891]{--color: var(--brand-primary-400);--background: transparent;--border-color: transparent;background:var(--background);border-color:var(--border-color);color:var(--color)}.vz-button.vz-button-text[data-v-a9909891]:not(:disabled,:is(span)):hover{--background: hsl(from var(--brand-primary-400) h s l / 15%)}.vz-button.vz-button-text[data-v-a9909891]:not(:disabled,:is(span)):active{--background: hsl(from var(--brand-primary-400) h s l / 25%)}.vz-button.vz-button-text.vz-button-secondary[data-v-a9909891]{--color: var(--brand-secondary-400)}.vz-button.vz-button-text.vz-button-secondary[data-v-a9909891]:not(:disabled,:is(span)):hover{--background: hsl(from var(--brand-secondary-400) h s l / 15%)}.vz-button.vz-button-text.vz-button-secondary[data-v-a9909891]:not(:disabled,:is(span)):active{--background: hsl(from var(--brand-secondary-400) h s l / 25%)}.vz-button.vz-button-text.vz-button-accent-primary[data-v-a9909891]{--color: var(--brand-accent-primary)}.vz-button.vz-button-text.vz-button-accent-primary[data-v-a9909891]:not(:disabled,:is(span)):hover{--background: hsl(from var(--brand-accent-primary) h s l / 15%)}.vz-button.vz-button-text.vz-button-accent-primary[data-v-a9909891]:not(:disabled,:is(span)):active{--background: hsl(from var(--brand-accent-primary) h s l / 25%)}.vz-button.vz-button-text.vz-button-accent-secondary[data-v-a9909891]{--color: var(--brand-accent-secondary-400)}.vz-button.vz-button-text.vz-button-accent-secondary[data-v-a9909891]:not(:disabled,:is(span)):hover{--background: hsl(from var(--brand-accent-secondary-400) h s l / 15%)}.vz-button.vz-button-text.vz-button-accent-secondary[data-v-a9909891]:not(:disabled,:is(span)):active{--background: hsl(from var(--brand-accent-secondary-400) h s l / 25%)}.vz-button.vz-button-small[data-v-a9909891]{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-a9909891]{padding:var(--vz-button-sm-rounded-padding-block, var(--vz-button-sm-padding-y)) var(--vz-button-sm-rounded-padding-inline, var(--vz-button-sm-padding-x))}.vz-button.vz-button-small.vz-button-icon-only[data-v-a9909891]{gap:0;padding-inline:0;width:var(--vz-button-sm-icon-only-width)}.vz-button.vz-button-large[data-v-a9909891]{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-a9909891]{padding:var(--vz-button-lg-rounded-padding-block, var(--vz-button-lg-padding-y)) var(--vz-button-lg-rounded-padding-inline, var(--vz-button-lg-padding-x))}.vz-button.vz-button-large.vz-button-icon-only[data-v-a9909891]{gap:0;padding-inline:0;width:var(--vz-button-lg-icon-only-width)}.vz-button .vz-button-label[data-v-a9909891]{font-weight:var(--vz-button-label-font-weight)}}
