@layer onyx.component{.onyx-form-element-v2__popover{--onyx-basic-popover-max-width:100%;border-radius:inherit;flex-grow:1;height:100%}.onyx-form-element-v2__popover>.onyx-form-element-v2__input-container>.onyx-form-element-v2__input{caret-color:#0000}.onyx-form-element-v2__popover>.onyx-form-element-v2__input-container>.onyx-form-element-v2__input:read-write{cursor:pointer}.onyx-form-element-v2__popover-description{width:100%;padding:var(--onyx-density-3xs) var(--onyx-density-sm);text-align:right;justify-content:flex-end;align-items:center;gap:var(--onyx-spacing-md);color:var(--onyx-color-text-icons-neutral-soft);font-size:var(--onyx-font-size-sm);line-height:var(--onyx-font-line-height-sm);display:flex}.onyx-form-element-v2{--onyx-form-element-v2-bottom-height:1lh}.onyx-form-element-v2__bottom{color:var(--onyx-color-text-icons-neutral-soft);height:var(--onyx-form-element-v2-bottom-height);justify-content:space-between;align-items:center;gap:var(--onyx-spacing-2xs);display:flex}.onyx-form-element-v2__bottom:not(.onyx-form-element-v2__bottom--reserve-empty):empty{display:none}.onyx-form-element-v2__bottom:not(.onyx-form-element-v2__bottom--reserve-empty):has(.onyx-form-element-v2__message--danger:only-child){display:var(--onyx-form-element-v2-error-display)}.onyx-form-element-v2__message{display:var(--onyx-form-element-v2-message-display)}.onyx-form-element-v2__message:not(.onyx-form-element-v2__message--danger)~.onyx-form-element-v2__message:not(.onyx-form-element-v2__message--danger){display:none}.onyx-form-element-v2__message--danger{display:var(--onyx-form-element-v2-error-display);color:var(--onyx-color-text-icons-danger-intense)}.onyx-form-element-v2__message--success{color:var(--onyx-color-text-icons-success-intense)}.onyx-form-element-v2__bottom-right{flex-grow:1;justify-content:flex-end;display:flex}.onyx-form-element-v2:has(.onyx-form-element-v2__content-skeleton) .onyx-form-element-v2__bottom{visibility:hidden}.onyx-form-element-v2__label{width:100%;max-width:100%;color:var(--onyx-color-text-icons-neutral-medium);align-items:center;display:flex}.onyx-form-element-v2__label .onyx-optional-marker{text-align:end;flex-grow:1}.onyx-form-element-v2--label-left .onyx-form-element-v2__label .onyx-optional-marker,.onyx-form-element-v2--label-right .onyx-form-element-v2__label .onyx-optional-marker{text-align:initial}.onyx-form-element-v2__label-skeleton{height:var(--onyx-form-element-v2-label-skeleton-height);width:var(--onyx-density-3xl)}.onyx-form-element-v2{--onyx-form-element-v2-gap:var(--onyx-density-3xs);--onyx-form-element-v2-border-radius:var(--onyx-radius-component-input);--onyx-form-element-v2-border-size:var(--onyx-1px-in-rem);--onyx-form-element-v2-border-color:var(--onyx-color-component-border-neutral);--onyx-form-element-v2-border-color-hover:var(--onyx-color-component-border-neutral-hover);--onyx-form-element-v2-border-color-focus:var(--onyx-color-component-border-primary);--onyx-form-element-v2-background:var(--onyx-color-base-background-blank);--onyx-form-element-v2-background-hover:var(--onyx-form-element-v2-background);--onyx-form-element-v2-background-autofill:var(--onyx-color-base-warning-100);--onyx-form-element-v2-padding-block:var(--onyx-density-xs);--onyx-form-element-v2-padding-inline:var(--onyx-density-sm);--onyx-form-element-v2-padding-inline-icons:var(--onyx-density-xs);--onyx-form-element-v2-caret-color:var(--onyx-color-component-cta-default);--onyx-form-element-v2-selection-background:var(--onyx-color-base-primary-200);--onyx-form-element-v2-outline-color:var(--onyx-color-component-focus-primary);--onyx-form-element-v2-error-display:none;--onyx-form-element-v2-message-display:flex;--onyx-form-element-v2-input-width:100%;--onyx-form-element-v2-content-height:1lh;--onyx-form-element-v2-label-skeleton-height:1lh}.onyx-form-element-v2:has(.onyx-form-element-v2__input:read-only){--onyx-form-element-v2-selection-background:var(--onyx-color-base-neutral-200);--onyx-form-element-v2-caret-color:var(--onyx-color-base-neutral-700);--onyx-form-element-v2-background:var(--onyx-color-base-background-tinted)}.onyx-form-element-v2:has(.onyx-form-element-v2__input:enabled:read-only){--onyx-form-element-v2-border-color-hover:var(--onyx-color-component-border-neutral-hover);--onyx-form-element-v2-border-color-focus:var(--onyx-color-component-border-neutral);--onyx-form-element-v2-outline-color:var(--onyx-color-component-focus-neutral)}:is(.onyx-form-element-v2:not(.onyx-form-element--suppress-invalid).onyx-form-element--touched-invalid:has(.onyx-form-element-v2__input:user-invalid,.onyx-form-element-v2__input--touched:invalid,.onyx-form-element-v2__input--touched[aria-invalid=true]),.onyx-form-element-v2:not(.onyx-form-element--suppress-invalid).onyx-form-element--immediate-invalid:has(.onyx-form-element-v2__input:invalid,.onyx-form-element-v2__input[aria-invalid=true])){--onyx-form-element-v2-border-color:var(--onyx-color-component-border-danger);--onyx-form-element-v2-border-color-hover:var(--onyx-color-component-border-danger-hover);--onyx-form-element-v2-border-color-focus:var(--onyx-color-component-border-danger);--onyx-form-element-v2-outline-color:var(--onyx-color-component-focus-danger);--onyx-form-element-v2-selection-background:var(--onyx-color-base-danger-200);--onyx-form-element-v2-caret-color:var(--onyx-color-base-neutral-900);--onyx-form-element-v2-error-display:flex;--onyx-form-element-v2-message-display:none}.onyx-form-element-v2:has(.onyx-form-element-v2__message--success){--onyx-form-element-v2-border-color:var(--onyx-color-component-border-success);--onyx-form-element-v2-border-color-hover:var(--onyx-color-component-border-success-hover);--onyx-form-element-v2-border-color-focus:var(--onyx-color-component-border-success);--onyx-form-element-v2-outline-color:var(--onyx-color-component-focus-success);--onyx-form-element-v2-selection-background:var(--onyx-color-base-success-200);--onyx-form-element-v2-caret-color:var(--onyx-color-base-neutral-900)}.onyx-form-element-v2{font-family:var(--onyx-font-family-paragraph);gap:var(--onyx-form-element-v2-gap);color:var(--onyx-color-text-icons-neutral-intense);font-size:var(--onyx-font-size-md);line-height:var(--onyx-font-line-height-md);flex-direction:column;max-width:100%;display:flex}.onyx-form-element-v2--label-left,.onyx-form-element-v2--label-right{--onyx-form-element-v2-gap:var(--onyx-density-lg);justify-content:space-between;align-items:flex-start}.onyx-form-element-v2--label-left>.onyx-form-element-v2__label,.onyx-form-element-v2--label-right>.onyx-form-element-v2__label{width:max-content;padding-block:calc(var(--onyx-form-element-v2-padding-block));line-height:var(--onyx-font-line-height-md)}.onyx-form-element-v2--label-left{flex-direction:row}.onyx-form-element-v2--label-right{flex-direction:row-reverse}.onyx-form-element-v2__body{gap:var(--onyx-density-3xs);flex-direction:column;width:100%;display:flex}.onyx-form-element-v2__content{border-radius:var(--onyx-form-element-v2-border-radius);background-color:var(--onyx-form-element-v2-background);height:calc(var(--onyx-form-element-v2-content-height) + 2 * var(--onyx-form-element-v2-padding-block));align-items:center;display:flex}.onyx-form-element-v2__input-container{border:var(--onyx-form-element-v2-border-size) solid var(--onyx-form-element-v2-border-color);border-radius:inherit;flex-grow:1;align-items:center;max-width:100%;height:100%;display:flex}.onyx-form-element-v2__input-container:has(.onyx-form-element-v2__input:read-write):hover{border-color:var(--onyx-form-element-v2-border-color-hover)}:is(.onyx-form-element-v2__input-container:has(.onyx-form-element-v2__input:autofill),.onyx-form-element-v2__input-container:has(.onyx-form-element-v2__input[data-test-autofill])){background-color:var(--onyx-form-element-v2-background-autofill)}.onyx-form-element-v2__input-container:has(.onyx-form-element-v2__icons--leading) .onyx-form-element-v2__input{padding-left:var(--onyx-form-element-v2-padding-inline-icons)}.onyx-form-element-v2__input-container:has(.onyx-form-element-v2__icons--trailing) .onyx-form-element-v2__input{padding-right:var(--onyx-form-element-v2-padding-inline-icons)}:is(.onyx-form-element-v2 .onyx-form-element-v2__input-container:focus-within,.onyx-form-element-v2 .onyx-form-element-v2__popover:has(>.onyx-basic-popover__dialog:popover-open)>.onyx-form-element-v2__input-container){border-color:var(--onyx-form-element-v2-border-color-focus);outline:var(--onyx-outline-width) solid var(--onyx-form-element-v2-outline-color);background-color:var(--onyx-form-element-v2-background-hover)}.onyx-form-element-v2 .onyx-form-element-v2__input-container:hover:has(.onyx-form-element-v2__input:enabled){background-color:var(--onyx-form-element-v2-background-hover)}.onyx-form-element-v2__icons{color:var(--onyx-color-text-icons-neutral-medium);padding:var(--onyx-form-element-v2-padding-block) var(--onyx-form-element-v2-padding-inline);align-items:center;gap:var(--onyx-density-2xs);display:flex}.onyx-form-element-v2__icons--leading{padding-right:0}.onyx-form-element-v2__icons--trailing{padding-left:0}.onyx-form-element-v2__slot{border:var(--onyx-form-element-v2-border-size) solid var(--onyx-form-element-v2-border-color);align-items:center;height:100%;display:flex}.onyx-form-element-v2__slot--leading{border-top-left-radius:inherit;border-bottom-left-radius:inherit;border-right:none}.onyx-form-element-v2__slot--trailing{border-top-right-radius:inherit;border-bottom-right-radius:inherit;border-left:none}.onyx-form-element-v2__slot .onyx-form-element-v2{--onyx-form-element-v2-input-width:calc(3ch + var(--onyx-1px-in-rem));--onyx-form-element-v2-border-size:0;--onyx-form-element-v2-background:transparent}:is(.onyx-form-element-v2__content:has(>.onyx-form-element-v2__slot--leading)>.onyx-form-element-v2__popover:not(:has(.onyx-form-element-v2__input:focus)):not(:has(.onyx-basic-popover__dialog:popover-open)),.onyx-form-element-v2__content:has(>.onyx-form-element-v2__slot--leading)>.onyx-form-element-v2__input-container:not(:has(.onyx-form-element-v2__input:focus)):not(:has(.onyx-basic-popover__dialog:popover-open))){border-top-left-radius:0;border-bottom-left-radius:0}:is(.onyx-form-element-v2__content:has(>.onyx-form-element-v2__slot--trailing)>.onyx-form-element-v2__popover:not(:has(.onyx-form-element-v2__input:focus)):not(:has(.onyx-basic-popover__dialog:popover-open)),.onyx-form-element-v2__content:has(>.onyx-form-element-v2__slot--trailing)>.onyx-form-element-v2__input-container:not(:has(.onyx-form-element-v2__input:focus)):not(:has(.onyx-basic-popover__dialog:popover-open))){border-top-right-radius:0;border-bottom-right-radius:0}.onyx-form-element-v2__input{border-radius:inherit;color:inherit;width:calc(var(--onyx-form-element-v2-input-width) + 2 * var(--onyx-form-element-v2-padding-inline));max-width:100%;height:100%;font-family:inherit;font-size:inherit;line-height:inherit;caret-color:var(--onyx-form-element-v2-caret-color);padding:var(--onyx-form-element-v2-padding-block) var(--onyx-form-element-v2-padding-inline);cursor:inherit;background-color:#0000;border:none;outline:none}.onyx-form-element-v2__input::placeholder{color:var(--onyx-color-text-icons-neutral-soft);font-weight:var(--onyx-font-weight-regular);opacity:1}.onyx-form-element-v2__input::selection{background:var(--onyx-form-element-v2-selection-background)}.onyx-form-element-v2__input::-webkit-search-cancel-button{display:none}.onyx-form-element-v2__input::-webkit-calendar-picker-indicator{display:none}.onyx-form-element-v2__input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.onyx-form-element-v2__input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.onyx-form-element-v2__input[type=number]{-moz-appearance:textfield}.onyx-form-element-v2__input:autofill{-webkit-text-fill-color:var(--onyx-color-text-icons-neutral-intense);background-color:#0000;transition:background-color 3.40282e38s}.onyx-form-element-v2__tooltip{margin-left:var(--onyx-spacing-2xs)}:is(.onyx-form-element-v2:has(.onyx-form-element-v2__bottom:not(:empty)):has(.onyx-form-element-v2__popover>.onyx-basic-popover__dialog--position-bottom) .onyx-form-element-v2__popover,.onyx-form-element-v2:has(>.onyx-form-element-v2__label):has(.onyx-form-element-v2__popover>.onyx-basic-popover__dialog--position-top) .onyx-form-element-v2__popover){--onyx-basic-popover-gap:var(--onyx-form-element-v2-bottom-height)}.onyx-form-element-v2__loading{color:var(--onyx-color-text-icons-primary-intense)}.onyx-form-element-v2__content-skeleton{width:100%;height:calc(var(--onyx-form-element-v2-content-height) + 2 * var(--onyx-form-element-v2-padding-block))}}@layer onyx.density{:is(.onyx-density-compact .onyx-form-element-v2:has(.onyx-form-element-v2__content-skeleton),.onyx-form-element-v2.onyx-density-compact:has(.onyx-form-element-v2__content-skeleton)){--onyx-form-element-v2-gap:var(--onyx-spacing-5xs);--onyx-form-element-v2-label-skeleton-height:calc(1lh - var(--onyx-form-element-v2-gap))}}.onyx-form-element-v2--unstyled>.onyx-form-element-v2__body>.onyx-form-element-v2__content{background-color:#0000}.onyx-form-element-v2--unstyled>.onyx-form-element-v2__body>.onyx-form-element-v2__content>.onyx-form-element-v2__input-container{border:none;outline:none}.onyx-form-element-v2--unstyled>.onyx-form-element-v2__body>.onyx-form-element-v2__content>.onyx-form-element-v2__input-container:focus-within,.onyx-form-element-v2--unstyled>.onyx-form-element-v2__body>.onyx-form-element-v2__content>.onyx-form-element-v2__input-container:hover{background-color:#0000}
