.box_dialog { border-radius: 8px; }

.dialog_content { display: flex; flex-direction: column; row-gap: 24px; flex-wrap: nowrap; /* or wrap if needed */ }

.dialog_split { display: flex; flex-direction: row; column-gap: 24px; }

.dialog_split .dialog_right { margin-left: auto; }

#dialog, #dialog_popup { width: 100vw; height: 100vh; z-index: 999; position: fixed; top: 0; left: 0; visibility: hidden; background: rgba(0, 0, 0, 0); transition-property: background; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: .15s; display: flex; flex-direction: column; align-items: center; justify-content: center; }

#dialog.active, #dialog_popup.active { background: rgba(0, 0, 0, 0.8); visibility: visible; }

#dialog .dialog_submit.disabled, #dialog #dialog_submit.disabled, #dialog_popup .dialog_submit.disabled, #dialog_popup #dialog_submit.disabled { pointer-events: none; opacity: 0.5; }

#dialog .dialog_wrapper, #dialog .dialog_popup_wrapper, #dialog_popup .dialog_wrapper, #dialog_popup .dialog_popup_wrapper { position: relative; max-height: 100vh; }

#dialog .dialog_wrapper h2, #dialog .dialog_popup_wrapper h2, #dialog_popup .dialog_wrapper h2, #dialog_popup .dialog_popup_wrapper h2 { margin-bottom: 24px; margin-right: 48px; font-size: 28px; }

#dialog .dialog_wrapper h2 svg, #dialog .dialog_popup_wrapper h2 svg, #dialog_popup .dialog_wrapper h2 svg, #dialog_popup .dialog_popup_wrapper h2 svg { height: 18px; }

#dialog .dialog_wrapper .dialog_close_x, #dialog .dialog_wrapper #dialog_close_x, #dialog .dialog_wrapper #dialog_popup_close_x, #dialog .dialog_popup_wrapper .dialog_close_x, #dialog .dialog_popup_wrapper #dialog_close_x, #dialog .dialog_popup_wrapper #dialog_popup_close_x, #dialog_popup .dialog_wrapper .dialog_close_x, #dialog_popup .dialog_wrapper #dialog_close_x, #dialog_popup .dialog_wrapper #dialog_popup_close_x, #dialog_popup .dialog_popup_wrapper .dialog_close_x, #dialog_popup .dialog_popup_wrapper #dialog_close_x, #dialog_popup .dialog_popup_wrapper #dialog_popup_close_x { position: absolute; top: 16px; right: 16px; width: 16px; height: 16px; color: #71717a; cursor: pointer; }

#dialog .dialog_wrapper .dialog_close_x:hover, #dialog .dialog_wrapper #dialog_close_x:hover, #dialog .dialog_wrapper #dialog_popup_close_x:hover, #dialog .dialog_popup_wrapper .dialog_close_x:hover, #dialog .dialog_popup_wrapper #dialog_close_x:hover, #dialog .dialog_popup_wrapper #dialog_popup_close_x:hover, #dialog_popup .dialog_wrapper .dialog_close_x:hover, #dialog_popup .dialog_wrapper #dialog_close_x:hover, #dialog_popup .dialog_wrapper #dialog_popup_close_x:hover, #dialog_popup .dialog_popup_wrapper .dialog_close_x:hover, #dialog_popup .dialog_popup_wrapper #dialog_close_x:hover, #dialog_popup .dialog_popup_wrapper #dialog_popup_close_x:hover { color: #09090b; }

#dialog .dialog_wrapper .dialog_close_x:focus, #dialog .dialog_wrapper #dialog_close_x:focus, #dialog .dialog_wrapper #dialog_popup_close_x:focus, #dialog .dialog_popup_wrapper .dialog_close_x:focus, #dialog .dialog_popup_wrapper #dialog_close_x:focus, #dialog .dialog_popup_wrapper #dialog_popup_close_x:focus, #dialog_popup .dialog_wrapper .dialog_close_x:focus, #dialog_popup .dialog_wrapper #dialog_close_x:focus, #dialog_popup .dialog_wrapper #dialog_popup_close_x:focus, #dialog_popup .dialog_popup_wrapper .dialog_close_x:focus, #dialog_popup .dialog_popup_wrapper #dialog_close_x:focus, #dialog_popup .dialog_popup_wrapper #dialog_popup_close_x:focus { border: 1px solid #e4e4e7; box-shadow: white 0px 0px 0px 2px; }

#dialog #dialog_info, #dialog_popup #dialog_info { min-width: 400px; }

#dialog #dialog_info h2, #dialog_popup #dialog_info h2 { margin-bottom: 12px; }

#dialog #dialog_info p.title_sub, #dialog_popup #dialog_info p.title_sub { color: #71717a; font-weight: 500; font-size: 19px; letter-spacing: -0.6px; line-height: 32px; }

#dialog #dialog_info .label, #dialog_popup #dialog_info .label { color: #09090b; font-size: 14px; font-weight: 500; line-height: 14px; padding-bottom: 8px; }

#dialog #dialog_info .label_sub, #dialog_popup #dialog_info .label_sub { margin-bottom: 12px; }

#dialog #dialog_info .button, #dialog_popup #dialog_info .button { margin-bottom: 0; }

#dialog #dialog_end, #dialog #dialog_close, #dialog #dialog_popup_close, #dialog_popup #dialog_end, #dialog_popup #dialog_close, #dialog_popup #dialog_popup_close { align-self: flex-end; margin-top: auto; }

#dialog #dialog_extra, #dialog_popup #dialog_extra { width: 100%; padding-top: 24px; padding-bottom: 0; padding-top: 0; display: flex; flex-direction: row; align-items: flex-end; justify-content: flex-end; }

#dialog #dialog_extra #dialog_extra_buttons_right, #dialog_popup #dialog_extra #dialog_extra_buttons_right { display: flex; flex-direction: column; align-items: flex-start; width: 334px !important; row-gap: 24px; }

#dialog #dialog_extra #dialog_extra_buttons_right button, #dialog_popup #dialog_extra #dialog_extra_buttons_right button { margin-top: 0; margin-bottom: 0; width: 334px !important; align-self: right; }

#dialog .toggle_wrapper, #dialog_popup .toggle_wrapper { width: 334px; }

#dialog .item_wrapper, #dialog_popup .item_wrapper { max-width: 334px; margin-top: 12px; }

#dialog .item_wrapper input, #dialog_popup .item_wrapper input { margin-bottom: 12px; }

#dialog_popup p { line-height: 1lh; }

#dialog_popup .item_group_horizontal { margin-bottom: -24px; }

.icon_and_text_col { display: flex; flex-direction: column; row-gap: 18px; margin-bottom: 24px; }

.icon_and_text { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; column-gap: 12px; }

.icon_and_text svg { width: 16px; height: 16px; }

.icon_circle { padding: 3px; border-radius: 99px; display: flex; flex-direction: row; align-items: center; justify-content: center; border: 1px solid #155dfc; }

.icon_circle svg { width: 16px; height: 16px; color: #155dfc; }