:root{--input-zi-root:0;--input-zi-container:var(--input-zi-root);--input-zi-input:calc(var(--input-zi-root) + 1);--input-zi-slot:calc(var(--input-zi-input) + 1)}.vp-input{--input-text-case:var(--vp-semantic-typography-screen-s-body-m-text-case);--input-text-decoration:var(--vp-semantic-typography-screen-s-body-m-text-decoration);--input-letter-spacing:var(--vp-semantic-typography-screen-s-body-m-letter-spacing);--input-font-size:var(--vp-semantic-typography-screen-s-body-m-font-size);--input-line-height:var(--vp-semantic-typography-screen-s-body-m-line-height);--input-font-weight:var(--vp-semantic-typography-screen-s-body-m-font-weight);--input-font-family:var(--vp-semantic-typography-screen-s-body-m-font-family);--input-webkit-font-smoothing:var(--vp-semantic-typography-screen-s-body-m-webkit-font-smoothing);--input-placeholder-text-case:var(--vp-semantic-typography-screen-s-body-m-text-case);--input-placeholder-text-decoration:var(--vp-semantic-typography-screen-s-body-m-text-decoration);--input-placeholder-letter-spacing:var(--vp-semantic-typography-screen-s-body-m-letter-spacing);--input-placeholder-font-size:var(--vp-semantic-typography-screen-s-body-m-font-size);--input-placeholder-line-height:var(--vp-semantic-typography-screen-s-body-m-line-height);--input-placeholder-font-weight:var(--vp-semantic-typography-screen-s-body-m-font-weight);--input-placeholder-font-family:var(--vp-semantic-typography-screen-s-body-m-font-family);--input-placeholder-webkit-font-smoothing:var(--vp-semantic-typography-screen-s-body-m-webkit-font-smoothing);--input-color:var(--vp-semantic-color-content-neutral);--input-placeholder-color:var(--vp-semantic-color-content-quiet);--input-background-color:var(--vp-semantic-color-container-neutral);--input-border-radius:var(--vp-semantic-border-radius-main) var(--vp-semantic-border-radius-main) var(--vp-semantic-border-radius-main) var(--vp-semantic-border-radius-main);--input-border-width:var(--vp-semantic-border-width-s);--input-border-width-hover:var(--vp-semantic-border-width-m);--input-border-width-active:var(--vp-semantic-border-width-m);--input-border-color:var(--vp-semantic-color-border-neutral);--input-border-color-active:var(--vp-semantic-color-border-brand);--input-border-color-success:var(--vp-semantic-color-status-positive);--input-border-color-error:var(--vp-semantic-color-status-negative);--input-focus-box-shadow:var(--vp-semantic-box-shadow-focus-textfield);--input-spacing-gap:var(--vp-semantic-spacing-xs);--input-padding:var(--vp-semantic-spacing-s) var(--vp-semantic-spacing-s) var(--vp-semantic-spacing-s) var(--vp-semantic-spacing-s)}.vp-input--small{--input-spacing-gap:var(--vp-semantic-spacing-xs);--input-padding:var(--vp-semantic-spacing-2xs) var(--vp-semantic-spacing-xs) var(--vp-semantic-spacing-2xs) var(--vp-semantic-spacing-xs)}.vp-input--large{--input-spacing-gap:var(--vp-semantic-spacing-xs);--input-padding:var(--vp-semantic-spacing-l) var(--vp-semantic-spacing-m) var(--vp-semantic-spacing-l) var(--vp-semantic-spacing-m)}.vp-input-container{--input-disabled-opacity:var(--vp-semantic-opacity-s);--input-checkmark-color:var(--vp-semantic-color-status-positive);--input-icons-color:var(--vp-semantic-color-content-neutral);--input-start-icon-width:var(--vp-semantic-sizing-xl);--input-start-icon-height:var(--vp-semantic-sizing-xl);--input-end-icon-width:var(--vp-semantic-sizing-xl);--input-end-icon-height:var(--vp-semantic-sizing-xl);--input-slot-padding:var(--vp-semantic-spacing-s) var(--vp-semantic-spacing-s) var(--vp-semantic-spacing-s) var(--vp-semantic-spacing-s);--input-start-slot-width:calc(var(--vp-semantic-sizing-xl) + var(--vp-semantic-spacing-s) + var(--vp-semantic-spacing-xs));--input-end-slot-width:calc(var(--vp-semantic-sizing-xl) + var(--vp-semantic-spacing-xs) + var(--vp-semantic-spacing-s));--input-multiple-end-slots-gap:var(--vp-semantic-spacing-s);--input-multiple-end-slots-width:calc(var(--vp-semantic-sizing-xl)*2 + var(--input-spacing-gap) + var(--vp-semantic-spacing-s) + var(--input-multiple-end-slots-gap))}.vp-input{align-items:center;box-sizing:border-box;display:flex;font-family:var(--input-font-family);font-size:var(--input-font-size);font-weight:var(--input-font-weight);gap:var(--input-spacing-gap);letter-spacing:var(--input-letter-spacing);line-height:var(--input-line-height);padding:var(--input-padding);position:relative;-webkit-text-decoration:var(--input-text-decoration);text-decoration:var(--input-text-decoration);text-transform:var(--input-text-case);vertical-align:middle;width:100%;-webkit-font-smoothing:var(--input-webkit-font-smoothing);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--input-background-color);border-radius:var(--input-border-radius);color:var(--input-color);--input-border-box-shadow:inset 0 0 0 var(--input-border-width) var(--input-border-color);border:0;box-shadow:var(--input-border-box-shadow);transition:box-shadow var(--vp-semantic-motion-duration-quick) var(--vp-semantic-motion-easing-functional-ease-in-out);z-index:calc(0 + 1);z-index:var(--input-zi-input)}@media (prefers-reduced-motion:reduce){.vp-input{transition-duration:0s}}.vp-input::-moz-placeholder{font-family:var(--input-placeholder-font-family);font-size:var(--input-placeholder-font-size);font-weight:var(--input-placeholder-font-weight);letter-spacing:var(--input-placeholder-letter-spacing);line-height:var(--input-placeholder-line-height);text-decoration:var(--input-placeholder-text-decoration);text-transform:var(--input-placeholder-text-case);-webkit-font-smoothing:var(--input-placeholder-webkit-font-smoothing);color:var(--input-placeholder-color)}.vp-input::placeholder{font-family:var(--input-placeholder-font-family);font-size:var(--input-placeholder-font-size);font-weight:var(--input-placeholder-font-weight);letter-spacing:var(--input-placeholder-letter-spacing);line-height:var(--input-placeholder-line-height);-webkit-text-decoration:var(--input-placeholder-text-decoration);text-decoration:var(--input-placeholder-text-decoration);text-transform:var(--input-placeholder-text-case);-webkit-font-smoothing:var(--input-placeholder-webkit-font-smoothing);color:var(--input-placeholder-color)}.vp-input-container[data-disabled]{cursor:default;opacity:var(--input-disabled-opacity)}.vp-input[data-hover]{--input-border-width:var(--input-border-width-hover)}.vp-input[data-active]{outline:0;--input-border-width:var(--input-border-width-active);--input-border-color:var(--input-border-color-active)}.vp-input[data-focus]{box-shadow:var(--input-focus-box-shadow);outline:0}.vp-input[data-success]{--input-border-color:var(--input-border-color-success)}.vp-input[data-invalid]{--input-border-color:var(--input-border-color-error)}.vp-input[data-start-slot]{padding-left:var(--input-start-slot-width)}.vp-input[data-end-slot]{padding-right:var(--input-end-slot-width)}.vp-input[data-end-slot][data-success]{padding-right:var(--input-multiple-end-slots-width)}.vp-input[data-success]{padding-right:var(--input-end-slot-width)}.vp-input-container{position:relative;z-index:0;z-index:var(--input-zi-container)}.vp-input-container svg{color:var(--input-icons-color);flex:0 0 auto}.vp-input-container [data-part=start-slot]{align-items:center;box-sizing:border-box;display:flex;top:0;bottom:0;left:0;justify-content:flex-start;padding:var(--input-slot-padding);padding-right:0;position:absolute;width:var(--input-start-slot-width);z-index:calc((0 + 1) + 1);z-index:calc(calc(0 + 1) + 1);z-index:var(--input-zi-slot)}.vp-input-container [data-part=start-slot] svg{height:var(--input-start-icon-height);width:var(--input-start-icon-width)}.vp-input-container [data-part=end-slot]{align-items:center;box-sizing:border-box;display:flex;gap:var(--input-multiple-end-slots-gap);top:0;bottom:0;right:0;justify-content:center;padding:var(--input-slot-padding);position:absolute;width:var(--input-end-slot-width);z-index:calc((0 + 1) + 1);z-index:calc(calc(0 + 1) + 1);z-index:var(--input-zi-slot)}.vp-input-container [data-part=end-slot] svg{height:var(--input-end-icon-height);width:var(--input-end-icon-width)}.vp-input-container [data-part=end-slot] svg[data-part=checkmark]{color:var(--input-checkmark-color)}.vp-input-container [data-part=end-slot][data-end-slot][data-success]{width:var(--input-multiple-end-slots-width)}.vp-form-error{--form-error-color:var(--vp-semantic-color-status-negative);--form-error-background-color:var(--vp-semantic-color-container-neutral);--form-error-text-case:var(--vp-semantic-typography-screen-s-body-s-text-case);--form-error-text-decoration:var(--vp-semantic-typography-screen-s-body-s-text-decoration);--form-error-letter-spacing:var(--vp-semantic-typography-screen-s-body-s-letter-spacing);--form-error-font-size:var(--vp-semantic-typography-screen-s-body-s-font-size);--form-error-line-height:var(--vp-semantic-typography-screen-s-body-s-line-height);--form-error-font-weight:var(--vp-semantic-typography-screen-s-body-s-font-weight);--form-error-font-family:var(--vp-semantic-typography-screen-s-body-s-font-family);--form-error-webkit-font-smoothing:var(--vp-semantic-typography-screen-s-body-s-webkit-font-smoothing);--form-error-border-radius:var(--vp-semantic-border-radius-main) var(--vp-semantic-border-radius-main) var(--vp-semantic-border-radius-main) var(--vp-semantic-border-radius-main);--form-error-disabled-opacity:var(--vp-semantic-opacity-s);--form-error-margin-block-start:var(--vp-semantic-spacing-xs);--form-error-spacing-gap:var(--vp-semantic-spacing-2xs);--form-error-padding:var(--vp-semantic-spacing-4xs) var(--vp-semantic-spacing-4xs) var(--vp-semantic-spacing-4xs) var(--vp-semantic-spacing-4xs);--form-error-icon-color:var(--vp-semantic-color-status-negative);--form-error-icon-width:var(--vp-semantic-sizing-m);--form-error-icon-height:var(--vp-semantic-sizing-m);--form-error-icon-margin-block-start:var(--vp-semantic-spacing-3xs);background-color:var(--form-error-background-color);border-radius:var(--form-error-border-radius);box-sizing:border-box;color:var(--form-error-color);display:flex;font-family:var(--form-error-font-family);font-size:var(--form-error-font-size);font-weight:var(--form-error-font-weight);gap:var(--form-error-spacing-gap);letter-spacing:var(--form-error-letter-spacing);line-height:var(--form-error-line-height);margin-top:var(--form-error-margin-block-start);padding:var(--form-error-padding);-webkit-text-decoration:var(--form-error-text-decoration);text-decoration:var(--form-error-text-decoration);text-transform:var(--form-error-text-case);-webkit-font-smoothing:var(--form-error-webkit-font-smoothing)}.vp-form-error[data-disabled]{opacity:var(--form-error-disabled-opacity)}.vp-form-error [data-part=form-error-start-slot]{align-items:flex-start;display:flex;justify-content:center}.vp-form-error [data-part=form-error-start-slot] svg{color:var(--form-error-icon-color);flex:0 0 auto;height:var(--form-error-icon-height);margin-top:var(--form-error-icon-margin-block-start);width:var(--form-error-icon-width)}