:root,.vp--dark-mode,.vp--wonder-theme,.vp--legacy-theme{--vp-component-text-input-typography-label-webkit-font-smoothing: var(--vp-semantic-typography-screen-s-body-m-webkit-font-smoothing);--vp-component-text-input-typography-label-text-case: var(--vp-semantic-typography-screen-s-body-m-text-case);--vp-component-text-input-typography-label-text-decoration: var(--vp-semantic-typography-screen-s-body-m-text-decoration);--vp-component-text-input-typography-label-letter-spacing: var(--vp-semantic-typography-screen-s-body-m-letter-spacing);--vp-component-text-input-typography-label-font-size: var(--vp-semantic-typography-screen-s-body-m-font-size);--vp-component-text-input-typography-label-line-height: var(--vp-semantic-typography-screen-s-body-m-line-height);--vp-component-text-input-typography-label-font-weight: var(--vp-semantic-typography-screen-s-body-m-font-weight);--vp-component-text-input-typography-label-font-family: var(--vp-semantic-typography-screen-s-body-m-font-family);--vp-component-text-input-typography-placeholder-webkit-font-smoothing: var(--vp-semantic-typography-screen-s-body-m-webkit-font-smoothing);--vp-component-text-input-typography-placeholder-text-case: var(--vp-semantic-typography-screen-s-body-m-text-case);--vp-component-text-input-typography-placeholder-text-decoration: var(--vp-semantic-typography-screen-s-body-m-text-decoration);--vp-component-text-input-typography-placeholder-letter-spacing: var(--vp-semantic-typography-screen-s-body-m-letter-spacing);--vp-component-text-input-typography-placeholder-font-size: var(--vp-semantic-typography-screen-s-body-m-font-size);--vp-component-text-input-typography-placeholder-line-height: var(--vp-semantic-typography-screen-s-body-m-line-height);--vp-component-text-input-typography-placeholder-font-weight: var(--vp-semantic-typography-screen-s-body-m-font-weight);--vp-component-text-input-typography-placeholder-font-family: var(--vp-semantic-typography-screen-s-body-m-font-family);--vp-component-text-input-box-shadow-focus: var(--vp-semantic-box-shadow-focus-textfield);--vp-component-text-input-color-regular-border-success: var(--vp-semantic-color-status-positive);--vp-component-text-input-color-regular-border-error: var(--vp-semantic-color-status-negative);--vp-component-text-input-color-regular-border-active: var(--vp-semantic-color-border-brand);--vp-component-text-input-color-regular-border-default: var(--vp-semantic-color-border-neutral);--vp-component-text-input-color-regular-content-checkmark: var(--vp-semantic-color-status-positive);--vp-component-text-input-color-regular-content-icons: var(--vp-semantic-color-content-neutral);--vp-component-text-input-color-regular-content-placeholder: var(--vp-semantic-color-content-quiet);--vp-component-text-input-color-regular-content-default: var(--vp-semantic-color-content-neutral);--vp-component-text-input-color-regular-container: var(--vp-semantic-color-container-neutral);--vp-component-text-input-spacing-medium-padding-inline-start: var(--vp-semantic-spacing-s);--vp-component-text-input-spacing-medium-padding-block-end: var(--vp-semantic-spacing-s);--vp-component-text-input-spacing-medium-padding-inline-end: var(--vp-semantic-spacing-s);--vp-component-text-input-spacing-medium-padding-block-start: var(--vp-semantic-spacing-s);--vp-component-text-input-spacing-medium-gap: var(--vp-semantic-spacing-xs);--vp-component-text-input-spacing-large-padding-inline-start: var(--vp-semantic-spacing-m);--vp-component-text-input-spacing-large-padding-block-end: var(--vp-semantic-spacing-l);--vp-component-text-input-spacing-large-padding-inline-end: var(--vp-semantic-spacing-m);--vp-component-text-input-spacing-large-padding-block-start: var(--vp-semantic-spacing-l);--vp-component-text-input-spacing-large-gap: var(--vp-semantic-spacing-xs);--vp-component-text-input-spacing-small-padding-inline-start: var(--vp-semantic-spacing-xs);--vp-component-text-input-spacing-small-padding-block-end: var(--vp-semantic-spacing-2xs);--vp-component-text-input-spacing-small-padding-inline-end: var(--vp-semantic-spacing-xs);--vp-component-text-input-spacing-small-padding-block-start: var(--vp-semantic-spacing-2xs);--vp-component-text-input-spacing-small-gap: var(--vp-semantic-spacing-xs);--vp-component-text-input-opacity-disabled: var(--vp-semantic-opacity-s);--vp-component-text-input-border-width-active: var(--vp-semantic-border-width-m);--vp-component-text-input-border-width-hover: var(--vp-semantic-border-width-m);--vp-component-text-input-border-width-default: var(--vp-semantic-border-width-s);--vp-component-text-input-border-radius-bottom-left: var(--vp-semantic-border-radius-main);--vp-component-text-input-border-radius-bottom-right: var(--vp-semantic-border-radius-main);--vp-component-text-input-border-radius-top-right: var(--vp-semantic-border-radius-main);--vp-component-text-input-border-radius-top-left: var(--vp-semantic-border-radius-main);--vp-component-text-input-sizing-min-height: var(--vp-semantic-sizing-accessibility-touch-size);--vp-component-text-input-sizing-checkmark-width: var(--vp-semantic-sizing-xl);--vp-component-text-input-sizing-checkmark-height: var(--vp-semantic-sizing-xl);--vp-component-text-input-sizing-end-icon-width: var(--vp-semantic-sizing-xl);--vp-component-text-input-sizing-end-icon-height: var(--vp-semantic-sizing-xl);--vp-component-text-input-sizing-start-icon-width: var(--vp-semantic-sizing-xl);--vp-component-text-input-sizing-start-icon-height: var(--vp-semantic-sizing-xl);--vp-component-text-input-color-regular-skeleton: var(--vp-semantic-color-alpha-quiet-l)}: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-component-text-input-typography-label-text-case);--input-text-decoration:var(--vp-component-text-input-typography-label-text-decoration);--input-letter-spacing:var(--vp-component-text-input-typography-label-letter-spacing);--input-font-size:var(--vp-component-text-input-typography-label-font-size);--input-line-height:var(--vp-component-text-input-typography-label-line-height);--input-font-weight:var(--vp-component-text-input-typography-label-font-weight);--input-font-family:var(--vp-component-text-input-typography-label-font-family);--input-webkit-font-smoothing:var(--vp-component-text-input-typography-label-webkit-font-smoothing);--input-placeholder-text-case:var(--vp-component-text-input-typography-placeholder-text-case);--input-placeholder-text-decoration:var(--vp-component-text-input-typography-placeholder-text-decoration);--input-placeholder-letter-spacing:var(--vp-component-text-input-typography-placeholder-letter-spacing);--input-placeholder-font-size:var(--vp-component-text-input-typography-placeholder-font-size);--input-placeholder-line-height:var(--vp-component-text-input-typography-placeholder-line-height);--input-placeholder-font-weight:var(--vp-component-text-input-typography-placeholder-font-weight);--input-placeholder-font-family:var(--vp-component-text-input-typography-placeholder-font-family);--input-placeholder-webkit-font-smoothing:var(--vp-component-text-input-typography-placeholder-webkit-font-smoothing);--input-color:var(--vp-component-text-input-color-regular-content-default);--input-placeholder-color:var(--vp-component-text-input-color-regular-content-placeholder);--input-background-color:var(--vp-component-text-input-color-regular-container);--input-border-radius:var(--vp-component-text-input-border-radius-bottom-left) var(--vp-component-text-input-border-radius-bottom-right) var(--vp-component-text-input-border-radius-top-right) var(--vp-component-text-input-border-radius-top-left);--input-border-width:var(--vp-component-text-input-border-width-default);--input-border-width-hover:var(--vp-component-text-input-border-width-hover);--input-border-width-active:var(--vp-component-text-input-border-width-active);--input-border-color:var(--vp-component-text-input-color-regular-border-default);--input-border-color-active:var(--vp-component-text-input-color-regular-border-active);--input-border-color-success:var(--vp-component-text-input-color-regular-border-success);--input-border-color-error:var(--vp-component-text-input-color-regular-border-error);--input-focus-box-shadow:var(--vp-component-text-input-box-shadow-focus);--input-spacing-gap:var(--vp-component-text-input-spacing-medium-gap);--input-padding:var(--vp-component-text-input-spacing-medium-padding-block-start) var(--vp-component-text-input-spacing-medium-padding-inline-end) var(--vp-component-text-input-spacing-medium-padding-block-end) var(--vp-component-text-input-spacing-medium-padding-inline-start)}.vp-input--small{--input-spacing-gap:var(--vp-component-text-input-spacing-small-gap);--input-padding:var(--vp-component-text-input-spacing-small-padding-block-start) var(--vp-component-text-input-spacing-small-padding-inline-end) var(--vp-component-text-input-spacing-small-padding-block-end) var(--vp-component-text-input-spacing-small-padding-inline-start)}.vp-input--large{--input-spacing-gap:var(--vp-component-text-input-spacing-large-gap);--input-padding:var(--vp-component-text-input-spacing-large-padding-block-start) var(--vp-component-text-input-spacing-large-padding-inline-end) var(--vp-component-text-input-spacing-large-padding-block-end) var(--vp-component-text-input-spacing-large-padding-inline-start)}.vp-input-container{--input-disabled-opacity:var(--vp-component-text-input-opacity-disabled);--input-checkmark-color:var(--vp-component-text-input-color-regular-content-checkmark);--input-icons-color:var(--vp-component-text-input-color-regular-content-icons);--input-start-icon-width:var(--vp-component-text-input-sizing-start-icon-width);--input-start-icon-height:var(--vp-component-text-input-sizing-start-icon-height);--input-end-icon-width:var(--vp-component-text-input-sizing-end-icon-width);--input-end-icon-height:var(--vp-component-text-input-sizing-end-icon-height);--input-slot-padding:var(--vp-component-text-input-spacing-medium-padding-block-start) var(--vp-component-text-input-spacing-medium-padding-inline-end) var(--vp-component-text-input-spacing-medium-padding-block-end) var(--vp-component-text-input-spacing-medium-padding-inline-start);--input-start-slot-width:calc(var(--vp-component-text-input-sizing-start-icon-width) + var(--vp-component-text-input-spacing-medium-padding-inline-start) + var(--vp-component-text-input-spacing-medium-gap));--input-end-slot-width:calc(var(--vp-component-text-input-sizing-end-icon-width) + var(--vp-component-text-input-spacing-medium-gap) + var(--vp-component-text-input-spacing-medium-padding-inline-end));--input-multiple-end-slots-gap:var(--vp-component-text-input-spacing-medium-padding-inline-end);--input-multiple-end-slots-width:calc(var(--vp-component-text-input-sizing-end-icon-width)*2 + var(--input-spacing-gap) + var(--vp-component-text-input-spacing-medium-padding-inline-end) + 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: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-inline-start:var(--input-start-slot-width)}.vp-input[data-end-slot]{padding-inline-end:var(--input-end-slot-width)}.vp-input[data-end-slot][data-success]{padding-inline-end:var(--input-multiple-end-slots-width)}.vp-input[data-success]{padding-inline-end:var(--input-end-slot-width)}.vp-input-container{position:relative;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;bottom:0;box-sizing:border-box;display:flex;justify-content:left;left:0;padding:var(--input-slot-padding);padding-inline-end:0;position:absolute;top:0;width:var(--input-start-slot-width);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;bottom:0;box-sizing:border-box;display:flex;gap:var(--input-multiple-end-slots-gap);justify-content:center;padding:var(--input-slot-padding);position:absolute;right:0;top:0;width:var(--input-end-slot-width);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)}