@kubit-ui-web/react-components 2.0.0-beta.20 → 2.0.0-beta.22

package/dist/styles/kubit/css/kubit.css

@@ -643,21 +643,27 @@ body *:focus-visible { box-shadow: 0 0 0 0.25rem #fff; outline-color: #2C71DB; o
 .button__icon--large { height: var(--sizes-size-250); width: var(--sizes-size-250); }
 .button--small { font-size: var(--font-size-font-body-150); gap: var(--spacings-spacing-100); line-height: var(--line-height-line-height-250); padding-bottom: var(--spacings-spacing-150); padding-left: var(--spacings-spacing-250); padding-right: var(--spacings-spacing-250); padding-top: var(--spacings-spacing-150); }
 .button__icon--small { height: var(--sizes-size-200); width: var(--sizes-size-200); }
-.button--action_primary { padding-bottom: var(--spacings-spacing-0); padding-left: var(--spacings-spacing-0); padding-right: var(--spacings-spacing-0); padding-top: var(--spacings-spacing-0); -webkit-text-decoration: underline; text-decoration: underline; color: var(--colors-accent-color-accent-default-font-100); }
-.button--action_primary:active { color: var(--colors-accent-color-accent-default-font-100); -webkit-text-decoration: none; text-decoration: none; }
-.button--action_primary:disabled:hover { color: var(--colors-disabled-color-accentdisabled-font-100); }
-.button--action_primary:disabled { color: var(--colors-disabled-color-accentdisabled-font-100); }
-.button--action_primary:hover { background-color: var(--colors-pressed-color-accent-pressed-bg-100); color: var(--colors-pressed-color-accent-pressed-font-50); }
-.button--action_secondary { padding-bottom: var(--spacings-spacing-0); padding-left: var(--spacings-spacing-0); padding-right: var(--spacings-spacing-0); padding-top: var(--spacings-spacing-0); -webkit-text-decoration: underline; text-decoration: underline; color: var(--colors-accent-color-accent-default-font-50); }
-.button--action_secondary:active { color: var(--colors-accent-color-accent-default-font-50); -webkit-text-decoration: none; text-decoration: none; }
-.button--action_secondary:disabled:hover { color: var(--colors-disabled-color-accentdisabled-font-100); }
-.button--action_secondary:disabled { color: var(--colors-disabled-color-accentdisabled-font-100); }
-.button--action_secondary:hover { background-color: var(--colors-pressed-color-accent-pressed-bg-100); color: var(--colors-pressed-color-accent-pressed-font-150); }
-.button--action_secondary_alt { padding-bottom: var(--spacings-spacing-0); padding-left: var(--spacings-spacing-0); padding-right: var(--spacings-spacing-0); padding-top: var(--spacings-spacing-0); -webkit-text-decoration: underline; text-decoration: underline; color: var(--colors-accent-color-accent-default-font-150); }
-.button--action_secondary_alt:active { color: var(--colors-accent-color-accent-default-font-150); -webkit-text-decoration: none; text-decoration: none; }
-.button--action_secondary_alt:disabled:hover { color: var(--colors-disabled-color-accentdisabled-font-100); }
-.button--action_secondary_alt:disabled { color: var(--colors-disabled-color-accentdisabled-font-100); }
-.button--action_secondary_alt:hover { background-color: var(--colors-pressed-color-accent-pressed-bg-200); color: var(--colors-pressed-color-accent-pressed-font-100); }
+.button--alternative { border-radius: var(--borders-border-00); font-family: "Nunito Sans"; background-color: var(--colors-accent-color-accent-default-bg-50); border: var(--borders-border-100); border-color: var(--colors-accent-color-accent-default-border-150); border-style: solid; color: var(--colors-accent-color-accent-default-font-150); }
+.button--alternative:active { background-color: var(--colors-accent-color-accent-pressed-bg-150); color: var(--colors-accent-color-accent-default-font-150); -webkit-text-decoration: none; text-decoration: none; }
+.button--alternative:disabled:hover { background-color: var(--colors-disabled-color-accentdisabled-bg-50); border-color: var(--colors-disabled-color-accentdisabled-border-100); color: var(--colors-disabled-color-accentdisabled-font-100); }
+.button--alternative:disabled { background-color: var(--colors-disabled-color-accentdisabled-bg-50); border-color: var(--colors-disabled-color-accentdisabled-border-100); color: var(--colors-disabled-color-accentdisabled-font-100); }
+.button--alternative:hover { background-color: var(--colors-accent-color-accent-hover-bg-150); color: var(--colors-accent-color-accent-default-font-150); }
+.button--alternative[data-loading="true"] { background-color: var(--colors-accent-color-accent-loading-bg-150); border-color: var(--colors-accent-color-accent-loading-border-100); }
+.button--ghost_alt { padding-bottom: var(--spacings-spacing-0); padding-left: var(--spacings-spacing-0); padding-right: var(--spacings-spacing-0); padding-top: var(--spacings-spacing-0); -webkit-text-decoration: underline; text-decoration: underline; color: var(--colors-accent-color-accent-default-font-150); }
+.button--ghost_alt:active { color: var(--colors-accent-color-accent-default-font-150); -webkit-text-decoration: none; text-decoration: none; }
+.button--ghost_alt:disabled:hover { color: var(--colors-disabled-color-accentdisabled-font-100); }
+.button--ghost_alt:disabled { color: var(--colors-disabled-color-accentdisabled-font-100); }
+.button--ghost_alt:hover { background-color: var(--colors-pressed-color-accent-pressed-bg-200); color: var(--colors-pressed-color-accent-pressed-font-100); }
+.button--ghost_primary { padding-bottom: var(--spacings-spacing-0); padding-left: var(--spacings-spacing-0); padding-right: var(--spacings-spacing-0); padding-top: var(--spacings-spacing-0); -webkit-text-decoration: underline; text-decoration: underline; color: var(--colors-accent-color-accent-default-font-100); }
+.button--ghost_primary:active { color: var(--colors-accent-color-accent-default-font-100); -webkit-text-decoration: none; text-decoration: none; }
+.button--ghost_primary:disabled:hover { color: var(--colors-disabled-color-accentdisabled-font-100); }
+.button--ghost_primary:disabled { color: var(--colors-disabled-color-accentdisabled-font-100); }
+.button--ghost_primary:hover { background-color: var(--colors-pressed-color-accent-pressed-bg-100); color: var(--colors-pressed-color-accent-pressed-font-50); }
+.button--ghost_secondary { padding-bottom: var(--spacings-spacing-0); padding-left: var(--spacings-spacing-0); padding-right: var(--spacings-spacing-0); padding-top: var(--spacings-spacing-0); -webkit-text-decoration: underline; text-decoration: underline; color: var(--colors-accent-color-accent-default-font-50); }
+.button--ghost_secondary:active { color: var(--colors-accent-color-accent-default-font-50); -webkit-text-decoration: none; text-decoration: none; }
+.button--ghost_secondary:disabled:hover { color: var(--colors-disabled-color-accentdisabled-font-100); }
+.button--ghost_secondary:disabled { color: var(--colors-disabled-color-accentdisabled-font-100); }
+.button--ghost_secondary:hover { background-color: var(--colors-pressed-color-accent-pressed-bg-100); color: var(--colors-pressed-color-accent-pressed-font-150); }
 .button--primary { border-radius: var(--borders-border-00); font-family: "Nunito Sans"; background-color: var(--colors-accent-color-accent-default-bg-100); color: var(--colors-accent-color-accent-default-font-50); }
 .button--primary:active { background-color: var(--colors-accent-color-accent-pressed-bg-50); color: var(--colors-accent-color-accent-pressed-font-200); }
 .button--primary:disabled:hover { background-color: var(--colors-disabled-color-accentdisabled-bg-150); color: var(--colors-disabled-color-accentdisabled-icon-100); }
@@ -670,12 +676,6 @@ body *:focus-visible { box-shadow: 0 0 0 0.25rem #fff; outline-color: #2C71DB; o
 .button--secondary:disabled { background-color: var(--colors-disabled-color-accentdisabled-bg-150); border-color: var(--colors-disabled-color-accentdisabled-border-100); color: var(--colors-disabled-color-accentdisabled-font-100); }
 .button--secondary:hover { background-color: var(--colors-accent-color-accent-hover-bg-100); color: var(--colors-accent-color-accent-default-font-50); }
 .button--secondary[data-loading="true"] { background-color: var(--colors-accent-color-accent-loading-bg-100); border-color: var(--colors-accent-color-accent-loading-border-50); }
-.button--secondary_alt { border-radius: var(--borders-border-00); font-family: "Nunito Sans"; background-color: var(--colors-accent-color-accent-default-bg-50); border: var(--borders-border-100); border-color: var(--colors-accent-color-accent-default-border-150); border-style: solid; color: var(--colors-accent-color-accent-default-font-150); }
-.button--secondary_alt:active { background-color: var(--colors-accent-color-accent-pressed-bg-150); color: var(--colors-accent-color-accent-default-font-150); -webkit-text-decoration: none; text-decoration: none; }
-.button--secondary_alt:disabled:hover { background-color: var(--colors-disabled-color-accentdisabled-bg-50); border-color: var(--colors-disabled-color-accentdisabled-border-100); color: var(--colors-disabled-color-accentdisabled-font-100); }
-.button--secondary_alt:disabled { background-color: var(--colors-disabled-color-accentdisabled-bg-50); border-color: var(--colors-disabled-color-accentdisabled-border-100); color: var(--colors-disabled-color-accentdisabled-font-100); }
-.button--secondary_alt:hover { background-color: var(--colors-accent-color-accent-hover-bg-150); color: var(--colors-accent-color-accent-default-font-150); }
-.button--secondary_alt[data-loading="true"] { background-color: var(--colors-accent-color-accent-loading-bg-150); border-color: var(--colors-accent-color-accent-loading-border-100); }
 .button:disabled { cursor: not-allowed; }
 .button::after { content: 'attr(--data-content)'; display: none; visibility: hidden; }
 .button[data-full-width="true"] { width: 100%; }
@@ -832,42 +832,6 @@ body *:focus-visible { box-shadow: 0 0 0 0.25rem #fff; outline-color: #2C71DB; o
 .dot--alternative { align-items: center; display: inline-flex; justify-content: center; background-color: var(--colors-accent-color-accent-default-bg-150); border-color: var(--colors-accent-color-accent-default-border-100); border-style: solid; border-width: var(--borders-border-50); color: var(--colors-accent-color-accent-default-font-100); }
 .dot--with_border { align-items: center; display: inline-flex; justify-content: center; background-color: var(--colors-accent-color-accent-default-bg-100); border-color: var(--colors-accent-color-accent-default-border-150); border-style: solid; border-width: var(--borders-border-50); color: var(--colors-accent-color-accent-default-font-150); }
 .dot--without_border { align-items: center; display: inline-flex; justify-content: center; background-color: var(--colors-accent-color-accent-default-bg-100); color: var(--colors-accent-color-accent-default-font-150); }
-.dropdown_selected { display: flex; position: relative; }
-.dropdown_selected__buttonorlinkcontainer { align-items: center; cursor: pointer; display: flex; gap: var(--spacings-spacing-150); justify-content: space-between; width: var(--spacings-spacing-100-percent); }
-.dropdown_selected__iconclosed { height: var(--spacings-spacing-350); width: var(--spacings-spacing-350); }
-.dropdown_selected__iconopened { height: var(--spacings-spacing-350); width: var(--spacings-spacing-350); }
-.dropdown_selected__labelclosed { color: var(--colors-accent-color-accent-default-font-150); font-weight: var(--font-weight-font-weight-400); }
-.dropdown_selected__labelopened { color: var(--colors-accent-color-accent-default-font-150); font-weight: var(--font-weight-font-weight-400); }
-.dropdown_selected__listoptionscontainer { display: block; }
-.dropdown_selected--default { border-right: var(--spacings-spacing-25) solid var(--colors-neutral-color-neutral-border-50); }
-.dropdown_selected__buttonorlinkcontainer--default { background-color: var(--colors-neutral-color-neutral-bg-50); padding: var(--spacings-spacing-100) var(--spacings-spacing-150); }
-.dropdown_selected__iconclosed--default { color: var(--colors-neutral-color-neutral-font-250); }
-.dropdown_selected__iconopened--default { color: var(--colors-neutral-color-neutral-font-250); }
-.dropdown_selected__labelclosed--default { color: var(--colors-accent-color-accent-default-font-150); }
-.dropdown_selected__labelopened--default { color: var(--colors-accent-color-accent-default-font-150); }
-.dropdown_selected__listoptionscontainer--default { border: var(--spacings-spacing-50) solid var(--colors-neutral-color-neutral-border-50); box-shadow: var(--shadow-shadow-10); max-width: 15rem; }
-.dropdown_selected--side_menu { border-width: var(--borders-border-00); padding: var(--spacings-spacing-100); }
-.dropdown_selected__buttonorlinkcontainer--side_menu { background-color: var(--colors-neutral-color-neutral-bg-100); padding: var(--spacings-spacing-150); }
-.dropdown_selected__iconclosed--side_menu { color: var(--colors-neutral-color-neutral-font-250); }
-.dropdown_selected__iconopened--side_menu { color: var(--colors-neutral-color-neutral-font-250); }
-.dropdown_selected__labelclosed--side_menu { color: var(--colors-accent-color-accent-default-font-150); }
-.dropdown_selected__labelopened--side_menu { color: var(--colors-accent-color-accent-default-font-150); }
-.dropdown_selected__listoptionscontainer--side_menu { background-color: var(--colors-neutral-color-neutral-bg-250); border: 1px solid black; margin-top: var(--spacings-spacing-350); }
-.dropdown_selected--topbar { border-width: var(--borders-border-00); padding: var(--spacings-spacing-100); }
-.dropdown_selected__buttonorlinkcontainer--topbar { background-color: var(--colors-neutral-color-neutral-bg-100); padding: var(--spacings-spacing-150); }
-.dropdown_selected__iconclosed--topbar { color: var(--colors-neutral-color-neutral-font-250); }
-.dropdown_selected__iconopened--topbar { color: var(--colors-neutral-color-neutral-font-250); }
-.dropdown_selected__labelclosed--topbar { color: var(--colors-accent-color-accent-default-font-150); }
-.dropdown_selected__labelopened--topbar { color: var(--colors-accent-color-accent-default-font-150); }
-.dropdown_selected__listoptionscontainer--topbar { background-color: var(--colors-neutral-color-neutral-bg-250); border: 1px solid black; margin-top: var(--spacings-spacing-350); }
-.dropdown_selected--topbar_tab { display: flex; flex-direction: column; }
-.dropdown_selected__buttonorlinkcontainer--topbar_tab { background-color: var(--colors-neutral-color-neutral-bg-50); padding: var(--spacings-spacing-250); -webkit-text-decoration: none; text-decoration: none; }
-.dropdown_selected__buttonorlinkcontainer--topbar_tab:hover { background-color: var(--colors-neutral-color-neutral-bg-100); }
-.dropdown_selected__iconclosed--topbar_tab { color: var(--colors-neutral-color-neutral-icon-250); }
-.dropdown_selected__iconopened--topbar_tab { color: var(--colors-neutral-color-neutral-icon-250); }
-.dropdown_selected__labelclosed--topbar_tab { color: var(--colors-accent-color-accent-default-font-150); }
-.dropdown_selected__labelopened--topbar_tab { color: var(--colors-accent-color-accent-default-font-150); }
-.dropdown_selected__listoptionscontainer--topbar_tab { margin-top: var(--spacings-spacing-200); }
 .error_message { align-items: center; display: flex; gap: var(--spacings-spacing-100); }
 .error_message__icon { color: var(--colors-feedback-color-feedbackerror-icon-100); height: var(--sizes-size-150); width: var(--sizes-size-150); }
 .error_message__typography { color: var(--colors-feedback-color-feedbackerror-font-50); font-feature-settings: ; font-variant: PARAGRAPH_CAPTION_EXTENDED; font-weight: var(--font-weight-font-weight-400); }
@@ -1001,11 +965,6 @@ body *:focus-visible { box-shadow: 0 0 0 0.25rem #fff; outline-color: #2C71DB; o
 .modal__title { color: var(--colors-neutral-color-neutral-font-50); font-weight: var(--font-weight-font-weight-600); text-align: var(--text-align-center); }
 .modal__titlecontainer { flex-grow: 1; }
 .modal__titlehiddencontainer { display: none; }
-.navbar { display: flex; justify-content: space-between; }
-.navbar__itemcontainer { display: flex; gap: 1rem; }
-.navbar__itemcontainer[data-position="center"] { flex: 2; justify-content: center; }
-.navbar__itemcontainer[data-position="left"] { flex: 1; justify-content: flex-start; }
-.navbar__itemcontainer[data-position="right"] { flex: 1; justify-content: flex-end; }
 .option { cursor: pointer; display: flex; position: relative; -webkit-text-decoration: none; text-decoration: none; width: var(--spacings-spacing-100-percent); }
 .option__checkedicon { padding: var(--spacings-spacing-0); }
 .option__firstrowcontainer { align-items: center; display: flex; justify-content: space-between; }
@@ -1184,7 +1143,6 @@ body *:focus-visible { box-shadow: 0 0 0 0.25rem #fff; outline-color: #2C71DB; o
 .progress_bar__progressbar--medium { height: var(--spacings-spacing-150); }
 .progress_bar__bar--small { height: var(--spacings-spacing-100); }
 .progress_bar__progressbar--small { height: var(--spacings-spacing-100); }
-.progress_bar__barcontainer--interactive { cursor: pointer; }
 .radio_button { -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: var(--radius-radius-circle); border-style: solid; border-width: var(--borders-border-50); clear: both; cursor: pointer; display: inline-block; height: var(--spacings-spacing-300); position: relative; width: var(--spacings-spacing-300); }
 .radio_button__errormessage { padding: var(--spacings-spacing-0); }
 .radio_button__errormessagecontainer { margin: var(--spacings-spacing-0); }
@@ -1206,6 +1164,42 @@ body *:focus-visible { box-shadow: 0 0 0 0.25rem #fff; outline-color: #2C71DB; o
 .radio_button[data-state="disabled_selected"]::before { content: ''; background-color: var(--colors-disabled-color-accentdisabled-bg-50); }
 .radio_button[data-state="selected"] { background-color: var(--colors-neutral-color-neutral-bg-250); border-color: var(--colors-accent-color-accent-default-border-100); }
 .radio_button[data-state="selected"]::before { content: ''; background-color: var(--colors-accent-color-accent-default-icon-100); }
+.select { display: flex; position: relative; }
+.select__buttonorlinkcontainer { align-items: center; cursor: pointer; display: flex; gap: var(--spacings-spacing-150); justify-content: space-between; width: var(--spacings-spacing-100-percent); }
+.select__iconclosed { height: var(--spacings-spacing-350); width: var(--spacings-spacing-350); }
+.select__iconopened { height: var(--spacings-spacing-350); width: var(--spacings-spacing-350); }
+.select__labelclosed { color: var(--colors-accent-color-accent-default-font-150); font-weight: var(--font-weight-font-weight-400); }
+.select__labelopened { color: var(--colors-accent-color-accent-default-font-150); font-weight: var(--font-weight-font-weight-400); }
+.select__listoptionscontainer { display: block; }
+.select--default { border-right: var(--spacings-spacing-25) solid var(--colors-neutral-color-neutral-border-50); }
+.select__buttonorlinkcontainer--default { background-color: var(--colors-neutral-color-neutral-bg-50); padding: var(--spacings-spacing-100) var(--spacings-spacing-150); }
+.select__iconclosed--default { color: var(--colors-neutral-color-neutral-font-250); }
+.select__iconopened--default { color: var(--colors-neutral-color-neutral-font-250); }
+.select__labelclosed--default { color: var(--colors-accent-color-accent-default-font-150); }
+.select__labelopened--default { color: var(--colors-accent-color-accent-default-font-150); }
+.select__listoptionscontainer--default { border: var(--spacings-spacing-50) solid var(--colors-neutral-color-neutral-border-50); box-shadow: var(--shadow-shadow-10); max-width: 15rem; }
+.select--side_menu { border-width: var(--borders-border-00); padding: var(--spacings-spacing-100); }
+.select__buttonorlinkcontainer--side_menu { background-color: var(--colors-neutral-color-neutral-bg-100); padding: var(--spacings-spacing-150); }
+.select__iconclosed--side_menu { color: var(--colors-neutral-color-neutral-font-250); }
+.select__iconopened--side_menu { color: var(--colors-neutral-color-neutral-font-250); }
+.select__labelclosed--side_menu { color: var(--colors-accent-color-accent-default-font-150); }
+.select__labelopened--side_menu { color: var(--colors-accent-color-accent-default-font-150); }
+.select__listoptionscontainer--side_menu { background-color: var(--colors-neutral-color-neutral-bg-250); border: 1px solid black; margin-top: var(--spacings-spacing-350); }
+.select--topbar { border-width: var(--borders-border-00); padding: var(--spacings-spacing-100); }
+.select__buttonorlinkcontainer--topbar { background-color: var(--colors-neutral-color-neutral-bg-100); padding: var(--spacings-spacing-150); }
+.select__iconclosed--topbar { color: var(--colors-neutral-color-neutral-font-250); }
+.select__iconopened--topbar { color: var(--colors-neutral-color-neutral-font-250); }
+.select__labelclosed--topbar { color: var(--colors-accent-color-accent-default-font-150); }
+.select__labelopened--topbar { color: var(--colors-accent-color-accent-default-font-150); }
+.select__listoptionscontainer--topbar { background-color: var(--colors-neutral-color-neutral-bg-250); border: 1px solid black; margin-top: var(--spacings-spacing-350); }
+.select--topbar_tab { display: flex; flex-direction: column; }
+.select__buttonorlinkcontainer--topbar_tab { background-color: var(--colors-neutral-color-neutral-bg-50); padding: var(--spacings-spacing-250); -webkit-text-decoration: none; text-decoration: none; }
+.select__buttonorlinkcontainer--topbar_tab:hover { background-color: var(--colors-neutral-color-neutral-bg-100); }
+.select__iconclosed--topbar_tab { color: var(--colors-neutral-color-neutral-icon-250); }
+.select__iconopened--topbar_tab { color: var(--colors-neutral-color-neutral-icon-250); }
+.select__labelclosed--topbar_tab { color: var(--colors-accent-color-accent-default-font-150); }
+.select__labelopened--topbar_tab { color: var(--colors-accent-color-accent-default-font-150); }
+.select__listoptionscontainer--topbar_tab { margin-top: var(--spacings-spacing-200); }
 .selector_box_file { display: flex; flex-direction: column; width: var(--spacings-spacing-100-percent); }
 .selector_box_file__actionicon { display: inline; height: var(--spacings-spacing-350); margin-right: var(--spacings-spacing-350); width: var(--spacings-spacing-350); }
 .selector_box_file__actionicon[data-state="disabled"] { display: none; }
@@ -1411,15 +1405,8 @@ body *:focus-visible { box-shadow: 0 0 0 0.25rem #fff; outline-color: #2C71DB; o
 .tooltip__arrowcontainer { margin: 0rem; }
 .tooltip__arrowposition { margin: 0rem; }
 .tooltip__arrowsize { margin: 0rem; }
-.tooltip__closebuttoncontainer { margin: 0rem; }
-.tooltip__closebuttonicon { margin: 0rem; }
-.tooltip__divider { margin: 0rem; }
-.tooltip__dragicon { margin: 0rem; }
-.tooltip__dragiconcontainer { margin: 0rem; }
-.tooltip__headercontainer { margin: 0rem; }
 .tooltip__paragraph { margin: 0rem; }
 .tooltip__paragraphcontainer { margin: 0rem; }
-.tooltip__title { margin: 0rem; }
 .tooltip__tooltipalignstyles { margin: 0rem; }
 .tooltip__tooltipasmodal { margin: 0rem; }
 .tooltip__tooltipexternalcontainer { margin: 0rem; }
@@ -1427,12 +1414,8 @@ body *:focus-visible { box-shadow: 0 0 0 0.25rem #fff; outline-color: #2C71DB; o
 .tooltip__arrowcontainer--default { background-color: #767676; }
 .tooltip__arrowposition--default { top: 10px; }
 .tooltip__arrowsize--default { height: 10px; width: 10px; }
-.tooltip__closebuttoncontainer--default { margin-bottom: 1rem; }
-.tooltip__closebuttonicon--default { color: #FFFFFF; height: 2rem; width: 2rem; }
-.tooltip__headercontainer--default { flex-direction: column; }
 .tooltip__paragraph--default { font-weight: 400; text-align: left; color: #FFFFFF; }
 .tooltip__paragraphcontainer--default { flex-direction: column; }
-.tooltip__title--default { color: #FFFFFF; font-weight: 400; text-align: left; }
 .tooltip__tooltipexternalcontainer--default { box-sizing: border-box; display: none; padding: 0.75rem; position: absolute; z-index: 700; }
 .tooltip__tooltipinternalcontainer--default { background-color: #767676; border-radius: 0.25rem; box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.25); display: flex; flex-direction: column; max-height: 30rem; max-width: 20rem; padding: 1rem; width: -moz-max-content; width: max-content; }
 .virtual_keyboard { border-radius: var(--radius-radius-00) var(--radius-radius-00) var(--radius-radius-75) var(--radius-radius-75); border-style: solid; border-width: var(--borders-border-50); display: grid; grid-column-gap: var(--spacings-spacing-0); grid-row-gap: var(--spacings-spacing-0); grid-template-columns: repeat(6, 1fr); grid-template-rows: repeat(2, 1fr); min-width: 20.5rem; overflow: hidden; }
@@ -1461,9 +1444,6 @@ body *:focus-visible { box-shadow: 0 0 0 0.25rem #fff; outline-color: #2C71DB; o
 .chip__label { font-size: 0.875rem; line-height: 1.25rem; }
 .chip__rangeitemseparator { font-size: 0.875rem; line-height: 1.25rem; }
 .chip__rangeitemtext { font-size: 0.875rem; line-height: 1.25rem; }
-.dropdown_selected__labelclosed { font-size: 0.75rem; line-height: 1rem; }
-.dropdown_selected__labelopened { font-size: 0.75rem; line-height: 1rem; }
-.dropdown_selected__listoptionscontainer--default { max-width: 20rem; }
 .input_signature__placeholdertext { font-size: 0.875rem; line-height: 1.25rem; }
 .list_options__title--default { font-size: 1.25rem; line-height: 1.5rem; }
 .list_options__title--side_menu_section { font-size: 0.875rem; line-height: 1.25rem; }
@@ -1480,6 +1460,9 @@ body *:focus-visible { box-shadow: 0 0 0 0.25rem #fff; outline-color: #2C71DB; o
 .option__labelhighlighted--topbar { font-size: 0.75rem; line-height: 1rem; }
 .radio_button__label { font-size: 0.875rem; line-height: 1.25rem; }
 .radio_button__sublabel { font-size: 0.875rem; line-height: 1.25rem; }
+.select__labelclosed { font-size: 0.75rem; line-height: 1rem; }
+.select__labelopened { font-size: 0.75rem; line-height: 1rem; }
+.select__listoptionscontainer--default { max-width: 20rem; }
 .selector_box_file__containerboxactiontext[data-state="error"] { font-size: 0.875rem; line-height: 1.25rem; }
 .selector_box_file__containerboxactiontext[data-state="loading"] { font-size: 0.875rem; line-height: 1.25rem; }
 .selector_box_file__containerboxactiontext[data-state="success"] { font-size: 0.875rem; line-height: 1.25rem; }
@@ -1526,7 +1509,6 @@ body *:focus-visible { box-shadow: 0 0 0 0.25rem #fff; outline-color: #2C71DB; o
 .text_area__required { font-size: 0.75rem; line-height: 1rem; }
 .text_area__title { font-size: 0.75rem; line-height: 1rem; }
 .tooltip__paragraph--default { font-size: 0.875rem; line-height: 1.25rem; }
-.tooltip__title--default { font-size: 0.875rem; line-height: 1.25rem; }
 .virtual_keyboard__digittext { font-size: 1rem; line-height: 1.5rem; }
 }
 @media screen and (max-width: 767px) and (min-width: 240px) {
@@ -1543,13 +1525,6 @@ body *:focus-visible { box-shadow: 0 0 0 0.25rem #fff; outline-color: #2C71DB; o
 .chip__label { font-size: 0.75rem; line-height: 1rem; }
 .chip__rangeitemseparator { font-size: 0.75rem; line-height: 1rem; }
 .chip__rangeitemtext { font-size: 0.75rem; line-height: 1rem; }
-.dropdown_selected__labelclosed { font-size: 0.75rem; line-height: 1rem; }
-.dropdown_selected__labelopened { font-size: 0.75rem; line-height: 1rem; }
-.dropdown_selected__buttonorlinkcontainer--default { padding: var(--spacings-spacing-50) var(--spacings-spacing-100); }
-.dropdown_selected__listoptionscontainer--default { box-shadow: none; max-width: var(--spacings-spacing-100-percent); }
-.dropdown_selected__buttonorlinkcontainer--side_menu { padding: var(--spacings-spacing-100); }
-.dropdown_selected__buttonorlinkcontainer--topbar { padding: var(--spacings-spacing-100); }
-.dropdown_selected__buttonorlinkcontainer--topbar_tab { padding: var(--spacings-spacing-150); }
 .input_signature__placeholdertext { font-size: 0.75rem; line-height: 1rem; }
 .list_options__title--default { font-size: 1.125rem; line-height: 1.5rem; }
 .list_options--dropdown_selected_section { gap: var(--spacings-spacing-150); }
@@ -1568,6 +1543,13 @@ body *:focus-visible { box-shadow: 0 0 0 0.25rem #fff; outline-color: #2C71DB; o
 .option--topbar_tab { padding: var(--spacings-spacing-300); padding-left: var(--spacings-spacing-400); }
 .radio_button__label { font-size: 0.75rem; line-height: 1rem; }
 .radio_button__sublabel { font-size: 0.75rem; line-height: 1rem; }
+.select__labelclosed { font-size: 0.75rem; line-height: 1rem; }
+.select__labelopened { font-size: 0.75rem; line-height: 1rem; }
+.select__buttonorlinkcontainer--default { padding: var(--spacings-spacing-50) var(--spacings-spacing-100); }
+.select__listoptionscontainer--default { box-shadow: none; max-width: var(--spacings-spacing-100-percent); }
+.select__buttonorlinkcontainer--side_menu { padding: var(--spacings-spacing-100); }
+.select__buttonorlinkcontainer--topbar { padding: var(--spacings-spacing-100); }
+.select__buttonorlinkcontainer--topbar_tab { padding: var(--spacings-spacing-150); }
 .selector_box_file__containerboxactiontext[data-state="error"] { font-size: 0.75rem; line-height: 1rem; }
 .selector_box_file__containerboxactiontext[data-state="loading"] { font-size: 0.75rem; line-height: 1rem; }
 .selector_box_file__containerboxactiontext[data-state="success"] { font-size: 0.75rem; line-height: 1rem; }
@@ -1618,19 +1600,18 @@ body *:focus-visible { box-shadow: 0 0 0 0.25rem #fff; outline-color: #2C71DB; o
 .text_area__required { font-size: 0.75rem; line-height: 1rem; }
 .text_area__title { font-size: 0.75rem; line-height: 1rem; }
 .tooltip__paragraph--default { font-size: 0.75rem; line-height: 1rem; }
-.tooltip__title--default { font-size: 0.75rem; line-height: 1rem; }
 .tooltip__arrowcontainer--default { display: none; }
 .tooltip__tooltipinternalcontainer--default { border-radius: 0.25rem; max-height: 30rem; max-width: none; padding: 1rem; width: -moz-max-content; width: max-content; }
 .virtual_keyboard__digittext { font-size: 0.875rem; line-height: 1.25rem; }
 }
 @media screen and (max-width: 1024px) and (min-width: 768px) {
 .calendar { box-shadow: none; padding: var(--spacings-spacing-0); }
-.dropdown_selected__listoptionscontainer--default { max-width: 16rem; }
 .list_options--dropdown_selected_section { gap: var(--spacings-spacing-150); }
 .modal__content { padding-left: var(--spacings-spacing-400); padding-right: var(--spacings-spacing-400); }
 .modal__footer { width: calc(var(--spacings-spacing-100-percent) - (var(--spacings-spacing-400) + var(--spacings-spacing-400))); }
 .modal__headercontainer { padding: var(--spacings-spacing-300) var(--spacings-spacing-400) var(--spacings-spacing-400); }
 .modal { max-height: 100vh; max-width: 100vw; min-height: 16rem; min-width: 48rem; }
+.select__listoptionscontainer--default { max-width: 16rem; }
 .tooltip__paragraph--default { color: #1A1A1A; }
 }
 /* === END COMPONENTS === */