@layer design-system.components{.vds-fieldset{--fieldset-padding:var(--vds-space-5,1.25rem);--fieldset-gap:var(--vds-space-4,1rem);--fieldset-border-width:1px;--fieldset-border-color:var(--vds-color-border,currentColor);--fieldset-bg:transparent;--fieldset-border-radius:var(--vds-radius-card,.75rem);--fieldset-legend-size:var(--vds-text-sm,.875rem);--fieldset-legend-weight:var(--vds-font-semibold,600);--fieldset-legend-color:var(--vds-color-text,currentColor);--fieldset-legend-px:var(--vds-space-1,.25rem);--fieldset-desc-size:var(--vds-text-xs,.75rem);--fieldset-desc-color:var(--vds-color-text-muted,currentColor);--fieldset-required-color:var(--vds-color-danger-9,#ef4444)}.vds-fieldset[data-invalid]{--fieldset-border-color:var(--vds-color-danger-7,#fca5a5);--fieldset-legend-color:var(--vds-color-danger-text,#ef4444)}.vds-fieldset[data-disabled]{--fieldset-border-color:var(--vds-color-border-disabled,currentColor);--fieldset-legend-color:var(--vds-color-text-disabled,currentColor)}.vds-field{--field-gap:var(--vds-space-2,.5rem);--field-label-gap:var(--vds-space-1,.25rem);--field-label-size:var(--vds-text-sm,.875rem);--field-label-weight:var(--vds-font-medium,500);--field-label-color:var(--vds-color-text,currentColor);--field-required-color:var(--vds-color-danger-9,#ef4444);--field-meta-gap:var(--vds-space-2,.5rem);--field-meta-stack-gap:var(--vds-space-1,.25rem);--field-meta-size:var(--vds-text-xs,.75rem);--field-meta-line-height:var(--vds-leading-snug,1.375);--field-description-color:var(--vds-color-text-muted,currentColor);--field-error-color:var(--vds-color-danger-10,#dc2626);--field-counter-color:var(--vds-color-text-subtle,currentColor)}.vds-field[data-invalid]{--field-label-color:var(--vds-color-danger-text,#ef4444)}.vds-fieldset{gap:var(--fieldset-gap);padding:var(--fieldset-padding);background:var(--fieldset-bg);border:var(--fieldset-border-width) solid var(--fieldset-border-color);border-radius:var(--fieldset-border-radius);min-inline-size:0;transition:border-color var(--vds-transition-base,.2s ease-out);flex-direction:column;margin:0;padding-block-start:calc(var(--fieldset-padding) * .75);display:flex}.vds-fieldset-legend{align-items:center;gap:var(--vds-space-1,.25rem);padding-inline:var(--fieldset-legend-px);font-size:var(--fieldset-legend-size);font-weight:var(--fieldset-legend-weight);color:var(--fieldset-legend-color);line-height:var(--vds-leading-snug,1.375);float:none;inline-size:max-content;display:flex}.vds-fieldset-required{color:var(--fieldset-required-color);font-size:.9em}.vds-fieldset-description{font-size:var(--fieldset-desc-size);color:var(--fieldset-desc-color);line-height:var(--vds-leading-relaxed,1.625);margin:0}.vds-fieldset[data-disabled]{opacity:var(--vds-opacity-disabled,.5);cursor:not-allowed}.vds-fieldset[data-disabled] *{pointer-events:none}.vds-fieldset[data-disabled] :disabled,.vds-fieldset[data-disabled] [data-disabled],.vds-fieldset[data-disabled] [aria-disabled=true]{opacity:1}.vds-field{min-inline-size:0;display:block}.vds-field>*+*{margin-block-start:var(--field-gap)}.vds-field-label{align-items:center;gap:var(--field-label-gap);font-size:var(--field-label-size);font-weight:var(--field-label-weight);color:var(--field-label-color);line-height:var(--vds-control-line-height,1);margin:0;display:inline-flex}.vds-field-required{color:var(--field-required-color);font-size:.9em}.vds-field-control,.vds-field-after-control,.vds-field-meta{min-inline-size:0}.vds-field-meta{display:block}.vds-field-meta>*+*{margin-block-start:var(--field-meta-stack-gap)}.vds-field-meta-row{align-items:flex-start;gap:var(--field-meta-gap);min-inline-size:0;display:flex}.vds-field-meta-slot{align-items:flex-start;gap:var(--field-meta-gap);flex-wrap:wrap;flex:1 1 0;min-inline-size:0;display:flex}.vds-field-meta-slot[data-align=end]{text-align:end;justify-content:flex-end;margin-inline-start:auto}.vds-field-meta-slot[data-align=start]{text-align:start;justify-content:flex-start}.vds-field-meta-item{min-inline-size:0;font-size:var(--field-meta-size);line-height:var(--field-meta-line-height)}.vds-field-meta-item--description{color:var(--field-description-color)}.vds-field-meta-item--error{color:var(--field-error-color)}.vds-field-meta-item--counter{color:var(--field-counter-color);white-space:nowrap}.vds-field[data-disabled]{opacity:var(--vds-opacity-disabled,.5)}.vds-field[data-disabled] :disabled,.vds-field[data-disabled] [data-disabled],.vds-field[data-disabled] [aria-disabled=true]{opacity:1}.vds-input{box-shadow:var(--vds-field-shadow,none);--input-height:var(--vds-size-md);--input-padding-inline:var(--vds-space-3);--input-padding-block:0;--input-font-size:var(--vds-text-sm);--input-line-height:var(--vds-control-line-height,1.5);--input-optical-offset:var(--vds-control-optical-offset,0px);--input-radius:var(--vds-radius-input,var(--vds-radius-element));--_input-height:var(--input-height);--_input-px:var(--input-padding-inline);--_input-py:var(--input-padding-block);--_input-font-size:var(--input-font-size);--_input-line-height:var(--input-line-height);--_input-optical-offset:var(--input-optical-offset);--_input-radius:var(--input-radius);box-sizing:border-box;inline-size:100%;min-inline-size:0;font-family:var(--vds-font-sans);border:1px solid var(--vds-field-border,var(--vds-color-border-interactive,var(--vds-color-neutral-9)));background-color:var(--vds-field-bg,var(--vds-color-surface-field,var(--vds-color-surface)));color:var(--vds-color-text);-webkit-touch-callout:default;-webkit-user-select:text;user-select:text;transition:border-color var(--vds-duration-fast) var(--vds-ease-out), box-shadow .18s ease-out;block-size:var(--_input-height);padding-inline:var(--_input-px);font-size:var(--_input-font-size);line-height:var(--_input-line-height);border-radius:var(--_input-radius);margin:0;padding-block-start:calc(var(--_input-py) + var(--_input-optical-offset));padding-block-end:var(--_input-py);display:block}.vds-input::placeholder{color:var(--vds-color-text-placeholder,var(--vds-color-neutral-11))}.vds-input:focus-visible{border-color:var(--vds-color-primary-9);box-shadow:0 0 0 4px var(--vds-color-primary-a4), 0 0 12px 2px var(--vds-color-primary-a2);outline:none}@media (forced-colors:active){.vds-input:focus-visible{outline-offset:2px;box-shadow:none;outline:2px solid highlight}}.vds-input.vds-input--pulse{animation:vds-typing-pulse .14s var(--vds-ease-out) forwards}.vds-input:disabled{opacity:var(--vds-opacity-disabled,.5);cursor:not-allowed}.vds-input[aria-invalid=true]{border-color:var(--vds-color-danger-9)}.vds-input[aria-invalid=true]:focus-visible{box-shadow:0 0 0 4px var(--vds-color-danger-a4), 0 0 12px 2px var(--vds-color-danger-a2);outline:none}@media (forced-colors:active){.vds-input[aria-invalid=true]:focus-visible{outline-offset:2px;box-shadow:none;outline:2px solid highlight}}.vds-input[aria-invalid=true]{transition:box-shadow .18s ease-out}@media (prefers-reduced-motion:reduce){.vds-input[aria-invalid=true]{transition-duration:0s}}.vds-input[data-size="2xs"]{--input-height:var(--vds-size-2xs);--input-padding-inline:var(--vds-space-1-5);--input-font-size:var(--vds-text-xs)}.vds-input[data-size=xs]{--input-height:var(--vds-size-xs);--input-padding-inline:var(--vds-space-2);--input-font-size:var(--vds-text-xs)}.vds-input[data-size=sm]{--input-height:var(--vds-size-sm);--input-padding-inline:var(--vds-space-2-5);--input-font-size:var(--vds-text-sm)}.vds-input[data-size=lg]{--input-height:var(--vds-size-lg);--input-padding-inline:var(--vds-space-4);--input-font-size:var(--vds-text-base)}.vds-input[data-size=xl]{--input-height:var(--vds-size-xl);--input-padding-inline:var(--vds-space-5);--input-font-size:var(--vds-text-lg)}.vds-input[data-size="2xl"]{--input-height:var(--vds-size-2xl);--input-padding-inline:var(--vds-space-6);--input-font-size:var(--vds-text-xl)}@media (prefers-reduced-motion:reduce){.vds-input{transition-duration:0s}}:is(.vds-input-wrapper,.vds-input-field-control,.vds-input-group){--input-slot-inset:var(--vds-space-3);--input-slot-font-size:var(--vds-text-sm);--input-icon-size:1.125rem;--input-icon-gap:var(--vds-space-2);--input-action-size:var(--vds-space-8)}:is(.vds-input-wrapper,.vds-input-field-control,.vds-input-group):has(>.vds-input[data-size="2xs"]){--input-slot-inset:var(--vds-space-1-5);--input-slot-font-size:var(--vds-text-xs);--input-icon-size:.75rem;--input-icon-gap:var(--vds-space-1);--input-action-size:var(--vds-space-5)}:is(.vds-input-wrapper,.vds-input-field-control,.vds-input-group):has(>.vds-input[data-size=xs]){--input-slot-inset:var(--vds-space-2);--input-slot-font-size:var(--vds-text-xs);--input-icon-size:.875rem;--input-icon-gap:var(--vds-space-1-5);--input-action-size:var(--vds-space-6)}:is(.vds-input-wrapper,.vds-input-field-control,.vds-input-group):has(>.vds-input[data-size=sm]){--input-slot-inset:var(--vds-space-2-5);--input-icon-size:1rem;--input-action-size:var(--vds-space-7)}:is(.vds-input-wrapper,.vds-input-field-control,.vds-input-group):has(>.vds-input[data-size=lg]){--input-slot-inset:var(--vds-space-4);--input-slot-font-size:var(--vds-text-base);--input-icon-size:1.25rem;--input-action-size:var(--vds-space-9)}:is(.vds-input-wrapper,.vds-input-field-control,.vds-input-group):has(>.vds-input[data-size=xl]){--input-slot-inset:var(--vds-space-5);--input-slot-font-size:var(--vds-text-lg);--input-icon-size:1.375rem;--input-action-size:var(--vds-space-10)}:is(.vds-input-wrapper,.vds-input-field-control,.vds-input-group):has(>.vds-input[data-size="2xl"]){--input-slot-inset:var(--vds-space-6);--input-slot-font-size:var(--vds-text-xl);--input-icon-size:1.5rem;--input-action-size:var(--vds-space-12)}.vds-input-wrapper{align-items:center;inline-size:100%;min-inline-size:0;display:flex;position:relative}.vds-input-wrapper>.vds-input-icon{z-index:1;inline-size:var(--input-icon-size);color:var(--vds-color-text-muted);pointer-events:none;justify-content:center;align-items:center;display:inline-flex;position:absolute;inset-block:0}.vds-input-wrapper>.vds-input-icon>:is(svg,img){inline-size:100%;block-size:var(--input-icon-size);flex:none;display:block}.vds-input-wrapper>.vds-input-icon:is([data-side=start],:first-child:not([data-side])){inset-inline-start:var(--input-slot-inset)}.vds-input-wrapper>.vds-input-icon:is([data-side=end],:last-child:not([data-side])){inset-inline-end:var(--input-slot-inset)}.vds-input-wrapper[data-icon-start]>.vds-input{padding-inline-start:calc(var(--input-slot-inset) + var(--input-icon-size) + var(--input-icon-gap))}.vds-input-wrapper:has(>.vds-input-icon:is([data-side=start],:first-child:not([data-side])))>.vds-input{padding-inline-start:calc(var(--input-slot-inset) + var(--input-icon-size) + var(--input-icon-gap))}.vds-input-wrapper[data-icon-end]>.vds-input{padding-inline-end:calc(var(--input-slot-inset) + var(--input-icon-size) + var(--input-icon-gap))}.vds-input-wrapper:has(>.vds-input-icon:is([data-side=end],:last-child:not([data-side])))>.vds-input{padding-inline-end:calc(var(--input-slot-inset) + var(--input-icon-size) + var(--input-icon-gap))}.vds-input-group{--input-radius:var(--vds-radius-input,var(--vds-radius-element));align-items:stretch;inline-size:100%;min-inline-size:0;display:flex}.vds-input-group>.vds-input{--input-radius:inherit;border-radius:0;flex:1;min-inline-size:0}.vds-input-group>.vds-input:first-child{border-start-start-radius:var(--_input-radius);border-end-start-radius:var(--_input-radius)}.vds-input-group>.vds-input:last-child{border-start-end-radius:var(--_input-radius);border-end-end-radius:var(--_input-radius)}.vds-input-group>.vds-input-addon[data-side=start]+.vds-input{border-start-start-radius:0;border-end-start-radius:0}.vds-input-group>.vds-input:has(+.vds-input-addon[data-side=end]){border-start-end-radius:0;border-end-end-radius:0}.vds-input-group>.vds-input:focus-visible{z-index:1;position:relative}.vds-input-addon{box-sizing:border-box;font-family:var(--vds-font-sans);line-height:var(--vds-control-line-height,1.5);padding-inline:var(--input-slot-inset,var(--vds-space-3));font-size:var(--input-slot-font-size,var(--vds-text-sm));color:var(--vds-color-text-muted);background-color:var(--vds-color-surface-raised);border:1px solid var(--vds-field-border,var(--vds-color-border-interactive,var(--vds-color-neutral-9)));white-space:nowrap;flex-shrink:0;align-items:center;display:inline-flex}.vds-input-addon[data-side=start]{border-inline-end:none;border-start-start-radius:var(--input-radius,var(--vds-radius-input,var(--vds-radius-element)));border-end-start-radius:var(--input-radius,var(--vds-radius-input,var(--vds-radius-element)))}.vds-input-addon[data-side=end]{border-inline-start:none;border-start-end-radius:var(--input-radius,var(--vds-radius-input,var(--vds-radius-element)));border-end-end-radius:var(--input-radius,var(--vds-radius-input,var(--vds-radius-element)))}.vds-input-field-control{--input-radius:var(--vds-radius-input,var(--vds-radius-element));--input-action-inset:var(--vds-space-1);min-inline-size:0;position:relative}.vds-input-field-control[data-pw-anim=reveal]>.vds-input{animation:vds-pw-reveal .18s var(--vds-ease-out) both}.vds-input-field-control[data-pw-anim=hide]>.vds-input{animation:vds-pw-hide .16s var(--vds-ease-in) both}.vds-input[type=password]:not(:placeholder-shown){letter-spacing:.15em}.vds-input-field-control[data-has-action]>.vds-input{padding-inline-end:calc(var(--input-action-inset) + var(--input-action-size) + var(--input-icon-gap))}.vds-input-field-action{inline-size:var(--input-action-size);block-size:calc(100% - 2 * var(--input-action-inset));border-radius:max(0px, calc(var(--input-radius) - var(--input-action-inset)));color:var(--vds-color-text-muted);cursor:pointer;transition:background-color var(--vds-duration-fast) var(--vds-ease-out), color var(--vds-duration-fast) var(--vds-ease-out), box-shadow .18s ease-out;background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:inline-flex;position:absolute;inset-block-start:50%;inset-inline-end:var(--input-action-inset);transform:translateY(-50%)}@media (prefers-reduced-motion:reduce){.vds-input-field-action{transition-duration:0s}}.vds-input-field-action>svg{inline-size:var(--input-icon-size);block-size:var(--input-icon-size);flex:none;max-block-size:100%}.vds-input-field-action:hover{background-color:var(--vds-color-surface-hover);color:var(--vds-color-text)}.vds-input-field-action:disabled{cursor:not-allowed;opacity:var(--vds-opacity-disabled,.5)}.vds-input-field-action:disabled:hover{color:var(--vds-color-text-muted);background:0 0}.vds-input-field-action:focus-visible{box-shadow:0 0 0 4px var(--vds-color-primary-a4), 0 0 12px 2px var(--vds-color-primary-a2);outline:none}@media (forced-colors:active){.vds-input-field-action:focus-visible{outline-offset:2px;box-shadow:none;outline:2px solid highlight}}.vds-input-field-strength{align-items:center;gap:var(--vds-space-2);min-inline-size:0;display:flex}.vds-input-field-strength-bar{border-radius:var(--vds-radius-full,9999px);background:var(--vds-color-surface-raised);flex:auto;block-size:.25rem;min-inline-size:0;display:block;overflow:hidden}.vds-input-field-strength-fill{block-size:100%;inline-size:calc(var(--vds-input-strength-score,0) * 25%);border-radius:inherit;background:var(--vds-color-danger-8);transition:inline-size var(--vds-duration-fast) var(--vds-ease-out), background-color var(--vds-duration-fast) var(--vds-ease-out);display:block}.vds-input-field-strength[data-score="2"] .vds-input-field-strength-fill{background:var(--vds-color-warning-8,#f59e0b)}.vds-input-field-strength[data-score="3"] .vds-input-field-strength-fill{background:var(--vds-color-primary-8,#2563eb)}.vds-input-field-strength[data-score="4"] .vds-input-field-strength-fill{background:var(--vds-color-success-8,#16a34a)}.vds-input-field-strength-label{font-size:var(--vds-text-xs);color:var(--vds-color-text-muted);white-space:nowrap;flex:none}.vds-password-input-root{gap:var(--vds-space-2);inline-size:100%;min-inline-size:0;display:grid}.vds-password-input-control{inline-size:100%}.vds-password-strength{--_password-strength-color:var(--vds-color-border-strong,var(--vds-color-border));--_password-strength-text:var(--vds-color-text-muted);gap:var(--vds-space-3);min-inline-size:0;display:grid}.vds-password-strength[data-has-requirements]{padding:var(--vds-space-3);border-radius:var(--vds-radius-card,var(--vds-radius-element));background:var(--vds-color-surface-raised)}.vds-password-strength[data-color=danger]{--_password-strength-text:var(--vds-color-danger-text);--_password-strength-color:var(--vds-color-danger-solid,var(--vds-color-danger-8,#dc2626))}.vds-password-strength[data-color=warning]{--_password-strength-text:var(--vds-color-warning-text);--_password-strength-color:var(--vds-color-warning-solid,var(--vds-color-warning-8,#f59e0b))}.vds-password-strength[data-color=primary]{--_password-strength-text:var(--vds-color-primary-text);--_password-strength-color:var(--vds-color-primary-solid,var(--vds-color-primary-8,#2563eb))}.vds-password-strength[data-color=success]{--_password-strength-text:var(--vds-color-success-text);--_password-strength-color:var(--vds-color-success-solid,var(--vds-color-success-8,#16a34a))}.vds-password-strength-header{justify-content:space-between;align-items:center;gap:var(--vds-space-2);min-inline-size:0;font-size:var(--vds-text-xs);line-height:var(--vds-leading-normal,1.5);flex-wrap:wrap;display:flex}.vds-password-strength-title{min-inline-size:0;color:var(--vds-color-text-muted)}.vds-password-strength-value{min-inline-size:0;color:var(--_password-strength-text);font-weight:var(--vds-font-weight-semibold,600);overflow-wrap:anywhere}.vds-password-strength-meter{gap:var(--vds-space-1);min-inline-size:0;display:grid}.vds-password-strength-track{gap:var(--vds-space-1);grid-template-columns:repeat(5,minmax(0,1fr));block-size:.25rem;display:grid}.vds-password-strength-segment{border-radius:var(--vds-radius-full,9999px);background:var(--vds-color-border);min-inline-size:0;transition:background-color var(--vds-duration-fast) var(--vds-ease-out);display:block}.vds-password-strength-segment[data-active]{background:var(--_password-strength-color)}.vds-password-requirements-label{color:var(--vds-color-text);font-size:var(--vds-text-xs);font-weight:var(--vds-font-weight-semibold,600);line-height:var(--vds-leading-tight,1.25)}.vds-password-requirements{gap:var(--vds-space-1-5);margin:0;padding:0;list-style:none;display:grid}.vds-password-requirement{align-items:center;column-gap:var(--vds-space-2);min-block-size:1rem;min-inline-size:0;color:var(--vds-color-text);font-size:var(--vds-text-xs);line-height:var(--vds-leading-snug,1.375);transition:color var(--vds-duration-fast) var(--vds-ease-out);grid-template-columns:.875rem minmax(0,1fr);display:grid}.vds-password-requirement-icon{box-sizing:border-box;border:1px solid var(--vds-color-border-strong,var(--vds-color-border));border-radius:var(--vds-radius-checkbox,var(--vds-radius-2,.25rem));color:#0000;block-size:.875rem;inline-size:.875rem;transition:background-color var(--vds-duration-fast) var(--vds-ease-out), border-color var(--vds-duration-fast) var(--vds-ease-out), color var(--vds-duration-fast) var(--vds-ease-out), opacity var(--vds-duration-fast) var(--vds-ease-out);background:0 0;justify-content:center;align-items:center;display:inline-flex}.vds-password-requirement[data-met] .vds-password-requirement-icon{border-color:var(--vds-color-success-solid,var(--vds-color-success-8,#16a34a));background:var(--vds-color-success-solid,var(--vds-color-success-8,#16a34a));color:var(--vds-color-on-success,#fff)}.vds-password-strength-feedback{color:var(--vds-color-text-muted);font-size:var(--vds-text-xs);line-height:var(--vds-leading-normal,1.5);overflow-wrap:anywhere;margin:0}.vds-input:hover:not(:disabled):not([data-disabled]):not([aria-invalid=true]):not([data-invalid]):not(:focus-within){border-color:var(--vds-field-border-hover,var(--vds-color-neutral-10))}}@keyframes vds-typing-pulse{0%{box-shadow:0 0 0 4px var(--vds-color-primary-a4), 0 0 12px 2px var(--vds-color-primary-a2)}35%{box-shadow:0 0 0 4px var(--vds-color-primary-a4), 0 0 12px 2px var(--vds-color-primary-a2), 0 0 0 6px var(--vds-color-primary-a3)}to{box-shadow:0 0 0 4px var(--vds-color-primary-a4), 0 0 12px 2px var(--vds-color-primary-a2)}}@keyframes vds-pw-reveal{0%{box-shadow:0 0 0 4px var(--vds-color-primary-a4), 0 0 12px 2px var(--vds-color-primary-a2)}55%{box-shadow:0 0 0 4px var(--vds-color-primary-a4), 0 0 12px 2px var(--vds-color-primary-a2), 0 0 0 6px var(--vds-color-primary-a3)}to{box-shadow:0 0 0 4px var(--vds-color-primary-a4), 0 0 12px 2px var(--vds-color-primary-a2)}}@keyframes vds-pw-hide{0%{box-shadow:0 0 0 4px var(--vds-color-primary-a4), 0 0 12px 2px var(--vds-color-primary-a2)}45%{box-shadow:0 0 0 4px var(--vds-color-primary-a4), 0 0 12px 2px var(--vds-color-primary-a2), 0 0 0 6px var(--vds-color-primary-a3)}to{box-shadow:0 0 0 4px var(--vds-color-primary-a4), 0 0 12px 2px var(--vds-color-primary-a2)}}@media (prefers-reduced-motion:reduce){@keyframes vds-typing-pulse{0%,to{box-shadow:0 0 0 4px var(--vds-color-primary-a4), 0 0 12px 2px var(--vds-color-primary-a2)}}@keyframes vds-pw-reveal{0%,to{box-shadow:0 0 0 4px var(--vds-color-primary-a4), 0 0 12px 2px var(--vds-color-primary-a2)}}@keyframes vds-pw-hide{0%,to{box-shadow:0 0 0 4px var(--vds-color-primary-a4), 0 0 12px 2px var(--vds-color-primary-a2)}}}[data-vds-no-micro] .vds-input--pulse{animation:none}
