@layer vitamin-play{: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: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;box-sizing:border-box;display:flex;inset-block:0;inset-inline-start:0;justify-content:flex-start;padding:var(--input-slot-padding);padding-inline-end:0;position:absolute;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;box-sizing:border-box;display:flex;gap:var(--input-multiple-end-slots-gap);inset-block:0;inset-inline-end:0;justify-content:center;padding:var(--input-slot-padding);position:absolute;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)}}
/*# sourceMappingURL=ea475477228e8b4a.css.map*/