@layer vitamin-play{.vp-icon-button{--icon-button-width:var(--vp-semantic-sizing-4xl);--icon-button-height:var(--vp-semantic-sizing-4xl);--icon-button-icon-width:var(--vp-semantic-sizing-xl);--icon-button-icon-height:var(--vp-semantic-sizing-xl)}.vp-icon-button--small{--icon-button-width:var(--vp-semantic-sizing-2xl);--icon-button-height:var(--vp-semantic-sizing-2xl);--icon-button-icon-width:var(--vp-semantic-sizing-l);--icon-button-icon-height:var(--vp-semantic-sizing-l)}.vp-icon-button--large{--icon-button-width:var(--vp-semantic-sizing-6xl);--icon-button-height:var(--vp-semantic-sizing-6xl);--icon-button-icon-width:var(--vp-semantic-sizing-2xl);--icon-button-icon-height:var(--vp-semantic-sizing-2xl)}.vp-icon-button{--icon-button-disabled-opacity:var(--vp-semantic-opacity-s);--icon-button-border-width:var(--vp-semantic-border-width-s);--icon-button-border-radius:var(--vp-semantic-border-radius-full) var(--vp-semantic-border-radius-full) var(--vp-semantic-border-radius-full) var(--vp-semantic-border-radius-full);--icon-button-border-color:transparent;--icon-button-color:var(--vp-semantic-color-content-on-brand-neutral);--icon-button-background-color:var(--vp-semantic-color-container-brand);--icon-button-background-color-hover:var(--vp-semantic-color-hover-container-brand);--icon-button-background-color-active:var(--vp-semantic-color-active-container-brand)}.vp-icon-button--inverse{--icon-button-border-color:transparent;--icon-button-color:var(--vp-semantic-color-content-brand);--icon-button-background-color:var(--vp-semantic-color-container-neutral);--icon-button-background-color-hover:var(--vp-semantic-color-hover-container-neutral);--icon-button-background-color-active:var(--vp-semantic-color-active-container-neutral)}.vp-icon-button--secondary{--icon-button-border-color:var(--vp-semantic-color-border-neutral);--icon-button-color:var(--vp-semantic-color-content-neutral);--icon-button-background-color:var(--vp-semantic-color-container-neutral);--icon-button-background-color-hover:var(--vp-semantic-color-hover-container-neutral);--icon-button-background-color-active:var(--vp-semantic-color-active-container-neutral)}.vp-icon-button--secondary.vp-icon-button--inverse{--icon-button-border-color:var(--vp-semantic-color-border-on-brand);--icon-button-color:var(--vp-semantic-color-content-on-brand-neutral);--icon-button-background-color:var(--vp-semantic-color-container-on-brand);--icon-button-background-color-hover:color-mix(in srgb,var(--vp-semantic-color-container-on-brand) 80%,var(--vp-semantic-color-container-neutral));--icon-button-background-color-active:color-mix(in srgb,var(--vp-semantic-color-container-on-brand) 60%,var(--vp-semantic-color-container-neutral))}.vp-icon-button--tertiary{--icon-button-border-color:transparent;--icon-button-color:var(--vp-semantic-color-content-neutral);--icon-button-background-color:var(--vp-semantic-color-container-neutral);--icon-button-background-color-hover:var(--vp-semantic-color-hover-container-neutral);--icon-button-background-color-active:var(--vp-semantic-color-active-container-neutral)}.vp-icon-button--tertiary.vp-icon-button--inverse{--icon-button-border-color:transparent;--icon-button-color:var(--vp-semantic-color-content-inverse);--icon-button-background-color:var(--vp-semantic-color-container-catchy);--icon-button-background-color-hover:color-mix(in srgb,var(--vp-semantic-color-container-catchy) 90%,var(--vp-semantic-color-container-neutral));--icon-button-background-color-active:color-mix(in srgb,var(--vp-semantic-color-container-catchy) 80%,var(--vp-semantic-color-container-neutral))}.vp-icon-button--negative{--icon-button-border-color:transparent;--icon-button-color:var(--vp-semantic-color-content-inverse);--icon-button-background-color:var(--vp-semantic-color-status-negative);--icon-button-background-color-hover:var(--vp-semantic-color-hover-container-negative);--icon-button-background-color-active:var(--vp-semantic-color-active-container-negative)}.vp-icon-button--negative.vp-icon-button--inverse{--icon-button-border-color:transparent;--icon-button-color:var(--vp-semantic-color-status-negative);--icon-button-background-color:var(--vp-semantic-color-container-neutral);--icon-button-background-color-hover:var(--vp-semantic-color-hover-container-neutral);--icon-button-background-color-active:var(--vp-semantic-color-active-container-neutral)}.vp-icon-button--camouflage{--icon-button-border-color:transparent;--icon-button-color:var(--vp-semantic-color-content-on-media-neutral);--icon-button-background-color:var(--vp-semantic-color-container-overlay);--icon-button-background-color-hover:color-mix(in srgb,var(--vp-semantic-color-container-overlay) 80%,var(--vp-semantic-color-container-catchy));--icon-button-background-color-active:color-mix(in srgb,var(--vp-semantic-color-container-overlay) 60%,var(--vp-semantic-color-container-catchy))}.vp-icon-button--ghost{--icon-button-border-color:transparent;--icon-button-color:var(--vp-semantic-color-content-neutral);--icon-button-background-color:transparent;--icon-button-background-color-hover:var(--vp-semantic-color-hover-container-alpha-neutral);--icon-button-background-color-active:var(--vp-semantic-color-active-container-alpha-neutral)}.vp-icon-button--ghost.vp-icon-button--inverse{--icon-button-border-color:transparent;--icon-button-color:var(--vp-semantic-color-content-on-brand-neutral);--icon-button-background-color:var(--vp-semantic-color-container-on-brand);--icon-button-background-color-hover:color-mix(in srgb,var(--vp-semantic-color-container-on-brand) 80%,var(--vp-semantic-color-container-neutral));--icon-button-background-color-active:color-mix(in srgb,var(--vp-semantic-color-container-on-brand) 60%,var(--vp-semantic-color-container-neutral))}.vp-icon-button{align-items:center;background-color:var(--icon-button-background-color);border:var(--icon-button-border-width) solid var(--icon-button-border-color);border-radius:var(--icon-button-border-radius);box-sizing:border-box;color:var(--icon-button-color);display:inline-flex;flex-direction:row;flex-shrink:0;height:var(--icon-button-height);justify-content:center;padding:0;position:relative;transition:background-color var(--vp-semantic-motion-duration-quick) var(--vp-semantic-motion-easing-functional-ease-in-out);width:var(--icon-button-width)}@media (prefers-reduced-motion:reduce){.vp-icon-button{transition-duration:0s}}.vp-icon-button{appearance:none;cursor:pointer}.vp-icon-button svg{flex:0 0 auto;height:var(--icon-button-icon-height);width:var(--icon-button-icon-width)}.vp-icon-button:before{content:"";height:max(var(--vp-semantic-sizing-accessibility-touch-size),100%);left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:max(var(--vp-semantic-sizing-accessibility-touch-size),100%)}.vp-icon-button:active:not(:disabled),.vp-icon-button:active:not([data-disabled]),.vp-icon-button[aria-pressed=true]:not(:disabled),.vp-icon-button[aria-pressed=true]:not([data-disabled]){--icon-button-background-color:var(--icon-button-background-color-active)}.vp-icon-button:focus-visible{box-shadow:var(--vp-semantic-box-shadow-focus);outline:none}.vp-icon-button:disabled,.vp-icon-button[data-disabled]{cursor:default;opacity:var(--icon-button-disabled-opacity)}@media (hover:hover){.vp-icon-button:hover:not(:disabled),.vp-icon-button:hover:not([data-disabled]){--icon-button-background-color:var(--icon-button-background-color-hover)}}.vp-icon-button[data-loading]{color:transparent}.vp-icon-button[data-loading]>:not([data-part=loading-slot]){visibility:hidden}.vp-icon-button [data-part=loading-slot]{align-items:center;display:flex;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.vp-icon-button [data-part=alt]{height:1px;margin:-1px;padding:0;position:absolute;width:1px;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden;white-space:nowrap}.vp-skeleton.vp-icon-button-skeleton{--skeleton-height:var(--vp-semantic-sizing-4xl);--skeleton-width:var(--vp-semantic-sizing-4xl)}.vp-skeleton.vp-icon-button-skeleton--small{--skeleton-height:var(--vp-semantic-sizing-2xl);--skeleton-width:var(--vp-semantic-sizing-2xl)}.vp-skeleton.vp-icon-button-skeleton--large{--skeleton-height:var(--vp-semantic-sizing-6xl);--skeleton-width:var(--vp-semantic-sizing-6xl)}.vp-button{--button-text-case:var(--vp-semantic-typography-screen-s-button-label-m-text-case);--button-text-decoration:var(--vp-semantic-typography-screen-s-button-label-m-text-decoration);--button-letter-spacing:var(--vp-semantic-typography-screen-s-button-label-m-letter-spacing);--button-font-size:var(--vp-semantic-typography-screen-s-button-label-m-font-size);--button-line-height:var(--vp-semantic-typography-screen-s-button-label-m-line-height);--button-font-weight:var(--vp-semantic-typography-screen-s-button-label-m-font-weight);--button-font-family:var(--vp-semantic-typography-screen-s-button-label-m-font-family);--button-font-optical-sizing:var(--vp-semantic-typography-screen-s-button-label-m-optical-sizing);--button-webkit-font-smoothing:var(--vp-semantic-typography-screen-s-button-label-m-webkit-font-smoothing)}.vp-button--small{--button-text-case:var(--vp-semantic-typography-screen-s-button-label-s-text-case);--button-text-decoration:var(--vp-semantic-typography-screen-s-button-label-s-text-decoration);--button-letter-spacing:var(--vp-semantic-typography-screen-s-button-label-s-letter-spacing);--button-font-size:var(--vp-semantic-typography-screen-s-button-label-s-font-size);--button-line-height:var(--vp-semantic-typography-screen-s-button-label-s-line-height);--button-font-weight:var(--vp-semantic-typography-screen-s-button-label-s-font-weight);--button-font-family:var(--vp-semantic-typography-screen-s-button-label-s-font-family);--button-font-optical-sizing:var(--vp-semantic-typography-screen-s-button-label-s-optical-sizing);--button-webkit-font-smoothing:var(--vp-semantic-typography-screen-s-button-label-s-webkit-font-smoothing)}.vp-button--large{--button-text-case:var(--vp-semantic-typography-screen-s-button-label-l-text-case);--button-text-decoration:var(--vp-semantic-typography-screen-s-button-label-l-text-decoration);--button-letter-spacing:var(--vp-semantic-typography-screen-s-button-label-l-letter-spacing);--button-font-size:var(--vp-semantic-typography-screen-s-button-label-l-font-size);--button-line-height:var(--vp-semantic-typography-screen-s-button-label-l-line-height);--button-font-weight:var(--vp-semantic-typography-screen-s-button-label-l-font-weight);--button-font-family:var(--vp-semantic-typography-screen-s-button-label-l-font-family);--button-font-optical-sizing:var(--vp-semantic-typography-screen-s-button-label-l-optical-sizing);--button-webkit-font-smoothing:var(--vp-semantic-typography-screen-s-button-label-l-webkit-font-smoothing)}.vp-button{--button-border-color:transparent;--button-color:var(--vp-semantic-color-content-on-brand-neutral);--button-background-color:var(--vp-semantic-color-container-brand);--button-background-color-hover:var(--vp-semantic-color-hover-container-brand);--button-background-color-active:var(--vp-semantic-color-active-container-brand)}.vp-button--inverse{--button-border-color:transparent;--button-color:var(--vp-semantic-color-content-brand);--button-background-color:var(--vp-semantic-color-container-neutral);--button-background-color-hover:var(--vp-semantic-color-hover-container-neutral);--button-background-color-active:var(--vp-semantic-color-active-container-neutral)}.vp-button--secondary{--button-border-color:var(--vp-semantic-color-border-neutral);--button-color:var(--vp-semantic-color-content-neutral);--button-background-color:var(--vp-semantic-color-container-neutral);--button-background-color-hover:var(--vp-semantic-color-hover-container-neutral);--button-background-color-active:var(--vp-semantic-color-active-container-neutral)}.vp-button--secondary.vp-button--inverse{--button-border-color:var(--vp-semantic-color-border-on-brand);--button-color:var(--vp-semantic-color-content-on-brand-neutral);--button-background-color:var(--vp-semantic-color-container-on-brand);--button-background-color-hover:color-mix(in srgb,var(--vp-semantic-color-container-on-brand) 80%,var(--vp-semantic-color-container-neutral));--button-background-color-active:color-mix(in srgb,var(--vp-semantic-color-container-on-brand) 60%,var(--vp-semantic-color-container-neutral))}.vp-button--tertiary{--button-border-color:transparent;--button-color:var(--vp-semantic-color-content-brand);--button-background-color:transparent;--button-background-color-hover:var(--vp-semantic-color-hover-container-neutral);--button-background-color-active:var(--vp-semantic-color-active-container-neutral)}.vp-button--tertiary.vp-button--inverse{--button-border-color:transparent;--button-color:var(--vp-semantic-color-content-on-brand-neutral);--button-background-color:var(--vp-semantic-color-container-on-brand);--button-background-color-hover:color-mix(in srgb,var(--vp-semantic-color-container-on-brand) 80%,var(--vp-semantic-color-container-neutral));--button-background-color-active:color-mix(in srgb,var(--vp-semantic-color-container-on-brand) 60%,var(--vp-semantic-color-container-neutral))}.vp-button--negative{--button-border-color:transparent;--button-color:var(--vp-semantic-color-content-inverse);--button-background-color:var(--vp-semantic-color-status-negative);--button-background-color-hover:var(--vp-semantic-color-hover-container-negative);--button-background-color-active:var(--vp-semantic-color-active-container-negative)}.vp-button--negative.vp-button--inverse{--button-border-color:transparent;--button-color:var(--vp-semantic-color-status-negative);--button-background-color:var(--vp-semantic-color-container-neutral);--button-background-color-hover:var(--vp-semantic-color-hover-container-neutral);--button-background-color-active:var(--vp-semantic-color-active-container-neutral)}.vp-button{--button-disabled-opacity:var(--vp-semantic-opacity-s);--button-border-width:var(--vp-semantic-border-width-s);--button-border-radius:var(--vp-semantic-border-radius-full) var(--vp-semantic-border-radius-full) var(--vp-semantic-border-radius-full) var(--vp-semantic-border-radius-full)}.vp-button--squared{--button-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)}.vp-button{--button-spacing-gap:var(--vp-semantic-spacing-xs);--button-padding:var(--vp-semantic-spacing-s) var(--vp-semantic-spacing-l) var(--vp-semantic-spacing-s) var(--vp-semantic-spacing-l)}.vp-button--small{--button-spacing-gap:var(--vp-semantic-spacing-2xs);--button-padding:var(--vp-semantic-spacing-xs) var(--vp-semantic-spacing-m) var(--vp-semantic-spacing-xs) var(--vp-semantic-spacing-m)}.vp-button--large{--button-spacing-gap:var(--vp-semantic-spacing-xs);--button-padding:var(--vp-semantic-spacing-l) var(--vp-semantic-spacing-2xl) var(--vp-semantic-spacing-l) var(--vp-semantic-spacing-2xl)}.vp-button{--button-start-icon-width:var(--vp-semantic-sizing-l);--button-start-icon-height:var(--vp-semantic-sizing-l);--button-end-icon-width:var(--vp-semantic-sizing-l);--button-end-icon-height:var(--vp-semantic-sizing-l)}.vp-button--small{--button-start-icon-width:var(--vp-semantic-sizing-m);--button-start-icon-height:var(--vp-semantic-sizing-m);--button-end-icon-width:var(--vp-semantic-sizing-m);--button-end-icon-height:var(--vp-semantic-sizing-m)}.vp-button--large{--button-start-icon-width:var(--vp-semantic-sizing-xl);--button-start-icon-height:var(--vp-semantic-sizing-xl);--button-end-icon-width:var(--vp-semantic-sizing-xl);--button-end-icon-height:var(--vp-semantic-sizing-xl)}.vp-button{align-items:center;align-self:center;background-color:var(--button-background-color);border:var(--button-border-width) solid var(--button-border-color);border-radius:var(--button-border-radius);box-sizing:border-box;color:var(--button-color);display:inline-flex;flex-direction:row;font-family:var(--button-font-family);font-optical-sizing:var(--button-font-optical-sizing);font-weight:var(--button-font-weight);gap:var(--button-spacing-gap);justify-content:center;letter-spacing:var(--button-letter-spacing);line-height:var(--button-line-height);padding:var(--button-padding);position:relative;-webkit-text-decoration:var(--button-text-decoration);text-decoration:var(--button-text-decoration);text-transform:var(--button-text-case);transition:background-color var(--vp-semantic-motion-duration-quick) var(--vp-semantic-motion-easing-functional-ease-in-out);-webkit-font-smoothing:var(--button-webkit-font-smoothing);font-size:var(--button-font-size)}}@layer vitamin-play{@media (prefers-reduced-motion:reduce){.vp-button{transition-duration:0s}}.vp-button{appearance:none;cursor:pointer}.vp-button:before{content:"";height:var(--vp-semantic-sizing-accessibility-touch-size);left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%}.vp-button:active:not(:disabled),.vp-button:active:not([data-disabled]),.vp-button[aria-pressed=true]:not(:disabled),.vp-button[aria-pressed=true]:not([data-disabled]){--button-background-color:var(--button-background-color-active)}.vp-button:focus-visible:not(:disabled){box-shadow:var(--vp-semantic-box-shadow-focus);outline:none}.vp-button:disabled,.vp-button[data-disabled]{cursor:default;opacity:var(--button-disabled-opacity)}@media (hover:hover){.vp-button:hover:not(:disabled),.vp-button:hover:not([data-disabled]){--button-background-color:var(--button-background-color-hover)}}.vp-button[data-loading]{color:transparent}.vp-button[data-loading]>:not([data-part=loading-slot]){visibility:hidden}.vp-button [data-part=loading-slot]{color:var(--button-color);left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.vp-button [data-part=loading-slot],.vp-button [data-part=start-slot]{align-items:center;display:flex;justify-content:center}.vp-button [data-part=start-slot] svg{flex:0 0 auto;height:var(--button-start-icon-height);width:var(--button-start-icon-width)}.vp-button [data-part=end-slot]{align-items:center;display:flex;justify-content:center}.vp-button [data-part=end-slot] svg{flex:0 0 auto;height:var(--button-end-icon-height);width:var(--button-end-icon-width)}.vp-button [data-part=alt]{height:1px;margin:-1px;padding:0;position:absolute;width:1px;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden;white-space:nowrap}.vp-skeleton.vp-button-skeleton{--skeleton-border-offset:calc(var(--vp-semantic-border-width-s)*2);--skeleton-height:calc(var(--vp-semantic-typography-screen-s-button-label-m-font-size)*var(--vp-semantic-typography-screen-s-button-label-m-line-height) + var(--vp-semantic-spacing-s) + var(--vp-semantic-spacing-s) + var(--skeleton-border-offset))}.vp-skeleton.vp-button-skeleton--small{--skeleton-height:calc(var(--vp-semantic-typography-screen-s-button-label-s-font-size)*var(--vp-semantic-typography-screen-s-button-label-s-line-height) + var(--vp-semantic-spacing-xs) + var(--vp-semantic-spacing-xs) + var(--skeleton-border-offset))}.vp-skeleton.vp-button-skeleton--large{--skeleton-height:calc(var(--vp-semantic-typography-screen-s-button-label-l-font-size)*var(--vp-semantic-typography-screen-s-button-label-l-line-height) + var(--vp-semantic-spacing-l) + var(--vp-semantic-spacing-l) + var(--skeleton-border-offset))}.vp-loader{--loader-border-radius:var(--vp-semantic-border-radius-full);--loader-height:var(--vp-semantic-sizing-xl);--loader-width:var(--vp-semantic-sizing-xl)}.vp-loader--small{--loader-height:var(--vp-semantic-sizing-m);--loader-width:var(--vp-semantic-sizing-m)}.vp-loader--large{--loader-height:var(--vp-semantic-sizing-2xl);--loader-width:var(--vp-semantic-sizing-2xl)}.vp-loader--extra-large{--loader-height:var(--vp-semantic-sizing-4xl);--loader-width:var(--vp-semantic-sizing-4xl)}.vp-loader{--loader-conic-gradient-start:var(--vp-semantic-color-content-brand);--loader-conic-gradient-end:transparent}.vp-loader--inverse{--loader-conic-gradient-start:var(--vp-semantic-color-content-on-brand-neutral);--loader-conic-gradient-end:transparent}.vp-loader{--loader-timing-function:var(--vp-semantic-motion-easing-expressive-ease-in-out);--loader-duration:var(--vp-semantic-motion-duration-slow);display:inline-block;height:var(--loader-height);transform:skew(-20deg,-10deg) rotate(-40deg);width:var(--loader-width)}.vp-loader:before{animation:vp-loader infinite;animation-duration:var(--loader-duration);animation-timing-function:var(--loader-timing-function);border-radius:var(--loader-border-radius);content:"";display:block;height:100%;position:absolute;width:100%}}@layer vitamin-play{@media (prefers-reduced-motion:reduce){.vp-loader:before{animation:none}}.vp-loader:before{background:conic-gradient(var(--loader-conic-gradient-start),var(--loader-conic-gradient-end) 85%);mask:radial-gradient(farthest-side,#0000 80%,#000 0)}.vp-loader-alt{height:1px;margin:-1px;padding:0;position:absolute;width:1px;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden;white-space:nowrap}@keyframes vp-loader{to{rotate:-1turn}}}.vp-form-error{--form-error-color:var(--vp-semantic-color-status-negative);--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-font-optical-sizing:var(--vp-semantic-typography-screen-s-body-s-optical-sizing);--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);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-optical-sizing:var(--form-error-font-optical-sizing);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-block-start: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-block-start:var(--form-error-icon-margin-block-start);width:var(--form-error-icon-width)}: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-font-optical-sizing:var(--vp-semantic-typography-screen-s-body-m-optical-sizing);--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-font-optical-sizing:var(--vp-semantic-typography-screen-s-body-m-optical-sizing);--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-active-border-neutral);--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-optical-sizing:var(--input-font-optical-sizing);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);appearance:none;background-color:var(--input-background-color);border:0;border-radius:var(--input-border-radius);box-shadow:inset 0 0 0 var(--input-border-width) var(--input-border-color);color:var(--input-color);z-index:var(--input-zi-input)}.vp-input::placeholder{font-family:var(--input-placeholder-font-family);font-optical-sizing:var(--input-placeholder-font-optical-sizing);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)}.vp-input[data-active]:not([data-invalid],[data-success]){--input-border-color:var(--input-border-color-active)}.vp-input[data-focus]{outline:0;--input-border-width:var(--input-border-width-active)}.vp-input[data-focus]:not([data-invalid],[data-success]){--input-border-color:var(--input-border-color-active)}.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)}