@layer onyx.component{.onyx-basic-dialog{--onyx-basic-dialog-screen-gap:var(--onyx-grid-margin);--onyx-basic-dialog-border-radius:var(--onyx-radius-component-flyout);--onyx-basic-dialog-padding:var(--onyx-density-md) var(--onyx-density-lg);border:var(--onyx-1px-in-rem) solid var(--onyx-color-component-border-neutral);border-radius:var(--onyx-basic-dialog-border-radius);font-family:var(--onyx-font-family-paragraph);color:var(--onyx-color-text-icons-neutral-intense);background-color:var(--onyx-color-base-background-blank);z-index:var(--onyx-z-index-page-overlay);max-width:calc(100vw - 2 * var(--onyx-basic-dialog-screen-gap));max-height:calc(100dvh - 2 * var(--onyx-basic-dialog-screen-gap));outline:none;width:fit-content;height:fit-content;margin:auto;padding:0;position:fixed;inset:0;overflow:hidden}.onyx-basic-dialog::backdrop{background-color:var(--onyx-color-component-opacity-backdrop-soft)}.onyx-basic-dialog__backdrop--medium::backdrop{background-color:var(--onyx-color-component-opacity-backdrop-medium)}.onyx-basic-dialog:modal{z-index:var(--onyx-z-index-app-overlay);border:none}.onyx-basic-dialog--left,.onyx-basic-dialog--right{--onyx-basic-dialog-screen-gap:var(--onyx-density-xs);height:100%;transform:none}.onyx-basic-dialog--left{left:var(--onyx-basic-dialog-screen-gap);margin-left:0}.onyx-basic-dialog--right{left:unset;right:var(--onyx-basic-dialog-screen-gap)}.onyx-basic-dialog__content{padding:var(--onyx-basic-dialog-padding);width:inherit;max-width:inherit;max-height:inherit;outline:none;overflow:auto}.dark .onyx-basic-dialog:modal{outline:var(--onyx-spacing-5xs) solid var(--onyx-color-component-border-neutral)}.onyx-modal{--onyx-modal-padding-inline:var(--onyx-density-lg);--onyx-basic-dialog-padding:0;display:flex}.onyx-modal .onyx-basic-dialog__content{flex-direction:column;display:flex}.onyx-modal__header{gap:var(--onyx-density-2xs);padding:var(--onyx-density-sm) var(--onyx-modal-padding-inline);border-bottom:var(--onyx-1px-in-rem) solid var(--onyx-color-component-border-neutral);flex-direction:column;display:flex}.onyx-modal__headline{justify-content:space-between;align-items:flex-start;gap:var(--onyx-density-sm);display:flex}.onyx-modal__headline-content{align-items:center;gap:inherit;flex-wrap:wrap;display:flex}.onyx-modal__body{flex-grow:1;overflow:auto}.onyx-modal__description{color:var(--onyx-color-text-icons-neutral-soft);white-space:pre-line}.onyx-select-dialog{--onyx-select-dialog-icon-size:1.5rem;--onyx-select-dialog-gap:var(--onyx-density-md);background-color:var(--onyx-color-base-background-tinted);width:32rem}.onyx-select-dialog__form{gap:var(--onyx-density-xs);padding:var(--onyx-select-dialog-gap) var(--onyx-modal-padding-inline);flex-direction:column;display:flex}.onyx-select-dialog__list{padding:0;list-style:none;display:contents}.onyx-select-dialog__label{font-weight:600;font-size:var(--onyx-font-size-md);line-height:var(--onyx-font-line-height-md);color:var(--onyx-color-text-icons-neutral-intense)}.onyx-select-dialog__option{--onyx-card-gap:var(--onyx-select-dialog-gap);color:var(--onyx-color-text-icons-neutral-medium);cursor:pointer;flex-direction:row;align-items:center}.onyx-select-dialog__option:hover{background:var(--onyx-color-base-neutral-200)}.onyx-select-dialog__option:has(input:checked){border-color:var(--onyx-color-base-primary-200);background-color:var(--onyx-color-base-primary-100)}.onyx-select-dialog__option:has(input:checked):hover{border-color:var(--onyx-color-component-border-primary)}:is(.onyx-select-dialog__option:has(input:checked) .onyx-select-dialog__description,.onyx-select-dialog__option:has(input:checked) .onyx-select-dialog__label,.onyx-select-dialog__option:has(input:checked) .onyx-select-dialog__icon){color:var(--onyx-color-text-icons-neutral-intense)}.onyx-select-dialog__icon{--icon-size:var(--onyx-select-dialog-icon-size);height:auto;display:inline-flex}}