@layer vitamin-play{.vp-combobox{--combobox-listbox-z-index:1;--combobox-input-padding-inline-start:var(--vp-semantic-spacing-s);--combobox-input-padding-inline-end:var(--vp-semantic-spacing-s);--combobox-input-padding-block-start:var(--vp-semantic-spacing-s);--combobox-input-padding-block-end:var(--vp-semantic-spacing-s);--combobox-input-gap:var(--vp-semantic-spacing-2xs);--combobox-listbox-padding:var(--vp-semantic-spacing-4xs);--combobox-option-padding-inline-start:var(--vp-semantic-spacing-s);--combobox-option-padding-inline-end:var(--vp-semantic-spacing-s);--combobox-option-padding-block-start:var(--vp-semantic-spacing-s);--combobox-option-padding-block-end:var(--vp-semantic-spacing-s);--combobox-input-color-default:var(--vp-semantic-color-content-neutral);--combobox-input-color-hover:var(--vp-semantic-color-content-neutral);--combobox-input-background-color-default:var(--vp-semantic-color-container-neutral);--combobox-input-background-color-hover:var(--vp-semantic-color-container-neutral);--combobox-input-background-color:var(--combobox-input-background-color-default);--combobox-listbox-border-radius:var(--vp-semantic-border-radius-main);--combobox-input-border-color-default:var(--vp-semantic-color-border-neutral);--combobox-input-border-color-focus:var(--vp-semantic-color-border-brand);--combobox-input-border-color-invalid:var(--vp-semantic-color-status-negative);--combobox-input-border-width:var(--vp-semantic-border-width-s);--combobox-input-border-color:var(--combobox-input-border-color-default);--combobox-input-text-case:var(--vp-semantic-typography-screen-s-body-m-text-case);--combobox-input-text-decoration:var(--vp-semantic-typography-screen-s-body-m-text-decoration);--combobox-input-letter-spacing:var(--vp-semantic-typography-screen-s-body-m-letter-spacing);--combobox-input-font-size:var(--vp-semantic-typography-screen-s-body-m-font-size);--combobox-input-line-height:var(--vp-semantic-typography-screen-s-body-m-line-height);--combobox-input-font-weight:var(--vp-semantic-typography-screen-s-body-m-font-weight);--combobox-input-font-family:var(--vp-semantic-typography-screen-s-body-m-font-family);--combobox-input-font-optical-sizing:var(--vp-semantic-typography-screen-s-body-m-optical-sizing);--combobox-input-webkit-font-smoothing:var(--vp-semantic-typography-screen-s-body-m-webkit-font-smoothing)}.vp-combobox--small{--combobox-input-padding-inline-start:var(--vp-semantic-spacing-s);--combobox-input-padding-inline-end:var(--vp-semantic-spacing-s);--combobox-input-padding-block-start:var(--vp-semantic-spacing-2xs);--combobox-input-padding-block-end:var(--vp-semantic-spacing-2xs);--combobox-input-gap:var(--vp-semantic-spacing-2xs);--combobox-option-padding-inline-start:var(--vp-semantic-spacing-s);--combobox-option-padding-inline-end:var(--vp-semantic-spacing-s);--combobox-option-padding-block-start:var(--vp-semantic-spacing-s);--combobox-option-padding-block-end:var(--vp-semantic-spacing-s)}.vp-combobox--large{--combobox-input-padding-inline-start:var(--vp-semantic-spacing-m);--combobox-input-padding-inline-end:var(--vp-semantic-spacing-m);--combobox-input-padding-block-start:var(--vp-semantic-spacing-l);--combobox-input-padding-block-end:var(--vp-semantic-spacing-l);--combobox-input-gap:var(--vp-semantic-spacing-2xs);--combobox-option-padding-inline-start:var(--vp-semantic-spacing-m);--combobox-option-padding-inline-end:var(--vp-semantic-spacing-m);--combobox-option-padding-block-start:var(--vp-semantic-spacing-l);--combobox-option-padding-block-end:var(--vp-semantic-spacing-l)}.vp-combobox--subtle{--combobox-input-color-default:var(--vp-semantic-color-content-neutral);--combobox-input-color-hover:var(--vp-semantic-color-content-neutral);--combobox-listbox-border-radius:var(--vp-semantic-border-radius-main);--combobox-listbox-padding:var(--vp-semantic-spacing-4xs);--combobox-input-border-color-default:transparent;--combobox-input-border-color-focus:var(--vp-semantic-color-border-brand);--combobox-input-border-color-invalid:var(--vp-semantic-color-status-negative);--combobox-input-background-color-default:var(--vp-semantic-color-container-quiet);--combobox-input-background-color-hover:color-mix(in srgb,var(--vp-semantic-color-container-quiet) 95%,var(--vp-semantic-color-container-catchy))}.vp-combobox--float{--combobox-input-color-default:var(--vp-semantic-color-content-neutral);--combobox-input-color-hover:var(--vp-semantic-color-content-brand);--combobox-listbox-border-radius:var(--vp-semantic-border-radius-m);--combobox-listbox-padding:var(--vp-semantic-spacing-s);--combobox-input-border-color-default:transparent;--combobox-input-border-color-focus:var(--vp-semantic-color-border-brand);--combobox-input-border-color-invalid:var(--vp-semantic-color-status-negative);--combobox-input-background-color-default:transparent;--combobox-input-background-color-hover:transparent}.vp-combobox--float.vp-combobox--small{--combobox-input-text-case:var(--vp-semantic-typography-screen-s-body-s-text-case);--combobox-input-text-decoration:var(--vp-semantic-typography-screen-s-body-s-text-decoration);--combobox-input-letter-spacing:var(--vp-semantic-typography-screen-s-body-s-letter-spacing);--combobox-input-font-size:var(--vp-semantic-typography-screen-s-body-s-font-size);--combobox-input-line-height:var(--vp-semantic-typography-screen-s-body-s-line-height);--combobox-input-font-weight:var(--vp-semantic-typography-screen-s-body-s-font-weight);--combobox-input-font-family:var(--vp-semantic-typography-screen-s-body-s-font-family);--combobox-input-font-optical-sizing:var(--vp-semantic-typography-screen-s-body-s-optical-sizing);--combobox-input-webkit-font-smoothing:var(--vp-semantic-typography-screen-s-body-s-webkit-font-smoothing)}.vp-combobox--float.vp-combobox--large{--combobox-input-text-case:var(--vp-semantic-typography-screen-s-body-l-text-case);--combobox-input-text-decoration:var(--vp-semantic-typography-screen-s-body-l-text-decoration);--combobox-input-letter-spacing:var(--vp-semantic-typography-screen-s-body-l-letter-spacing);--combobox-input-font-size:var(--vp-semantic-typography-screen-s-body-l-font-size);--combobox-input-line-height:var(--vp-semantic-typography-screen-s-body-l-line-height);--combobox-input-font-weight:var(--vp-semantic-typography-screen-s-body-l-font-weight);--combobox-input-font-family:var(--vp-semantic-typography-screen-s-body-l-font-family);--combobox-input-font-optical-sizing:var(--vp-semantic-typography-screen-s-body-l-optical-sizing);--combobox-input-webkit-font-smoothing:var(--vp-semantic-typography-screen-s-body-l-webkit-font-smoothing)}.vp-combobox[data-invalid]{--combobox-input-border-color:var(--combobox-input-border-color-invalid)}.vp-combobox--float:has(.vp-combobox__input:focus-visible):has(.vp-combobox__input[data-focused]),.vp-combobox:not(.vp-combobox--float):has(.vp-combobox__input[data-focused]){--combobox-input-border-color:var(--combobox-input-border-color-focus);--combobox-input-border-width:var(--vp-semantic-border-width-m)}.vp-combobox:has(.vp-combobox__input:hover:not([data-disabled])){--combobox-input-border-width:var(--vp-semantic-border-width-m);--combobox-input-background-color:var(--combobox-input-background-color-hover)}.vp-combobox{box-shadow:0 0 0 var(--combobox-input-border-width) var(--combobox-input-border-color);color:var(--combobox-input-color-default);cursor:pointer;position:relative}.vp-combobox[data-disabled]{cursor:default;opacity:var(--vp-semantic-opacity-s)}.vp-combobox[data-hover]{color:var(--combobox-input-color-hover)}.vp-combobox__input{align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--combobox-input-background-color);border:none;box-sizing:border-box;color:inherit;cursor:inherit;display:flex;flex-direction:row;font-family:var(--combobox-input-font-family);font-optical-sizing:var(--combobox-input-font-optical-sizing);font-size:var(--combobox-input-font-size);font-weight:var(--combobox-input-font-weight);gap:var(--combobox-input-gap);letter-spacing:var(--combobox-input-letter-spacing);line-height:var(--combobox-input-line-height);padding-block:var(--combobox-input-padding-block-start) var(--combobox-input-padding-block-end);position:relative;text-align:start;-webkit-text-decoration:var(--combobox-input-text-decoration);text-decoration:var(--combobox-input-text-decoration);text-transform:var(--combobox-input-text-case);vertical-align:middle;width:100%;-webkit-font-smoothing:var(--combobox-input-webkit-font-smoothing);padding-inline:var(--combobox-input-padding-inline-start) calc(var(--combobox-input-gap) + var(--vp-semantic-sizing-l) + var(--combobox-input-padding-inline-end));transition:background-color var(--vp-semantic-motion-duration-quick) var(--vp-semantic-motion-easing-functional-ease-in-out)}.vp-combobox__input:focus{outline:none}@media(prefers-reduced-motion:reduce){.vp-combobox__input{transition-duration:0s}}.vp-combobox__listbox{background:var(--vp-semantic-color-container-neutral);border:none;border-radius:var(--combobox-listbox-border-radius);box-sizing:border-box;color:var(--vp-semantic-color-content-neutral);inset:unset;margin:0;max-height:calc(var(--combobox-option-padding-block-start)*5 + var(--combobox-option-padding-block-end)*5 + var(--vp-semantic-typography-screen-s-body-m-line-height)*var(--vp-semantic-typography-screen-s-body-m-font-size)*5);min-width:200px;outline:var(--vp-semantic-border-width-s) solid var(--vp-semantic-color-border-quiet);overflow:hidden auto;padding:var(--combobox-listbox-padding);position:fixed;z-index:var(--combobox-listbox-z-index)}.vp-combobox__listbox:not(:has(*)){visibility:hidden}.vp-combobox__option{align-items:center;align-self:stretch;background:var(--vp-semantic-color-container-neutral);color:var(--vp-semantic-color-content-neutral);cursor:pointer;display:flex;font-family:var(--vp-semantic-typography-screen-s-body-m-font-family);font-optical-sizing:var(--vp-semantic-typography-screen-s-body-m-optical-sizing);font-size:var(--vp-semantic-typography-screen-s-body-m-font-size);font-weight:var(--vp-semantic-typography-screen-s-body-m-font-weight);gap:var(--vp-semantic-spacing-xs);letter-spacing:var(--vp-semantic-typography-screen-s-body-m-letter-spacing);line-height:var(--vp-semantic-typography-screen-s-body-m-line-height);padding-block:var(--combobox-option-padding-block-start) var(--combobox-option-padding-block-end);padding-inline:var(--combobox-option-padding-inline-start) var(--combobox-option-padding-inline-end);position:relative;-webkit-text-decoration:var(--vp-semantic-typography-screen-s-body-m-text-decoration);text-decoration:var(--vp-semantic-typography-screen-s-body-m-text-decoration);text-transform:var(--vp-semantic-typography-screen-s-body-m-text-case);-webkit-font-smoothing:var(--vp-semantic-typography-screen-s-body-m-webkit-font-smoothing)}.vp-combobox__option:hover:not([aria-disabled]){background:var(--vp-semantic-color-container-quiet)}.vp-combobox__option[aria-disabled]{cursor:default;opacity:var(--vp-semantic-opacity-s)}.vp-combobox__option[aria-selected=true]{color:var(--vp-semantic-color-content-brand)}.vp-combobox__option[data-focused]{outline:var(--vp-semantic-border-width-m) solid var(--vp-semantic-color-border-brand);outline-offset:calc((var(--vp-semantic-border-width-m))*-2)}.vp-combobox__indicator{box-sizing:border-box;height:var(--vp-semantic-sizing-l);inset:0;margin-block:auto;margin-inline:auto var(--combobox-input-padding-inline-end);pointer-events:none;position:absolute;transition:transform var(--vp-semantic-motion-delay-slow) ease;width:var(--vp-semantic-sizing-l)}@media(prefers-reduced-motion:reduce){.vp-combobox__indicator{transition-duration:0s}}.vp-combobox__indicator[data-open]{transform:rotate(180deg)}.vp-combobox__pseudo-radio{align-items:center;background-color:transparent;border-color:var(--vp-semantic-color-border-neutral);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);border-style:solid;border-width:var(--vp-semantic-border-width-s);display:flex;flex-grow:0;flex-shrink:0;height:var(--vp-semantic-sizing-l);justify-content:center;position:relative;transition:border-color var(--vp-semantic-motion-duration-quick) var(--vp-semantic-motion-easing-functional-ease-in-out);width:var(--vp-semantic-sizing-l)}@media(prefers-reduced-motion:reduce){.vp-combobox__pseudo-radio{transition-duration:0s}}.vp-combobox__pseudo-radio[data-selected]{border-color:var(--vp-semantic-color-border-brand)}.vp-combobox__pseudo-radio[data-selected]:after{background-color:var(--vp-semantic-color-content-brand);border-radius:var(--vp-semantic-border-radius-full);content:"";display:inline-block;flex:0 0 auto;height:var(--vp-semantic-sizing-s);width:var(--vp-semantic-sizing-s)}.vp-combobox__pseudo-checkbox{align-items:center;background-color:transparent;border-color:var(--vp-semantic-color-border-neutral);border-style:solid;border-width:var(--vp-semantic-border-width-s);display:flex;flex-grow:0;flex-shrink:0;height:var(--vp-semantic-sizing-l);justify-content:center;position:relative;transition:border-color var(--vp-semantic-motion-duration-quick) var(--vp-semantic-motion-easing-functional-ease-in-out);width:var(--vp-semantic-sizing-l)}@media(prefers-reduced-motion:reduce){.vp-combobox__pseudo-checkbox{transition-duration:0s}}.vp-combobox__pseudo-checkbox[data-selected]{background-color:var(--vp-semantic-color-container-brand);border-color:var(--vp-semantic-color-border-brand)}.vp-combobox__pseudo-checkbox svg{color:var(--vp-semantic-color-content-on-brand-neutral);flex:0 0 auto;height:var(--vp-semantic-sizing-m);width:var(--vp-semantic-sizing-m)}.vp-combobox__option-indicator{flex-grow:0;flex-shrink:0;height:var(--vp-semantic-sizing-l);margin-left:auto;opacity:0;width:var(--vp-semantic-sizing-l)}.vp-combobox__option-indicator[data-selected]{opacity:1}}