@kubit-ui-web/react-components 2.0.0-beta.3 → 2.0.0-beta.31

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

@@ -552,7 +552,6 @@ html, body, * { font-family: "Nunito Sans"; }
 .global-focus-visible:focus-visible { box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.6); outline: none; }
 body *:focus-visible { box-shadow: 0 0 0 0.25rem #fff; outline-color: #2C71DB; outline-offset: 0.25rem; outline-style: solid; outline-width: 0.25rem; }
 .kbt-global-focus { box-shadow: ; outline-color: ; outline-offset: ; outline-style: solid; outline-width: ; }
-
 /* === END FOUNDATIONS === */
 
 /* === BERNOVA COMPONENTS === */
@@ -564,6 +563,13 @@ body *:focus-visible { box-shadow: 0 0 0 0.25rem #fff; outline-color: #2C71DB; o
 .accordion__innercontent { min-height: 0; overflow: hidden; }
 .accordion--neutral { background-color: var(--colors-neutral-color-neutral-bg-200); }
 .accordion--standard { background-color: var(--colors-neutral-color-neutral-bg-250); }
+.alert__container { align-items: flex-start; border-radius: var(--radius-radius-00); border-style: solid; border-width: var(--borders-border-50); display: flex; flex-direction: row; gap: var(--spacings-spacing-150); justify-content: flex-start; padding: var(--spacings-spacing-300); position: relative; }
+.alert__contentcontainer { padding: var(--spacings-spacing-0); }
+.alert__description { color: var(--colors-neutral-color-neutral-font-150); font-weight: var(--font-weight-font-weight-400); word-break: break-word; }
+.alert__container--error { background-color: var(--colors-feedback-color-feedback-error-bg-50); border-color: var(--colors-feedback-color-feedbackerror-border-100); }
+.alert__container--informative { background-color: var(--colors-feedback-color-feedback-info-bg-50); border-color: var(--colors-feedback-color-feedbackinfo-border-100); }
+.alert__container--success { background-color: var(--colors-feedback-color-feedback-success-bg-50); border-color: var(--colors-feedback-color-feedbacksuccess-border-100); }
+.alert__container--warning { background-color: var(--colors-feedback-color-feedback-warning-bg-50); border-color: var(--colors-feedback-color-feedbackwarning-border-100); }
 .avatar { align-items: center; background-position: 50%, 50%; background-size: 100%; border-radius: var(--radius-radius-circle); cursor: pointer; display: inline-flex; justify-content: center; position: relative; -webkit-text-decoration: none; text-decoration: none; }
 .avatar__dot { display: flex; position: absolute; right: 0; top: 0; }
 .avatar__icon { display: block; }
@@ -635,25 +641,29 @@ body *:focus-visible { box-shadow: 0 0 0 0.25rem #fff; outline-color: #2C71DB; o
 .button__loader { align-items: center; display: flex; position: absolute; }
 .button--large { font-size: var(--font-size-font-body-100); gap: var(--spacings-spacing-150); line-height: var(--line-height-line-height-200); padding-bottom: var(--spacings-spacing-250); padding-left: var(--spacings-spacing-300); padding-right: var(--spacings-spacing-300); padding-top: var(--spacings-spacing-250); }
 .button__icon--large { height: var(--sizes-size-250); width: var(--sizes-size-250); }
-.button--medium { font-size: var(--font-size-font-body-100); gap: var(--spacings-spacing-150); line-height: var(--line-height-line-height-200); padding-bottom: var(--spacings-spacing-250); padding-left: var(--spacings-spacing-300); padding-right: var(--spacings-spacing-300); padding-top: var(--spacings-spacing-250); }
-.button__icon--medium { 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); }
@@ -666,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%; }
@@ -721,24 +725,22 @@ body *:focus-visible { box-shadow: 0 0 0 0.25rem #fff; outline-color: #2C71DB; o
 .calendar__yearelement[data-state="selected"] { background-color: var(--colors-accent-color-accent-default-border-100); border-radius: var(--radius-radius-50); }
 .calendar__yearlistitem { text-align: center; }
 .calendar__yearslist { display: grid; grid-gap: var(--spacings-spacing-300); gap: var(--spacings-spacing-300); grid-template-columns: repeat(4, 1fr); height: -moz-fit-content; height: fit-content; justify-content: space-between; left: var(--spacings-spacing-0); max-height: 18rem; overflow: auto; padding: var(--spacings-spacing-150); position: relative; top: var(--spacings-spacing-0); width: var(--spacings-spacing-100-percent); }
-.card_image { cursor: pointer; display: flex; flex-direction: column; }
-.card_image__content { display: flex; flex-direction: column; height: var(--spacings-spacing-100-percent); justify-content: space-between; padding: var(--spacings-spacing-150); }
-.card_image__description { color: var(--colors-neutral-color-neutral-bg-100); font-weight: var(--font-weight-font-weight-400); text-align: var(--text-align-left); }
-.card_image__descriptioncontainer { margin-bottom: var(--spacings-spacing-150); }
-.card_image__imagecontainer { background-position: var(--spacings-spacing-50-percent) var(--spacings-spacing-50-percent); background-size: auto; border-top-left-radius: var(--radius-radius-50); border-top-right-radius: var(--radius-radius-50); flex: 1; height: 12rem; max-height: 12rem; min-height: 12rem; }
-.card_image__linkcontainer { display: flex; justify-content: var(--text-align-left); }
-.card_image__textcontainer { padding: var(--spacings-spacing-0); }
-.card_image__title { color: var(--colors-neutral-color-neutral-bg-100); font-weight: var(--font-weight-font-weight-600); }
-.card_image__titlecontainer { margin-bottom: var(--spacings-spacing-150); }
-.card_image--alternative { background-color: var(--colors-neutral-color-neutral-bg-100); border-radius: var(--radius-radius-50); }
-.card_image--default { background-color: var(--colors-neutral-color-neutral-bg-100); border-radius: var(--radius-radius-50); box-shadow: var(--shadow-shadow-10); }
+.card { border-radius: var(--radius-radius-00); border-style: solid; border-width: var(--borders-border-50); cursor: default; display: flex; flex-direction: column; overflow: hidden; transition: all 0.2s ease-in-out; }
+.card__content { padding: var(--spacings-spacing-400); }
+.card__footer { padding: var(--spacings-spacing-400); padding-top: var(--spacings-spacing-0); }
+.card__header { padding: var(--spacings-spacing-400); padding-bottom: var(--spacings-spacing-0); }
+.card--default { background-color: var(--colors-neutral-color-neutral-bg-250); border-color: var(--colors-neutral-color-neutral-border-50); }
+.card__footer--default { color: var(--colors-neutral-color-neutral-icon-50); }
+.card__header--default { font-weight: var(--font-weight-font-weight-600); }
+.card--default:hover { box-shadow: var(--shadow-shadow-10); transform: translateY(-2px); }
+.card--default[data-state="selected"] { border-color: var(--colors-brand-color-brand-border-100); box-shadow: var(--shadow-shadow-10); }
 .carousel { display: flex; }
 .carousel__content { align-items: stretch; display: flex; flex-direction: row; gap: var(--spacings-spacing-300); left: 0; position: relative; }
 .carousel__content[data-center-mode="true"] > * { transform: scale(0.85); transition: transform 0.5s ease-out; }
 .carousel__content[data-center-mode="true"] > *[data-highlighted] { transform: scale(1); }
 .carousel__content[data-shifting="true"] { transition: left 0.5s ease-out; }
 .carousel__content > * { flex-shrink: 0; }
-.carousel__viewer { cursor: grab; overflow: hidden; position: relative; padding: 0.5rem; }
+.carousel__viewer { cursor: grab; overflow: hidden; padding: 0.5rem; position: relative; }
 .carousel__viewer[data-allow-modify-slice-width="false"] { width: 0px; }
 .carousel__viewer[data-allow-modify-slice-width="true"] { width: 100%; }
 .carousel__viewer[data-disabled="true"] { cursor: default; }
@@ -807,13 +809,6 @@ body *:focus-visible { box-shadow: 0 0 0 0.25rem #fff; outline-color: #2C71DB; o
 .chip__rangeitemtext--default[data-state="error"] { color: var(--colors-feedback-color-feedbackerror-font-50); }
 .chip--default[data-state="disabled"] { background-color: var(--colors-disabled-color-accentdisabled-bg-150); border-color: var(--colors-disabled-color-accentdisabled-border-50); }
 .chip--default[data-state="error"] { background-color: var(--colors-neutral-color-neutral-bg-250); border-color: var(--colors-feedback-color-feedbackerror-border-100); }
-.container { padding: var(--spacings-spacing-0); }
-.container__content { display: flex; flex-wrap: wrap; grid-column-gap: var(--spacings-spacing-500); grid-row-gap: var(--spacings-spacing-400); padding-bottom: var(--spacings-spacing-400); padding-left: var(--spacings-spacing-700); padding-right: var(--spacings-spacing-700); padding-top: var(--spacings-spacing-400); width: 100%; }
-.container__header { padding: var(--spacings-spacing-0); }
-.container__title { padding: var(--spacings-spacing-0); }
-.container--alternative { background-color: var(--colors-neutral-color-neutral-bg-50); }
-.container--default { background-color: var(--colors-neutral-color-neutral-bg-200); }
-.container--secondary { background-color: var(--colors-secondary-color-secondary-bg-250); }
 .data_table { display: block; position: relative; width: var(--spacings-spacing-100-percent); }
 .data_table__headboxshadow { box-shadow: 0 2px 4px 0 #d62c2c; }
 .data_table__leftboxshadow { box-shadow: rgb(214, 44, 44) 8px 0px 5px -7px inset; }
@@ -828,42 +823,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); }
@@ -981,34 +940,6 @@ body *:focus-visible { box-shadow: 0 0 0 0.25rem #fff; outline-color: #2C71DB; o
 .list_options__titlecontainer { padding: var(--spacings-spacing-0); }
 .list_options__title--default { color: var(--colors-neutral-color-neutral-font-50); font-weight: var(--font-weight-font-weight-600); }
 .list_options__titlecontainer--default { padding: var(--spacings-spacing-0) var(--spacings-spacing-150) var(--spacings-spacing-0) var(--spacings-spacing-150); }
-.list_options__optionscontainer--dropdown_selected_section { gap: var(--spacings-spacing-150); padding: var(--spacings-spacing-100) var(--spacings-spacing-0); }
-.list_options__optionscontainer--side_menu_section { gap: var(--spacings-spacing-100); }
-.list_options__title--side_menu_section { color: var(--colors-neutral-color-neutral-font-50); font-weight: var(--font-weight-font-weight-400); }
-.list_options__titlecontainer--side_menu_section { border-bottom: var(--borders-border-50) solid var(--colors-neutral-color-neutral-border-200); margin: var(--spacings-spacing-0) var(--spacings-spacing-300) var(--spacings-spacing-100) var(--spacings-spacing-0); padding: var(--spacings-spacing-150) var(--spacings-spacing-300) var(--spacings-spacing-150) calc(var(--spacings-spacing-300) + var(--borders-border-200)); }
-.message { padding: var(--spacings-spacing-0); }
-.message__actionbuttoncontainer { padding: var(--spacings-spacing-0); }
-.message__buttonsectioncontainer { align-items: flex-start; display: flex; flex-direction: column; width: var(--spacings-spacing-100-percent); }
-.message__closeicon { height: var(--sizes-size-250); width: var(--sizes-size-250); }
-.message__container { align-items: flex-start; border-radius: var(--radius-radius-00); border-style: solid; border-width: var(--borders-border-50); display: flex; flex-direction: row; gap: var(--spacings-spacing-150); justify-content: flex-start; padding: var(--spacings-spacing-300); position: relative; }
-.message__contentcontainer { padding: var(--spacings-spacing-0); }
-.message__contentcontainerlargemessage { padding: var(--spacings-spacing-0); }
-.message__description { color: var(--colors-neutral-color-neutral-font-150); font-weight: var(--font-weight-font-weight-400); word-break: break-word; }
-.message__extraactionbuttoncontainer { padding: var(--spacings-spacing-0); }
-.message__headercontainer { align-items: flex-start; display: flex; flex-direction: column; gap: var(--spacings-spacing-300); }
-.message__headercontainerlargemessage { padding: var(--spacings-spacing-0); }
-.message__infoicon { height: var(--sizes-size-250); width: var(--sizes-size-250); }
-.message__linkcontainer { padding: var(--spacings-spacing-0); }
-.message__linkscontainer { display: flex; gap: var(--spacings-spacing-150); }
-.message__title { color: var(--colors-neutral-color-neutral-font-50); font-weight: var(--font-weight-font-weight-500); word-break: break-word; }
-.message__titlecontainer { display: flex; flex-direction: column; word-break: break-word; }
-.message__container--error { background-color: var(--colors-feedback-color-feedback-error-bg-50); border-color: var(--colors-feedback-color-feedbackerror-border-100); }
-.message__infoicon--error { color: var(--colors-feedback-color-feedbackerror-icon-100); }
-.message__container--informative { background-color: var(--colors-feedback-color-feedback-info-bg-50); border-color: var(--colors-feedback-color-feedbackinfo-border-100); }
-.message__infoicon--informative { color: var(--colors-feedback-color-feedbackinfo-border-100); }
-.message__container--success { background-color: var(--colors-feedback-color-feedback-success-bg-50); border-color: var(--colors-feedback-color-feedbacksuccess-border-100); }
-.message__infoicon--success { color: var(--colors-feedback-color-feedbacksuccess-icon-100); }
-.message__container--warning { background-color: var(--colors-feedback-color-feedback-warning-bg-50); border-color: var(--colors-feedback-color-feedbackwarning-border-100); }
-.message__infoicon--warning { color: var(--colors-feedback-color-feedback-warning-icon-50); }
 .modal { align-items: center; background-color: var(--colors-neutral-color-neutral-bg-250); border-radius: var(--radius-radius-50); box-sizing: border-box; display: flex; flex-flow: column nowrap; overflow-y: auto; }
 .modal__closebuttoncontainer { display: flex; justify-content: flex-end; }
 .modal__closebuttonicon { color: var(--colors-neutral-color-neutral-icon-50); height: var(--sizes-size-250); width: var(--sizes-size-250); }
@@ -1021,11 +952,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; }
@@ -1035,134 +961,31 @@ body *:focus-visible { box-shadow: 0 0 0 0.25rem #fff; outline-color: #2C71DB; o
 .option__labeliconcontainer { align-items: flex-start; display: flex; }
 .option__sublabel { padding: var(--spacings-spacing-0); }
 .option__sublabelcontainer { padding: var(--spacings-spacing-0); }
-.option--code_viewer_subtheme { background-color: var(--colors-neutral-color-neutral-bg-250); border-left: var(--borders-border-200) solid var(--colors-neutral-color-neutral-bg-250); padding: var(--spacings-spacing-250) var(--spacings-spacing-300); }
-.option__label--code_viewer_subtheme { color: var(--colors-neutral-color-neutral-font-50); font-weight: var(--font-weight-font-weight-400); }
-.option__label--code_viewer_subtheme[data-state="disabled"] { color: var(--colors-neutral-color-neutral-font-50); font-weight: var(--font-weight-font-weight-400); }
-.option__label--code_viewer_subtheme[data-state="filling"] { color: var(--colors-neutral-color-neutral-font-50); font-weight: var(--font-weight-font-weight-400); }
-.option__label--code_viewer_subtheme[data-state="hover"] { color: var(--colors-neutral-color-neutral-font-50); font-weight: var(--font-weight-font-weight-400); }
-.option__label--code_viewer_subtheme[data-state="multiple_selected"] { color: var(--colors-neutral-color-neutral-font-50); font-weight: var(--font-weight-font-weight-600); }
-.option__label--code_viewer_subtheme[data-state="multiple_selected_hover"] { color: var(--colors-neutral-color-neutral-font-50); font-weight: var(--font-weight-font-weight-600); }
-.option__label--code_viewer_subtheme[data-state="selected"] { color: var(--colors-neutral-color-neutral-font-50); font-weight: var(--font-weight-font-weight-600); }
-.option__label--code_viewer_subtheme[data-state="selected_hover"] { color: var(--colors-neutral-color-neutral-font-50); font-weight: var(--font-weight-font-weight-600); }
-.option--code_viewer_subtheme[data-state="disabled"] { background-color: var(--colors-accent-color-accent-default-bg-150); border-left: var(--borders-border-200) solid var(--colors-accent-color-accent-default-bg-150); }
-.option--code_viewer_subtheme[data-state="filling"] { background-color: var(--colors-neutral-color-neutral-bg-250); border-left: var(--borders-border-200) solid var(--colors-neutral-color-neutral-bg-250); }
-.option--code_viewer_subtheme[data-state="hover"] { background-color: var(--colors-neutral-color-neutral-bg-200); border-left: var(--borders-border-200) solid var(--colors-neutral-color-neutral-bg-200); }
-.option--code_viewer_subtheme[data-state="multiple_selected"] { background-color: var(--colors-neutral-color-neutral-bg-200); border-left: var(--borders-border-200) solid var(--colors-brand-color-brand-border-50); }
-.option--code_viewer_subtheme[data-state="multiple_selected_hover"] { background-color: var(--colors-neutral-color-neutral-bg-200); border-left: var(--borders-border-200) solid var(--colors-brand-color-brand-border-50); }
-.option--code_viewer_subtheme[data-state="selected"] { background-color: var(--colors-neutral-color-neutral-bg-200); border-left: var(--borders-border-200) solid var(--colors-brand-color-brand-border-50); }
-.option--code_viewer_subtheme[data-state="selected_hover"] { background-color: var(--colors-neutral-color-neutral-bg-200); border-left: var(--borders-border-200) solid var(--colors-brand-color-brand-border-50); }
-.option--input_dropdown { background-color: var(--colors-neutral-color-neutral-bg-250); border-bottom: var(--borders-border-200) solid var(--colors-neutral-color-neutral-bg-250); padding: var(--spacings-spacing-300); }
-.option__icon--input_dropdown { color: var(--colors-neutral-color-neutral-icon-50); }
-.option__icon--input_dropdown[data-state="disabled"] { color: var(--colors-neutral-color-neutral-icon-100); }
-.option__icon--input_dropdown[data-state="filling"] { color: var(--colors-neutral-color-neutral-icon-50); }
-.option__icon--input_dropdown[data-state="hover"] { color: var(--colors-neutral-color-neutral-icon-50); }
-.option__icon--input_dropdown[data-state="multiple_selected"] { color: var(--colors-neutral-color-neutral-icon-50); }
-.option__icon--input_dropdown[data-state="multiple_selected_hover"] { color: var(--colors-neutral-color-neutral-icon-50); }
-.option__icon--input_dropdown[data-state="selected"] { color: var(--colors-neutral-color-neutral-icon-50); }
-.option__icon--input_dropdown[data-state="selected_hover"] { color: var(--colors-neutral-color-neutral-icon-50); }
-.option__label--input_dropdown { color: var(--colors-neutral-color-neutral-font-50); font-weight: var(--font-weight-font-weight-400); }
-.option__label--input_dropdown[data-state="disabled"] { color: var(--colors-neutral-color-neutral-font-50); }
-.option__label--input_dropdown[data-state="filling"] { color: var(--colors-neutral-color-neutral-font-50); }
-.option__label--input_dropdown[data-state="hover"] { color: var(--colors-neutral-color-neutral-font-50); }
-.option__label--input_dropdown[data-state="multiple_selected"] { color: var(--colors-neutral-color-neutral-font-50); font-weight: var(--font-weight-font-weight-600); }
-.option__label--input_dropdown[data-state="multiple_selected_hover"] { color: var(--colors-neutral-color-neutral-font-50); font-weight: var(--font-weight-font-weight-600); }
-.option__label--input_dropdown[data-state="selected"] { color: var(--colors-neutral-color-neutral-font-50); font-weight: var(--font-weight-font-weight-600); }
-.option__label--input_dropdown[data-state="selected_hover"] { color: var(--colors-neutral-color-neutral-font-50); font-weight: var(--font-weight-font-weight-600); }
-.option__labeliconcontainer--input_dropdown { gap: var(--spacings-spacing-150); }
-.option--input_dropdown[data-state="disabled"] { background-color: var(--colors-accent-color-accent-default-bg-150); border-left: var(--borders-border-200) solid var(--colors-accent-color-accent-default-bg-150); }
-.option--input_dropdown[data-state="filling"] { background-color: var(--colors-neutral-color-neutral-bg-250); border-left: var(--borders-border-200) solid var(--colors-neutral-color-neutral-bg-250); }
-.option--input_dropdown[data-state="hover"] { background-color: var(--colors-neutral-color-neutral-bg-200); border-left: var(--borders-border-200) solid var(--colors-neutral-color-neutral-bg-200); }
-.option--input_dropdown[data-state="multiple_selected"] { background-color: var(--colors-neutral-color-neutral-bg-200); border-left: var(--borders-border-200) solid var(--colors-brand-color-brand-border-50); }
-.option--input_dropdown[data-state="multiple_selected_hover"] { background-color: var(--colors-neutral-color-neutral-bg-200); border-left: var(--borders-border-200) solid var(--colors-brand-color-brand-border-50); }
-.option--input_dropdown[data-state="selected"] { background-color: var(--colors-neutral-color-neutral-bg-200); border-left: var(--borders-border-200) solid var(--colors-brand-color-brand-border-50); }
-.option--input_dropdown[data-state="selected_hover"] { background-color: var(--colors-neutral-color-neutral-bg-200); border-left: var(--borders-border-200) solid var(--colors-brand-color-brand-border-50); }
-.option--input_option { background-color: var(--colors-neutral-color-neutral-bg-250); border-left: var(--borders-border-200) solid var(--colors-neutral-color-neutral-bg-250); padding: var(--spacings-spacing-150) var(--spacings-spacing-300); }
-.option__icon--input_option { color: var(--colors-neutral-color-neutral-icon-50); }
-.option__label--input_option { color: var(--colors-neutral-color-neutral-font-50); font-weight: var(--font-weight-font-weight-400); }
-.option__labelhighlighted--input_option { color: var(--colors-neutral-color-neutral-font-50); font-weight: var(--font-weight-font-weight-600); }
-.option__labeliconcontainer--input_option { gap: var(--spacings-spacing-150); }
-.option__sublabel--input_option { color: var(--colors-neutral-color-neutral-font-50); font-weight: var(--font-weight-font-weight-400); }
-.option--input_option[data-state="disabled"] { background-color: var(--colors-accent-color-accent-default-bg-150); border-left: var(--borders-border-200) solid var(--colors-accent-color-accent-default-bg-150); }
-.option--input_option[data-state="filling"] { background-color: var(--colors-neutral-color-neutral-bg-250); border-left: var(--borders-border-200) solid var(--colors-neutral-color-neutral-bg-250); }
-.option--input_option[data-state="hover"] { background-color: var(--colors-neutral-color-neutral-bg-200); border-left: var(--borders-border-200) solid var(--colors-neutral-color-neutral-bg-200); }
-.option--input_option[data-state="multiple_selected"] { background-color: var(--colors-neutral-color-neutral-bg-200); border-left: var(--borders-border-200) solid var(--colors-brand-color-brand-border-50); }
-.option--input_option[data-state="multiple_selected_hover"] { background-color: var(--colors-neutral-color-neutral-bg-200); border-left: var(--borders-border-200) solid var(--colors-brand-color-brand-border-50); }
-.option--input_option[data-state="selected"] { background-color: var(--colors-neutral-color-neutral-bg-200); border-left: var(--borders-border-200) solid var(--colors-brand-color-brand-border-50); }
-.option--input_option[data-state="selected_hover"] { background-color: var(--colors-neutral-color-neutral-bg-200); border-left: var(--borders-border-200) solid var(--colors-brand-color-brand-border-50); }
-.option--input_option_hightlighted { background-color: var(--colors-neutral-color-neutral-bg-250); border-left: var(--borders-border-200) solid var(--colors-neutral-color-neutral-bg-250); padding: var(--spacings-spacing-150) var(--spacings-spacing-300); }
-.option__icon--input_option_hightlighted { color: var(--colors-neutral-color-neutral-icon-50); }
-.option__label--input_option_hightlighted { color: var(--colors-neutral-color-neutral-font-50); font-weight: var(--font-weight-font-weight-600); }
-.option__labelhighlighted--input_option_hightlighted { color: var(--colors-neutral-color-neutral-font-50); font-weight: var(--font-weight-font-weight-600); }
-.option__labeliconcontainer--input_option_hightlighted { gap: var(--spacings-spacing-150); }
-.option__sublabel--input_option_hightlighted { color: var(--colors-neutral-color-neutral-font-50); font-weight: var(--font-weight-font-weight-400); }
-.option--input_option_hightlighted[data-state="disabled"] { background-color: var(--colors-accent-color-accent-default-bg-150); border-left: var(--borders-border-200) solid var(--colors-accent-color-accent-default-bg-150); }
-.option--input_option_hightlighted[data-state="filling"] { background-color: var(--colors-neutral-color-neutral-bg-250); border-left: var(--borders-border-200) solid var(--colors-neutral-color-neutral-bg-250); }
-.option--input_option_hightlighted[data-state="hover"] { background-color: var(--colors-neutral-color-neutral-bg-200); border-left: var(--borders-border-200) solid var(--colors-neutral-color-neutral-bg-200); }
-.option--input_option_hightlighted[data-state="multiple_selected"] { background-color: var(--colors-neutral-color-neutral-bg-200); border-left: var(--borders-border-200) solid var(--colors-brand-color-brand-border-50); }
-.option--input_option_hightlighted[data-state="multiple_selected_hover"] { background-color: var(--colors-neutral-color-neutral-bg-200); border-left: var(--borders-border-200) solid var(--colors-brand-color-brand-border-50); }
-.option--input_option_hightlighted[data-state="selected"] { background-color: var(--colors-neutral-color-neutral-bg-200); border-left: var(--borders-border-200) solid var(--colors-brand-color-brand-border-50); }
-.option--input_option_hightlighted[data-state="selected_hover"] { background-color: var(--colors-neutral-color-neutral-bg-200); border-left: var(--borders-border-200) solid var(--colors-brand-color-brand-border-50); }
-.option--inverted { background-color: var(--colors-neutral-color-neutral-bg-200); border-radius: var(--radius-radius-50); padding-bottom: var(--spacings-spacing-250); padding-left: var(--spacings-spacing-50); padding-right: var(--spacings-spacing-50); padding-top: var(--spacings-spacing-250); }
-.option__label--inverted { color: var(--colors-neutral-color-neutral-font-100); font-weight: var(--font-weight-font-weight-400); }
-.option__label--inverted[data-state="multiple_selected"] { font-weight: var(--font-weight-font-weight-600); }
-.option__label--inverted[data-state="multiple_selected_hover"] { font-weight: var(--font-weight-font-weight-600); }
-.option__label--inverted[data-state="selected"] { font-weight: var(--font-weight-font-weight-600); }
-.option__label--inverted[data-state="selected_hover"] { font-weight: var(--font-weight-font-weight-600); }
-.option--inverted::before { content: ''; right: var(--spacings-spacing-300); }
-.option--inverted[data-state="disabled"] { background-color: var(--colors-neutral-color-neutral-bg-200); }
-.option--inverted[data-state="filling"] { background-color: var(--colors-neutral-color-neutral-bg-200); }
-.option--inverted[data-state="hover"] { background-color: var(--colors-neutral-color-neutral-bg-200); }
-.option--inverted[data-state="multiple_selected"] { background-color: var(--colors-neutral-color-neutral-bg-200); }
-.option--inverted[data-state="multiple_selected_hover"] { background-color: var(--colors-neutral-color-neutral-bg-200); }
-.option--inverted[data-state="selected"] { background-color: var(--colors-neutral-color-neutral-bg-200); }
-.option--inverted[data-state="selected_hover"] { background-color: var(--colors-neutral-color-neutral-bg-200); }
-.option--side_menu_level_1 { background-color: var(--colors-neutral-color-neutral-bg-250); border-left: var(--borders-border-200) solid var(--colors-neutral-color-neutral-bg-250); padding: var(--spacings-spacing-150) var(--spacings-spacing-300); }
-.option__icon--side_menu_level_1 { color: var(--colors-neutral-color-neutral-icon-50); }
-.option__icon--side_menu_level_1[data-state="disabled"] { color: var(--colors-neutral-color-neutral-icon-100); }
-.option__label--side_menu_level_1 { color: var(--colors-neutral-color-neutral-font-50); font-weight: var(--font-weight-font-weight-400); }
-.option__label--side_menu_level_1[multiple_selected="true"] { font-weight: var(--font-weight-font-weight-600); }
-.option__label--side_menu_level_1[multiple_selected_hover="true"] { font-weight: var(--font-weight-font-weight-600); }
-.option__label--side_menu_level_1[selected="true"] { font-weight: var(--font-weight-font-weight-600); }
-.option__label--side_menu_level_1[selected_hover="true"] { font-weight: var(--font-weight-font-weight-600); }
-.option__labeliconcontainer--side_menu_level_1 { gap: var(--spacings-spacing-150); }
-.option--side_menu_level_1[data-state="disabled"] { background-color: var(--colors-accent-color-accent-default-bg-150); border-left: var(--borders-border-200) solid var(--colors-accent-color-accent-default-bg-150); }
-.option--side_menu_level_1[data-state="filling"] { background-color: var(--colors-neutral-color-neutral-bg-250); border-left: var(--borders-border-200) solid var(--colors-neutral-color-neutral-bg-250); }
-.option--side_menu_level_1[data-state="hover"] { background-color: var(--colors-neutral-color-neutral-bg-200); border-left: var(--borders-border-200) solid var(--colors-neutral-color-neutral-bg-200); }
-.option--side_menu_level_1[data-state="multiple_selected"] { background-color: var(--colors-neutral-color-neutral-bg-200); border-left: var(--borders-border-200) solid var(--colors-brand-color-brand-border-50); }
-.option--side_menu_level_1[data-state="multiple_selected_hover"] { background-color: var(--colors-neutral-color-neutral-bg-200); border-left: var(--borders-border-200) solid var(--colors-brand-color-brand-border-50); }
-.option--side_menu_level_1[data-state="selected"] { background-color: var(--colors-neutral-color-neutral-bg-200); border-left: var(--borders-border-200) solid var(--colors-brand-color-brand-border-50); }
-.option--side_menu_level_1[data-state="selected_hover"] { background-color: var(--colors-neutral-color-neutral-bg-200); border-left: var(--borders-border-200) solid var(--colors-brand-color-brand-border-50); }
-.option--side_menu_level_2 { background-color: var(--colors-neutral-color-neutral-bg-250); border-left: var(--borders-border-100) solid var(--colors-neutral-color-neutral-bg-250); padding-bottom: var(--spacings-spacing-150); padding-left: var(--spacings-spacing-400); padding-right: var(--spacings-spacing-150); padding-top: var(--spacings-spacing-150); }
-.option__label--side_menu_level_2 { color: var(--colors-neutral-color-neutral-font-50); font-weight: var(--font-weight-font-weight-400); }
-.option__label--side_menu_level_2[data-state="multiple_selected"] { font-weight: var(--font-weight-font-weight-600); }
-.option__label--side_menu_level_2[data-state="multiple_selected_hover"] { font-weight: var(--font-weight-font-weight-600); }
-.option__label--side_menu_level_2[data-state="selected"] { font-weight: var(--font-weight-font-weight-600); }
-.option__label--side_menu_level_2[data-state="selected_hover"] { font-weight: var(--font-weight-font-weight-600); }
-.option--side_menu_level_2[data-state="disabled"] { border-left: var(--borders-border-100) solid var(--colors-neutral-color-neutral-bg-250); }
-.option--side_menu_level_2[data-state="filling"] { border-left: var(--borders-border-100) solid var(--colors-neutral-color-neutral-bg-250); }
-.option--side_menu_level_2[data-state="hover"] { border-left: var(--borders-border-100) solid var(--colors-neutral-color-neutral-icon-200); }
-.option--side_menu_level_2[data-state="multiple_selected"] { border-left: var(--borders-border-100) solid var(--colors-brand-color-brand-border-50); }
-.option--side_menu_level_2[data-state="multiple_selected_hover"] { border-left: var(--borders-border-100) solid var(--colors-brand-color-brand-border-50); }
-.option--side_menu_level_2[data-state="selected"] { border-left: var(--borders-border-100) solid var(--colors-brand-color-brand-border-50); }
-.option--side_menu_level_2[data-state="selected_hover"] { border-left: var(--borders-border-100) solid var(--colors-brand-color-brand-border-50); }
-.option--topbar { padding-left: var(--spacings-spacing-150); padding-top: var(--spacings-spacing-100); }
-.option__label--topbar { color: var(--colors-neutral-color-neutral-font-250); font-weight: var(--font-weight-font-weight-400); }
-.option__label--topbar[data-state="multiple_selected"] { font-weight: var(--font-weight-font-weight-600); }
-.option__label--topbar[data-state="multiple_selected_hover"] { font-weight: var(--font-weight-font-weight-600); }
-.option__label--topbar[data-state="selected"] { font-weight: var(--font-weight-font-weight-600); }
-.option__label--topbar[data-state="selected_hover"] { font-weight: var(--font-weight-font-weight-600); }
-.option__labelhighlighted--topbar { font-weight: var(--font-weight-font-weight-400); }
-.option--topbar_tab { background-color: var(--colors-neutral-color-neutral-bg-50); cursor: pointer; padding: var(--spacings-spacing-250) var(--spacings-spacing-300); }
-.option__label--topbar_tab { color: var(--colors-neutral-color-neutral-font-250); font-weight: var(--font-weight-font-weight-400); }
-.option__label--topbar_tab[data-state="multiple_selected"] { font-weight: var(--font-weight-font-weight-600); }
-.option__label--topbar_tab[data-state="multiple_selected_hover"] { font-weight: var(--font-weight-font-weight-600); }
-.option__label--topbar_tab[data-state="selected"] { font-weight: var(--font-weight-font-weight-600); }
-.option__label--topbar_tab[data-state="selected_hover"] { font-weight: var(--font-weight-font-weight-600); }
-.option--topbar_tab[data-state="hover"] { background-color: var(--colors-neutral-color-neutral-bg-100); }
-.option--topbar_tab[data-state="multiple_selected"] { background-color: var(--colors-neutral-color-neutral-bg-100); }
-.option--topbar_tab[data-state="multiple_selected_hover"] { background-color: var(--colors-neutral-color-neutral-bg-100); }
-.option--topbar_tab[data-state="selected"] { background-color: var(--colors-neutral-color-neutral-bg-100); }
-.option--topbar_tab[data-state="selected_hover"] { background-color: var(--colors-neutral-color-neutral-bg-100); }
+.option--default { background-color: var(--colors-neutral-color-neutral-bg-250); border-bottom: var(--borders-border-200) solid var(--colors-neutral-color-neutral-bg-250); padding: var(--spacings-spacing-300); }
+.option__icon--default { color: var(--colors-neutral-color-neutral-icon-50); }
+.option__icon--default[data-state="disabled"] { color: var(--colors-neutral-color-neutral-icon-100); }
+.option__icon--default[data-state="filling"] { color: var(--colors-neutral-color-neutral-icon-50); }
+.option__icon--default[data-state="hover"] { color: var(--colors-neutral-color-neutral-icon-50); }
+.option__icon--default[data-state="multiple_selected"] { color: var(--colors-neutral-color-neutral-icon-50); }
+.option__icon--default[data-state="multiple_selected_hover"] { color: var(--colors-neutral-color-neutral-icon-50); }
+.option__icon--default[data-state="selected"] { color: var(--colors-neutral-color-neutral-icon-50); }
+.option__icon--default[data-state="selected_hover"] { color: var(--colors-neutral-color-neutral-icon-50); }
+.option__label--default { color: var(--colors-neutral-color-neutral-font-50); font-weight: var(--font-weight-font-weight-400); }
+.option__label--default[data-state="disabled"] { color: var(--colors-neutral-color-neutral-font-50); }
+.option__label--default[data-state="filling"] { color: var(--colors-neutral-color-neutral-font-50); }
+.option__label--default[data-state="hover"] { color: var(--colors-neutral-color-neutral-font-50); }
+.option__label--default[data-state="multiple_selected"] { color: var(--colors-neutral-color-neutral-font-50); font-weight: var(--font-weight-font-weight-600); }
+.option__label--default[data-state="multiple_selected_hover"] { color: var(--colors-neutral-color-neutral-font-50); font-weight: var(--font-weight-font-weight-600); }
+.option__label--default[data-state="selected"] { color: var(--colors-neutral-color-neutral-font-50); font-weight: var(--font-weight-font-weight-600); }
+.option__label--default[data-state="selected_hover"] { color: var(--colors-neutral-color-neutral-font-50); font-weight: var(--font-weight-font-weight-600); }
+.option__labeliconcontainer--default { gap: var(--spacings-spacing-150); }
+.option--default[data-state="disabled"] { background-color: var(--colors-accent-color-accent-default-bg-150); border-left: var(--borders-border-200) solid var(--colors-accent-color-accent-default-bg-150); }
+.option--default[data-state="filling"] { background-color: var(--colors-neutral-color-neutral-bg-250); border-left: var(--borders-border-200) solid var(--colors-neutral-color-neutral-bg-250); }
+.option--default[data-state="hover"] { background-color: var(--colors-neutral-color-neutral-bg-200); border-left: var(--borders-border-200) solid var(--colors-neutral-color-neutral-bg-200); }
+.option--default[data-state="multiple_selected"] { background-color: var(--colors-neutral-color-neutral-bg-200); border-left: var(--borders-border-200) solid var(--colors-brand-color-brand-border-50); }
+.option--default[data-state="multiple_selected_hover"] { background-color: var(--colors-neutral-color-neutral-bg-200); border-left: var(--borders-border-200) solid var(--colors-brand-color-brand-border-50); }
+.option--default[data-state="selected"] { background-color: var(--colors-neutral-color-neutral-bg-200); border-left: var(--borders-border-200) solid var(--colors-brand-color-brand-border-50); }
+.option--default[data-state="selected_hover"] { background-color: var(--colors-neutral-color-neutral-bg-200); border-left: var(--borders-border-200) solid var(--colors-brand-color-brand-border-50); }
 .overlay { background-color: #D9D9D9; left: 0; opacity: 0.7; position: fixed; top: 0; z-index: var(--z-index-overlay); }
 .overlay--default { height: var(--spacings-spacing-100-vh); width: var(--spacings-spacing-100-vw); }
 .overlay--secondary { height: var(--spacings-spacing-100-percent); width: var(--spacings-spacing-100-percent); }
@@ -1204,7 +1027,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); }
@@ -1226,8 +1048,43 @@ 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__actiondescriptioncontainer { display: flex; flex-direction: column; }
 .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; }
 .selector_box_file__actionicon[data-state="loading"] { display: none; }
@@ -1250,22 +1107,9 @@ body *:focus-visible { box-shadow: 0 0 0 0.25rem #fff; outline-color: #2C71DB; o
 .selector_box_file__containerboxtextscontainer[data-state="error"] { color: var(--colors-accent-color-accent-default-font-100); }
 .selector_box_file__containerboxtextscontainer[data-state="loading"] { color: var(--colors-accent-color-accent-default-font-100); }
 .selector_box_file__containerboxtextscontainer[data-state="success"] { color: var(--colors-accent-color-accent-default-font-100); }
-.selector_box_file__description { color: var(--colors-neutral-color-neutral-bg-50); font-weight: var(--font-weight-font-weight-400); }
-.selector_box_file__descriptioncontainer { align-items: baseline; display: flex; flex-direction: column; gap: var(--spacings-spacing-150); }
-.selector_box_file__errormessage { color: var(--colors-feedback-color-feedbackerror-font-50); font-weight: var(--font-weight-font-weight-400); }
-.selector_box_file__errormessagecontainer { align-items: start; display: flex; flex-direction: row; gap: var(--spacings-spacing-100); margin-top: var(--spacings-spacing-150); }
-.selector_box_file__errormessageicon { height: var(--spacings-spacing-300); width: var(--spacings-spacing-300); }
 .selector_box_file__header { display: flex; flex-direction: column; gap: var(--spacings-spacing-300); }
 .selector_box_file__leftanimationcontainer { padding: var(--spacings-spacing-0); }
 .selector_box_file__rightanimationcontainer { padding: var(--spacings-spacing-0); }
-.selector_box_file__subtitle { color: var(--colors-neutral-color-neutral-bg-50); font-weight: var(--font-weight-font-weight-400); }
-.selector_box_file__subtitletooltipcontainer { padding: var(--spacings-spacing-0); }
-.selector_box_file__subtitletooltipcontainer > *:nth-child(1) { display: inline; }
-.selector_box_file__subtitletooltipcontainer > *:nth-child(2) { vertical-align: middle; }
-.selector_box_file__title { color: var(--colors-neutral-color-neutral-bg-50); font-weight: var(--font-weight-font-weight-600); }
-.selector_box_file__titlesubtitlecontainer { display: flex; flex-direction: column; gap: var(--spacings-spacing-150); }
-.selector_box_file__tooltipicon { height: var(--spacings-spacing-400); width: var(--spacings-spacing-400); }
-.selector_box_file__tooltipiconcontainer { display: inline; margin-left: var(--spacings-spacing-100); }
 .selector_box_file__topanimationcontainer { padding: var(--spacings-spacing-0); }
 .skeleton { margin: 0; }
 .skeleton--circle { border-radius: 50%; }
@@ -1445,15 +1289,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; }
@@ -1461,12 +1298,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; }
@@ -1482,26 +1315,22 @@ body *:focus-visible { box-shadow: 0 0 0 0.25rem #fff; outline-color: #2C71DB; o
 .virtual_keyboard__digitbuttons--default:active { background-color: var(--colors-neutral-color-neutral-bg-200); }
 .virtual_keyboard__digittext--default { color: var(--colors-neutral-color-neutral-font-50); }
 @media screen and (max-width: 1440px) and (min-width: 1025px) {
+.alert__description { font-size: 0.875rem; line-height: 1.25rem; }
 .avatar__initials[data-content-type="with-initials"] { font-size: 0.75rem; line-height: 1rem; }
 .badge__label--alternative { font-size: 0.75rem; line-height: 1rem; }
 .badge__label--primary { font-size: 0.75rem; line-height: 1rem; }
 .calendar__backtext { font-size: 0.875rem; line-height: 1.25rem; }
 .calendar__dayslist { font-size: 0.875rem; line-height: 1.25rem; }
 .calendar { border-color: var(--colors-neutral-color-neutral-border-50); border-style: solid; border-width: var(--borders-border-100); margin-top: var(--spacings-spacing-150); padding: var(--spacings-spacing-300) var(--spacings-spacing-0); }
-.card_image__title { font-size: 1rem; line-height: 1.5rem; }
-.card_image__description--default { font-size: 1rem; line-height: 1.5rem; }
+.card__content--default { font-size: 1rem; line-height: 1.5rem; }
+.card__footer--default { font-size: 0.875rem; line-height: 1.25rem; }
+.card__header--default { font-size: 1.25rem; line-height: 1.5rem; }
 .chip__errormessage { font-size: 0.75rem; line-height: 1rem; }
 .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; }
-.message__description { font-size: 0.875rem; line-height: 1.25rem; }
-.message__title { font-size: 1rem; line-height: 1.5rem; }
 .modal__content { padding-left: var(--spacings-spacing-450); padding-right: var(--spacings-spacing-450); }
 .modal__footer { width: calc(var(--spacings-spacing-100-percent) - (var(--spacings-spacing-450) + var(--spacings-spacing-450))); }
 .modal__headercontainer { padding: var(--spacings-spacing-400); }
@@ -1510,11 +1339,11 @@ body *:focus-visible { box-shadow: 0 0 0 0.25rem #fff; outline-color: #2C71DB; o
 .option__label { font-size: 1rem; line-height: 1.5rem; }
 .option__labelhighlighted { font-size: 1rem; line-height: 1.5rem; }
 .option__sublabel { font-size: 0.75rem; line-height: 1rem; }
-.option__label--inverted { font-size: 0.75rem; line-height: 1rem; }
-.option__label--topbar { font-size: 0.75rem; line-height: 1rem; }
-.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; }
@@ -1523,10 +1352,6 @@ body *:focus-visible { box-shadow: 0 0 0 0.25rem #fff; outline-color: #2C71DB; o
 .selector_box_file__containerboxtextscontainer[data-state="error"] { font-size: 0.875rem; line-height: 1.25rem; }
 .selector_box_file__containerboxtextscontainer[data-state="loading"] { font-size: 0.875rem; line-height: 1.25rem; }
 .selector_box_file__containerboxtextscontainer[data-state="success"] { font-size: 0.875rem; line-height: 1.25rem; }
-.selector_box_file__description { font-size: 1rem; line-height: 1.5rem; }
-.selector_box_file__errormessage { font-size: 0.75rem; line-height: 1rem; }
-.selector_box_file__subtitle { font-size: 1rem; line-height: 1.5rem; }
-.selector_box_file__title { font-size: 1.125rem; line-height: 1.5rem; }
 .slider__helpertext { font-size: 0.75rem; line-height: 1rem; }
 .stepper_number__stepindex--horizontal { font-size: 1rem; line-height: 1.5rem; }
 .stepper_number__stepname--vertical { font-size: 0.875rem; line-height: 1.25rem; }
@@ -1565,37 +1390,25 @@ 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) {
+.alert__description { font-size: 0.75rem; line-height: 1rem; }
 .avatar__initials[data-content-type="with-initials"] { font-size: 0.75rem; line-height: 1rem; }
 .badge__label--alternative { font-size: 0.75rem; line-height: 1rem; }
 .badge__label--primary { font-size: 0.75rem; line-height: 1rem; }
 .calendar__backtext { font-size: 0.75rem; line-height: 1rem; }
 .calendar__dayslist { font-size: 0.75rem; line-height: 1rem; }
 .calendar { box-shadow: none; padding: var(--spacings-spacing-0); }
-.card_image__title { font-size: 0.875rem; line-height: 1.25rem; }
-.card_image__description--default { font-size: 0.875rem; line-height: 1.25rem; }
+.card__content--default { font-size: 0.875rem; line-height: 1.25rem; }
+.card__footer--default { font-size: 0.75rem; line-height: 1rem; }
+.card__header--default { font-size: 1.125rem; line-height: 1.5rem; }
 .chip__errormessage { font-size: 0.75rem; line-height: 1rem; }
 .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); }
-.list_options__title--side_menu_section { font-size: 0.75rem; line-height: 1rem; }
-.message__contentcontainerlargemessage { margin-left: var(--spacings-spacing-0); }
-.message__description { font-size: 0.75rem; line-height: 1rem; }
-.message__headercontainerlargemessage { flex-direction: column; }
-.message__title { font-size: 0.875rem; line-height: 1.25rem; }
 .modal__content { padding-left: var(--spacings-spacing-300); padding-right: var(--spacings-spacing-300); }
 .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-300) var(--spacings-spacing-400) var(--spacings-spacing-300); }
@@ -1604,12 +1417,15 @@ body *:focus-visible { box-shadow: 0 0 0 0.25rem #fff; outline-color: #2C71DB; o
 .option__label { font-size: 0.875rem; line-height: 1.25rem; }
 .option__labelhighlighted { font-size: 0.875rem; line-height: 1.25rem; }
 .option__sublabel { font-size: 0.75rem; line-height: 1rem; }
-.option__label--inverted { font-size: 0.75rem; line-height: 1rem; }
-.option__label--topbar { font-size: 0.75rem; line-height: 1rem; }
-.option__labelhighlighted--topbar { font-size: 0.75rem; line-height: 1rem; }
-.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,10 +1434,6 @@ body *:focus-visible { box-shadow: 0 0 0 0.25rem #fff; outline-color: #2C71DB; o
 .selector_box_file__containerboxtextscontainer[data-state="error"] { font-size: 0.75rem; line-height: 1rem; }
 .selector_box_file__containerboxtextscontainer[data-state="loading"] { font-size: 0.75rem; line-height: 1rem; }
 .selector_box_file__containerboxtextscontainer[data-state="success"] { font-size: 0.75rem; line-height: 1rem; }
-.selector_box_file__description { font-size: 0.875rem; line-height: 1.25rem; }
-.selector_box_file__errormessage { font-size: 0.75rem; line-height: 1rem; }
-.selector_box_file__subtitle { font-size: 0.875rem; line-height: 1.25rem; }
-.selector_box_file__title { font-size: 1rem; line-height: 1.5rem; }
 .slider__helpertext { font-size: 0.75rem; line-height: 1rem; }
 .stepper_number__stepindex--horizontal { font-size: 0.875rem; line-height: 1.25rem; }
 .stepper_number__stepname--vertical { font-size: 0.75rem; line-height: 1rem; }
@@ -1664,20 +1476,17 @@ 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 === */