@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap');
/**
 *  Fonts:
 *    - Inter (all weights)
 */

.ActionImage-module_actionImage__l76-v {
  --actionImage-padding-top: var(--spacing-extra-extra-large);
  --actionImage-padding-bottom: var(--spacing-extra-extra-large);
  --actionImage-padding-right: var(--spacing-extra-extra-large);
  --actionImage-padding-left: var(--spacing-extra-extra-large);
  --actionImage-border-radius: var(--radius-medium);
  --actionImage-border-width: 1px;
  --actionImage-border-color: var(--border-grey-2);
  --actionImage-background-color: var(--background-3);
  --actionImage-border-color--hover: var(--border-grey-2);
  --actionImage-background-color--hover: var(--background-4);
  --actionImage-border-color--pressed: var(--border-grey-2);
  --actionImage-background-color--pressed: var(--background-4);
  --actionImage-border-color--focus-visible: var(--border-grey-1);
  --actionImage-background-color--focus-visible: var(--background-3);
  --actionImage-border-color--disabled: var(--border-grey-3);
  --actionImage-background-color--disabled: var(--background-3);
  display: flex;
  cursor: pointer;
  padding: var(--actionImage-padding-top) var(--actionImage-padding-right) var(--actionImage-padding-bottom) var(--actionImage-padding-left);
  border-radius: var(--actionImage-border-radius);
  background-color: var(--actionImage-background-color);
  border: 1px solid var(--actionImage-border-color);
  border: var(--actionImage-border-width) solid var(--actionImage-border-color);
}
.ActionImage-module_actionImage__l76-v:hover:not(.ActionImage-module_disabled__wzxNV) {
  border: var(--actionImage-border-width) solid var(--actionImage-border-color--hover);
  background-color: var(--actionImage-background-color--hover);
}
.ActionImage-module_actionImage__l76-v:active:not(.ActionImage-module_disabled__wzxNV) {
  border: var(--actionImage-border-width) solid var(--actionImage-border-color--pressed);
  background-color: var(--actionImage-background-color--pressed);
}
.ActionImage-module_actionImage__l76-v:focus-visible:not(.ActionImage-module_disabled__wzxNV) {
  border: var(--actionImage-border-width) solid var(--actionImage-border-color--focus-visible);
  background-color: var(--actionImage-background-color--focus-visible);
}
.ActionImage-module_actionImage__l76-v.ActionImage-module_disabled__wzxNV {
  cursor: not-allowed;
  border: var(--actionImage-border-width) solid var(--actionImage-border-color--disabled);
  background-color: var(--actionImage-background-color--disabled);
}
.Spinner-module_spinner__CfJfU {
  width: 16px;
  width: var(--spinner-width, 16px);
  height: 16px;
  height: var(--spinner-height, 16px);
  display: inline-block;
  position: relative;
}
.Spinner-module_spinner__CfJfU .Spinner-module_inner__o2YHF {
  --spinner-inner-border-width: 2px;
  --spinner-inner-border-style: solid;
  width: 14px;
  width: var(--spinner-inner-width, 14px);
  height: 14px;
  height: var(--spinner-inner-height, 14px);
  border-width: 2px;
  border-width: var(--spinner-inner-border-width);
  border-style: solid;
  border-style: var(--spinner-inner-border-style);
  border-color: currentcolor;
  border-color: var(--spinner-inner-color, currentcolor);
  border-top: 2px solid transparent;
  border-top: var(--spinner-inner-border-width) solid transparent;
  border-radius: 50%;
  animation: Spinner-module_spin__136Ue 1s linear infinite;
  box-sizing: border-box;
}
@keyframes Spinner-module_spin__136Ue {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.image-module_image__FOVdK {
  display: flex;
  align-items: center;
  justify-content: center;
  width: auto;
  height: auto;
  flex-grow: 1;
  flex-shrink: 0;
  position: relative;
}
.image-module_image__FOVdK .image-module_imageContainer__W7aeo {
  display: flex;
  width: 100%;
  height: 100%;
}
.image-module_image__FOVdK .image-module_content__WqMqe {
  width: 100%;
  height: 100%;
}
.image-module_image__FOVdK .image-module_aspect__4e2hu {
  width: 100%;
  overflow: hidden;
}
.image-module_image__FOVdK .image-module_loadingIcon__b1Vun {
  --spinner__width: 2rem;
  --spinner__height: 2rem;
  --spinner__border-width: 3px;
}
.image-module_fit__-ZO7j {
  position: absolute;
  top: 0;
  left: 0;
  -o-object-fit: cover;
     object-fit: cover;
}
.image-module_fill__PWlRV {
  -o-object-fit: fill;
     object-fit: fill;
}
.image-module_crop__xEcCd {
  -o-object-fit: cover;
     object-fit: cover;
}
.Text-module_text__qmiLT {
  font-family: var(--text-font-family);
  font-weight: var(--text-font-weight);
  font-size: var(--text-font-size);
  letter-spacing: var(--text-letter-spacing);
  line-height: var(--text-line-height);
  color: var(--text-color);
}

.Text-module_italic__b92M- {
  font-style: italic;
}

.Text-module_underline__i8JpB {
  -webkit-text-decoration: underline;
  text-decoration: underline;
}

.Text-module_strikethrough__AHLhC {
  -webkit-text-decoration: line-through;
  text-decoration: line-through;
}

.Text-module_nowrap__JVMFL {
  text-wrap: nowrap;
}

.Text-module_whiteSpaceNoWrap__GYqL2 {
  white-space: nowrap;
}

.Text-module_capitalize__r9qCk {
  text-transform: capitalize;
}

.Text-module_upperCase__VCs2x {
  text-transform: uppercase;
}

.Text-module_lowerCase__0T-7t {
  text-transform: lowercase;
}

.Text-module_ellipsis__UXzJI {
  text-overflow: ellipsis;
}
.Button-module_button__y6Gwz {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  height: var(--button-height);
  min-height: var(--button-min-height);
  max-height: var(--button-max-height);
  width: var(--button-width);
  min-width: var(--button-min-width);
  max-width: var(--button-max-width);
  padding-top: calc(var(--button-padding-top) - var(--button-border-top-width));
  padding-bottom: calc(var(--button-padding-bottom) - var(--button-border-bottom-width));
  padding-left: calc(var(--button-padding-left) - var(--button-border-left-width));
  padding-right: calc(var(--button-padding-right) - var(--button-border-right-width));
  row-gap: var(--button-row-gap);
  -moz-column-gap: var(--button-column-gap);
       column-gap: var(--button-column-gap);
  border-bottom-width: var(--button-border-bottom-width);
  border-left-width: var(--button-border-left-width);
  border-right-width: var(--button-border-right-width);
  border-top-width: var(--button-border-top-width);
  border-style: var(--button-border-style);
  border-color: var(--button-border-color);
  border-top-left-radius: var(--button-border-top-left-radius);
  border-top-right-radius: var(--button-border-top-right-radius);
  border-bottom-right-radius: var(--button-border-bottom-right-radius);
  border-bottom-left-radius: var(--button-border-bottom-left-radius);
  outline-width: var(--button-outline-width);
  outline-style: var(--button-outline-style);
  outline-color: var(--button-outline-color);
  background-color: var(--button-background-color);
  font-family: var(--button-font-family);
  font-size: var(--button-font-size);
  font-weight: var(--button-font-weight);
  line-height: var(--button-line-height);
  color: var(--button-color);
}
.Button-module_button__y6Gwz .Button-module_content__IipV4 {
  display: flex;
  justify-content: center;
  justify-content: var(--button-content-justify-content, center);
}
.Button-module_button__y6Gwz .Button-module_text__Dyuvh {
  --text-font-family: var(--button-font-family);
  --text-font-weight: var(--button-font-weight);
  --text-font-size: var(--button-font-size);
  --text-letter-spacing: var(--button-letter-spacing);
  --text-line-height: var(--button-line-height);
  font-family: var(--button-font-family);
  font-size: var(--button-font-size);
  font-weight: var(--button-font-weight);
  line-height: var(--button-line-height);
  letter-spacing: var(--button-letter-spacing);
}
.Button-module_button__y6Gwz .Button-module_content__IipV4 > *,
.Button-module_button__y6Gwz .Button-module_leadingIcon__vsX8z > *,
.Button-module_button__y6Gwz .Button-module_trailingIcon__kXG08 > * {
  color: var(--button-color);
}
.Button-module_button__y6Gwz.Button-module_loading__7LCMc {
  cursor: default;
  pointer-events: none;
}
.Button-module_button__y6Gwz.Button-module_loading__7LCMc .Button-module_content__IipV4,
.Button-module_button__y6Gwz.Button-module_loading__7LCMc .Button-module_leadingIcon__vsX8z,
.Button-module_button__y6Gwz.Button-module_loading__7LCMc .Button-module_trailingIcon__kXG08 {
  visibility: hidden;
}
.Button-module_button__y6Gwz.Button-module_loading__7LCMc .Button-module_loadingIcon__W6dH2 {
  position: absolute;
}
.Button-module_button__y6Gwz:disabled {
  cursor: not-allowed;
}
.Button-module_button__y6Gwz.Button-module_center__fnkix {
  justify-content: center;
}
.Button-module_button__y6Gwz.Button-module_spaceBetween__OFllq {
  display: flex;
  justify-content: space-between;
}
.Button-module_button__y6Gwz.Button-module_spaceBetween__OFllq .Button-module_content__IipV4 {
  display: flex;
  flex: 1;
}
.Icon-module_icon__sUgmV {
  --icon-size: fit-content;
  --icon-fill: currentcolor;
  --svg-stroke: initial;
  --svg-stroke-width: initial;
  display: block;
  width: -moz-fit-content;
  width: fit-content;
  width: var(--icon-size);
  height: -moz-fit-content;
  height: fit-content;
  height: var(--icon-size);
}
.Icon-module_icon__sUgmV svg,
.Icon-module_icon__sUgmV .Icon-module_svg__d1yIy {
  display: block;
  width: 100%;
  height: 100%;
}
.Icon-module_icon__sUgmV * > path {
  fill: var(--icon-fill);
  stroke: var(--svg-stroke);
  stroke-width: var(--svg-stroke-width);
}
.Icon-module_small__tXfZT {
  --icon-size: 16px;
}
.Icon-module_medium__25TKF {
  --icon-size: 20px;
}
.Icon-module_large__iCT3S {
  --icon-size: 24px;
}
.IconButton-module_iconButton__77dh6 {
  --button-opacity: var(--icon-button-opacity);
  --button-height: var(--icon-button-height);
  --button-min-height: var(--icon-button-min-height);
  --button-max-height: var(--icon-button-max-height);
  --button-width: var(--icon-button-width);
  --button-min-width: var(--icon-button-min-width);
  --button-max-width: var(--icon-button-max-width);
  --button-background-color: var(--icon-button-background-color);
  --button-fill: var(--icon-button-fill);
  --button-border-top-left-radius: var(--icon-button-border-top-left-radius);
  --button-border-top-right-radius: var(--icon-button-border-top-right-radius);
  --button-border-bottom-left-radius: var(--icon-button-border-bottom-left-radius);
  --button-border-bottom-right-radius: var(--icon-button-border-bottom-right-radius);
  --button-border-color: var(--icon-button-border-color);
  --button-border-style: var(--icon-button-border-style);
  --button-border-gap: var(--icon-button-border-gap);
  --button-border-dash: var(--icon-button-border-dash);
  --button-border-top-width: var(--icon-button-border-top-width);
  --button-border-right-width: var(--icon-button-border-right-width);
  --button-border-bottom-width: var(--icon-button-border-bottom-width);
  --button-border-left-width: var(--icon-button-border-left-width);
  --button-outline-color: var(--icon-button-outline-color);
  --button-outline-style: var(--icon-button-outline-style);
  --button-outline-width: var(--icon-button-outline-width);
  --button-padding-left: var(--icon-button-padding-left);
  --button-padding-right: var(--icon-button-padding-right);
  --button-padding-top: var(--icon-button-padding-top);
  --button-padding-bottom: var(--icon-button-padding-bottom);
  --button-row-gap: var(--icon-button-row-gap);
  --button-column-gap: var(--icon-button-column-gap);
  --button-font-family: var(--icon-button-font-family);
  --button-font-size: var(--icon-button-font-size);
  --button-color: var(--icon-button-color);
  --button-letter-spacing: var(--icon-button-letter-spacing);
  --button-line-height: var(--icon-button-line-height);
}
@charset "UTF-8";
.Input-module_input__NAeHe {
  display: flex;
  align-items: center;
  height: var(--input-height);
  row-gap: var(--input-row-gap);
  -moz-column-gap: var(--input-column-gap);
       column-gap: var(--input-column-gap);
  border-bottom-width: var(--input-border-bottom-width);
  border-left-width: var(--input-border-left-width);
  border-right-width: var(--input-border-right-width);
  border-top-width: var(--input-border-top-width);
  border-style: var(--input-border-style);
  border-color: var(--input-border-color);
  border-top-left-radius: var(--input-border-top-left-radius);
  border-top-right-radius: var(--input-border-top-right-radius);
  border-bottom-right-radius: var(--input-border-bottom-right-radius);
  border-bottom-left-radius: var(--input-border-bottom-left-radius);
  background-color: var(--input-background-color);
  color: var(--input-color);
}
.Input-module_input__NAeHe .Input-module_inputElement__Tjw4v {
  flex: 1;
  width: 100%;
  height: 100%;
  padding-top: calc(var(--input-padding-top) - var(--input-border-top-width));
  padding-bottom: calc(var(--input-padding-bottom) - var(--input-border-bottom-width));
  padding-left: calc(var(--input-padding-left) - var(--input-border-left-width));
  padding-right: calc(var(--input-padding-right) - var(--input-border-right-width));
  font-family: var(--input-font-family);
  font-weight: var(--input-font-weight);
  font-size: var(--input-font-size);
  letter-spacing: var(--input-letter-spacing);
  line-height: var(--input-line-height);
  color: var(--input-color);
}
.Input-module_input__NAeHe .Input-module_inputElement__Tjw4v:placeholder {
  font-family: var(--input-placeholder-font-family);
  font-weight: var(--input-placeholder-font-weight);
  font-size: var(--input-placeholder-font-size);
  letter-spacing: var(--input-placeholder-letter-spacing);
  line-height: var(--input-placeholder-line-height);
  color: var(--input-placeholder-color);
}
.Input-module_input__NAeHe .Input-module_trailingIcon__UDufB {
  padding-right: var(--input-column-gap);
  align-self: center;
  padding-top: calc(var(--input-padding-top) - var(--input-border-top-width));
  padding-bottom: calc(var(--input-padding-bottom) - var(--input-border-bottom-width));
}
.Input-module_input__NAeHe .Input-module_leadingIcon__bUFw5 {
  padding-left: var(--input-column-gap);
  align-self: center;
  padding-top: calc(var(--input-padding-top) - var(--input-border-top-width));
  padding-bottom: calc(var(--input-padding-bottom) - var(--input-border-bottom-width));
}
.Input-module_input__NAeHe .Input-module_error__qP189 {
  --a: 100;
}
.Input-module_input__NAeHe .Input-module_disabled__6XebD {
  --b: 100;
}
.Input-module_input__NAeHe .Input-module_inputElement__Tjw4v:-webkit-autofill,
.Input-module_input__NAeHe .Input-module_inputElement__Tjw4v:-webkit-autofill:hover,
.Input-module_input__NAeHe .Input-module_inputElement__Tjw4v:-webkit-autofill:focus,
.Input-module_input__NAeHe textarea.Input-module_inputElement__Tjw4v:-webkit-autofill,
.Input-module_input__NAeHe select.Input-module_inputElement__Tjw4v:-webkit-autofill {
  /* Text color when autofilled */
  -webkit-text-fill-color: var(--input-color);
  /* Desired background color */
  -webkit-box-shadow: 0 0 0px cal(var(--input-height)/2) var(--input-background-color) inset;
  /* Prevent flicker */
  -webkit-transition: background-color 5000s ease-in-out 0s;
  transition: background-color 5000s ease-in-out 0s;
  /* Caret color so it’s visible */
  caret-color: var(--input-color);
  border-top-left-radius: var(--input-border-top-left-radius);
  border-top-right-radius: var(--input-border-top-right-radius);
  border-bottom-right-radius: var(--input-border-bottom-right-radius);
  border-bottom-left-radius: var(--input-border-bottom-left-radius);
}
.Password-module_password__nk-zf.Password-module_password__nk-zf {
  --input-opacity: var(--password-opacity);
  --input-height: var(--password-height);
  --input-min-height: var(--password-min-height);
  --input-max-height: var(--password-max-height);
  --input-width: var(--password-width);
  --input-min-width: var(--password-min-width);
  --input-max-width: var(--password-max-width);
  --input-background-color: var(--password-background-color);
  --input-fill: var(--password-fill);
  --input-border-top-left-radius: var(--password-border-top-left-radius);
  --input-border-top-right-radius: var(--password-border-top-right-radius);
  --input-border-bottom-left-radius: var(--password-border-bottom-left-radius);
  --input-border-bottom-right-radius: var(--password-border-bottom-right-radius);
  --input-border-color: var(--password-border-color);
  --input-border-style: var(--password-border-style);
  --input-border-gap: var(--password-border-gap);
  --input-border-dash: var(--password-border-dash);
  --input-border-top-width: var(--password-border-top-width);
  --input-border-right-width: var(--password-border-right-width);
  --input-border-bottom-width: var(--password-border-bottom-width);
  --input-border-left-width: var(--password-border-left-width);
  --input-outline-color: var(--password-outline-color);
  --input-outline-style: var(--password-outline-style);
  --input-outline-width: var(--password-outline-width);
  --input-padding-left: var(--password-padding-left);
  --input-padding-right: var(--password-padding-right);
  --input-padding-top: var(--password-padding-top);
  --input-padding-bottom: var(--password-padding-bottom);
  --input-row-gap: var(--password-row-gap);
  --input-column-gap: var(--password-column-gap);
  --input-font-family: var(--password-font-family);
  --input-font-size: var(--password-font-size);
  --input-color: var(--password-color);
  --input-letter-spacing: var(--password-letter-spacing);
  --input-line-height: var(--password-line-height);
  --input-placeholder-font-family: var(--password-placeholder-font-family);
  --input-placeholder-font-size: var(--password-placeholder-font-size);
  --input-placeholder-font-weight: var(--password-placeholder-font-weight);
  --input-placeholder-color: var(--password-placeholder-color);
  --input-placeholder-line-height: var(--password-placeholder-line-height);
  --input-placeholder-paragraph-spacing: var(--password-placeholder-paragraph-spacing);
  --input-placeholder-paragraph-indent: var(--password-placeholder-paragraph-indent);
}
.Password-module_password__nk-zf.Password-module_password__nk-zf .Password-module_toggle__1yQxr {
  border: none;
}
.Password-module_password__nk-zf.Password-module_password__nk-zf .Password-module_toggle__1yQxr:hover, .Password-module_password__nk-zf.Password-module_password__nk-zf .Password-module_toggle__1yQxr:active, .Password-module_password__nk-zf.Password-module_password__nk-zf .Password-module_toggle__1yQxr:focus, .Password-module_password__nk-zf.Password-module_password__nk-zf .Password-module_toggle__1yQxr:focus-visible, .Password-module_password__nk-zf.Password-module_password__nk-zf .Password-module_toggle__1yQxr:disabled {
  border: none;
}
.Password-module_password__nk-zf.Password-module_password__nk-zf .Password-module_toggle__1yQxr .Password-module_hide__N8Nxt {
  display: none;
}
.TextArea-module_textArea__JVHCu {
  display: flex;
  height: var(--text-area-height);
  min-height: var(--text-area-min-height);
  -moz-column-gap: var(--text-area-column-gap);
       column-gap: var(--text-area-column-gap);
  border-bottom-width: var(--text-area-border-bottom-width);
  border-left-width: var(--text-area-border-left-width);
  border-right-width: var(--text-area-border-right-width);
  border-top-width: var(--text-area-border-top-width);
  border-style: var(--text-area-border-style);
  border-color: var(--text-area-border-color);
  border-top-left-radius: var(--text-area-border-top-left-radius);
  border-top-right-radius: var(--text-area-border-top-right-radius);
  border-bottom-right-radius: var(--text-area-border-bottom-right-radius);
  border-bottom-left-radius: var(--text-area-border-bottom-left-radius);
  padding-top: calc(var(--text-area-padding-top) - var(--text-area-border-top-width));
  padding-bottom: calc(var(--text-area-padding-bottom) - var(--text-area-border-bottom-width));
  padding-left: calc(var(--text-area-padding-left) - var(--text-area-border-left-width));
  padding-right: calc(var(--text-area-padding-right) - var(--text-area-border-right-width));
  font-family: var(--text-area-font-family);
  font-weight: var(--text-area-font-weight);
  font-size: var(--text-area-font-size);
  letter-spacing: var(--text-area-letter-spacing);
  line-height: var(--text-area-line-height);
  color: var(--text-area-color);
  background-color: var(--text-area-background-color);
}
.TextArea-module_textArea__JVHCu:placeholder {
  font-family: var(--text-area-placeholder-font-family);
  font-weight: var(--text-area-placeholder-font-weight);
  font-size: var(--text-area-placeholder-font-size);
  letter-spacing: var(--text-area-placeholder-letter-spacing);
  line-height: var(--text-area-placeholder-line-height);
  color: var(--text-area-placeholder-color);
}
.ListItem-module_listItem__jYwlh {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  height: var(--list-item-height);
  min-height: var(--list-item-min-height);
  max-height: var(--list-item-max-height);
  width: var(--list-item-width);
  min-width: var(--list-item-min-width);
  max-width: var(--list-item-max-width);
  padding-top: calc(var(--list-item-padding-top) - var(--list-item-border-top-width));
  padding-bottom: calc(var(--list-item-padding-bottom) - var(--list-item-border-bottom-width));
  padding-left: calc(var(--list-item-padding-left) - var(--list-item-border-left-width));
  padding-right: calc(var(--list-item-padding-right) - var(--list-item-border-right-width));
  row-gap: var(--list-item-row-gap);
  -moz-column-gap: var(--list-item-column-gap);
       column-gap: var(--list-item-column-gap);
  border-bottom-width: var(--list-item-border-bottom-width);
  border-left-width: var(--list-item-border-left-width);
  border-right-width: var(--list-item-border-right-width);
  border-top-width: var(--list-item-border-top-width);
  border-style: var(--list-item-border-style);
  border-color: var(--list-item-border-color);
  border-top-left-radius: var(--list-item-border-top-left-radius);
  border-top-right-radius: var(--list-item-border-top-right-radius);
  border-bottom-right-radius: var(--list-item-border-bottom-right-radius);
  border-bottom-left-radius: var(--list-item-border-bottom-left-radius);
  outline-width: var(--list-item-outline-width);
  outline-style: var(--list-item-outline-style);
  outline-color: var(--list-item-outline-color);
  background-color: var(--list-item-background-color);
  font-family: var(--list-item-font-family);
  font-size: var(--list-item-font-size);
  font-weight: var(--list-item-font-weight);
  line-height: var(--list-item-line-height);
  color: var(--list-item-color);
}
.ListItem-module_listItem__jYwlh .ListItem-module_content__I-1o- {
  flex: 1;
  display: flex;
  justify-content: flex-start;
  justify-content: var(--list-item-content-justify-content, flex-start);
}
.ListItem-module_listItem__jYwlh .ListItem-module_text__DFamD {
  --text-font-family: var(--list-item-font-family);
  --text-font-weight: var(--list-item-font-weight);
  --text-font-size: var(--list-item-font-size);
  --text-letter-spacing: var(--list-item-letter-spacing);
  --text-line-height: var(--list-item-line-height);
  font-family: var(--list-item-font-family);
  font-size: var(--list-item-font-size);
  font-weight: var(--list-item-font-weight);
  line-height: var(--list-item-line-height);
  letter-spacing: var(--list-item-letter-spacing);
}
.ListItem-module_listItem__jYwlh .ListItem-module_content__I-1o- > *,
.ListItem-module_listItem__jYwlh .ListItem-module_leadingIcon__BvSjG > *,
.ListItem-module_listItem__jYwlh .ListItem-module_trailingIcon__qgDgt > * {
  color: var(--list-item-color);
  --icon-fill: var(--list-item-color);
}
.ListItem-module_listItem__jYwlh:disabled {
  cursor: not-allowed;
}
.SelectListItem-module_listItem__alhXN {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  height: var(--list-item-height);
  min-height: var(--list-item-min-height);
  max-height: var(--list-item-max-height);
  width: var(--list-item-width);
  min-width: var(--list-item-min-width);
  max-width: var(--list-item-max-width);
  padding-top: calc(var(--list-item-padding-top) - var(--list-item-border-top-width));
  padding-bottom: calc(var(--list-item-padding-bottom) - var(--list-item-border-bottom-width));
  padding-left: calc(var(--list-item-padding-left) - var(--list-item-border-left-width));
  padding-right: calc(var(--list-item-padding-right) - var(--list-item-border-right-width));
  row-gap: var(--list-item-row-gap);
  -moz-column-gap: var(--list-item-column-gap);
       column-gap: var(--list-item-column-gap);
  border-bottom-width: var(--list-item-border-bottom-width);
  border-left-width: var(--list-item-border-left-width);
  border-right-width: var(--list-item-border-right-width);
  border-top-width: var(--list-item-border-top-width);
  border-style: var(--list-item-border-style);
  border-color: var(--list-item-border-color);
  border-top-left-radius: var(--list-item-border-top-left-radius);
  border-top-right-radius: var(--list-item-border-top-right-radius);
  border-bottom-right-radius: var(--list-item-border-bottom-right-radius);
  border-bottom-left-radius: var(--list-item-border-bottom-left-radius);
  outline-width: var(--list-item-outline-width);
  outline-style: var(--list-item-outline-style);
  outline-color: var(--list-item-outline-color);
  background-color: var(--list-item-background-color);
  font-family: var(--list-item-font-family);
  font-size: var(--list-item-font-size);
  font-weight: var(--list-item-font-weight);
  line-height: var(--list-item-line-height);
  color: var(--list-item-color);
}
.SelectListItem-module_listItem__alhXN .SelectListItem-module_content__IU02L {
  flex: 1;
  display: flex;
  justify-content: flex-start;
  justify-content: var(--list-item-content-justify-content, flex-start);
}
.SelectListItem-module_listItem__alhXN .SelectListItem-module_text__nt6od {
  --text-font-family: var(--list-item-font-family);
  --text-font-weight: var(--list-item-font-weight);
  --text-font-size: var(--list-item-font-size);
  --text-letter-spacing: var(--list-item-letter-spacing);
  --text-line-height: var(--list-item-line-height);
  font-family: var(--list-item-font-family);
  font-size: var(--list-item-font-size);
  font-weight: var(--list-item-font-weight);
  line-height: var(--list-item-line-height);
  letter-spacing: var(--list-item-letter-spacing);
}
.SelectListItem-module_listItem__alhXN .SelectListItem-module_content__IU02L > *,
.SelectListItem-module_listItem__alhXN .SelectListItem-module_leadingIcon__wMycl > *,
.SelectListItem-module_listItem__alhXN .SelectListItem-module_trailingIcon__ldup1 > * {
  color: var(--list-item-color);
}
.SelectListItem-module_listItem__alhXN:disabled {
  cursor: not-allowed;
}
.Toggle-module_toggle__gOwa0 {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: var(--toggle-row-gap) var(--toggle-column-gap);
  color: var(--toggle-color);
  cursor: pointer;
  height: var(--toggle-height);
  min-height: var(--toggle-min-height);
  max-height: var(--toggle-max-height);
  width: var(--toggle-width);
  min-width: var(--toggle-min-width);
  max-width: var(--toggle-max-width);
  padding-top: var(--toggle-padding-top);
  padding-left: var(--toggle-padding-left);
  padding-bottom: var(--toggle-padding-bottom);
  padding-right: var(--toggle-padding-right);
  border-bottom-width: var(--toggle-border-bottom-width);
  border-left-width: var(--toggle-border-left-width);
  border-right-width: var(--toggle-border-right-width);
  border-top-width: var(--toggle-border-top-width);
  border-style: var(--toggle-border-style);
  border-color: var(--toggle-border-color);
  border-top-left-radius: var(--toggle-border-top-left-radius);
  border-top-right-radius: var(--toggle-border-top-right-radius);
  border-bottom-right-radius: var(--toggle-border-bottom-right-radius);
  border-bottom-left-radius: var(--toggle-border-bottom-left-radius);
}
.Toggle-module_toggle__gOwa0 .Toggle-module_text__0AAzY {
  --text-font-family: var(--toggle-font-family);
  --text-font-weight: var(--toggle-font-weight);
  --text-font-size: var(--toggle-font-size);
  --text-letter-spacing: var(--toggle-letter-spacing);
  --text-line-height: var(--toggle-line-height);
  font-family: var(--toggle-font-family);
  font-size: var(--toggle-font-size);
  font-weight: var(--toggle-font-weight);
  line-height: var(--toggle-line-height);
  letter-spacing: var(--toggle-letter-spacing);
}
.Toggle-module_toggle__gOwa0 .Toggle-module_input__aAn85 {
  position: absolute;
  opacity: 0;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
}
.Toggle-module_toggle__gOwa0 .Toggle-module_track__AMG3K {
  position: relative;
  display: inline-block;
  width: var(--toggle-track-width);
  height: var(--toggle-track-height);
  background-color: var(--toggle-track-background-color);
  border-top-left-radius: var(--toggle-track-border-top-left-radius);
  border-top-right-radius: var(--toggle-track-border-top-right-radius);
  border-bottom-right-radius: var(--toggle-track-border-bottom-right-radius);
  border-bottom-left-radius: var(--toggle-track-border-bottom-left-radius);
  transition: background-color 0.3s ease;
  cursor: pointer;
}
.Toggle-module_toggle__gOwa0 .Toggle-module_track__AMG3K.Toggle-module_disabled__MhTG8 {
  cursor: not-allowed;
}
.Toggle-module_toggle__gOwa0 .Toggle-module_thumb__c-fgm {
  position: absolute;
  top: calc(var(--toggle-track-height) / 2 - var(--toggle-thumb-height) / 2);
  left: 0;
  background-color: var(--toggle-thumb-background-color);
  width: var(--toggle-thumb-width);
  height: var(--toggle-thumb-height);
  border-radius: 50%;
  transition: transform 0.3s ease;
}
.Toggle-module_toggle__gOwa0 .Toggle-module_input__aAn85:checked + .Toggle-module_track__AMG3K .Toggle-module_thumb__c-fgm {
  transform: translateX(calc(var(--toggle-track-width) - var(--toggle-thumb-width)));
}
.Toggle-module_toggle__gOwa0.Toggle-module_labelRight__NIo0U {
  flex-direction: row;
}
.Toggle-module_toggle__gOwa0.Toggle-module_labelLeft__N2CtV {
  flex-direction: row-reverse;
  justify-content: flex-end;
}
.ToggleButton-module_input__OdmRF {
  margin: -1px;
  opacity: 0;
  width: 0px;
  height: 0px;
}

.ToggleButton-module_toggleButton__fIuWB:not(.ToggleButton-module_checked__elJT6):focus-within, .ToggleButton-module_toggleButton__fIuWB:not(.ToggleButton-module_checked__elJT6):focus {
  background-color: transparent !important;
}
.Tooltip-module_tooltipWrapper__wwgA3 {
  display: flex;
  width: auto;
  height: auto;
  position: relative;
  gap: var(--tooltip-wrapper-row-gap) var(--tooltip-wrapper-column-gap);
}
.Tooltip-module_tooltipWrapper__wwgA3 .Tooltip-module_tooltipTarget__FAk8O {
  width: auto;
  height: auto;
  padding-top: var(--tooltip-target-padding-top);
  padding-right: var(--tooltip-target-padding-right);
  padding-bottom: var(--tooltip-target-padding-bottom);
  padding-left: var(--tooltip-target-padding-left);
}
.Tooltip-module_tooltipContent__iio4V {
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  z-index: 1;
  width: auto;
  width: var(--tooltip-content-width, auto);
  height: auto;
  height: var(--tooltip-content-height, auto);
  min-height: 2rem;
  min-height: var(--tooltip-content-min-height, 2rem);
  max-height: var(--tooltip-content-max-height);
  min-width: 2rem;
  min-width: var(--tooltip-content-min-width, 2rem);
  max-width: var(--tooltip-content-max-width);
  padding-top: calc(var(--tooltip-content-padding-top) - 0px);
  padding-top: calc(var(--tooltip-content-padding-top) - var(--tooltip-content-border-top-width, 0px));
  padding-bottom: calc(var(--tooltip-content-padding-bottom) - 0px);
  padding-bottom: calc(var(--tooltip-content-padding-bottom) - var(--tooltip-content-border-bottom-width, 0px));
  padding-left: calc(var(--tooltip-content-padding-left) - 0px);
  padding-left: calc(var(--tooltip-content-padding-left) - var(--tooltip-content-border-left-width, 0px));
  padding-right: calc(var(--tooltip-content-padding-right) - 0px);
  padding-right: calc(var(--tooltip-content-padding-right) - var(--tooltip-content-border-right-width, 0px));
  background-color: var(--tooltip-content-background, var(--surface-background-6));
  font-family: var(--tooltip-content-font-family);
  font-size: var(--tooltip-content-font-size);
  font-weight: var(--tooltip-content-font-weight);
  color: #fff;
  color: var(--tooltip-content-color, #fff);
  border-radius: 4px;
  border-radius: var(--tooltip-content-border-radius, 4px);
  box-shadow: var(--tooltip-content-box-shadow-x) var(--tooltip-content-box-shadow-blur) var(--tooltip-content-box-shadow-y) var(--tooltip-content-box-shadow-spread) var(--tooltip-content-box-shadow-color);
}
.Tooltip-module_tooltipContent__iio4V .Tooltip-module_text__Or6qX {
  --text-font-family: var(--tooltip-content-font-family);
  --text-font-weight: var(--tooltip-content-font-weight);
  --text-font-size: var(--tooltip-content-font-size);
  --text-letter-spacing: var(--tooltip-content-letter-spacing);
  --text-line-height: var(--tooltip-content-line-height);
  font-family: var(--tooltip-content-font-family);
  font-size: var(--tooltip-content-font-size);
  font-weight: var(--tooltip-content-font-weight);
  line-height: var(--tooltip-content-line-height);
  letter-spacing: var(--tooltip-content-letter-spacing);
}
.Tooltip-module_tooltipContent__iio4V .Tooltip-module_tooltipArrow__4y3Pi {
  position: absolute;
}
.Tooltip-module_tooltipContent__iio4V .Tooltip-module_tooltipArrowIcon__XKQ-5 {
  --icon-size: fit-content;
}
.Tooltip-module_tooltipContent__iio4V .Tooltip-module_tailFill__1Iv5j {
  --icon-fill: var(--tooltip-content-background, var(--surface-background-6));
  z-index: 1;
}
.Tooltip-module_tooltipContent__iio4V .Tooltip-module_tailOutline__7l774 {
  display: none;
}
.Tooltip-module_tooltipContent__iio4V[data-direction=Top] .Tooltip-module_tooltipArrow__4y3Pi {
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
}
.Tooltip-module_tooltipContent__iio4V[data-direction=Top] .Tooltip-module_tailOutline__7l774 {
  --svg-stroke-width: calc(var(--tooltip-content-border-bottom-width, 2px) - 1px);
}
.Tooltip-module_tooltipContent__iio4V[data-direction=Top][data-align=Start] .Tooltip-module_tooltipArrow__4y3Pi {
  left: 14px;
  left: var(--arrow-offset, 14px);
}
.Tooltip-module_tooltipContent__iio4V[data-direction=Top][data-align=End] .Tooltip-module_tooltipArrow__4y3Pi {
  left: auto;
  left: initial;
  right: 0;
}
.Tooltip-module_tooltipContent__iio4V[data-direction=Bottom] .Tooltip-module_tooltipArrow__4y3Pi {
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%) rotate(180deg);
}
.Tooltip-module_tooltipContent__iio4V[data-direction=Bottom] .Tooltip-module_tailOutline__7l774 {
  --svg-stroke-width: calc(var(--tooltip-content-border-top-width, 2px) - 1px);
  opacity: clamp(0, 2px / 1px, 1);
  opacity: clamp(0, var(--tooltip-content-border-top-width, 2px) / 1px, 1);
}
.Tooltip-module_tooltipContent__iio4V[data-direction=Bottom][data-align=Start] .Tooltip-module_tooltipArrow__4y3Pi {
  left: 14px;
  left: var(--arrow-offset, 14px);
}
.Tooltip-module_tooltipContent__iio4V[data-direction=Bottom][data-align=End] .Tooltip-module_tooltipArrow__4y3Pi {
  left: auto;
  left: initial;
  right: 0;
}
.Tooltip-module_tooltipContent__iio4V[data-direction=Left] .Tooltip-module_tooltipArrow__4y3Pi {
  width: -moz-max-content;
  width: max-content;
  right: -18px;
  top: 50%;
  transform: translateY(-50%) rotate(-90deg);
}
.Tooltip-module_tooltipContent__iio4V[data-direction=Left] .Tooltip-module_tailOutline__7l774 {
  --svg-stroke-width: calc(var(--tooltip-content-border-right-width, 2px) - 1px);
  opacity: clamp(0, 2px / 1px, 1);
  opacity: clamp(0, var(--tooltip-content-border-right-width, 2px) / 1px, 1);
}
.Tooltip-module_tooltipContent__iio4V[data-direction=Left][data-align=Start] .Tooltip-module_tooltipArrow__4y3Pi {
  top: 50%;
  top: var(--arrow-offset, 50%);
}
.Tooltip-module_tooltipContent__iio4V[data-direction=Left][data-align=End] .Tooltip-module_tooltipArrow__4y3Pi {
  top: auto;
  top: initial;
  top: 50%;
  top: var(--arrow-offset, 50%);
}
.Tooltip-module_tooltipContent__iio4V[data-direction=Right] .Tooltip-module_tooltipArrow__4y3Pi {
  width: -moz-max-content;
  width: max-content;
  left: -18px;
  top: 50%;
  transform: translateY(-50%) rotate(90deg);
}
.Tooltip-module_tooltipContent__iio4V[data-direction=Right] .Tooltip-module_tailOutline__7l774 {
  --svg-stroke-width: calc(var(--tooltip-content-border-left-width, 2px) - 1px);
  opacity: clamp(0, 2px / 1px, 1);
  opacity: clamp(0, var(--tooltip-content-border-left-width, 2px) / 1px, 1);
}
.Tooltip-module_tooltipContent__iio4V[data-direction=Right][data-align=Start] .Tooltip-module_tooltipArrow__4y3Pi {
  top: 50%;
  top: var(--arrow-offset, 50%);
}
.Tooltip-module_tooltipContent__iio4V[data-direction=Right][data-align=End] .Tooltip-module_tooltipArrow__4y3Pi {
  top: auto;
  top: initial;
  top: 50%;
  top: var(--arrow-offset, 50%);
}
.Tooltip-module_tooltipContent__iio4V.Tooltip-module_outlined__EUk52 {
  border-bottom-width: 2px;
  border-bottom-width: var(--tooltip-content-border-bottom-width, 2px);
  border-left-width: 2px;
  border-left-width: var(--tooltip-content-border-left-width, 2px);
  border-right-width: 2px;
  border-right-width: var(--tooltip-content-border-right-width, 2px);
  border-top-width: 2px;
  border-top-width: var(--tooltip-content-border-top-width, 2px);
  border-style: solid;
  border-style: var(--tooltip-content-border-style, solid);
  border-color: #4E5059;
  border-color: var(--tooltip-content-border-color, #4E5059);
  outline-width: var(--tooltip-content-outline-width);
  outline-style: var(--tooltip-content-outline-style);
  outline-color: var(--tooltip-content-outline-color);
}
.Tooltip-module_tooltipContent__iio4V.Tooltip-module_outlined__EUk52 .Tooltip-module_tailOutline__7l774 {
  --svg-stroke: var(--tooltip-content-border-color, #4E5059);
  --icon-fill: var(--tooltip-content-border-color, #4E5059);
  display: block;
  position: absolute;
  top: 0;
  z-index: 2;
}
.CustomToggle-module_toggleWrapper__LDRQR {
  display: flex;
  position: relative;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  width: var(--custom-toggle-width);
  height: var(--custom-toggle-height);
  min-height: var(--custom-toggle-min-height);
  min-width: var(--custom-toggle-min-width);
  max-height: var(--custom-toggle-max-height);
  max-width: var(--custom-toggle-max-width);
  padding-top: var(--custom-toggle-padding-top);
  padding-right: var(--custom-toggle-padding-right);
  padding-bottom: var(--custom-toggle-padding-bottom);
  padding-left: var(--custom-toggle-padding-left);
  border-top-left-radius: var(--custom-toggle-border-top-left-radius);
  border-top-right-radius: var(--custom-toggle-border-top-right-radius);
  border-bottom-right-radius: var(--custom-toggle-border-bottom-right-radius);
  border-bottom-left-radius: var(--custom-toggle-border-bottom-left-radius);
  background-color: var(--custom-toggle-background-color);
  border-top-width: var(--custom-toggle-border-top-width);
  border-right-width: var(--custom-toggle-border-right-width);
  border-bottom-width: var(--custom-toggle-border-bottom-width);
  border-left-width: var(--custom-toggle-border-left-width);
  border-style: var(--custom-toggle-border-style);
  border-color: var(--custom-toggle-border-color);
}
.CustomToggle-module_toggleWrapper__LDRQR.CustomToggle-module_disabled__KadNX {
  cursor: not-allowed;
}
.CustomToggle-module_toggleWrapper__LDRQR .CustomToggle-module_input__rS0Vm {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}
.CustomToggle-module_toggleWrapper__LDRQR .CustomToggle-module_toggle__nLV26 {
  display: flex;
}
.Chip-module_chip__gFkbn {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  height: var(--chip-height);
  min-height: var(--chip-min-height);
  max-height: var(--chip-max-height);
  width: var(--chip-width);
  min-width: var(--chip-min-width);
  max-width: var(--chip-max-width);
  padding-top: calc(var(--chip-padding-top) - var(--chip-border-top-width));
  padding-bottom: calc(var(--chip-padding-bottom) - var(--chip-border-bottom-width));
  padding-left: calc(var(--chip-padding-left) - var(--chip-border-left-width));
  padding-right: calc(var(--chip-padding-right) - var(--chip-border-right-width));
  row-gap: var(--chip-row-gap);
  -moz-column-gap: var(--chip-column-gap);
       column-gap: var(--chip-column-gap);
  border-bottom-width: var(--chip-border-bottom-width);
  border-left-width: var(--chip-border-left-width);
  border-right-width: var(--chip-border-right-width);
  border-top-width: var(--chip-border-top-width);
  border-style: var(--chip-border-style);
  border-color: var(--chip-border-color);
  border-top-left-radius: var(--chip-border-top-left-radius);
  border-top-right-radius: var(--chip-border-top-right-radius);
  border-bottom-left-radius: var(--chip-border-bottom-left-radius);
  border-bottom-right-radius: var(--chip-border-bottom-right-radius);
  background-color: var(--chip-background-color);
  font-family: var(--chip-font-family);
  font-size: var(--chip-font-size);
  font-weight: var(--chip-font-weight);
  color: var(--chip-color);
}
.Chip-module_chip__gFkbn .Chip-module_iconAndContentContainer__yGoFx {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: var(--chip-content-row-gap) var(--chip-content-column-gap);
  padding-top: var(--chip-content-padding-top);
  padding-bottom: var(--chip-content-padding-bottom);
  padding-left: var(--chip-content-padding-left);
  padding-right: var(--chip-content-padding-right);
}
.Chip-module_chip__gFkbn .Chip-module_leadingIcon__wzuFC,
.Chip-module_chip__gFkbn .Chip-module_trailingIcon__jGkIh {
  display: flex;
  align-items: center;
  justify-content: center;
}
.Chip-module_chip__gFkbn .Chip-module_text__Zdkhb {
  --text-font-family: var(--chip-text-font-family);
  --text-font-weight: var(--chip-text-font-weight);
  --text-font-size: var(--chip-text-font-size);
  --text-letter-spacing: var(--chip-text-letter-spacing);
  --text-line-height: var(--chip-text-line-height);
  font-family: var(--chip-text-font-family);
  font-size: var(--chip-text-font-size);
  font-weight: var(--chip-text-font-weight);
  line-height: var(--chip-text-line-height);
  letter-spacing: var(--chip-text-letter-spacing);
}
.Chip-module_chip__gFkbn .Chip-module_content__BXoaz {
  flex: 1;
  display: flex;
  justify-content: center;
  font-family: var(--chip-text-font-family);
  font-size: var(--chip-text-font-size);
  font-weight: var(--chip-text-font-weight);
  color: var(--chip-text-color);
}
.Chip-module_chip__gFkbn.Chip-module_disabled__n16kg {
  pointer-events: none;
}
.Chip-module_chip__gFkbn .Chip-module_closeIcon__NbPxr {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: var(--chip-close-icon-spacing);
  cursor: pointer;
}
.Checkbox-module_checkbox__xj-77 {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  gap: var(--checkbox-row-gap) var(--checkbox-column-gap);
  cursor: pointer;
  width: var(--checkbox-width);
  height: var(--checkbox-height);
  min-width: var(--checkbox-min-width);
  min-height: var(--checkbox-min-height);
  max-width: var(--checkbox-max-width);
  max-height: var(--checkbox-max-height);
  color: var(--checkbox-color);
  font-family: var(--checkbox-font-family);
  font-size: var(--checkbox-font-size);
  font-weight: var(--checkbox-font-weight);
  letter-spacing: var(--checkbox-letter-spacing);
  line-height: var(--checkbox-line-height);
  background-color: var(--checkbox-background-color);
  border-top-width: var(--checkbox-top-border-width);
  border-right-width: var(--checkbox-right-border-width);
  border-bottom-width: var(--checkbox-bottom-border-width);
  border-left-width: var(--checkbox-left-border-width);
  border-style: var(--checkbox-border-style);
  border-color: var(--checkbox-border-color);
  border-top-left-radius: var(--checkbox-border-top-left-radius);
  border-top-right-radius: var(--checkbox-border-top-right-radius);
  border-bottom-left-radius: var(--checkbox-border-bottom-left-radius);
  border-bottom-right-radius: var(--checkbox-border-bottom-right-radius);
  padding-top: var(--checkbox-top-padding);
  padding-right: var(--checkbox-right-padding);
  padding-bottom: var(--checkbox-bottom-padding);
  padding-left: var(--checkbox-left-padding);
}
.Checkbox-module_checkbox__xj-77 .Checkbox-module_label__KXdQP {
  --text-font-family: var(--checkbox-font-family);
  --text-font-weight: var(--checkbox-font-weight);
  --text-font-size: var(--checkbox-font-size);
  --text-letter-spacing: var(--checkbox-letter-spacing);
  --text-line-height: var(--checkbox-line-height);
  font-family: var(--checkbox-font-family);
  font-size: var(--checkbox-font-size);
  font-weight: var(--checkbox-font-weight);
  line-height: var(--checkbox-line-height);
  letter-spacing: var(--checkbox-letter-spacing);
}
.Checkbox-module_checkbox__xj-77 .Checkbox-module_input__fzmwc {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
  margin: 0;
  cursor: pointer;
}
.Checkbox-module_checkbox__xj-77 .Checkbox-module_input__fzmwc:disabled {
  cursor: not-allowed;
}
.Checkbox-module_checkbox__xj-77 .Checkbox-module_input__fzmwc:disabled + .Checkbox-module_iconWrapper__waLQV {
  opacity: 0.5;
  cursor: not-allowed;
}
.Checkbox-module_checkbox__xj-77.Checkbox-module_disabled__-RpgA {
  cursor: not-allowed;
}
.Checkbox-module_checkbox__xj-77 .Checkbox-module_iconWrapper__waLQV {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: var(--checkbox-icon-wrapper-width);
  height: var(--checkbox-icon-wrapper-height);
  min-width: var(--checkbox-icon-wrapper-min-width);
  min-height: var(--checkbox-icon-wrapper-min-height);
  max-width: var(--checkbox-icon-wrapper-max-width);
  max-height: var(--checkbox-icon-wrapper-max-height);
  border-top-width: var(--checkbox-icon-wrapper-border-top-width);
  border-right-width: var(--checkbox-icon-wrapper-border-right-width);
  border-bottom-width: var(--checkbox-icon-wrapper-border-bottom-width);
  border-left-width: var(--checkbox-icon-wrapper-border-left-width);
  border-style: var(--checkbox-icon-wrapper-border-style);
  border-color: var(--checkbox-icon-wrapper-border-color);
  border-top-left-radius: var(--checkbox-icon-wrapper-border-top-left-radius);
  border-top-right-radius: var(--checkbox-icon-wrapper-border-top-right-radius);
  border-bottom-left-radius: var(--checkbox-icon-wrapper-border-bottom-left-radius);
  border-bottom-right-radius: var(--checkbox-icon-wrapper-border-bottom-right-radius);
  background-color: var(--checkbox-icon-wrapper-background-color);
  cursor: pointer;
}
.Checkbox-module_checkbox__xj-77 .Checkbox-module_iconWrapper__waLQV .Checkbox-module_iconContainer__s1XDb {
  display: flex;
  height: var(--checkbox-icon-container-height);
  min-height: var(--checkbox-icon-container-min-height);
  max-height: var(--checkbox-icon-container-max-height);
  width: var(--checkbox-icon-container-width);
  min-width: var(--checkbox-icon-container-min-width);
  max-width: var(--checkbox-icon-container-max-width);
  background-color: var(--checkbox-icon-container-background-color);
  border-top-left-radius: var(--checkbox-icon-container-border-top-left-radius);
  border-top-right-radius: var(--checkbox-icon-container-border-top-right-radius);
  border-bottom-left-radius: var(--checkbox-icon-container-border-bottom-left-radius);
  border-bottom-left-radius: var(--checkbox-icon-container-border-bottom-left-radius);
  border-top-width: 0px;
  border-top-width: var(--checkbox-icon-container-border-top-width, 0px);
  border-left-width: 0px;
  border-left-width: var(--checkbox-icon-container-border-left-width, 0px);
  border-bottom-width: 0px;
  border-bottom-width: var(--checkbox-icon-container-border-bottom-width, 0px);
  border-right-width: 0px;
  border-right-width: var(--checkbox-icon-container-border-right-width, 0px);
  border-style: solid;
  border-style: var(--checkbox-icon-container-border-style, solid);
  border-color: var(--checkbox-icon-container-border-color);
}
.Checkbox-module_checkbox__xj-77 .Checkbox-module_iconWrapper__waLQV .Checkbox-module_iconContainer__s1XDb .Checkbox-module_icon__kGYfV {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0);
  width: var(--checkbox-icon-width);
  height: var(--checkbox-icon-height);
  transition: all 0.2s ease-in-out;
}
.Checkbox-module_checkbox__xj-77 .Checkbox-module_iconWrapper__waLQV .Checkbox-module_iconContainer__s1XDb .Checkbox-module_icon__kGYfV > * path {
  stroke: var(--checkbox-icon-background-color);
  fill: var(--checkbox-icon-background-color);
}
.Checkbox-module_checkbox__xj-77 .Checkbox-module_input__fzmwc:checked + .Checkbox-module_iconWrapper__waLQV .Checkbox-module_icon__kGYfV {
  transform: translate(-50%, -50%) scale(1);
}
.Checkbox-module_checkbox__xj-77.Checkbox-module_labelRight__uNdas {
  flex-direction: row;
}
.Checkbox-module_checkbox__xj-77.Checkbox-module_labelLeft__g0UFH {
  flex-direction: row-reverse;
  justify-content: flex-end;
}
.CheckboxItem-module_checkboxItem__x-Kh8 {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  width: var(--checkbox-item-width);
  height: var(--checkbox-item-height);
  min-height: var(--checkbox-item-min-height);
  min-width: var(--checkbox-item-min-width);
  gap: var(--checkbox-item-row-gap) var(--checkbox-item-column-gap);
  color: var(--checkbox-item-text-color);
  font-family: var(--checkbox-item-font-family);
  font-size: var(--checkbox-item-font-size);
  font-weight: var(--checkbox-item-font-weight);
  letter-spacing: var(--checkbox-item-letter-spacing);
  line-height: var(--checkbox-item-line-height);
  background-color: var(--checkbox-item-background-color);
  border-top-width: var(--checkbox-item-top-border-width);
  border-right-width: var(--checkbox-item-right-border-width);
  border-bottom-width: var(--checkbox-item-bottom-border-width);
  border-left-width: var(--checkbox-item-left-border-width);
  border-style: var(--checkbox-item-border-style);
  border-color: var(--checkbox-item-border-color);
  border-top-left-radius: var(--checkbox-item-border-top-left-radius);
  border-top-right-radius: var(--checkbox-item-border-top-right-radius);
  border-bottom-left-radius: var(--checkbox-item-border-bottom-left-radius);
  border-bottom-right-radius: var(--checkbox-item-border-bottom-right-radius);
  padding-top: var(--checkbox-item-top-padding);
  padding-right: var(--checkbox-item-right-padding);
  padding-bottom: var(--checkbox-item-bottom-padding);
  padding-left: var(--checkbox-item-left-padding);
}
.CheckboxItem-module_checkboxItem__x-Kh8.CheckboxItem-module_disabled__cq5PQ {
  cursor: not-allowed;
}
.CheckboxItem-module_checkboxItem__x-Kh8.CheckboxItem-module_hasRightButton__0gFhC {
  padding-right: 8px;
}
.CheckboxItem-module_checkboxItem__x-Kh8 .CheckboxItem-module_rightButton__X9Le7 {
  margin-left: 8px;
}
.CheckboxItem-module_checkboxItem__x-Kh8 .CheckboxItem-module_rightButton__X9Le7:disabled {
  opacity: 0.5;
}
.CheckboxItem-module_checkboxItem__x-Kh8 .CheckboxItem-module_checkbox__w9N6t {
  --checkbox-width: 100% ;
}
.CheckboxItem-module_checkboxItem__x-Kh8 .CheckboxItem-module_text__cPivn {
  --text-font-family: var(--checkbox-item-font-family);
  --text-font-weight: var(--checkbox-item-font-weight);
  --text-font-size: var(--checkbox-item-font-size);
  --text-letter-spacing: var(--checkbox-item-letter-spacing);
  --text-line-height: var(--checkbox-item-line-height);
  font-family: var(--checkbox-item-font-family);
  font-size: var(--checkbox-item-font-size);
  font-weight: var(--checkbox-item-font-weight);
  line-height: var(--checkbox-item-line-height);
  letter-spacing: var(--checkbox-item-letter-spacing);
}
.Slider-module_sliderContainer__WQ-Yb {
  display: flex;
  align-items: center;
  gap: var(--slider-container-row-gap, var(--slider-container-column-gap));
  height: var(--slider-container-height);
  width: var(--slider-container-width);
}
.Slider-module_sliderContainer__WQ-Yb .Slider-module_sliderTrack__dEfq0 {
  position: relative;
  width: 100%;
  width: var(--slider-track-width, 100%);
  height: 0.5rem;
  height: var(--slider-track-height, 0.5rem);
  background-color: var(--slider-track-background-color, var(--surface-background-4));
  border-top-color: var(--slider-track-border-top-color);
  border-top-left-radius: var(--slider-track-border-top-left-radius);
  border-right-color: var(--slider-track-border-right-color);
  border-top-right-radius: var(--slider-track-border-top-right-radius);
  border-bottom-color: var(--slider-track-border-bottom-color);
  border-bottom-right-radius: var(--slider-track-border-bottom-right-radius);
  border-left-color: var(--slider-track-border-left-color);
  border-bottom-left-radius: var(--slider-track-border-bottom-left-radius);
  outline-width: var(--slider-track-outline-width);
  outline-style: var(--slider-track-outline-style);
  outline-color: var(--slider-track-outline-color);
  margin-top: 0.5rem;
  margin-top: var(--slider-track-margin-top, 0.5rem);
  margin-bottom: 0.5rem;
  margin-bottom: var(--slider-track-margin-bottom, 0.5rem);
  margin-left: 0.5rem;
  margin-left: var(--slider-track-margin-left, 0.5rem);
  margin-right: 0.5rem;
  margin-right: var(--slider-track-margin-right, 0.5rem);
  transition: background-color 0.3s ease;
  cursor: pointer;
}
.Slider-module_sliderContainer__WQ-Yb .Slider-module_sliderFill__XdvYb {
  position: absolute;
  background-color: var(--slider-fill-background-color, var(--interactive-surface-primary-default));
  height: 0.5rem;
  height: var(--slider-fill-height, var(--slider-track-height, 0.5rem));
  border-top-color: var(--slider-fill-border-top-color);
  border-top-left-radius: var(--slider-fill-border-top-left-radius);
  border-right-color: var(--slider-fill-border-right-color);
  border-top-right-radius: var(--slider-fill-border-top-right-radius);
  border-bottom-color: var(--slider-fill-border-bottom-color);
  border-bottom-right-radius: var(--slider-fill-border-bottom-right-radius);
  border-left-color: var(--slider-fill-border-left-color);
  border-bottom-left-radius: var(--slider-fill-border-bottom-left-radius);
  outline-width: var(--slider-fill-outline-width);
  outline-style: var(--slider-fill-outline-style);
  outline-color: var(--slider-fill-outline-color);
  transition: transform 0.3s ease;
}
.Slider-module_sliderContainer__WQ-Yb .Slider-module_sliderThumb__fuQtO {
  --slider-thumb-calc-height: var(--slider-thumb-height, calc(var(--slider-track-height, 0.5rem) * 2));
  --slider-thumb-calc-width: var(--slider-thumb-width, calc(var(--slider-track-height, 0.5rem) * 2));
  position: absolute;
  top: calc((0.5rem * 2) * -0.3);
  top: calc(calc(0.5rem * 2) * -0.3);
  top: calc(var(--slider-thumb-calc-height) * -0.3);
  background: var(--slider-thumb-background-color, var(--interactive-surface-primary-default));
  height: calc(0.5rem * 2);
  height: var(--slider-thumb-calc-height);
  width: calc(0.5rem * 2);
  width: var(--slider-thumb-calc-width, 1rem);
  border-top-left-radius: 50%;
  border-top-left-radius: var(--slider-thumb-border-top-left-radius, 50%);
  border-top-right-radius: 50%;
  border-top-right-radius: var(--slider-thumb-border-top-right-radius, 50%);
  border-bottom-right-radius: 50%;
  border-bottom-right-radius: var(--slider-thumb-border-bottom-right-radius, 50%);
  border-bottom-left-radius: 50%;
  border-bottom-left-radius: var(--slider-thumb-border-bottom-left-radius, 50%);
  border-style: solid;
  border-color: var(--slider-thumb-border-color);
  border-top-width: var(--slider-thumb-border-top-width);
  border-right-width: var(--slider-thumb-border-right-width);
  border-bottom-width: var(--slider-thumb-border-bottom-width);
  border-left-width: var(--slider-thumb-border-left-width);
  outline-width: var(--slider-thumb-outline-width);
  outline-style: var(--slider-thumb-outline-style);
  outline-color: var(--slider-thumb-outline-color);
  cursor: pointer;
  transform: translateX(-50%);
}
.Slider-module_sliderContainer__WQ-Yb .Slider-module_sliderLabel__LnkPf {
  padding-top: calc(var(--slider-label-padding-top) - var(--slider-label-border-top-width));
  padding-bottom: calc(var(--slider-label-padding-bottom) - var(--slider-label-border-bottom-width));
  padding-left: calc(var(--slider-label-padding-left) - var(--slider-label-border-left-width));
  padding-right: calc(var(--slider-label-padding-right) - var(--slider-label-border-right-width));
  border-bottom-width: var(--slider-label-border-bottom-width);
  border-left-width: var(--slider-label-border-left-width);
  border-right-width: var(--slider-label-border-right-width);
  border-top-width: var(--slider-label-border-top-width);
  border-style: var(--slider-label-border-style);
  border-color: var(--slider-label-border-color);
  border-top-left-radius: var(--slider-label-border-top-left-radius);
  border-top-right-radius: var(--slider-label-border-top-right-radius);
  border-bottom-right-radius: var(--slider-label-border-bottom-right-radius);
  border-bottom-left-radius: var(--slider-label-border-bottom-left-radius);
  outline-width: var(--slider-label-outline-width);
  outline-style: var(--slider-label-outline-style);
  outline-color: var(--slider-label-outline-color);
  margin-top: 0.5rem;
  margin-top: var(--slider-label-margin-top, 0.5rem);
  margin-bottom: 0.5rem;
  margin-bottom: var(--slider-label-margin-bottom, 0.5rem);
  margin-left: 0.5rem;
  margin-left: var(--slider-label-margin-left, 0.5rem);
  margin-right: 0.5rem;
  margin-right: var(--slider-label-margin-right, 0.5rem);
  font-family: var(--slider-label-family);
  font-size: var(--slider-label-size);
  font-weight: var(--slider-label-weight);
  line-height: var(--slider-label-height);
  color: white;
  color: var(--slider-label-color, white);
}
.Slider-module_sliderContainer__WQ-Yb.Slider-module_disabled__bF0cX .Slider-module_sliderTrack__dEfq0,
.Slider-module_sliderContainer__WQ-Yb.Slider-module_disabled__bF0cX .Slider-module_sliderFill__XdvYb,
.Slider-module_sliderContainer__WQ-Yb.Slider-module_disabled__bF0cX .Slider-module_sliderThumb__fuQtO {
  cursor: not-allowed;
}
.RadioButton-module_radioButton__rJ-J1 {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  gap: var(--radio-button-row-gap) var(--radio-button-column-gap);
  height: var(--radio-button-height);
  width: var(--radio-button-width);
  min-width: var(--radio-button-min-width);
  min-height: var(--radio-button-min-height);
  max-width: var(--radio-button-max-width);
  max-height: var(--radio-button-max-height);
  cursor: pointer;
  outline: none;
  border-top-width: var(--radio-button-border-top-width);
  border-right-width: var(--radio-button-border-right-width);
  border-bottom-width: var(--radio-button-border-bottom-width);
  border-left-width: var(--radio-button-border-left-width);
  border-style: var(--radio-button-border-style);
  border-color: var(--radio-button-border-color);
  border-top-left-radius: var(--radio-button-border-top-left-radius);
  border-top-right-radius: var(--radio-button-border-top-right-radius);
  border-bottom-left-radius: var(--radio-button-border-bottom-left-radius);
  border-bottom-right-radius: var(--radio-button-border-bottom-right-radius);
  padding-top: var(--radio-button-padding-top);
  padding-right: var(--radio-button-padding-right);
  padding-bottom: var(--radio-button-padding-bottom);
  padding-left: var(--radio-button-padding-left);
  background-color: var(--radio-button-background-color);
  color: var(--radio-button-color);
  font-family: var(--radio-button-font-family);
  font-size: var(--radio-button-font-size);
  font-weight: var(--radio-button-font-weight);
  letter-spacing: var(--radio-button-letter-spacing);
  line-height: var(--radio-button-line-height);
}
.RadioButton-module_radioButton__rJ-J1 .RadioButton-module_text__Gf2S7 {
  --text-font-family: var(--radio-button-font-family);
  --text-font-weight: var(--radio-button-font-weight);
  --text-font-size: var(--radio-button-font-size);
  --text-letter-spacing: var(--radio-button-letter-spacing);
  --text-line-height: var(--radio-button-line-height);
  font-family: var(--radio-button-font-family);
  font-size: var(--radio-button-font-size);
  font-weight: var(--radio-button-font-weight);
  line-height: var(--radio-button-line-height);
  letter-spacing: var(--radio-button-letter-spacing);
}
.RadioButton-module_radioButton__rJ-J1 .RadioButton-module_input__cI2KO {
  position: absolute;
  opacity: 0;
  width: 0px;
  height: 0px;
  margin: 0;
  cursor: pointer;
}
.RadioButton-module_radioButton__rJ-J1.RadioButton-module_disabled__Zorag {
  cursor: not-allowed;
}
.RadioButton-module_radioButton__rJ-J1 .RadioButton-module_iconWrapper__4e-9q {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: var(--radio-button-ring-wrapper-width);
  height: var(--radio-button-ring-wrapper-height);
  border-top-width: 0px;
  border-top-width: var(--radio-button-ring-wrapper-border-top-width, 0px);
  border-right-width: 0px;
  border-right-width: var(--radio-button-ring-wrapper-border-right-width, 0px);
  border-bottom-width: 0px;
  border-bottom-width: var(--radio-button-ring-wrapper-border-bottom-width, 0px);
  border-left-width: 0px;
  border-left-width: var(--radio-button-ring-wrapper-border-left-width, 0px);
  border-style: solid;
  border-style: var(--radio-button-ring-wrapper-border-style, solid);
  border-color: transparent;
  border-color: var(--radio-button-ring-wrapper-border-color, transparent);
  transition: all 0.2s ease-in-out;
}
.RadioButton-module_radioButton__rJ-J1 .RadioButton-module_radio__BeUQO {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  width: var(--radio-button-ring-width, 100%);
  height: 100%;
  height: var(--radio-button-ring-height, 100%);
  border-radius: 50%;
  transition: all 0.2s ease-in-out;
  cursor: pointer;
}
.RadioButton-module_radioButton__rJ-J1 .RadioButton-module_radio__BeUQO::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 80%;
  height: 80%;
  transform: translate(-50%, -50%);
  border-top-width: var(--radio-button-ring-border-top-width);
  border-right-width: var(--radio-button-ring-border-right-width);
  border-bottom-width: var(--radio-button-ring-border-bottom-width);
  border-left-width: var(--radio-button-ring-border-left-width);
  border-style: solid;
  border-style: var(--radio-button-ring-border-style, solid);
  border-color: var(--radio-button-ring-border-color);
  border-radius: 50%;
  transition: all 0.2s ease-in-out;
}
.RadioButton-module_radioButton__rJ-J1 .RadioButton-module_radio__BeUQO .RadioButton-module_dot__nQVRU {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0);
  width: var(--radio-button-dot-width);
  height: var(--radio-button-dot-height);
  background-color: var(--radio-button-dot-background-color);
  border-radius: 50%;
  transition: transform 0.2s ease-in-out;
}
.RadioButton-module_radioButton__rJ-J1 .RadioButton-module_input__cI2KO:checked + .RadioButton-module_iconWrapper__4e-9q .RadioButton-module_radio__BeUQO {
  border-color: var(--radio-button-ring-border-color);
}
.RadioButton-module_radioButton__rJ-J1 .RadioButton-module_input__cI2KO:checked + .RadioButton-module_iconWrapper__4e-9q .RadioButton-module_radio__BeUQO .RadioButton-module_dot__nQVRU {
  transform: translate(-50%, -50%) scale(1);
  background-color: var(--radio-button-dot-background-color);
  width: var(--radio-button-dot-width);
  height: var(--radio-button-dot-height);
  border-radius: 50%;
  opacity: 1;
}
.RadioButton-module_radioButton__rJ-J1 .RadioButton-module_input__cI2KO:focus-visible + .RadioButton-module_radio__BeUQO::before {
  border-color: var(--radio-button-ring-border-color);
}
.RadioButton-module_radioButton__rJ-J1.RadioButton-module_labelLeft__gsYcf {
  flex-direction: row-reverse;
  justify-content: flex-end;
}
.RadioButton-module_radioButton__rJ-J1.RadioButton-module_labelRight__mo9H8 {
  flex-direction: row;
  justify-content: flex-start;
}
.RadioButtonItem-module_radioButtonItem__YF8qk {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  width: var(--radio-button-item-width);
  height: var(--radio-button-item-height);
  min-height: var(--radio-button-item-min-height);
  min-width: var(--radio-button-item-min-width);
  cursor: pointer;
  color: var(--radio-button-item-text-color);
  font-family: var(--radio-button-item-font-family);
  font-size: var(--radio-button-item-font-size);
  font-weight: var(--radio-button-item-font-weight);
  letter-spacing: var(--radio-button-item-letter-spacing);
  line-height: var(--radio-button-item-line-height);
  background-color: var(--radio-button-item-background-color);
  border-top-width: var(--radio-button-item-top-border-width);
  border-right-width: var(--radio-button-item-right-border-width);
  border-bottom-width: var(--radio-button-item-bottom-border-width);
  border-left-width: var(--radio-button-item-left-border-width);
  border-style: var(--radio-button-item-border-style);
  border-color: var(--radio-button-item-border-color);
  border-top-left-radius: var(--radio-button-item-border-top-left-radius);
  border-top-right-radius: var(--radio-button-item-border-top-right-radius);
  border-bottom-left-radius: var(--radio-button-item-border-bottom-left-radius);
  border-bottom-right-radius: var(--radio-button-item-border-bottom-right-radius);
  padding-top: var(--radio-button-item-top-padding);
  padding-right: var(--radio-button-item-right-padding);
  padding-bottom: var(--radio-button-item-bottom-padding);
  padding-left: var(--radio-button-item-left-padding);
}
.RadioButtonItem-module_radioButtonItem__YF8qk.RadioButtonItem-module_disabled__0hvhJ {
  cursor: not-allowed;
}
.RadioButtonItem-module_radioButtonItem__YF8qk.RadioButtonItem-module_hasRightButton__4uBKQ {
  padding-right: 8px;
}
.RadioButtonItem-module_radioButtonItem__YF8qk .RadioButtonItem-module_rightButton__5BQVK {
  margin-left: 8px;
}
.RadioButtonItem-module_radioButtonItem__YF8qk .RadioButtonItem-module_rightButton__5BQVK:disabled {
  opacity: 0.5;
}
.RadioButtonItem-module_radioButtonItem__YF8qk [component-variant^=radio-button] {
  --radio-button-width: 100%;
}
.Accordion-module_root__Duh5q {
  border-bottom-width: var(--accordion-border-bottom-width);
  border-left-width: var(--accordion-border-left-width);
  border-right-width: var(--accordion-border-right-width);
  border-top-width: var(--accordion-border-top-width);
  border-style: var(--accordion-border-style);
  border-color: var(--accordion-border-color);
  border-top-left-radius: var(--accordion-border-top-left-radius);
  border-top-right-radius: var(--accordion-border-top-right-radius);
  border-bottom-right-radius: var(--accordion-border-bottom-right-radius);
  border-bottom-left-radius: var(--accordion-border-bottom-left-radius);
  opacity: var(--accordion-opacity);
  cursor: pointer;
}
.Accordion-module_root__Duh5q .Accordion-module_summary__--VnU {
  list-style: none;
  cursor: pointer;
  padding-top: var(--accordion-summary-padding-top);
  padding-bottom: var(--accordion-summary-padding-bottom);
  padding-left: var(--accordion-summary-padding-left);
  padding-right: var(--accordion-summary-padding-right);
  font-weight: var(--accordion-summary-font-weight);
  font-size: var(--accordion-summary-font-size);
  line-height: var(--accordion-summary-line-height);
  font-family: var(--accordion-summary-font-family);
  color: var(--accordion-summary-color);
  background-color: var(--accordion-summary-background-color);
  border-top-width: var(--accordion-summary-border-top-width);
  border-left-width: var(--accordion-summary-border-left-width);
  border-right-width: var(--accordion-summary-border-right-width);
  border-bottom-width: var(--accordion-summary-border-bottom-width);
  border-style: var(--accordion-summary-border-style);
  border-color: var(--accordion-summary-border-color);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--accordion-summary-row-gap) var(--accordion-summary-column-gap);
  height: var(--accordion-summary-height);
  width: var(--accordion-summary-width);
  min-width: var(--accordion-summary-min-width);
  min-height: var(--accordion-summary-min-height);
  max-width: var(--accordion-summary-max-width);
  max-height: var(--accordion-summary-max-height);
}
.Accordion-module_root__Duh5q .Accordion-module_summary__--VnU::-webkit-details-marker {
  display: none;
}
.Accordion-module_root__Duh5q .Accordion-module_expandIcon__BNP45 {
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform 0.3s ease;
}
.Accordion-module_root__Duh5q .Accordion-module_expandIcon__BNP45 .Accordion-module_icon__FbZ7p {
  height: var(--accordion-icon-height);
  width: var(--accordion-icon-width);
}
.Accordion-module_root__Duh5q .Accordion-module_expandIcon__BNP45 .Accordion-module_icon__FbZ7p > * path {
  fill: var(--accordion-icon-background-color);
}
.Accordion-module_root__Duh5q[open] .Accordion-module_expandIcon__BNP45 {
  transform: rotate(90deg);
}
.Accordion-module_root__Duh5q .Accordion-module_content__TmCTd {
  display: flex;
  overflow: hidden;
  transition: height 0.3s ease-in-out;
}
.Accordion-module_root__Duh5q .Accordion-module_summaryText__JYNpR {
  --text-font-family: var(--accordion-summary-font-family);
  --text-font-weight: var(--accordion-summary-font-weight);
  --text-font-size: var(--accordion-summary-font-size);
  --text-letter-spacing: var(--accordion-summary-letter-spacing);
  --text-line-height: var(--accordion-summary-line-height);
  font-family: var(--accordion-summary-font-family);
  font-size: var(--accordion-summary-font-size);
  font-weight: var(--accordion-summary-font-weight);
  line-height: var(--accordion-summary-line-height);
  letter-spacing: var(--accordion-summary-letter-spacing);
}
.Accordion-module_root__Duh5q .Accordion-module_detailsText__W3Zbm {
  --text-font-family: var(--accordion-font-family);
  --text-font-weight: var(--accordion-font-weight);
  --text-font-size: var(--accordion-font-size);
  --text-letter-spacing: var(--accordion-letter-spacing);
  --text-line-height: var(--accordion-line-height);
  font-family: var(--accordion-font-family);
  font-size: var(--accordion-font-size);
  font-weight: var(--accordion-font-weight);
  line-height: var(--accordion-line-height);
  letter-spacing: var(--accordion-letter-spacing);
}
.Accordion-module_root__Duh5q .Accordion-module_text__KY4-5 {
  --text-font-family: var(--accordion-font-family);
  --text-font-weight: var(--accordion-font-weight);
  --text-font-size: var(--accordion-font-size);
  --text-letter-spacing: var(--accordion-letter-spacing);
  --text-line-height: var(--accordion-line-height);
  font-family: var(--accordion-font-family);
  font-size: var(--accordion-font-size);
  font-weight: var(--accordion-font-weight);
  line-height: var(--accordion-line-height);
  letter-spacing: var(--accordion-letter-spacing);
}
.AccordionGroup-module_root__0n8b2 {
  display: flex;
  flex-direction: column;
  gap: var(--accordion-group-row-gap) var(--accordion-group-column-gap);
  border-style: var(--accordion-group-border-style);
  border-color: var(--accordion-group-border-color);
  border-top-left-radius: var(--accordion-group-border-top-left-radius);
  border-top-right-radius: var(--accordion-group-border-top-right-radius);
  border-bottom-right-radius: var(--accordion-group-border-bottom-right-radius);
  border-bottom-left-radius: var(--accordion-group-border-bottom-left-radius);
  padding-top: var(--accordion-group-padding-top);
  padding-bottom: var(--accordion-group-padding-bottom);
  padding-left: var(--accordion-group-padding-left);
  padding-right: var(--accordion-group-padding-right);
  background-color: var(--accordion-group-background-color);
}
.ActionCard-module_actionCard__fGvvN {
  display: flex;
  cursor: pointer;
  height: var(--action-card-height);
  min-height: var(--action-card-min-height);
  max-height: var(--action-card-max-height);
  width: var(--action-card-width);
  min-width: var(--action-card-min-width);
  max-width: var(--action-card-max-width);
  padding-top: calc(var(--action-card-padding-top) - var(--action-card-border-top-width));
  padding-bottom: calc(var(--action-card-padding-bottom) - var(--action-card-border-bottom-width));
  padding-left: calc(var(--action-card-padding-left) - var(--action-card-border-left-width));
  padding-right: calc(var(--action-card-padding-right) - var(--action-card-border-right-width));
  row-gap: var(--action-card-row-gap);
  -moz-column-gap: var(--action-card-column-gap);
       column-gap: var(--action-card-column-gap);
  border-bottom-width: var(--action-card-border-bottom-width);
  border-left-width: var(--action-card-border-left-width);
  border-right-width: var(--action-card-border-right-width);
  border-top-width: var(--action-card-border-top-width);
  border-style: var(--action-card-border-style);
  border-color: var(--action-card-border-color);
  border-top-left-radius: var(--action-card-border-top-left-radius);
  border-top-right-radius: var(--action-card-border-top-right-radius);
  border-bottom-right-radius: var(--action-card-border-bottom-right-radius);
  border-bottom-left-radius: var(--action-card-border-bottom-left-radius);
  outline-width: var(--action-card-outline-width);
  outline-style: var(--action-card-outline-style);
  outline-color: var(--action-card-outline-color);
  background-color: var(--action-card-background-color);
  color: var(--action-card-color);
}
.ActionCard-module_actionCard__fGvvN.ActionCard-module_disabled__x1jNp {
  cursor: not-allowed;
}
.Breadcrumbs-module_breadcrumbs__Ltk8M {
  display: flex;
  list-style: none;
  height: var(--breadcrumbs-height);
  min-height: var(--breadcrumbs-min-height);
  max-height: var(--breadcrumbs-max-height);
  width: var(--breadcrumbs-width);
  min-width: var(--breadcrumbs-min-width);
  max-width: var(--breadcrumbs-max-width);
  padding-top: calc(var(--breadcrumbs-padding-top) - var(--breadcrumbs-border-top-width));
  padding-bottom: calc(var(--breadcrumbs-padding-bottom) - var(--breadcrumbs-border-bottom-width));
  padding-left: calc(var(--breadcrumbs-padding-left) - var(--breadcrumbs-border-left-width));
  padding-right: calc(var(--breadcrumbs-padding-right) - var(--breadcrumbs-border-right-width));
  row-gap: var(--breadcrumbs-row-gap);
  -moz-column-gap: var(--breadcrumbs-column-gap);
       column-gap: var(--breadcrumbs-column-gap);
  border-bottom-width: var(--breadcrumbs-border-bottom-width);
  border-left-width: var(--breadcrumbs-border-left-width);
  border-right-width: var(--breadcrumbs-border-right-width);
  border-top-width: var(--breadcrumbs-border-top-width);
  border-style: var(--breadcrumbs-border-style);
  border-color: var(--breadcrumbs-border-color);
  border-top-left-radius: var(--breadcrumbs-border-top-left-radius);
  border-top-right-radius: var(--breadcrumbs-border-top-right-radius);
  border-bottom-right-radius: var(--breadcrumbs-border-bottom-right-radius);
  border-bottom-left-radius: var(--breadcrumbs-border-bottom-left-radius);
  outline-width: var(--breadcrumbs-outline-width);
  outline-style: var(--breadcrumbs-outline-style);
  outline-color: var(--breadcrumbs-outline-color);
  background-color: var(--breadcrumbs-background-color);
  font-family: var(--breadcrumbs-font-family);
  font-size: var(--breadcrumbs-font-size);
  font-weight: var(--breadcrumbs-font-weight);
  line-height: var(--breadcrumbs-line-height);
  color: var(--breadcrumbs-color);
}
.Breadcrumbs-module_breadcrumbs__Ltk8M .Breadcrumbs-module_breadcrumbItem__95zLW {
  display: flex;
  list-style: none;
  align-items: center;
}
.Breadcrumbs-module_breadcrumbs__Ltk8M .Breadcrumbs-module_breadcrumbItem__95zLW > * {
  color: inherit;
  color: var(--breadcrumb-color, var(--breadcrumbs-color, inherit));
}
.Breadcrumbs-module_breadcrumbs__Ltk8M .Breadcrumbs-module_divider__hZkGu > * {
  color: inherit;
  color: var(--breadcrumbs-divider-color, var(--breadcrumbs-color, inherit));
}
.Breadcrumbs-module_breadcrumbs__Ltk8M.Breadcrumbs-module_disabled__jgYnA {
  pointer-events: none;
}
.Breadcrumb-module_breadcrumb__k0yVd {
  display: flex;
  height: var(--breadcrumb-height);
  min-height: var(--breadcrumb-min-height);
  max-height: var(--breadcrumb-max-height);
  width: var(--breadcrumb-width);
  min-width: var(--breadcrumb-min-width);
  max-width: var(--breadcrumb-max-width);
  padding-top: calc(var(--breadcrumb-padding-top) - var(--breadcrumb-border-top-width));
  padding-bottom: calc(var(--breadcrumb-padding-bottom) - var(--breadcrumb-border-bottom-width));
  padding-left: calc(var(--breadcrumb-padding-left) - var(--breadcrumb-border-left-width));
  padding-right: calc(var(--breadcrumb-padding-right) - var(--breadcrumb-border-right-width));
  gap: var(--breadcrumb-gap);
  -moz-column-gap: var(--breadcrumb-column-gap);
       column-gap: var(--breadcrumb-column-gap);
  border-bottom-width: var(--breadcrumb-border-bottom-width);
  border-left-width: var(--breadcrumb-border-left-width);
  border-right-width: var(--breadcrumb-border-right-width);
  border-top-width: var(--breadcrumb-border-top-width);
  border-style: var(--breadcrumb-border-style);
  border-color: var(--breadcrumb-border-color);
  border-top-left-radius: var(--breadcrumb-border-top-left-radius);
  border-top-right-radius: var(--breadcrumb-border-top-right-radius);
  border-bottom-right-radius: var(--breadcrumb-border-bottom-right-radius);
  border-bottom-left-radius: var(--breadcrumb-border-bottom-left-radius);
  outline-width: var(--breadcrumb-outline-width);
  outline-style: var(--breadcrumb-outline-style);
  outline-color: var(--breadcrumb-outline-color);
  background-color: var(--breadcrumb-background-color);
  font-family: var(--breadcrumb-font-family);
  font-size: var(--breadcrumb-font-size);
  font-weight: var(--breadcrumb-font-weight);
  line-height: var(--breadcrumb-line-height);
  color: var(--breadcrumb-color);
}
.Breadcrumb-module_breadcrumb__k0yVd.Breadcrumb-module_disabled__QgMMr {
  pointer-events: none;
}
.Nav-module_nav__bdTQj {
  --nav-nav-items-gap: 8px;
  display: flex;
}
.Nav-module_nav__bdTQj .Nav-module_navItems__mLo5b {
  display: flex;
  flex-direction: row;
  gap: var(--nav-nav-items-gap);
}
.NavItem-module_navItem__uLSwW {
  display: flex;
}
.NavLink-module_navLink__ZbL1G {
  display: flex;
  align-items: center;
  -webkit-text-decoration: none;
  text-decoration: none;
}
.NavLink-module_navLink__ZbL1G.NavLink-module_button__fm4B7 {
  height: var(--button-height);
  min-height: var(--button-min-height);
  max-height: var(--button-max-height);
  width: var(--button-width);
  min-width: var(--button-min-width);
  max-width: var(--button-max-width);
  padding-top: calc(var(--button-padding-top) - var(--button-border-top-width));
  padding-bottom: calc(var(--button-padding-bottom) - var(--button-border-bottom-width));
  padding-left: calc(var(--button-padding-left) - var(--button-border-left-width));
  padding-right: calc(var(--button-padding-right) - var(--button-border-right-width));
  row-gap: var(--button-row-gap);
  -moz-column-gap: var(--button-column-gap);
       column-gap: var(--button-column-gap);
  border-bottom-width: var(--button-border-bottom-width);
  border-left-width: var(--button-border-left-width);
  border-right-width: var(--button-border-right-width);
  border-top-width: var(--button-border-top-width);
  border-style: var(--button-border-style);
  border-color: var(--button-border-color);
  border-top-left-radius: var(--button-border-top-left-radius);
  border-top-right-radius: var(--button-border-top-right-radius);
  border-bottom-right-radius: var(--button-border-bottom-right-radius);
  border-bottom-left-radius: var(--button-border-bottom-left-radius);
  outline-width: var(--button-outline-width);
  outline-style: var(--button-outline-style);
  outline-color: var(--button-outline-color);
  background-color: var(--button-background-color);
  font-family: var(--button-font-family);
  font-size: var(--button-font-size);
  font-weight: var(--button-font-weight);
  line-height: var(--button-line-height);
  color: var(--button-color);
}
.NavLink-module_navLink__ZbL1G.NavLink-module_button__fm4B7 .NavLink-module_buttonText__qv0sH {
  --text-font-family: var(--button-font-family);
  --text-font-weight: var(--button-font-weight);
  --text-font-size: var(--button-font-size);
  --text-letter-spacing: var(--button-letter-spacing);
  --text-line-height: var(--button-line-height);
  font-family: var(--button-font-family);
  font-size: var(--button-font-size);
  font-weight: var(--button-font-weight);
  line-height: var(--button-line-height);
  letter-spacing: var(--button-letter-spacing);
}
.NavLink-module_navLink__ZbL1G.NavLink-module_link__FSAEq {
  height: var(--nav-link-height);
  min-height: var(--nav-link-min-height);
  max-height: var(--nav-link-max-height);
  width: var(--nav-link-width);
  min-width: var(--nav-link-min-width);
  max-width: var(--nav-link-max-width);
  padding-top: calc(var(--nav-link-padding-top) - var(--nav-link-border-top-width));
  padding-bottom: calc(var(--nav-link-padding-bottom) - var(--nav-link-border-bottom-width));
  padding-left: calc(var(--nav-link-padding-left) - var(--nav-link-border-left-width));
  padding-right: calc(var(--nav-link-padding-right) - var(--nav-link-border-right-width));
  row-gap: var(--nav-link-row-gap);
  -moz-column-gap: var(--nav-link-column-gap);
       column-gap: var(--nav-link-column-gap);
  border-bottom-width: var(--nav-link-border-bottom-width);
  border-left-width: var(--nav-link-border-left-width);
  border-right-width: var(--nav-link-border-right-width);
  border-top-width: var(--nav-link-border-top-width);
  border-style: var(--nav-link-border-style);
  border-color: var(--nav-link-border-color);
  border-top-left-radius: var(--nav-link-border-top-left-radius);
  border-top-right-radius: var(--nav-link-border-top-right-radius);
  border-bottom-right-radius: var(--nav-link-border-bottom-right-radius);
  border-bottom-left-radius: var(--nav-link-border-bottom-left-radius);
  outline-width: var(--nav-link-outline-width);
  outline-style: var(--nav-link-outline-style);
  outline-color: var(--nav-link-outline-color);
  background-color: var(--nav-link-background-color);
  font-family: var(--nav-link-font-family);
  font-size: var(--nav-link-font-size);
  font-weight: var(--nav-link-font-weight);
  line-height: var(--nav-link-line-height);
  color: var(--nav-link-color);
}
.NavLink-module_navLink__ZbL1G.NavLink-module_link__FSAEq .NavLink-module_linkText__rHYq4 {
  --text-font-family: var(--nav-link-font-family);
  --text-font-weight: var(--nav-link-font-weight);
  --text-font-size: var(--nav-link-font-size);
  --text-letter-spacing: var(--nav-link-letter-spacing);
  --text-line-height: var(--nav-link-line-height);
  font-family: var(--nav-link-font-family);
  font-size: var(--nav-link-font-size);
  font-weight: var(--nav-link-font-weight);
  line-height: var(--nav-link-line-height);
  letter-spacing: var(--nav-link-letter-spacing);
}
.NavLink-module_navLink__ZbL1G:disabled {
  cursor: not-allowed;
}
ul.ButtonGroup-module_buttonGroup__s1X98 {
  display: flex;
  height: var(--button-group-height);
  min-height: var(--button-group-min-height);
  max-height: var(--button-group-max-height);
  width: -moz-fit-content;
  width: fit-content;
  min-width: var(--button-group-min-width);
  max-width: var(--button-group-max-width);
  padding-top: calc(var(--button-group-padding-top) - var(--button-group-border-top-width));
  padding-bottom: calc(var(--button-group-padding-bottom) - var(--button-group-border-bottom-width));
  padding-left: calc(var(--button-group-padding-left) - var(--button-group-border-left-width));
  padding-right: calc(var(--button-group-padding-right) - var(--button-group-border-right-width));
  row-gap: var(--button-group-row-gap);
  -moz-column-gap: var(--button-group-column-gap);
       column-gap: var(--button-group-column-gap);
  border-bottom-width: var(--button-group-border-bottom-width);
  border-left-width: var(--button-group-border-left-width);
  border-right-width: var(--button-group-border-right-width);
  border-top-width: var(--button-group-border-top-width);
  border-style: var(--button-group-border-style);
  border-color: var(--button-group-border-color);
  border-top-left-radius: var(--button-group-border-top-left-radius);
  border-top-right-radius: var(--button-group-border-top-right-radius);
  border-bottom-right-radius: var(--button-group-border-bottom-right-radius);
  border-bottom-left-radius: var(--button-group-border-bottom-left-radius);
  outline-width: var(--button-group-outline-width);
  outline-style: var(--button-group-outline-style);
  outline-color: var(--button-group-outline-color);
  background-color: var(--button-group-background-color);
  color: var(--button-group-color);
}
ul.ButtonGroup-module_buttonGroup__s1X98 li button,
ul.ButtonGroup-module_buttonGroup__s1X98 li button:hover:not(:disabled),
ul.ButtonGroup-module_buttonGroup__s1X98 li button:focus-visible:not(:disabled),
ul.ButtonGroup-module_buttonGroup__s1X98 li button:active:not(:disabled) {
  --button-border-bottom-width: 0px;
  --button-border-left-width: 0px;
  --button-border-right-width: 0px;
  --button-border-top-width: 0px;
  --button-border-color: transparent;
  --button-border-top-left-radius: 0px;
  --button-border-top-right-radius: 0px;
  --button-border-bottom-left-radius: 0px;
  --button-border-bottom-right-radius: 0px;
}
ul.ButtonGroup-module_buttonGroup__s1X98[component-variant=button-group-horizontal-ghost], ul.ButtonGroup-module_buttonGroup__s1X98[component-variant=button-group-horizontal-outlined] {
  flex-direction: row;
}
ul.ButtonGroup-module_buttonGroup__s1X98[component-variant=button-group-horizontal-ghost] li, ul.ButtonGroup-module_buttonGroup__s1X98[component-variant=button-group-horizontal-outlined] li {
  border-right-width: 1px;
  border-right-color: var(--button-group-border-color);
  border-style: solid;
  overflow: hidden;
}
ul.ButtonGroup-module_buttonGroup__s1X98[component-variant=button-group-horizontal-ghost] li:first-child, ul.ButtonGroup-module_buttonGroup__s1X98[component-variant=button-group-horizontal-outlined] li:first-child {
  border-top-left-radius: var(--button-group-border-top-left-radius);
  border-bottom-left-radius: var(--button-group-border-bottom-left-radius);
}
ul.ButtonGroup-module_buttonGroup__s1X98[component-variant=button-group-horizontal-ghost] li:last-child, ul.ButtonGroup-module_buttonGroup__s1X98[component-variant=button-group-horizontal-outlined] li:last-child {
  border-right-width: 0px;
  border-top-right-radius: var(--button-group-border-top-right-radius);
  border-bottom-right-radius: var(--button-group-border-bottom-right-radius);
}
ul.ButtonGroup-module_buttonGroup__s1X98[component-variant=button-group-horizontal-ghost] li button,
ul.ButtonGroup-module_buttonGroup__s1X98[component-variant=button-group-horizontal-ghost] li button:hover:not(:disabled),
ul.ButtonGroup-module_buttonGroup__s1X98[component-variant=button-group-horizontal-ghost] li button:focus-visible:not(:disabled),
ul.ButtonGroup-module_buttonGroup__s1X98[component-variant=button-group-horizontal-ghost] li button:active:not(:disabled), ul.ButtonGroup-module_buttonGroup__s1X98[component-variant=button-group-horizontal-outlined] li button,
ul.ButtonGroup-module_buttonGroup__s1X98[component-variant=button-group-horizontal-outlined] li button:hover:not(:disabled),
ul.ButtonGroup-module_buttonGroup__s1X98[component-variant=button-group-horizontal-outlined] li button:focus-visible:not(:disabled),
ul.ButtonGroup-module_buttonGroup__s1X98[component-variant=button-group-horizontal-outlined] li button:active:not(:disabled) {
  --button-height: 100%;
}
ul.ButtonGroup-module_buttonGroup__s1X98[component-variant=button-group-vertical-ghost], ul.ButtonGroup-module_buttonGroup__s1X98[component-variant=button-group-vertical-outlined] {
  flex-direction: column;
}
ul.ButtonGroup-module_buttonGroup__s1X98[component-variant=button-group-vertical-ghost] li, ul.ButtonGroup-module_buttonGroup__s1X98[component-variant=button-group-vertical-outlined] li {
  border-bottom-width: 1px;
  border-bottom-color: var(--button-group-border-color);
  border-style: solid;
  overflow: hidden;
}
ul.ButtonGroup-module_buttonGroup__s1X98[component-variant=button-group-vertical-ghost] li:first-child, ul.ButtonGroup-module_buttonGroup__s1X98[component-variant=button-group-vertical-outlined] li:first-child {
  border-top-left-radius: var(--button-group-border-top-left-radius);
  border-top-right-radius: var(--button-group-border-top-right-radius);
}
ul.ButtonGroup-module_buttonGroup__s1X98[component-variant=button-group-vertical-ghost] li:last-child, ul.ButtonGroup-module_buttonGroup__s1X98[component-variant=button-group-vertical-outlined] li:last-child {
  border-bottom-width: 0px;
  border-bottom-right-radius: var(--button-group-border-bottom-right-radius);
  border-bottom-left-radius: var(--button-group-border-bottom-left-radius);
}
ul.ButtonGroup-module_buttonGroup__s1X98[component-variant=button-group-vertical-ghost] li button,
ul.ButtonGroup-module_buttonGroup__s1X98[component-variant=button-group-vertical-ghost] li button:hover:not(:disabled),
ul.ButtonGroup-module_buttonGroup__s1X98[component-variant=button-group-vertical-ghost] li button:focus-visible:not(:disabled),
ul.ButtonGroup-module_buttonGroup__s1X98[component-variant=button-group-vertical-ghost] li button:active:not(:disabled), ul.ButtonGroup-module_buttonGroup__s1X98[component-variant=button-group-vertical-outlined] li button,
ul.ButtonGroup-module_buttonGroup__s1X98[component-variant=button-group-vertical-outlined] li button:hover:not(:disabled),
ul.ButtonGroup-module_buttonGroup__s1X98[component-variant=button-group-vertical-outlined] li button:focus-visible:not(:disabled),
ul.ButtonGroup-module_buttonGroup__s1X98[component-variant=button-group-vertical-outlined] li button:active:not(:disabled) {
  --button-width: 100%;
}
.Card-module_card__9Bhfd {
  --card-padding-top: var(--spacing-extra-extra-large);
  --card-padding-bottom: var(--spacing-extra-extra-large);
  --card-padding-right: var(--spacing-extra-extra-large);
  --card-padding-left: var(--spacing-extra-extra-large);
  --card-border-radius: var(--radius-medium);
  --card-border-width: 1px;
  --card-border-color: var(--border-grey-2);
  --card-background-color: var(--background-3);
  --card-color: var(--text-primary);
  display: flex;
  padding: var(--card-padding-top) var(--card-padding-right) var(--card-padding-bottom) var(--card-padding-left);
  border-radius: var(--card-border-radius);
  background-color: var(--card-background-color);
  border: 1px solid var(--card-border-color);
  border: var(--card-border-width) solid var(--card-border-color);
  color: var(--card-color);
}
.ContextMenu-module_contextMenu__i-w71 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  width: auto;
  width: var(--context-menu-width, auto);
  height: auto;
  height: var(--context-menu-height, auto);
  min-width: 0;
  min-width: initial;
  min-width: var(--context-menu-min-width, unset);
  min-height: 0;
  min-height: initial;
  min-height: var(--context-menu-min-height, unset);
  max-width: none;
  max-width: initial;
  max-width: var(--context-menu-max-width, unset);
  max-height: none;
  max-height: initial;
  max-height: var(--context-menu-max-height, unset);
  background-color: var(--context-menu-background-color, var(--surface-background-4));
  border-top-width: 1px;
  border-top-width: var(--context-menu-border-top-width, 1px);
  border-right-width: 1px;
  border-right-width: var(--context-menu-border-right-width, 1px);
  border-bottom-width: 1px;
  border-bottom-width: var(--context-menu-border-bottom-width, 1px);
  border-left-width: 1px;
  border-left-width: var(--context-menu-border-left-width, 1px);
  border-style: solid;
  border-style: var(--context-menu-border-style, solid);
  border-color: var(--context-menu-border-color, var(--border-border-grey-3));
  border-top-left-radius: 1px;
  border-top-left-radius: var(--context-menu-border-top-left-radius, 1px);
  border-top-right-radius: 1px;
  border-top-right-radius: var(--context-menu-border-top-right-radius, 1px);
  border-bottom-left-radius: 1px;
  border-bottom-left-radius: var(--context-menu-border-bottom-left-radius, 1px);
  border-bottom-right-radius: 1px;
  border-bottom-right-radius: var(--context-menu-border-bottom-right-radius, 1px);
  padding-top: 8px;
  padding-top: var(--context-menu-padding-top, 8px);
  padding-right: 8px;
  padding-right: var(--context-menu-padding-right, 8px);
  padding-bottom: 8px;
  padding-bottom: var(--context-menu-padding-bottom, 8px);
  padding-left: 8px;
  padding-left: var(--context-menu-padding-left, 8px);
}
.ContextMenu-module_contextMenu__i-w71 .ContextMenu-module_list__4P1Fc {
  width: 100%;
  --list-row-gap: var(--context-menu-list-row-gap, 0px);
  --list-column-gap: var(--context-menu-list-column-gap, 0px);
}
.DateInput-module_dateInput__hYA3X {
  --input-height: var(--date-input-height);
  --input-row-gap: var(--date-input-row-gap);
  --input-column-gap: var(--date-input-column-gap);
  --input-border-bottom-width: var(--date-input-border-bottom-width);
  --input-border-left-width: var(--date-input-border-left-width);
  --input-border-right-width: var(--date-input-border-right-width);
  --input-border-top-width: var(--date-input-border-top-width);
  --input-border-style: var(--date-input-border-style);
  --input-border-color: var(--date-input-border-color);
  --input-border-top-left-radius: var(--date-input-border-top-left-radius);
  --input-border-top-right-radius: var(--date-input-border-top-right-radius);
  --input-border-bottom-right-radius: var(--date-input-border-bottom-right-radius);
  --input-border-bottom-left-radius: var(--date-input-border-bottom-left-radius);
  --input-background-color: var(--date-input-background-color);
  --input-color: var(--date-input-color);
  --input-padding-top: var(--date-input-padding-top);
  --input-padding-bottom: var(--date-input-padding-bottom);
  --input-padding-left: var(--date-input-padding-left);
  --input-padding-right: var(--date-input-padding-right);
  --input-font-family: var(--date-input-font-family);
  --input-font-weight: var(--date-input-font-weight);
  --input-font-size: var(--date-input-font-size);
  --input-letter-spacing: var(--date-input-letter-spacing);
  --input-line-height: var(--date-input-line-height);
  --input-color: var(--date-input-color);
  --input-placeholder-font-family: var(--date-input-placeholder-font-family);
  --input-placeholder-font-weight: var(--date-input-placeholder-font-weight);
  --input-placeholder-font-size: var(--date-input-placeholder-font-size);
  --input-placeholder-letter-spacing: var(--date-input-placeholder-letter-spacing);
  --input-placeholder-line-height: var(--date-input-placeholder-line-height);
  --input-placeholder-color: var(--date-input-placeholder-color);
}
.DateInput-module_dateInput__hYA3X svg {
  pointer-events: none;
}
.DateInput-module_clickableWrapper__1zMm4 {
  cursor: pointer;
}
.flatpickr-calendar {
  background: transparent;
  opacity: 0;
  display: none;
  text-align: center;
  visibility: hidden;
  padding: 0;
  -webkit-animation: none;
          animation: none;
  direction: ltr;
  border: 0;
  font-size: 14px;
  line-height: 24px;
  border-radius: 5px;
  position: absolute;
  width: 307.875px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  background: #fff;
  -webkit-box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6, 0 -1px 0 #e6e6e6, 0 3px 13px rgba(0,0,0,0.08);
          box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6, 0 -1px 0 #e6e6e6, 0 3px 13px rgba(0,0,0,0.08);
}
.flatpickr-calendar.open,
.flatpickr-calendar.inline {
  opacity: 1;
  max-height: 640px;
  visibility: visible;
}
.flatpickr-calendar.open {
  display: inline-block;
  z-index: 99999;
}
.flatpickr-calendar.animate.open {
  -webkit-animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);
          animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);
}
.flatpickr-calendar.inline {
  display: block;
  position: relative;
  top: 2px;
}
.flatpickr-calendar.static {
  position: absolute;
  top: calc(100% + 2px);
}
.flatpickr-calendar.static.open {
  z-index: 999;
  display: block;
}
.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7) {
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}
.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1) {
  -webkit-box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
          box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
}
.flatpickr-calendar .hasWeeks .dayContainer,
.flatpickr-calendar .hasTime .dayContainer {
  border-bottom: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.flatpickr-calendar .hasWeeks .dayContainer {
  border-left: 0;
}
.flatpickr-calendar.hasTime .flatpickr-time {
  height: 40px;
  border-top: 1px solid #e6e6e6;
}
.flatpickr-calendar.noCalendar.hasTime .flatpickr-time {
  height: auto;
}
.flatpickr-calendar:before,
.flatpickr-calendar:after {
  position: absolute;
  display: block;
  pointer-events: none;
  border: solid transparent;
  content: '';
  height: 0;
  width: 0;
  left: 22px;
}
.flatpickr-calendar.rightMost:before,
.flatpickr-calendar.arrowRight:before,
.flatpickr-calendar.rightMost:after,
.flatpickr-calendar.arrowRight:after {
  left: auto;
  right: 22px;
}
.flatpickr-calendar.arrowCenter:before,
.flatpickr-calendar.arrowCenter:after {
  left: 50%;
  right: 50%;
}
.flatpickr-calendar:before {
  border-width: 5px;
  margin: 0 -5px;
}
.flatpickr-calendar:after {
  border-width: 4px;
  margin: 0 -4px;
}
.flatpickr-calendar.arrowTop:before,
.flatpickr-calendar.arrowTop:after {
  bottom: 100%;
}
.flatpickr-calendar.arrowTop:before {
  border-bottom-color: #e6e6e6;
}
.flatpickr-calendar.arrowTop:after {
  border-bottom-color: #fff;
}
.flatpickr-calendar.arrowBottom:before,
.flatpickr-calendar.arrowBottom:after {
  top: 100%;
}
.flatpickr-calendar.arrowBottom:before {
  border-top-color: #e6e6e6;
}
.flatpickr-calendar.arrowBottom:after {
  border-top-color: #fff;
}
.flatpickr-calendar:focus {
  outline: 0;
}
.flatpickr-wrapper {
  position: relative;
  display: inline-block;
}
.flatpickr-months {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.flatpickr-months .flatpickr-month {
  background: transparent;
  color: rgba(0,0,0,0.9);
  fill: rgba(0,0,0,0.9);
  height: 34px;
  line-height: 1;
  text-align: center;
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  overflow: hidden;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.flatpickr-months .flatpickr-prev-month,
.flatpickr-months .flatpickr-next-month {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-text-decoration: none;
  text-decoration: none;
  cursor: pointer;
  position: absolute;
  top: 0;
  height: 34px;
  padding: 10px;
  z-index: 3;
  color: rgba(0,0,0,0.9);
  fill: rgba(0,0,0,0.9);
}
.flatpickr-months .flatpickr-prev-month.flatpickr-disabled,
.flatpickr-months .flatpickr-next-month.flatpickr-disabled {
  display: none;
}
.flatpickr-months .flatpickr-prev-month i,
.flatpickr-months .flatpickr-next-month i {
  position: relative;
}
.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,
.flatpickr-months .flatpickr-next-month.flatpickr-prev-month {
/*
      /*rtl:begin:ignore*/
/*
      */
  left: 0;
/*
      /*rtl:end:ignore*/
/*
      */
}
/*
      /*rtl:begin:ignore*/
/*
      /*rtl:end:ignore*/
.flatpickr-months .flatpickr-prev-month.flatpickr-next-month,
.flatpickr-months .flatpickr-next-month.flatpickr-next-month {
/*
      /*rtl:begin:ignore*/
/*
      */
  right: 0;
/*
      /*rtl:end:ignore*/
/*
      */
}
/*
      /*rtl:begin:ignore*/
/*
      /*rtl:end:ignore*/
.flatpickr-months .flatpickr-prev-month:hover,
.flatpickr-months .flatpickr-next-month:hover {
  color: #959ea9;
}
.flatpickr-months .flatpickr-prev-month:hover svg,
.flatpickr-months .flatpickr-next-month:hover svg {
  fill: #f64747;
}
.flatpickr-months .flatpickr-prev-month svg,
.flatpickr-months .flatpickr-next-month svg {
  width: 14px;
  height: 14px;
}
.flatpickr-months .flatpickr-prev-month svg path,
.flatpickr-months .flatpickr-next-month svg path {
  -webkit-transition: fill 0.1s;
  transition: fill 0.1s;
  fill: inherit;
}
.numInputWrapper {
  position: relative;
  height: auto;
}
.numInputWrapper input,
.numInputWrapper span {
  display: inline-block;
}
.numInputWrapper input {
  width: 100%;
}
.numInputWrapper input::-ms-clear {
  display: none;
}
.numInputWrapper input::-webkit-outer-spin-button,
.numInputWrapper input::-webkit-inner-spin-button {
  margin: 0;
  -webkit-appearance: none;
}
.numInputWrapper span {
  position: absolute;
  right: 0;
  width: 14px;
  padding: 0 4px 0 2px;
  height: 50%;
  line-height: 50%;
  opacity: 0;
  cursor: pointer;
  border: 1px solid rgba(57,57,57,0.15);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.numInputWrapper span:hover {
  background: rgba(0,0,0,0.1);
}
.numInputWrapper span:active {
  background: rgba(0,0,0,0.2);
}
.numInputWrapper span:after {
  display: block;
  content: "";
  position: absolute;
}
.numInputWrapper span.arrowUp {
  top: 0;
  border-bottom: 0;
}
.numInputWrapper span.arrowUp:after {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-bottom: 4px solid rgba(57,57,57,0.6);
  top: 26%;
}
.numInputWrapper span.arrowDown {
  top: 50%;
}
.numInputWrapper span.arrowDown:after {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid rgba(57,57,57,0.6);
  top: 40%;
}
.numInputWrapper span svg {
  width: inherit;
  height: auto;
}
.numInputWrapper span svg path {
  fill: rgba(0,0,0,0.5);
}
.numInputWrapper:hover {
  background: rgba(0,0,0,0.05);
}
.numInputWrapper:hover span {
  opacity: 1;
}
.flatpickr-current-month {
  font-size: 135%;
  line-height: inherit;
  font-weight: 300;
  color: inherit;
  position: absolute;
  width: 75%;
  left: 12.5%;
  padding: 7.48px 0 0 0;
  line-height: 1;
  height: 34px;
  display: inline-block;
  text-align: center;
  -webkit-transform: translate3d(0px, 0px, 0px);
          transform: translate3d(0px, 0px, 0px);
}
.flatpickr-current-month span.cur-month {
  font-family: inherit;
  font-weight: 700;
  color: inherit;
  display: inline-block;
  margin-left: 0.5ch;
  padding: 0;
}
.flatpickr-current-month span.cur-month:hover {
  background: rgba(0,0,0,0.05);
}
.flatpickr-current-month .numInputWrapper {
  width: 6ch;
  width: 7ch\0;
  display: inline-block;
}
.flatpickr-current-month .numInputWrapper span.arrowUp:after {
  border-bottom-color: rgba(0,0,0,0.9);
}
.flatpickr-current-month .numInputWrapper span.arrowDown:after {
  border-top-color: rgba(0,0,0,0.9);
}
.flatpickr-current-month input.cur-year {
  background: transparent;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: inherit;
  cursor: text;
  padding: 0 0 0 0.5ch;
  margin: 0;
  display: inline-block;
  font-size: inherit;
  font-family: inherit;
  font-weight: 300;
  line-height: inherit;
  height: auto;
  border: 0;
  border-radius: 0;
  vertical-align: baseline;
  vertical-align: initial;
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
}
.flatpickr-current-month input.cur-year:focus {
  outline: 0;
}
.flatpickr-current-month input.cur-year[disabled],
.flatpickr-current-month input.cur-year[disabled]:hover {
  font-size: 100%;
  color: rgba(0,0,0,0.5);
  background: transparent;
  pointer-events: none;
}
.flatpickr-current-month .flatpickr-monthDropdown-months {
  appearance: menulist;
  background: transparent;
  border: none;
  border-radius: 0;
  box-sizing: border-box;
  color: inherit;
  cursor: pointer;
  font-size: inherit;
  font-family: inherit;
  font-weight: 300;
  height: auto;
  line-height: inherit;
  margin: -1px 0 0 0;
  outline: none;
  padding: 0 0 0 0.5ch;
  position: relative;
  vertical-align: baseline;
  vertical-align: initial;
  -webkit-box-sizing: border-box;
  -webkit-appearance: menulist;
  -moz-appearance: menulist;
  width: auto;
}
.flatpickr-current-month .flatpickr-monthDropdown-months:focus,
.flatpickr-current-month .flatpickr-monthDropdown-months:active {
  outline: none;
}
.flatpickr-current-month .flatpickr-monthDropdown-months:hover {
  background: rgba(0,0,0,0.05);
}
.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month {
  background-color: transparent;
  outline: none;
  padding: 0;
}
.flatpickr-weekdays {
  background: transparent;
  text-align: center;
  overflow: hidden;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  height: 28px;
}
.flatpickr-weekdays .flatpickr-weekdaycontainer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
span.flatpickr-weekday {
  cursor: default;
  font-size: 90%;
  background: transparent;
  color: rgba(0,0,0,0.54);
  line-height: 1;
  margin: 0;
  text-align: center;
  display: block;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-weight: bolder;
}
.dayContainer,
.flatpickr-weeks {
  padding: 1px 0 0 0;
}
.flatpickr-days {
  position: relative;
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  width: 307.875px;
}
.flatpickr-days:focus {
  outline: 0;
}
.dayContainer {
  padding: 0;
  outline: 0;
  text-align: left;
  width: 307.875px;
  min-width: 307.875px;
  max-width: 307.875px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: inline-block;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-around;
          justify-content: space-around;
  -webkit-transform: translate3d(0px, 0px, 0px);
          transform: translate3d(0px, 0px, 0px);
  opacity: 1;
}
.dayContainer + .dayContainer {
  -webkit-box-shadow: -1px 0 0 #e6e6e6;
          box-shadow: -1px 0 0 #e6e6e6;
}
.flatpickr-day {
  background: none;
  border: 1px solid transparent;
  border-radius: 150px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #393939;
  cursor: pointer;
  font-weight: 400;
  width: 14.2857143%;
  -webkit-flex-basis: 14.2857143%;
      -ms-flex-preferred-size: 14.2857143%;
          flex-basis: 14.2857143%;
  max-width: 39px;
  height: 39px;
  line-height: 39px;
  margin: 0;
  display: inline-block;
  position: relative;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
}
.flatpickr-day.inRange,
.flatpickr-day.prevMonthDay.inRange,
.flatpickr-day.nextMonthDay.inRange,
.flatpickr-day.today.inRange,
.flatpickr-day.prevMonthDay.today.inRange,
.flatpickr-day.nextMonthDay.today.inRange,
.flatpickr-day:hover,
.flatpickr-day.prevMonthDay:hover,
.flatpickr-day.nextMonthDay:hover,
.flatpickr-day:focus,
.flatpickr-day.prevMonthDay:focus,
.flatpickr-day.nextMonthDay:focus {
  cursor: pointer;
  outline: 0;
  background: #e6e6e6;
  border-color: #e6e6e6;
}
.flatpickr-day.today {
  border-color: #959ea9;
}
.flatpickr-day.today:hover,
.flatpickr-day.today:focus {
  border-color: #959ea9;
  background: #959ea9;
  color: #fff;
}
.flatpickr-day.selected,
.flatpickr-day.startRange,
.flatpickr-day.endRange,
.flatpickr-day.selected.inRange,
.flatpickr-day.startRange.inRange,
.flatpickr-day.endRange.inRange,
.flatpickr-day.selected:focus,
.flatpickr-day.startRange:focus,
.flatpickr-day.endRange:focus,
.flatpickr-day.selected:hover,
.flatpickr-day.startRange:hover,
.flatpickr-day.endRange:hover,
.flatpickr-day.selected.prevMonthDay,
.flatpickr-day.startRange.prevMonthDay,
.flatpickr-day.endRange.prevMonthDay,
.flatpickr-day.selected.nextMonthDay,
.flatpickr-day.startRange.nextMonthDay,
.flatpickr-day.endRange.nextMonthDay {
  background: #569ff7;
  -webkit-box-shadow: none;
          box-shadow: none;
  color: #fff;
  border-color: #569ff7;
}
.flatpickr-day.selected.startRange,
.flatpickr-day.startRange.startRange,
.flatpickr-day.endRange.startRange {
  border-radius: 50px 0 0 50px;
}
.flatpickr-day.selected.endRange,
.flatpickr-day.startRange.endRange,
.flatpickr-day.endRange.endRange {
  border-radius: 0 50px 50px 0;
}
.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)),
.flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)),
.flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)) {
  -webkit-box-shadow: -10px 0 0 #569ff7;
          box-shadow: -10px 0 0 #569ff7;
}
.flatpickr-day.selected.startRange.endRange,
.flatpickr-day.startRange.startRange.endRange,
.flatpickr-day.endRange.startRange.endRange {
  border-radius: 50px;
}
.flatpickr-day.inRange {
  border-radius: 0;
  -webkit-box-shadow: -5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
          box-shadow: -5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
}
.flatpickr-day.flatpickr-disabled,
.flatpickr-day.flatpickr-disabled:hover,
.flatpickr-day.prevMonthDay,
.flatpickr-day.nextMonthDay,
.flatpickr-day.notAllowed,
.flatpickr-day.notAllowed.prevMonthDay,
.flatpickr-day.notAllowed.nextMonthDay {
  color: rgba(57,57,57,0.3);
  background: transparent;
  border-color: transparent;
  cursor: default;
}
.flatpickr-day.flatpickr-disabled,
.flatpickr-day.flatpickr-disabled:hover {
  cursor: not-allowed;
  color: rgba(57,57,57,0.1);
}
.flatpickr-day.week.selected {
  border-radius: 0;
  -webkit-box-shadow: -5px 0 0 #569ff7, 5px 0 0 #569ff7;
          box-shadow: -5px 0 0 #569ff7, 5px 0 0 #569ff7;
}
.flatpickr-day.hidden {
  visibility: hidden;
}
.rangeMode .flatpickr-day {
  margin-top: 1px;
}
.flatpickr-weekwrapper {
  float: left;
}
.flatpickr-weekwrapper .flatpickr-weeks {
  padding: 0 12px;
  -webkit-box-shadow: 1px 0 0 #e6e6e6;
          box-shadow: 1px 0 0 #e6e6e6;
}
.flatpickr-weekwrapper .flatpickr-weekday {
  float: none;
  width: 100%;
  line-height: 28px;
}
.flatpickr-weekwrapper span.flatpickr-day,
.flatpickr-weekwrapper span.flatpickr-day:hover {
  display: block;
  width: 100%;
  max-width: none;
  color: rgba(57,57,57,0.3);
  background: transparent;
  cursor: default;
  border: none;
}
.flatpickr-innerContainer {
  display: block;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow: hidden;
}
.flatpickr-rContainer {
  display: inline-block;
  padding: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.flatpickr-time {
  text-align: center;
  outline: 0;
  display: block;
  height: 0;
  line-height: 40px;
  max-height: 40px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.flatpickr-time:after {
  content: "";
  display: table;
  clear: both;
}
.flatpickr-time .numInputWrapper {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: 40%;
  height: 40px;
  float: left;
}
.flatpickr-time .numInputWrapper span.arrowUp:after {
  border-bottom-color: #393939;
}
.flatpickr-time .numInputWrapper span.arrowDown:after {
  border-top-color: #393939;
}
.flatpickr-time.hasSeconds .numInputWrapper {
  width: 26%;
}
.flatpickr-time.time24hr .numInputWrapper {
  width: 49%;
}
.flatpickr-time input {
  background: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
  border: 0;
  border-radius: 0;
  text-align: center;
  margin: 0;
  padding: 0;
  height: inherit;
  line-height: inherit;
  color: #393939;
  font-size: 14px;
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
}
.flatpickr-time input.flatpickr-hour {
  font-weight: bold;
}
.flatpickr-time input.flatpickr-minute,
.flatpickr-time input.flatpickr-second {
  font-weight: 400;
}
.flatpickr-time input:focus {
  outline: 0;
  border: 0;
}
.flatpickr-time .flatpickr-time-separator,
.flatpickr-time .flatpickr-am-pm {
  height: inherit;
  float: left;
  line-height: inherit;
  color: #393939;
  font-weight: bold;
  width: 2%;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-align-self: center;
      -ms-flex-item-align: center;
          align-self: center;
}
.flatpickr-time .flatpickr-am-pm {
  outline: 0;
  width: 18%;
  cursor: pointer;
  text-align: center;
  font-weight: 400;
}
.flatpickr-time input:hover,
.flatpickr-time .flatpickr-am-pm:hover,
.flatpickr-time input:focus,
.flatpickr-time .flatpickr-am-pm:focus {
  background: #eee;
}
.flatpickr-input[readonly] {
  cursor: pointer;
}
@-webkit-keyframes fpFadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -20px, 0);
            transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@keyframes fpFadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -20px, 0);
            transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}

.flatpickr-calendar {
  --date-picker-startRange-color: var(--interactive-surface-primary-default);
  --date-picker-startRange-border-color: var(--interactive-surface-primary-default);
  --date-picker-endRange-color: var(--interactive-surface-primary-default);
  --date-picker-endRange-border-color: var(--interactive-surface-primary-default);
  --date-picker-day-inRange-color: var(--interactive-surface-primary-default);
  --date-picker-day-inRange-border-color: var(--interactive-surface-primary-default);
  --date-picker-time-color: var(--text-primary);
  --date-picker-time-color--hover: var(--surface-secondary--hover);
  --date-picker-time-dropdown-max-height: 160px;
  width: -moz-fit-content;
  width: fit-content;
  height: -moz-fit-content;
  height: fit-content;
  box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.3490196078);
  background-color: var(--date-picker-background-color);
  border-bottom-width: var(--date-picker-border-bottom-width);
  border-left-width: var(--date-picker-border-left-width);
  border-right-width: var(--date-picker-border-right-width);
  border-top-width: var(--date-picker-border-top-width);
  border-style: var(--date-picker-border-style);
  border-color: var(--date-picker-border-color);
  border-top-left-radius: var(--date-picker-border-top-left-radius);
  border-top-right-radius: var(--date-picker-border-top-right-radius);
  border-bottom-right-radius: var(--date-picker-border-bottom-right-radius);
  border-bottom-left-radius: var(--date-picker-border-bottom-left-radius);
  padding-top: calc(var(--date-picker-padding-top) - var(--date-picker-border-top-width));
  padding-bottom: calc(var(--date-picker-padding-bottom) - var(--date-picker-border-bottom-width));
  padding-left: calc(var(--date-picker-padding-left) - var(--date-picker-border-left-width));
  padding-right: calc(var(--date-picker-padding-right) - var(--date-picker-border-right-width));
}
.flatpickr-calendar .flatpickr-day,
.flatpickr-calendar .flatpickr-day.today {
  height: var(--date-picker-day-height);
  width: 100%;
  display: flex;
  align-items: center;
  justify-self: center;
  border-bottom-width: var(--date-picker-day-border-bottom-width);
  border-left-width: var(--date-picker-day-border-left-width);
  border-right-width: var(--date-picker-day-border-right-width);
  border-top-width: var(--date-picker-day-border-top-width);
  border-style: var(--date-picker-day-border-style);
  border-color: var(--date-picker-day-border-color);
  border-top-left-radius: var(--date-picker-day-border-top-left-radius);
  border-top-right-radius: var(--date-picker-day-border-top-right-radius);
  border-bottom-right-radius: var(--date-picker-day-border-bottom-right-radius);
  border-bottom-left-radius: var(--date-picker-day-border-bottom-left-radius);
  padding-top: calc(var(--date-picker-day-padding-top) - var(--date-picker-day-border-top-width));
  padding-bottom: calc(var(--date-picker-day-padding-bottom) - var(--date-picker-day-border-bottom-width));
  padding-left: calc(var(--date-picker-day-padding-left) - var(--date-picker-day-border-left-width));
  padding-right: calc(var(--date-picker-day-padding-right) - var(--date-picker-day-border-right-width));
  background-color: var(--date-picker-day-background-color);
  font-family: var(--date-picker-day-font-family);
  font-size: var(--date-picker-day-font-size);
  font-weight: var(--date-picker-day-font-weight);
  line-height: var(--date-picker-day-line-height);
  color: var(--date-picker-day-color);
}
.flatpickr-calendar .flatpickr-day.flatpickr-disabled,
.flatpickr-calendar .flatpickr-day.today.flatpickr-disabled {
  color: var(--date-picker-day-color--disabled);
  background-color: var(--date-picker-day-background-color--disabled);
  border-color: var(--date-picker-day-border-color--disabled);
}
.flatpickr-calendar .flatpickr-day.selected,
.flatpickr-calendar .flatpickr-day.today.selected {
  background-color: var(--date-picker-day-background-color);
  color: var(--date-picker-day-color);
}
.flatpickr-calendar .flatpickr-day.startRange,
.flatpickr-calendar .flatpickr-day .startRange:hover,
.flatpickr-calendar .flatpickr-day.today.startRange,
.flatpickr-calendar .flatpickr-day.today .startRange:hover {
  box-shadow: none;
  background-color: var(--date-picker-startRange-color);
  border-color: var(--date-picker-startRange-border-color);
}
.flatpickr-calendar .flatpickr-day.endRange,
.flatpickr-calendar .flatpickr-day .endRange:hover,
.flatpickr-calendar .flatpickr-day.today.endRange,
.flatpickr-calendar .flatpickr-day.today .endRange:hover {
  box-shadow: none;
  background-color: var(--date-picker-endRange-color);
  border-color: var(--date-picker-endRange-border-color);
}
.flatpickr-calendar .flatpickr-day.inRange, .flatpickr-calendar .flatpickr-day.inRange.today,
.flatpickr-calendar .flatpickr-day.today.inRange,
.flatpickr-calendar .flatpickr-day.today.inRange.today {
  box-shadow: -8px 0 0 var(--date-picker-day-inRange-color), 8px 0 0 var(--date-picker-day-inRange-color);
  background-color: var(--date-picker-day-inRange-color);
  border-color: var(--date-picker-day-inRange-border-color);
}
.flatpickr-calendar .flatpickr-day.prevMonthDay, .flatpickr-calendar .flatpickr-day.nextMonthDay,
.flatpickr-calendar .flatpickr-day.today.prevMonthDay,
.flatpickr-calendar .flatpickr-day.today.nextMonthDay {
  visibility: hidden;
  height: 0;
  padding: 0;
}
.flatpickr-calendar .flatpickr-weekday {
  font-family: var(--date-picker-weekday-font-family);
  font-size: var(--date-picker-weekday-font-size);
  font-weight: var(--date-picker-weekday-font-weight);
  line-height: var(--date-picker-weekday-line-height);
  color: var(--date-picker-weekday-color);
  padding-top: var(--date-picker-weekday-padding-top);
  padding-bottom: var(--date-picker-weekday-padding-bottom);
  padding-left: var(--date-picker-weekday-padding-left);
  padding-right: var(--date-picker-weekday-padding-right);
}
.flatpickr-calendar .flatpickr-months {
  width: var(--date-picker-months-width);
  align-items: center;
  padding-top: var(--date-picker-months-padding-top);
  padding-bottom: var(--date-picker-months-padding-bottom);
  padding-left: var(--date-picker-months-padding-left);
  padding-right: var(--date-picker-months-padding-right);
}
.flatpickr-calendar .flatpickr-months .flatpickr-next-month,
.flatpickr-calendar .flatpickr-months .flatpickr-prev-month {
  height: 24px;
  width: 24px;
  fill: var(--date-picker-months-button-color);
  position: relative;
  border-top-left-radius: var(--date-picker-months-button-border-top-left-radius);
  border-top-right-radius: var(--date-picker-months-button-border-top-right-radius);
  border-bottom-right-radius: var(--date-picker-months-button-border-bottom-right-radius);
  border-bottom-left-radius: var(--date-picker-months-button-border-bottom-left-radius);
  padding-top: var(--date-picker-months-button-padding-top);
  padding-bottom: var(--date-picker-months-button-padding-bottom);
  padding-left: var(--date-picker-months-button-padding-left);
  padding-right: var(--date-picker-months-button-padding-right);
}
.flatpickr-calendar .flatpickr-months .flatpickr-next-month:hover svg,
.flatpickr-calendar .flatpickr-months .flatpickr-prev-month:hover svg {
  fill: inherit;
}
.flatpickr-calendar .flatpickr-months .flatpickr-month {
  justify-content: center;
  align-items: center;
  display: flex;
  height: var(--date-picker-months-trigger-height);
  -moz-column-gap: var(--date-picker-months-trigger-column-gap);
       column-gap: var(--date-picker-months-trigger-column-gap);
  row-gap: var(--date-picker-months-trigger-row-gap);
}
.flatpickr-calendar .flatpickr-months .flatpickr-current-month {
  display: contents;
  font-family: var(--date-picker-months-trigger-font-family);
  font-size: var(--date-picker-months-trigger-font-size);
  font-weight: var(--date-picker-months-trigger-font-weight);
  line-height: var(--date-picker-months-trigger-line-height);
  color: var(--date-picker-months-trigger-color);
}
.flatpickr-calendar .flatpickr-months .flatpickr-current-month .flatpickr-monthDropdown-months {
  -webkit-appearance: none;
  /* Hides the arrow in WebKit browsers */
  -moz-appearance: none;
  /* Hides the arrow in Firefox */
  appearance: none;
  /* Hides the arrow in modern browsers */
  text-align: center;
  font-family: var(--date-picker-months-trigger-font-family);
  font-size: var(--date-picker-months-trigger-font-size);
  font-weight: var(--date-picker-months-trigger-font-weight);
  line-height: var(--date-picker-months-trigger-line-height);
  color: var(--date-picker-months-trigger-color);
  padding-top: var(--date-picker-months-trigger-padding-top);
  padding-bottom: var(--date-picker-months-trigger-padding-bottom);
  padding-left: var(--date-picker-months-trigger-padding-left);
  padding-right: var(--date-picker-months-trigger-padding-right);
}
.flatpickr-calendar .flatpickr-months .flatpickr-current-month .flatpickr-monthDropdown-months::-ms-expand {
  display: none;
}
.flatpickr-calendar .flatpickr-months .flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month {
  background-color: var(--date-picker-background-color);
}
.flatpickr-calendar .flatpickr-months .flatpickr-current-month .numInput {
  font-family: var(--date-picker-months-trigger-font-family);
  font-size: var(--date-picker-months-trigger-font-size);
  font-weight: var(--date-picker-months-trigger-font-weight);
  line-height: var(--date-picker-months-trigger-line-height);
  color: var(--date-picker-months-trigger-color);
  text-align: center;
}
.flatpickr-calendar .flatpickr-months .flatpickr-current-month .numInput.cur-year {
  border-radius: var(--corner-radius-extra-small);
  padding-left: var(--date-picker-months-trigger-padding-left);
  padding-right: var(--date-picker-months-trigger-padding-right);
  padding-top: var(--date-picker-months-trigger-padding-top);
  padding-bottom: var(--date-picker-months-trigger-padding-bottom);
}
.flatpickr-calendar .flatpickr-months .flatpickr-current-month .numInput.cur-year:hover {
  cursor: pointer;
  color: var(--text-primary);
}
.flatpickr-calendar .flatpickr-months .flatpickr-current-month .numInput.cur-year:focus, .flatpickr-calendar .flatpickr-months .flatpickr-current-month .numInput.cur-year:active {
  cursor: text;
  outline: none;
  border: 1px solid var(--border-border-4, var(--border-primary));
  padding-left: calc(var(--date-picker-months-trigger-padding-left) - 1px);
  padding-right: calc(var(--date-picker-months-trigger-padding-right) - 1px);
  padding-top: calc(var(--date-picker-months-trigger-padding-top) - 1px);
  padding-bottom: calc(var(--date-picker-months-trigger-padding-bottom) - 1px);
  background-color: var(--surface-background-3);
  color: var(--text-primary);
}
.flatpickr-calendar .flatpickr-months .flatpickr-prev-month.flatpickr-disabled {
  display: block;
  visibility: hidden;
}
.flatpickr-calendar .flatpickr-months .flatpickr-next-month.flatpickr-disabled {
  display: block;
  visibility: hidden;
}
.flatpickr-calendar .flatpickr-months .arrowUp,
.flatpickr-calendar .flatpickr-months .arrowDown {
  display: none;
}
.flatpickr-calendar .flatpickr-days {
  width: var(--date-picker-days-container-width);
}
.flatpickr-calendar .flatpickr-innerContainer {
  width: -moz-fit-content;
  width: fit-content;
}
.flatpickr-calendar .dayContainer {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  width: var(--date-picker-weekdays-container-width);
  min-width: var(--date-picker-weekdays-container-width);
  max-width: var(--date-picker-weekdays-container-width);
}
.flatpickr-calendar .flatpickr-time {
  display: none !important;
}
.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)),
.flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)),
.flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)) {
  /* prevent edge case where 2 consecutive dates are selected in range mode */
  box-shadow: -8px 0 0 var(--date-picker-day-inRange-color), 8px 0 0 var(--date-picker-day-inRange-color);
}
.flatpickr-calendar.hasTime.noCalendar {
  padding: 0px;
}
.custom-time-selector-input {
  height: var(--input-inputElement-height);
  width: 100%;
  color: var(--text-primary);
  caret-color: var(--text-primary);
}
.custom-time-wrapper {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin-top: var(--spacing-space-6);
  gap: var(--spacing-space-6);
}
.custom-time-wrapper .custom-time-label {
  width: 100%;
  height: auto;
  font-family: var(--font-family-body);
  font-size: var(--font-size-body-small);
  font-weight: 700;
  line-height: var(--line-height-body-small);
  text-align: left;
  color: var(--text-primary);
}
.custom-time-input-wrapper {
  display: flex;
  width: 100%;
  height: auto;
  gap: var(--spacing-space-5);
  border-radius: var(--corner-radius-extra-small);
  outline: 1px solid var(--colours-grey-450);
  background: var(--interactive-surface-secondary-default);
  align-items: center;
  padding-left: var(--spacing-space-5);
  color: var(--text-primary);
  position: relative;
}
.custom-time-input-wrapper:focus-within {
  outline: 1px solid var(--border-primary);
}
.custom-time-input-wrapper .custom-time-input {
  width: 100%;
  font-family: var(--font-family-body);
  font-size: var(--font-size-body-small);
  font-weight: 400;
  line-height: var(--line-height-body-small);
  text-align: left;
  padding: var(--spacing-space-5);
  padding-left: 0px;
  color: var(--text-primary);
  caret-color: var(--text-primary);
}
.custom-time-only-input-wrapper {
  display: flex;
  width: 100%;
  height: auto;
  gap: var(--spacing-space-5);
  border-radius: var(--corner-radius-extra-small);
  border: medium none currentcolor;
  border: initial;
  background: var(--interactive-surface-secondary-default);
  align-items: center;
  padding-left: var(--spacing-space-5);
  color: var(--text-primary);
}
.custom-time-only-input-wrapper .custom-time-input {
  width: 100%;
  font-family: var(--font-family-body);
  font-size: var(--font-size-body-small);
  font-weight: 400;
  line-height: var(--line-height-body-small);
  text-align: left;
  padding: var(--spacing-space-5);
  padding-left: 0px;
  color: var(--text-primary);
  caret-color: var(--text-primary);
}
.time-dropdown {
  display: flex;
  flex-direction: column;
  z-index: 99999;
  gap: var(--spacing-extra-small);
  color: #fff;
  font-size: 13px;
  font-family: var(--font-family-body);
  line-height: 16px;
  background: var(--surface-background-4);
  outline: 1px solid var(--border-border-grey-3);
  width: 250px;
  max-height: 156px;
  overflow: auto;
  padding: var(--spacing-space-5);
  border-radius: var(--corner-radius-extra-small);
  margin-top: 2px;
}
.time-dropdown .dropdown-option {
  align-items: center;
  display: flex;
  cursor: pointer;
  padding: var(--spacing-space-5);
  gap: var(--spacing-extra-small);
  color: var(--date-picker-time-color);
}
.time-dropdown .dropdown-option:focus {
  background: inherit;
}
.time-dropdown .dropdown-option:hover {
  background-color: var(--date-picker-time-color--hover);
}
.flatpickr-wrapper {
  width: 100%;
}
.FormField-module_formField__vNu-s {
  display: flex;
  flex-direction: column;
  height: var(--form-field-height);
  min-height: var(--form-field-min-height);
  max-height: var(--form-field-max-height);
  width: var(--form-field-width);
  min-width: var(--form-field-min-width);
  max-width: var(--form-field-max-width);
  padding-top: calc(var(--form-field-padding-top) - var(--form-field-border-top-width));
  padding-bottom: calc(var(--form-field-padding-bottom) - var(--form-field-border-bottom-width));
  padding-left: calc(var(--form-field-padding-left) - var(--form-field-border-left-width));
  padding-right: calc(var(--form-field-padding-right) - var(--form-field-border-right-width));
  row-gap: var(--form-field-row-gap);
  -moz-column-gap: var(--form-field-column-gap);
       column-gap: var(--form-field-column-gap);
  border-bottom-width: var(--form-field-border-bottom-width);
  border-left-width: var(--form-field-border-left-width);
  border-right-width: var(--form-field-border-right-width);
  border-top-width: var(--form-field-border-top-width);
  border-style: var(--form-field-border-style);
  border-color: var(--form-field-border-color);
  border-top-left-radius: var(--form-field-border-top-left-radius);
  border-top-right-radius: var(--form-field-border-top-right-radius);
  border-bottom-right-radius: var(--form-field-border-bottom-right-radius);
  border-bottom-left-radius: var(--form-field-border-bottom-left-radius);
  outline-width: var(--form-field-outline-width);
  outline-style: var(--form-field-outline-style);
  outline-color: var(--form-field-outline-color);
  background-color: var(--form-field-background-color);
  color: var(--form-field-color);
}
.FormField-module_formField__vNu-s .FormField-module_labelContainer__cPOaA {
  display: flex;
  flex-direction: column;
  height: var(--form-field-label-height);
  min-height: var(--form-field-label-min-height);
  max-height: var(--form-field-label-max-height);
  width: var(--form-field-label-width);
  min-width: var(--form-field-label-min-width);
  max-width: var(--form-field-label-max-width);
  padding-top: calc(var(--form-field-label-padding-top) - var(--form-field-label-border-top-width));
  padding-bottom: calc(var(--form-field-label-padding-bottom) - var(--form-field-label-border-bottom-width));
  padding-left: calc(var(--form-field-label-padding-left) - var(--form-field-label-border-left-width));
  padding-right: calc(var(--form-field-label-padding-right) - var(--form-field-label-border-right-width));
  row-gap: var(--form-field-label-row-gap);
  -moz-column-gap: var(--form-field-label-column-gap);
       column-gap: var(--form-field-label-column-gap);
  border-bottom-width: var(--form-field-label-border-bottom-width);
  border-left-width: var(--form-field-label-border-left-width);
  border-right-width: var(--form-field-label-border-right-width);
  border-top-width: var(--form-field-label-border-top-width);
  border-style: var(--form-field-label-border-style);
  border-color: var(--form-field-label-border-color);
  border-top-left-radius: var(--form-field-label-border-top-left-radius);
  border-top-right-radius: var(--form-field-label-border-top-right-radius);
  border-bottom-right-radius: var(--form-field-label-border-bottom-right-radius);
  border-bottom-left-radius: var(--form-field-label-border-bottom-left-radius);
  outline-width: var(--form-field-label-outline-width);
  outline-style: var(--form-field-label-outline-style);
  outline-color: var(--form-field-label-outline-color);
  background-color: var(--form-field-label-background-color);
  font-family: var(--form-field-label-font-family);
  font-weight: var(--form-field-label-font-weight);
  font-size: var(--form-field-label-font-size);
  letter-spacing: var(--form-field-label-letter-spacing);
  line-height: var(--form-field-label-line-height);
  color: var(--form-field-label-color);
}
.FormField-module_formField__vNu-s .FormField-module_label__fzwKv {
  --text-font-family: var(--form-field-label-font-family);
  --text-font-weight: var(--form-field-label-font-weight);
  --text-font-size: var(--form-field-label-font-size);
  --text-letter-spacing: var(--form-field-label-letter-spacing);
  --text-line-height: var(--form-field-label-line-height);
  font-family: var(--form-field-label-font-family);
  font-size: var(--form-field-label-font-size);
  font-weight: var(--form-field-label-font-weight);
  line-height: var(--form-field-label-line-height);
  letter-spacing: var(--form-field-label-letter-spacing);
}
.FormField-module_formField__vNu-s .FormField-module_label__fzwKv.FormField-module_required__JvRw2::after {
  content: " *";
}
.FormField-module_formField__vNu-s > * {
  width: 100%;
}
.FormField-module_formField__vNu-s .FormField-module_field__32X79 {
  display: flex;
  flex-direction: column;
  height: var(--form-field-field-height);
  min-height: var(--form-field-field-min-height);
  max-height: var(--form-field-field-max-height);
  width: var(--form-field-field-width);
  min-width: var(--form-field-field-min-width);
  max-width: var(--form-field-field-max-width);
  padding-top: calc(var(--form-field-field-padding-top) - var(--form-field-field-border-top-width));
  padding-bottom: calc(var(--form-field-field-padding-bottom) - var(--form-field-field-border-bottom-width));
  padding-left: calc(var(--form-field-field-padding-left) - var(--form-field-field-border-left-width));
  padding-right: calc(var(--form-field-field-padding-right) - var(--form-field-field-border-right-width));
  row-gap: var(--form-field-field-row-gap);
  -moz-column-gap: var(--form-field-field-column-gap);
       column-gap: var(--form-field-field-column-gap);
  border-bottom-width: var(--form-field-field-border-bottom-width);
  border-left-width: var(--form-field-field-border-left-width);
  border-right-width: var(--form-field-field-border-right-width);
  border-top-width: var(--form-field-field-border-top-width);
  border-style: var(--form-field-field-border-style);
  border-color: var(--form-field-field-border-color);
  border-top-left-radius: var(--form-field-field-border-top-left-radius);
  border-top-right-radius: var(--form-field-field-border-top-right-radius);
  border-bottom-right-radius: var(--form-field-field-border-bottom-right-radius);
  border-bottom-left-radius: var(--form-field-field-border-bottom-left-radius);
  outline-width: var(--form-field-field-outline-width);
  outline-style: var(--form-field-field-outline-style);
  outline-color: var(--form-field-field-outline-color);
  background-color: var(--form-field-field-background-color);
  font-family: var(--form-field-field-font-family);
  font-weight: var(--form-field-field-font-weight);
  font-size: var(--form-field-field-font-size);
  letter-spacing: var(--form-field-field-letter-spacing);
  line-height: var(--form-field-field-line-height);
  color: var(--form-field-field-color);
}
.FormField-module_formField__vNu-s .FormField-module_messageContainer__KOsuq {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  height: var(--form-field-message-height);
  min-height: var(--form-field-message-min-height);
  max-height: var(--form-field-message-max-height);
  width: var(--form-field-message-width);
  min-width: var(--form-field-message-min-width);
  max-width: var(--form-field-message-max-width);
  padding-top: calc(var(--form-field-message-padding-top) - var(--form-field-message-border-top-width));
  padding-bottom: calc(var(--form-field-message-padding-bottom) - var(--form-field-message-border-bottom-width));
  padding-left: calc(var(--form-field-message-padding-left) - var(--form-field-message-border-left-width));
  padding-right: calc(var(--form-field-message-padding-right) - var(--form-field-message-border-right-width));
  row-gap: var(--form-field-message-row-gap);
  -moz-column-gap: var(--form-field-message-column-gap);
       column-gap: var(--form-field-message-column-gap);
  border-bottom-width: var(--form-field-message-border-bottom-width);
  border-left-width: var(--form-field-message-border-left-width);
  border-right-width: var(--form-field-message-border-right-width);
  border-top-width: var(--form-field-message-border-top-width);
  border-style: var(--form-field-message-border-style);
  border-color: var(--form-field-message-border-color);
  border-top-left-radius: var(--form-field-message-border-top-left-radius);
  border-top-right-radius: var(--form-field-message-border-top-right-radius);
  border-bottom-right-radius: var(--form-field-message-border-bottom-right-radius);
  border-bottom-left-radius: var(--form-field-message-border-bottom-left-radius);
  outline-width: var(--form-field-message-outline-width);
  outline-style: var(--form-field-message-outline-style);
  outline-color: var(--form-field-message-outline-color);
  background-color: var(--form-field-message-background-color);
  font-family: var(--form-field-message-font-family);
  font-weight: var(--form-field-message-font-weight);
  font-size: var(--form-field-message-font-size);
  letter-spacing: var(--form-field-message-letter-spacing);
  line-height: var(--form-field-fiemessageld-line-height);
  color: var(--form-field-message-color);
}
.FormField-module_formField__vNu-s .FormField-module_messageIcon__UgBkw {
  display: block;
  flex: 0 0 auto;
  --icon-fill: var(--form-field-message-icon-color);
}
.Grid-module_grid__XrLxR {
  display: grid;
}

.Grid-module_gridItem__RjtAu > * {
  width: 100%;
}
.GridList-module_gridList__kAqm- {
  display: grid;
}

.GridList-module_gridListItem__AfoxZ {
  grid-column: span 1;
}

.GridList-module_gridListItem__AfoxZ > * {
  width: 100%;
}
.List-module_list__x-xx5 {
  display: flex;
  height: var(--list-height);
  min-height: var(--list-min-height);
  max-height: var(--list-max-height);
  width: var(--list-width);
  min-width: var(--list-min-width);
  max-width: var(--list-max-width);
  padding-top: calc(var(--list-padding-top) - var(--list-border-top-width));
  padding-bottom: calc(var(--list-padding-bottom) - var(--list-border-bottom-width));
  padding-left: calc(var(--list-padding-left) - var(--list-border-left-width));
  padding-right: calc(var(--list-padding-right) - var(--list-border-right-width));
  row-gap: var(--list-row-gap);
  -moz-column-gap: var(--list-column-gap);
       column-gap: var(--list-column-gap);
  border-bottom-width: var(--list-border-bottom-width);
  border-left-width: var(--list-border-left-width);
  border-right-width: var(--list-border-right-width);
  border-top-width: var(--list-border-top-width);
  border-style: var(--list-border-style);
  border-color: var(--list-border-color);
  border-top-left-radius: var(--list-border-top-left-radius);
  border-top-right-radius: var(--list-border-top-right-radius);
  border-bottom-right-radius: var(--list-border-bottom-right-radius);
  border-bottom-left-radius: var(--list-border-bottom-left-radius);
  outline-width: var(--list-outline-width);
  outline-style: var(--list-outline-style);
  outline-color: var(--list-outline-color);
  background-color: var(--list-background-color);
  font-family: var(--list-font-family);
  font-size: var(--list-font-size);
  font-weight: var(--list-font-weight);
  line-height: var(--list-line-height);
  color: var(--list-color);
}
.List-module_list__x-xx5 .List-module_listItem__nXcJH {
  display: flex;
  width: 100%;
}
.List-module_list__x-xx5.List-module_wrap__fqPwG {
  flex-wrap: wrap;
}
.List-module_list__x-xx5.List-module_wrap__fqPwG .List-module_listItem__nXcJH {
  width: auto;
  width: initial;
}
.List-module_list__x-xx5[component-variant=list-horizontal] {
  flex-direction: row;
}
.List-module_list__x-xx5[component-variant=list-vertical] {
  flex-direction: column;
}
.Modal-module_modal__b2VqT {
  --modal-box-shadow-x: 0px;
  --modal-box-shadow-blur: 4px;
  --modal-box-shadow-y: 4px;
  --modal-box-shadow-spread: 0px;
  --modal-box-shadow-color: rgba(0,0,0,0.25098);
  --modal-translateX: -50%;
  --modal-translateY: -50%;
  --modal-position-top: 50%;
  --modal-position-left: 50%;
  --modal-content-height: fit-content;
  --modal-content-width: auto;
  display: flex;
  flex-direction: column;
  position: fixed;
  top: 50%;
  top: var(--modal-position-top);
  left: 50%;
  left: var(--modal-position-left);
  transform: translate(-50%, -50%);
  transform: translate(var(--modal-translateX), var(--modal-translateY));
  box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.25098);
  box-shadow: var(--modal-box-shadow-x) var(--modal-box-shadow-blur) var(--modal-box-shadow-y) var(--modal-box-shadow-spread) var(--modal-box-shadow-color);
  height: -moz-fit-content;
  height: fit-content;
  min-height: var(--modal-min-height);
  max-height: var(--modal-max-height);
  width: var(--modal-width);
  min-width: var(--modal-min-width);
  max-width: var(--modal-max-width);
  padding-top: calc(var(--modal-padding-top) - var(--modal-border-top-width));
  padding-bottom: calc(var(--modal-padding-bottom) - var(--modal-border-bottom-width));
  padding-left: calc(var(--modal-padding-left) - var(--modal-border-left-width));
  padding-right: calc(var(--modal-padding-right) - var(--modal-border-right-width));
  row-gap: var(--modal-row-gap);
  -moz-column-gap: var(--modal-column-gap);
       column-gap: var(--modal-column-gap);
  border-bottom-width: var(--modal-border-bottom-width);
  border-left-width: var(--modal-border-left-width);
  border-right-width: var(--modal-border-right-width);
  border-top-width: var(--modal-border-top-width);
  border-style: var(--modal-border-style);
  border-color: var(--modal-border-color);
  border-top-left-radius: var(--modal-border-top-left-radius);
  border-top-right-radius: var(--modal-border-top-right-radius);
  border-bottom-right-radius: var(--modal-border-bottom-right-radius);
  border-bottom-left-radius: var(--modal-border-bottom-left-radius);
  outline-width: var(--modal-outline-width);
  outline-style: var(--modal-outline-style);
  outline-color: var(--modal-outline-color);
  background-color: var(--modal-background-color);
  color: var(--modal-color);
}
.Modal-module_modal__b2VqT .Modal-module_header__JsABW {
  width: auto;
  height: -moz-fit-content;
  height: fit-content;
}
.Modal-module_modal__b2VqT .Modal-module_footer__Km85q {
  width: auto;
  height: -moz-fit-content;
  height: fit-content;
}
.Modal-module_modal__b2VqT .Modal-module_content__JquMo {
  width: var(--modal-content-width);
  height: var(--modal-content-height);
}
.Modal-module_backdrop__62XUz {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.5);
}
.ModalFooter-module_modalFooter__nlPNo {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  align-self: stretch;
  height: var(--modal-footer-height);
  min-height: var(--modal-footer-min-height);
  max-height: var(--modal-footer-max-height);
  width: var(--modal-footer-width);
  min-width: var(--modal-footer-min-width);
  max-width: var(--modal-footer-max-width);
  padding-top: calc(var(--modal-footer-padding-top) - var(--modal-footer-border-top-width));
  padding-bottom: calc(var(--modal-footer-padding-bottom) - var(--modal-footer-border-bottom-width));
  padding-left: calc(var(--modal-footer-padding-left) - var(--modal-footer-border-left-width));
  padding-right: calc(var(--modal-footer-padding-right) - var(--modal-footer-border-right-width));
  row-gap: var(--modal-footer-row-gap);
  -moz-column-gap: var(--modal-footer-column-gap);
       column-gap: var(--modal-footer-column-gap);
  border-bottom-width: var(--modal-footer-border-bottom-width);
  border-left-width: var(--modal-footer-border-left-width);
  border-right-width: var(--modal-footer-border-right-width);
  border-top-width: var(--modal-footer-border-top-width);
  border-style: var(--modal-footer-border-style);
  border-color: var(--modal-footer-border-color);
  border-top-left-radius: var(--modal-footer-border-top-left-radius);
  border-top-right-radius: var(--modal-footer-border-top-right-radius);
  border-bottom-right-radius: var(--modal-footer-border-bottom-right-radius);
  border-bottom-left-radius: var(--modal-footer-border-bottom-left-radius);
  outline-width: var(--modal-footer-outline-width);
  outline-style: var(--modal-footer-outline-style);
  outline-color: var(--modal-footer-outline-color);
  background-color: var(--modal-footer-background-color);
  color: var(--modal-footer-color);
}

.ModalFooter-module_oneButton__U3-LA > * {
  flex: 1;
}
.ModalHeader-module_modalHeader__oHT0h {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: var(--modal-header-height);
  min-height: var(--modal-header-min-height);
  max-height: var(--modal-header-max-height);
  width: var(--modal-header-width);
  min-width: var(--modal-header-min-width);
  max-width: var(--modal-header-max-width);
  padding-top: calc(var(--modal-header-padding-top) - var(--modal-header-border-top-width));
  padding-bottom: calc(var(--modal-header-padding-bottom) - var(--modal-header-border-bottom-width));
  padding-left: calc(var(--modal-header-padding-left) - var(--modal-header-border-left-width));
  padding-right: calc(var(--modal-header-padding-right) - var(--modal-header-border-right-width));
  row-gap: var(--modal-header-row-gap);
  -moz-column-gap: var(--modal-header-column-gap);
       column-gap: var(--modal-header-column-gap);
  border-bottom-width: var(--modal-header-border-bottom-width);
  border-left-width: var(--modal-header-border-left-width);
  border-right-width: var(--modal-header-border-right-width);
  border-top-width: var(--modal-header-border-top-width);
  border-style: var(--modal-header-border-style);
  border-color: var(--modal-header-border-color);
  border-top-left-radius: var(--modal-header-border-top-left-radius);
  border-top-right-radius: var(--modal-header-border-top-right-radius);
  border-bottom-right-radius: var(--modal-header-border-bottom-right-radius);
  border-bottom-left-radius: var(--modal-header-border-bottom-left-radius);
  outline-width: var(--modal-header-outline-width);
  outline-style: var(--modal-header-outline-style);
  outline-color: var(--modal-header-outline-color);
  background-color: var(--modal-header-background-color);
  color: var(--modal-header-color);
}
.ModalHeader-module_modalHeader__oHT0h .ModalHeader-module_title__BH1qq.ModalHeader-module_title__BH1qq {
  color: var(--modal-header-color);
  font-family: var(--modal-header-font-family);
  font-size: var(--modal-header-font-size);
  font-weight: var(--modal-header-font-weight);
  line-height: var(--modal-header-line-height);
  letter-spacing: var(--modal-header-letter-spacing);
}
.PaginationNumberField-module_root__Yk-8J {
  width: 38px;
  height: 20px;
  gap: 4px;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
  background-color: rgb(34, 36, 47);
  border-width: 1px;
  border-style: solid;
  border-color: rgb(56, 58, 68);
  border-radius: 4px;
  overflow: hidden;
  display: flex;
}
.PaginationNumberField-module_root__Yk-8J .PaginationNumberField-module_pageNumber__S1yyu {
  white-space: nowrap;
  color: rgb(186, 187, 191);
  display: block;
  font-size: var(--font-size-body-small);
  text-align: center;
  width: 100%;
  height: 100%;
}
.PaginationNumberField-module_root__Yk-8J:focus:not(:disabled) {
  border-width: 1px;
  border-style: solid;
  border-color: rgb(83, 93, 180);
}
.PaginationNumberField-module_root__Yk-8J:undefined:not(:disabled) {
  border-width: 1px;
  border-style: solid;
  border-color: rgb(186, 187, 191);
}
.PaginationNumberField-module_root__Yk-8J:hover:not(:disabled) .PaginationNumberField-module_pageNumber__S1yyu {
  color: rgb(233, 233, 234);
}
.PaginationNumberField-module_root__Yk-8J:disabled .PaginationNumberField-module_pageNumber__S1yyu {
  color: rgb(153, 154, 159);
}
.Pagination-module_pagination__VlN3G {
  display: flex;
  align-items: center;
  flex-flow: row nowrap;
  height: var(--pagination-height);
  min-height: var(--pagination-min-height);
  max-height: var(--pagination-max-height);
  width: var(--pagination-width);
  min-width: var(--pagination-min-width);
  max-width: var(--pagination-max-width);
  padding-top: calc(var(--pagination-padding-top) - var(--pagination-border-top-width));
  padding-bottom: calc(var(--pagination-padding-bottom) - var(--pagination-border-bottom-width));
  padding-left: calc(var(--pagination-padding-left) - var(--pagination-border-left-width));
  padding-right: calc(var(--pagination-padding-right) - var(--pagination-border-right-width));
  row-gap: var(--pagination-row-gap);
  -moz-column-gap: var(--pagination-column-gap);
       column-gap: var(--pagination-column-gap);
  border-bottom-width: var(--pagination-border-bottom-width);
  border-left-width: var(--pagination-border-left-width);
  border-right-width: var(--pagination-border-right-width);
  border-top-width: var(--pagination-border-top-width);
  border-style: var(--pagination-border-style);
  border-color: var(--pagination-border-color);
  border-top-left-radius: var(--pagination-border-top-left-radius);
  border-top-right-radius: var(--pagination-border-top-right-radius);
  border-bottom-right-radius: var(--pagination-border-bottom-right-radius);
  border-bottom-left-radius: var(--pagination-border-bottom-left-radius);
  outline-width: var(--pagination-outline-width);
  outline-style: var(--pagination-outline-style);
  outline-color: var(--pagination-outline-color);
  background-color: var(--pagination-background-color);
  color: var(--pagination-color);
}
.Pagination-module_pagination__VlN3G .Pagination-module_paginationContentContainer__TgpEj {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
  row-gap: var(--pagination-content-row-gap);
  -moz-column-gap: var(--pagination-content-column-gap);
       column-gap: var(--pagination-content-column-gap);
}
.Pagination-module_pagination__VlN3G .Pagination-module_backButton__Aci5m {
  display: flex;
  flex-direction: row;
  --icon-fill: var(--pagination-back-button-background-color);
}
.Pagination-module_pagination__VlN3G .Pagination-module_paginationValuesContainer__J47z1 {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  row-gap: var(--pagination-values-container-row-gap);
  -moz-column-gap: var(--pagination-values-container-column-gap);
       column-gap: var(--pagination-values-container-column-gap);
}
.Pagination-module_pagination__VlN3G .Pagination-module_paginationNumberField__EIofo {
  display: flex;
  flex-direction: row;
}
.Pagination-module_pagination__VlN3G .Pagination-module_totalPages__vHOVe {
  white-space: nowrap;
  text-align: left;
  display: block;
  color: var(--pagination-total-pages-color);
  font-size: var(--pagination-total-pages-font-size);
  font-weight: var(--pagination-total-pages-font-weight);
  line-height: var(--pagination-total-pages-line-height);
}
.Pagination-module_pagination__VlN3G .Pagination-module_forwardButton__L6rev {
  display: flex;
  flex-direction: row;
  --icon-fill: var(--pagination-forward-button-background-color);
}
.Popover-module_popover__iRoMJ {
  --popover-gap: var(--spacing-extra-small);
  display: flex;
  gap: var(--popover-gap);
}
.Popover-module_popover__iRoMJ .Popover-module_target__Aek-6 {
  width: 100%;
  height: -moz-fit-content;
  height: fit-content;
}
.Popover-module_content__--lC1 {
  width: -moz-fit-content;
  width: fit-content;
  height: -moz-fit-content;
  height: fit-content;
  z-index: 4;
}
.ProgressBar-module_progressBarContainer__Tr7SM {
  --progress-bar-label-rotation: -90deg;
  --progress-bar-flex-direction: column-reverse;
  display: flex;
  overflow: hidden;
  width: 100%;
}
.ProgressBar-module_progressBarContainer__Tr7SM .ProgressBar-module_progressBar__FcALd {
  display: flex;
  align-items: center;
  position: relative;
  overflow: hidden;
  height: 1rem;
  height: var(--progress-bar-height, 1rem);
  min-height: var(--progress-bar-min-height);
  max-height: var(--progress-bar-max-height);
  width: 50%;
  width: var(--progress-bar-width, 50%);
  min-width: var(--progress-bar-min-width);
  max-width: var(--progress-bar-max-width);
  padding-top: calc(var(--progress-bar-padding-top) - var(--progress-bar-border-top-width));
  padding-bottom: calc(var(--progress-bar-padding-bottom) - var(--progress-bar-border-bottom-width));
  padding-left: calc(var(--progress-bar-padding-left) - var(--progress-bar-border-left-width));
  padding-right: calc(var(--progress-bar-padding-right) - var(--progress-bar-border-right-width));
  border-bottom-width: var(--progress-bar-border-bottom-width);
  border-left-width: var(--progress-bar-border-left-width);
  border-right-width: var(--progress-bar-border-right-width);
  border-top-width: var(--progress-bar-border-top-width);
  border-style: var(--progress-bar-border-style);
  border-color: var(--progress-bar-border-color);
  border-top-left-radius: var(--progress-bar-border-top-left-radius, var(--corner-radius-extra-large));
  border-top-right-radius: var(--progress-bar-border-top-right-radius, var(--corner-radius-extra-large));
  border-bottom-right-radius: var(--progress-bar-border-bottom-right-radius, var(--corner-radius-extra-large));
  border-bottom-left-radius: var(--progress-bar-border-bottom-left-radius, var(--corner-radius-extra-large));
  outline-width: var(--progress-bar-outline-width);
  outline-style: var(--progress-bar-outline-style);
  outline-color: var(--progress-bar-outline-color);
  background-color: var(--progress-bar-background-color, var(--surface-background-4));
  color: var(--progress-bar-color);
  gap: var(--progress-bar-gap);
}
.ProgressBar-module_progressBarContainer__Tr7SM .ProgressBar-module_progressIndicator__pxKOh {
  height: 100%;
  background-color: var(--progress-bar-indicator-background-color, var(--interactive-surface-primary-default));
  border-top-left-radius: var(--progress-bar-indicator-border-top-left-radius);
  border-top-right-radius: var(--progress-bar-indicator-border-top-right-radius);
  border-bottom-right-radius: var(--progress-bar-indicator-border-bottom-right-radius);
  border-bottom-left-radius: var(--progress-bar-indicator-border-bottom-left-radius);
}
.ProgressBar-module_progressBarContainer__Tr7SM .ProgressBar-module_label__A0KnD {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: var(--progress-bar-label-height);
  min-height: var(--progress-bar-label-min-height);
  max-height: var(--progress-bar-label-max-height);
  width: var(--progress-bar-label-width);
  min-width: var(--progress-bar-label-min-width);
  max-width: var(--progress-bar-label-max-width);
  padding-top: calc(var(--progress-bar-label-padding-top) - var(--progress-bar-label-border-top-width));
  padding-bottom: calc(var(--progress-bar-label-padding-bottom) - var(--progress-bar-label-border-bottom-width));
  padding-left: calc(var(--progress-bar-label-padding-left) - var(--progress-bar-label-border-left-width));
  padding-right: calc(var(--progress-bar-label-padding-right) - var(--progress-bar-label-border-right-width));
  border-bottom-width: var(--progress-bar-label-border-bottom-width);
  border-left-width: var(--progress-bar-label-border-left-width);
  border-right-width: var(--progress-bar-label-border-right-width);
  border-top-width: var(--progress-bar-label-border-top-width);
  border-style: var(--progress-bar-label-border-style);
  border-color: var(--progress-bar-label-border-color);
  border-top-left-radius: var(--progress-bar-label-border-top-left-radius);
  border-top-right-radius: var(--progress-bar-label-border-top-right-radius);
  border-bottom-right-radius: var(--progress-bar-label-border-bottom-right-radius);
  border-bottom-left-radius: var(--progress-bar-label-border-bottom-left-radius);
  outline-width: var(--progress-bar-label-outline-width);
  outline-style: var(--progress-bar-label-outline-style);
  outline-color: var(--progress-bar-label-outline-color);
  font-family: var(--progress-bar-label-family);
  font-size: var(--progress-bar-label-size);
  font-weight: var(--progress-bar-label-weight);
  line-height: var(--progress-bar-label-height);
  color: white;
  color: var(--progress-bar-label-color, white);
}
.ProgressBar-module_progressBarContainer__Tr7SM.ProgressBar-module_Horizontal__K0u1- {
  flex-direction: row;
}
.RadioGroup-module_radioGroup__zODB0 {
  display: flex;
  gap: 4px;
  gap: var(--radio-group-gap, 4px);
}
.RadioGroup-module_radioGroup__zODB0.RadioGroup-module_vertical__Y3hNS {
  flex-direction: column;
}
.RadioGroup-module_radioGroup__zODB0.RadioGroup-module_horizontal__gypXB {
  flex-direction: row;
  width: 100%;
  width: var(--radio-group-width, 100%);
}
.Option-module_option__EOKym {
  display: flex;
  width: 100%;
  height: auto;
  cursor: pointer;
  align-items: center;
  padding-top: calc(var(--select-list-item-padding-top) - var(--select-list-item-border-top-width));
  padding-bottom: calc(var(--select-list-item-padding-bottom) - var(--select-list-item-border-bottom-width));
  padding-left: calc(var(--select-list-item-padding-left) - var(--select-list-item-border-left-width));
  padding-right: calc(var(--select-list-item-padding-right) - var(--select-list-item-border-right-width));
  row-gap: var(--select-list-item-row-gap);
  -moz-column-gap: var(--select-list-item-column-gap);
       column-gap: var(--select-list-item-column-gap);
  border-bottom-width: var(--select-list-item-border-bottom-width);
  border-left-width: var(--select-list-item-border-left-width);
  border-right-width: var(--select-list-item-border-right-width);
  border-top-width: var(--select-list-item-border-top-width);
  border-style: var(--select-list-item-border-style);
  border-color: var(--select-list-item-border-color);
  border-top-left-radius: var(--select-list-item-border-top-left-radius);
  border-top-right-radius: var(--select-list-item-border-top-right-radius);
  border-bottom-right-radius: var(--select-list-item-border-bottom-right-radius);
  border-bottom-left-radius: var(--select-list-item-border-bottom-left-radius);
  outline-width: var(--select-list-item-outline-width);
  outline-style: var(--select-list-item-outline-style);
  outline-color: var(--select-list-item-outline-color);
  background-color: var(--select-list-item-background-color);
  font-family: var(--select-list-item-font-family);
  font-size: var(--select-list-item-font-size);
  font-weight: var(--select-list-item-font-weight);
  line-height: var(--select-list-item-line-height);
  color: var(--select-list-item-color);
}
.Option-module_option__EOKym .Option-module_text__Wv9Oq {
  --text-font-family: var(--select-list-item-font-family);
  --text-font-weight: var(--select-list-item-font-weight);
  --text-font-size: var(--select-list-item-font-size);
  --text-letter-spacing: var(--select-list-item-letter-spacing);
  --text-line-height: var(--select-list-item-line-height);
  font-family: var(--select-list-item-font-family);
  font-size: var(--select-list-item-font-size);
  font-weight: var(--select-list-item-font-weight);
  line-height: var(--select-list-item-line-height);
  letter-spacing: var(--select-list-item-letter-spacing);
}
.Option-module_option__EOKym .Option-module_content__jLIAJ {
  width: 100%;
}
.Select-module_select__sbUrw {
  width: 100%;
  width: var(--select-width, 100%);
  height: -moz-fit-content;
  height: fit-content;
  height: var(--select-height, -moz-fit-content);
  height: var(--select-height, fit-content);
  row-gap: var(--select-row-gap);
  -moz-column-gap: var(--select-column-gap);
       column-gap: var(--select-column-gap);
}
.Select-module_select__sbUrw .Select-module_collapseIcon__WvAz5 {
  transform: rotate(180deg);
}
.Select-module_select__sbUrw .Select-module_trigger__gyTSi {
  --button-content-justify-content: start;
  --button-opacity: var(--select-trigger-opacity);
  --button-height: var(--select-trigger-height);
  --button-min-height: var(--select-trigger-min-height);
  --button-max-height: var(--select-trigger-max-height);
  --button-width: var(--select-trigger-width);
  --button-min-width: var(--select-trigger-min-width);
  --button-max-width: var(--select-trigger-max-width);
  --button-background-color: var(--select-trigger-background-color);
  --button-fill: var(--select-trigger-fill);
  --button-border-top-left-radius: var(--select-trigger-border-top-left-radius);
  --button-border-top-right-radius: var(--select-trigger-border-top-right-radius);
  --button-border-bottom-left-radius: var(--select-trigger-border-bottom-left-radius);
  --button-border-bottom-right-radius: var(--select-trigger-border-bottom-right-radius);
  --button-border-color: var(--select-trigger-border-color);
  --button-border-style: var(--select-trigger-border-style, solid);
  --button-border-gap: var(--select-trigger-border-gap);
  --button-border-dash: var(--select-trigger-border-dash);
  --button-border-top-width: var(--select-trigger-border-top-width);
  --button-border-right-width: var(--select-trigger-border-right-width);
  --button-border-bottom-width: var(--select-trigger-border-bottom-width);
  --button-border-left-width: var(--select-trigger-border-left-width);
  --button-outline-color: var(--select-trigger-outline-color);
  --button-outline-style: var(--select-trigger-outline-style);
  --button-outline-width: var(--select-trigger-outline-width);
  --button-padding-left: var(--select-trigger-padding-left);
  --button-padding-right: var(--select-trigger-padding-right);
  --button-padding-top: var(--select-trigger-padding-top);
  --button-padding-bottom: var(--select-trigger-padding-bottom);
  --button-row-gap: var(--select-trigger-row-gap);
  --button-column-gap: var(--select-trigger-column-gap);
  --button-font-family: var(--select-trigger-font-family);
  --button-font-size: var(--select-trigger-font-size);
  --button-color: var(--select-trigger-color);
  --button-letter-spacing: var(--select-trigger-letter-spacing);
  --button-line-height: var(--select-trigger-line-height);
}
.Select-module_select__sbUrw .Select-module_options__UwfeB {
  display: flex;
  flex-direction: column;
  list-style-type: none;
  width: 100%;
  height: auto;
  max-height: 160px;
  overflow-y: auto;
  padding-top: calc(var(--select-options-padding-top) - var(--select-options-border-top-width));
  padding-bottom: calc(var(--select-options-padding-bottom) - var(--select-options-border-bottom-width));
  padding-left: calc(var(--select-options-padding-left) - var(--select-options-border-left-width));
  padding-right: calc(var(--select-options-padding-right) - var(--select-options-border-right-width));
  row-gap: var(--select-options-row-gap);
  -moz-column-gap: var(--select-options-column-gap);
       column-gap: var(--select-options-column-gap);
  border-bottom-width: var(--select-options-border-bottom-width);
  border-left-width: var(--select-options-border-left-width);
  border-right-width: var(--select-options-border-right-width);
  border-top-width: var(--select-options-border-top-width);
  border-style: solid;
  border-style: var(--select-options-border-style, solid);
  border-color: var(--select-options-border-color);
  border-top-left-radius: var(--select-options-border-top-left-radius);
  border-top-right-radius: var(--select-options-border-top-right-radius);
  border-bottom-right-radius: var(--select-options-border-bottom-right-radius);
  border-bottom-left-radius: var(--select-options-border-bottom-left-radius);
  background-color: var(--select-options-background-color);
}
.ChipInput-module_popover__wIomV {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.ChipInput-module_chipInput__tCCgW {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  height: var(--chip-input-height);
  min-height: var(--chip-input-min-height);
  max-height: var(--chip-input-max-height);
  width: var(--chip-input-width);
  min-width: var(--chip-input-min-width);
  max-width: var(--chip-input-max-width);
}

.ChipInput-module_chipInput__tCCgW .ChipInput-module_trigger__KLvR4 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding-top: calc(var(--chip-input-padding-top) - var(--chip-input-border-top-width));
  padding-bottom: calc(var(--chip-input-padding-bottom) - var(--chip-input-border-bottom-width));
  padding-left: calc(var(--chip-input-padding-left) - var(--chip-input-border-left-width));
  padding-right: calc(var(--chip-input-padding-right) - var(--chip-input-border-right-width));
  row-gap: var(--chip-input-row-gap);
  -moz-column-gap: var(--chip-input-column-gap);
       column-gap: var(--chip-input-column-gap);
  border-bottom-width: var(--chip-input-border-bottom-width);
  border-left-width: var(--chip-input-border-left-width);
  border-right-width: var(--chip-input-border-right-width);
  border-top-width: var(--chip-input-border-top-width);
  border-style: var(--chip-input-border-style);
  border-color: var(--chip-input-border-color);
  border-top-left-radius: var(--chip-input-border-top-left-radius);
  border-top-right-radius: var(--chip-input-border-top-right-radius);
  border-bottom-right-radius: var(--chip-input-border-bottom-right-radius);
  border-bottom-left-radius: var(--chip-input-border-bottom-left-radius);
  outline-width: var(--chip-input-outline-width);
  outline-style: var(--chip-input-outline-style);
  outline-color: var(--chip-input-outline-color);
  background-color: var(--chip-input-background-color);
  color: var(--chip-input-color);
}

.ChipInput-module_chipInput__tCCgW .ChipInput-module_trigger__KLvR4 .ChipInput-module_chipList__l2ctU {
  --list-row-gap: var(--chip-input-chip-list-row-gap);
  --list-column-gap: var(--chip-input-chip-list-column-gap, var(--chip-input-chip-list-row-gap));
}

.ChipInput-module_chipInput__tCCgW .ChipInput-module_trigger__KLvR4 .ChipInput-module_chipList__l2ctU > * {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.ChipInput-module_chipInput__tCCgW .ChipInput-module_trigger__KLvR4 .ChipInput-module_chipList__l2ctU .ChipInput-module_chip__-6re8 {
  --chip-border-top-left-radius: var(--chip-input-chip-item-border-top-left-radius);
  --chip-border-top-right-radius: var(--chip-input-chip-item-border-top-right-radius);
  --chip-border-bottom-left-radius: var(--chip-input-chip-item-border-bottom-left-radius);
  --chip-border-bottom-right-radius: var(--chip-input-chip-border-bottom-right-radius, var(--chip-input-chip-item-border-bottom-left-radius));
  --chip-padding-top: var(--chip-input-chip-item-padding-top);
  --chip-padding-right: var(--chip-input-chip-item-padding-right);
  --chip-padding-bottom: var(--chip-input-chip-item-padding-bottom);
  --chip-padding-left: var(--chip-input-chip-item-padding-left);
  --chip-background-color: var(--chip-input-chip-item-background-color);
  --chip-row-gap: var(--chip-input-chip-item-row-gap);
  --chip-column-gap: var(--chip-input-chip-item-column-gap);
}

.ChipInput-module_chipInput__tCCgW .ChipInput-module_trigger__KLvR4 .ChipInput-module_chipList__l2ctU .ChipInput-module_input__J979Z {
  --input-border-top-width: 0px;
  --input-border-right-width: 0px;
  --input-border-bottom-width: 0px;
  --input-border-left-width: 0px;
}

.ChipInput-module_chipInput__tCCgW .ChipInput-module_trigger__KLvR4 .ChipInput-module_chipList__l2ctU .ChipInput-module_input__J979Z.ChipInput-module_disabledInput__ciuDU {
  --input-border-top-width: 0px;
  --input-border-right-width: 0px;
  --input-border-bottom-width: 0px;
  --input-border-left-width: 0px;
}

.ChipInput-module_chipInput__tCCgW .ChipInput-module_trigger__KLvR4 .ChipInput-module_chipList__l2ctU .ChipInput-module_input__J979Z:hover:not(:disabled), .ChipInput-module_chipInput__tCCgW .ChipInput-module_trigger__KLvR4 .ChipInput-module_chipList__l2ctU .ChipInput-module_input__J979Z:active:not(:disabled), .ChipInput-module_chipInput__tCCgW .ChipInput-module_trigger__KLvR4 .ChipInput-module_chipList__l2ctU .ChipInput-module_input__J979Z:has(:focus-visible):not(:disabled) {
  --input-border-top-width: 0px;
  --input-border-right-width: 0px;
  --input-border-bottom-width: 0px;
  --input-border-left-width: 0px;
}

.ChipInput-module_contextMenu__fr18e {
  --context-menu-border-top-width: var(--chip-input-context-menu-border-top-width);
  --context-menu-border-right-width: var(--chip-input-context-menu-border-right-width);
  --context-menu-border-bottom-width: var(--chip-input-context-menu-border-bottom-width);
  --context-menu-border-left-width: var(--chip-input-context-menu-border-left-width);
  --context-menu-border-color: var(--chip-input-context-menu-border-color);
  --context-menu-border-style: var(--chip-input-context-menu-border-style);
  --context-menu-border-top-left-radius: var(--chip-input-context-menu-border-top-left-radius);
  --context-menu-border-top-right-radius: var(--chip-input-context-menu-border-top-right-radius);
  --context-menu-border-bottom-left-radius: var(--chip-input-context-menu-border-bottom-left-radius);
  --context-menu-border-bottom-right-radius: var(--chip-input-context-menu-border-bottom-right-radius);
  --context-menu-padding-top: var(--chip-input-context-menu-padding-top);
  --context-menu-padding-right: var(--chip-input-context-menu-padding-right);
  --context-menu-padding-bottom: var(--chip-input-context-menu-padding-bottom);
  --context-menu-padding-left: var(--chip-input-context-menu-padding-left);
  --context-menu-background-color: var(--chip-input-context-menu-background-color);
  --context-menu-list-row-gap: var(--chip-input-context-menu-list-row-gap);
  --context-menu-list-column-gap: var(--chip-input-context-menu-list-column-gap);
}

.ChipInput-module_contextMenu__fr18e .ChipInput-module_checkboxItem__-ZR8h {
  --checkbox-item-background-color: var(--chip-input-checkbox-item-background-color);
  --checkbox-item-border-top-left-radius: var(--chip-input-checkbox-item-border-top-left-radius);
  --checkbox-item-border-top-right-radius: var(--chip-input-checkbox-item-border-top-right-radius);
  --checkbox-item-border-bottom-left-radius: var(--chip-input-checkbox-item-border-bottom-left-radius);
  --checkbox-item-border-bottom-right-radius: var(--chip-input-checkbox-item-border-bottom-right-radius);
  --checkbox-item-padding-left: var(--chip-input-checkbox-item-padding-left);
  --checkbox-item-padding-right: var(--chip-input-checkbox-item-padding-right);
  --checkbox-item-padding-top: var(--chip-input-checkbox-item-padding-top);
  --checkbox-item-padding-bottom: var(--chip-input-checkbox-item-padding-bottom);
  --checkbox-item-row-gap: var(--chip-input-checkbox-item-row-gap);
  --checkbox-item-column-gap: var(--chip-input-checkbox-item-column-gap);
}
.Search-module_search__ktB-4 {
  display: flex;
  align-items: center;
  width: 100%;
  width: var(--search-width, 100%);
  height: 32px;
  height: var(--search-height, 32px);
  gap: var(--search-row-gap);
}
.Search-module_search__ktB-4 .Search-module_searchInput__3QtnC {
  width: 100%;
  --input-opacity: var(--search-input-opacity);
  --input-height: var(--search-input-height);
  --input-min-height: var(--search-input-min-height);
  --input-max-height: var(--search-input-max-height);
  --input-width: var(--search-input-width);
  --input-min-width: var(--search-input-min-width);
  --input-max-width: var(--search-input-max-width);
  --input-background-color: var(--search-input-background-color);
  --input-fill: var(--search-input-fill);
  --input-border-top-left-radius: var(--search-input-border-top-left-radius);
  --input-border-top-right-radius: var(--search-input-border-top-right-radius);
  --input-border-bottom-left-radius: var(--search-input-border-bottom-left-radius);
  --input-border-bottom-right-radius: var(--search-input-border-bottom-right-radius);
  --input-border-color: var(--search-input-border-color);
  --input-border-style: var(--search-input-border-style, solid);
  --input-border-gap: var(--search-input-border-gap);
  --input-border-dash: var(--search-input-border-dash);
  --input-border-top-width: var(--search-input-border-top-width);
  --input-border-right-width: var(--search-input-border-right-width);
  --input-border-bottom-width: var(--search-input-border-bottom-width);
  --input-border-left-width: var(--search-input-border-left-width);
  --input-outline-color: var(--search-input-outline-color);
  --input-outline-style: var(--search-input-outline-style);
  --input-outline-width: var(--search-input-outline-width);
  --input-padding-left: var(--search-input-padding-left);
  --input-padding-right: var(--search-input-padding-right);
  --input-padding-top: var(--search-input-padding-top);
  --input-padding-bottom: var(--search-input-padding-bottom);
  --input-row-gap: var(--search-input-row-gap);
  --input-column-gap: var(--search-input-column-gap);
  --input-font-family: var(--search-input-font-family);
  --input-font-size: var(--search-input-font-size);
  --input-font-weight: var(--search-input-font-weight);
  --input-color: var(--search-input-color);
  --input-letter-spacing: var(--search-input-letter-spacing);
  --input-line-height: var(--search-input-line-height);
}
.Search-module_search__ktB-4 .Search-module_searchIcon__zgtEI {
  align-self: center;
  width: var(--search-icon-width);
  height: var(--search-icon-height);
}
.Search-module_search__ktB-4 .Search-module_clearButton__zKPUC {
  align-self: center;
  width: var(--search-clear-button-width);
  height: var(--search-clear-button-height);
}
.Search-module_search__ktB-4 .Search-module_searchButton__Lxsg8 {
  align-self: center;
  height: 32px;
}
.Dropzone-module_dropzone__4uDyI {
  position: relative;
  width: var(--dropzone-width);
}
.Dropzone-module_dropzone__4uDyI .Dropzone-module_dropzoneOverlay__mdm27 {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  pointer-events: none;
  opacity: 0;
  transform: scale(0.98);
  transition: opacity 120ms ease, transform 120ms ease;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 100%;
}
.Dropzone-module_dropzone__4uDyI .Dropzone-module_dropzoneOverlay__mdm27.Dropzone-module_visible__7SBj1 {
  opacity: 0.5;
  transform: scale(1);
}
.DropzoneContent-module_dropzoneContent__UjfAn {
  width: 100%;
  border-width: 1px;
  border-color: rgb(56, 58, 68);
  border-radius: undefined;
}
.DropzoneContent-module_dropzoneContent__UjfAn .DropzoneContent-module_infoTextAndButtonContainer__ZvsDL {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
  height: auto;
  width: auto;
  gap: 8px;
}
.DropzoneContent-module_dropzoneContent__UjfAn .DropzoneContent-module_infoText__hywuA {
  display: block;
  height: auto;
  width: auto;
  color: rgb(186, 187, 191);
  white-space: nowrap;
  text-align: left;
}
.DropzoneContent-module_dropzoneContent__UjfAn .DropzoneContent-module_dropzoneFileUploadTriggerChooseFileButton__I7Erl {
  display: flex;
  flex-direction: row;
  border-color: rgb(56, 58, 68);
  border-radius: 4px;
}
.DropzoneContent-module_dropzoneContent__UjfAn .DropzoneContent-module_loaderAnim__XxG7G {
  display: block;
  height: 64px;
  width: 64px;
  flex-shrink: 0;
  --spinner__width: 4rem;
  --spinner__height: 4rem;
  --spinner__border-width: 6px;
  --spinner-inner-width: 4rem;
  --spinner-inner-height: 4rem;
  --spinner-border-color: var(--icon-primary);
}
.DropzoneContent-module_dropzoneContent__UjfAn .DropzoneContent-module_dropzoneRemoveUploadButtonDeleteButton__kUcdq {
  display: flex;
  flex-direction: row;
}
.DropzoneContent-module_dropzoneContent__UjfAn .DropzoneContent-module_dropzoneRemoveUploadButtonDeleteButtoncloseDelete__TgTog {
  display: block;
  color: rgb(233, 233, 234);
}
.DropzoneContent-module_dropzoneContent__UjfAn .DropzoneContent-module_dropzoneDrag__PlBJv {
  display: flex;
  height: 100%;
  width: 100%;
  border-style: dashed;
  border-width: 1px;
  border-color: var(--colours-grey-450);
  background-color: rgb(128, 128, 128);
  opacity: 0.5;
}
.DropzoneContent-module_type--Empty__5ejbg {
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: center;
  height: 202px;
  flex-shrink: 0;
  gap: 12px;
  border-width: 1px;
  border-style: dashed;
  border-color: rgb(56, 58, 68);
  border-radius: 4px;
}
.DropzoneContent-module_type--Empty__5ejbg .DropzoneContent-module_infoTextAndButtonContainer__ZvsDL {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
  height: auto;
  width: auto;
  gap: 8px;
}
.DropzoneContent-module_type--Empty__5ejbg .DropzoneContent-module_infoText__hywuA {
  display: block;
  height: auto;
  width: auto;
  color: rgb(186, 187, 191);
  white-space: nowrap;
  text-align: left;
}
.DropzoneContent-module_type--Empty__5ejbg .DropzoneContent-module_dropzoneFileUploadTriggerChooseFileButton__I7Erl {
  display: flex;
  flex-direction: row;
  border-color: rgb(56, 58, 68);
  border-radius: 4px;
}
.DropzoneContent-module_type--Empty__5ejbg .DropzoneContent-module_loaderAnim__XxG7G {
  display: none;
  height: 64px;
  width: 64px;
  flex-shrink: 0;
}
.DropzoneContent-module_type--Empty__5ejbg .DropzoneContent-module_dropzoneFileName__wcqMo {
  display: none;
}
.DropzoneContent-module_type--Empty__5ejbg .DropzoneContent-module_dropzoneSupportedFormats__mEgzt {
  color: var(--text-primary);
  max-width: 80%;
  text-align: center;
}
.DropzoneContent-module_type--Empty__5ejbg .DropzoneContent-module_dropzoneRemoveUploadButton__McYoe {
  display: none;
}
.DropzoneContent-module_type--Empty__5ejbg .DropzoneContent-module_dropzoneRemoveUploadButtonDeleteButton__kUcdq {
  display: none;
}
.DropzoneContent-module_type--Empty__5ejbg .DropzoneContent-module_dropzoneRemoveUploadButtonDeleteButtoncloseDelete__TgTog {
  display: none;
  color: rgb(233, 233, 234);
}
.DropzoneContent-module_type--Empty__5ejbg .DropzoneContent-module_dropzoneDrag__PlBJv {
  display: none;
}
.DropzoneContent-module_type--Uploaded__4aQy7 {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
  overflow: hidden;
  height: auto;
  padding: 7px 11px;
  gap: 10px;
  background-color: rgb(34, 36, 47);
  border-width: 1px;
  border-style: solid;
  border-color: rgb(56, 58, 68);
  border-radius: 6px;
}
.DropzoneContent-module_type--Uploaded__4aQy7 .DropzoneContent-module_infoTextAndButtonContainer__ZvsDL {
  display: none;
  height: auto;
  width: auto;
  gap: 8px;
}
.DropzoneContent-module_type--Uploaded__4aQy7 .DropzoneContent-module_infoText__hywuA {
  display: none;
  height: auto;
  width: auto;
  color: rgb(186, 187, 191);
  white-space: nowrap;
  text-align: left;
}
.DropzoneContent-module_type--Uploaded__4aQy7 .DropzoneContent-module_dropzoneFileUploadTrigger__-Ai9k {
  display: none;
}
.DropzoneContent-module_type--Uploaded__4aQy7 .DropzoneContent-module_dropzoneFileUploadTriggerChooseFileButton__I7Erl {
  display: none;
  border-color: rgb(56, 58, 68);
  border-radius: 4px;
}
.DropzoneContent-module_type--Uploaded__4aQy7 .DropzoneContent-module_loaderAnim__XxG7G {
  display: none;
  height: 64px;
  width: 64px;
  flex-shrink: 0;
}
.DropzoneContent-module_type--Uploaded__4aQy7 .DropzoneContent-module_dropzoneFileName__wcqMo {
  color: var(--text-primary);
}
.DropzoneContent-module_type--Uploaded__4aQy7 .DropzoneContent-module_dropzoneSupportedFormats__mEgzt {
  display: none;
}
.DropzoneContent-module_type--Uploaded__4aQy7 .DropzoneContent-module_dropzoneRemoveUploadButtonDeleteButton__kUcdq {
  display: flex;
  flex-direction: row;
}
.DropzoneContent-module_type--Uploaded__4aQy7 .DropzoneContent-module_dropzoneRemoveUploadButtonDeleteButtoncloseDelete__TgTog {
  display: block;
  color: rgb(233, 233, 234);
}
.DropzoneContent-module_type--Uploaded__4aQy7 .DropzoneContent-module_dropzoneDrag__PlBJv {
  display: none;
}
.DropzoneContent-module_type--Loading__4VgoL {
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: center;
  height: 202px;
  flex-shrink: 0;
  gap: 12px;
  border-width: 1px;
  border-style: dashed;
  border-color: rgb(56, 58, 68);
  border-radius: 4px;
}
.DropzoneContent-module_type--Loading__4VgoL .DropzoneContent-module_infoTextAndButtonContainer__ZvsDL {
  display: none;
  height: auto;
  width: auto;
  gap: 8px;
}
.DropzoneContent-module_type--Loading__4VgoL .DropzoneContent-module_infoText__hywuA {
  display: none;
  height: auto;
  width: auto;
  color: rgb(186, 187, 191);
  white-space: nowrap;
  text-align: left;
}
.DropzoneContent-module_type--Loading__4VgoL .DropzoneContent-module_dropzoneFileUploadTrigger__-Ai9k {
  display: none;
}
.DropzoneContent-module_type--Loading__4VgoL .DropzoneContent-module_dropzoneFileUploadTriggerChooseFileButton__I7Erl {
  display: none;
  border-color: rgb(56, 58, 68);
  border-radius: 4px;
}
.DropzoneContent-module_type--Loading__4VgoL .DropzoneContent-module_loaderAnim__XxG7G {
  display: block;
  height: 64px;
  width: 64px;
  flex-shrink: 0;
  --spinner__width: 4rem;
  --spinner__height: 4rem;
  --spinner__border-width: 6px;
  --spinner-border-color: var(--icon-primary);
}
.DropzoneContent-module_type--Loading__4VgoL .DropzoneContent-module_dropzoneFileName__wcqMo {
  display: none;
}
.DropzoneContent-module_type--Loading__4VgoL .DropzoneContent-module_dropzoneSupportedFormats__mEgzt {
  display: none;
}
.DropzoneContent-module_type--Loading__4VgoL .DropzoneContent-module_dropzoneRemoveUploadButton__McYoe {
  display: none;
}
.DropzoneContent-module_type--Loading__4VgoL .DropzoneContent-module_dropzoneRemoveUploadButtonDeleteButton__kUcdq {
  display: none;
}
.DropzoneContent-module_type--Loading__4VgoL .DropzoneContent-module_dropzoneRemoveUploadButtonDeleteButtoncloseDelete__TgTog {
  display: none;
  color: rgb(233, 233, 234);
}
.DropzoneContent-module_type--Loading__4VgoL .DropzoneContent-module_dropzoneDrag__PlBJv {
  display: none;
}
.DropzoneContent-module_type--Drag__9BalI {
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: center;
  height: 202px;
  flex-shrink: 0;
  gap: 12px;
  border-width: 1px;
  border-style: dashed;
  border-color: rgb(56, 58, 68);
  border-radius: 4px;
}
.DropzoneContent-module_type--Drag__9BalI .DropzoneContent-module_infoTextAndButtonContainer__ZvsDL {
  display: none;
  height: auto;
  width: auto;
  gap: 8px;
}
.DropzoneContent-module_type--Drag__9BalI .DropzoneContent-module_infoText__hywuA {
  display: none;
  height: auto;
  width: auto;
  color: rgb(186, 187, 191);
  white-space: nowrap;
  text-align: left;
}
.DropzoneContent-module_type--Drag__9BalI .DropzoneContent-module_dropzoneFileUploadTrigger__-Ai9k {
  display: none;
}
.DropzoneContent-module_type--Drag__9BalI .DropzoneContent-module_dropzoneFileUploadTriggerChooseFileButton__I7Erl {
  display: none;
  border-color: rgb(56, 58, 68);
  border-radius: 4px;
}
.DropzoneContent-module_type--Drag__9BalI .DropzoneContent-module_loaderAnim__XxG7G {
  display: none;
  height: 64px;
  width: 64px;
  flex-shrink: 0;
}
.DropzoneContent-module_type--Drag__9BalI .DropzoneContent-module_dropzoneFileName__wcqMo {
  display: none;
}
.DropzoneContent-module_type--Drag__9BalI .DropzoneContent-module_dropzoneSupportedFormats__mEgzt {
  display: none;
}
.DropzoneContent-module_type--Drag__9BalI .DropzoneContent-module_dropzoneRemoveUploadButton__McYoe {
  display: none;
}
.DropzoneContent-module_type--Drag__9BalI .DropzoneContent-module_dropzoneRemoveUploadButtonDeleteButton__kUcdq {
  display: none;
}
.DropzoneContent-module_type--Drag__9BalI .DropzoneContent-module_dropzoneRemoveUploadButtonDeleteButtoncloseDelete__TgTog {
  display: none;
  color: rgb(233, 233, 234);
}
.DropzoneContent-module_type--Drag__9BalI .DropzoneContent-module_dropzoneDrag__PlBJv {
  display: flex;
  height: 100%;
  width: 100%;
  border-style: dashed;
  border-width: 1px;
  border-color: var(--colours-grey-450);
  background-color: rgb(128, 128, 128);
  opacity: 0.5;
}
.Form-module_form__9JYdv {
  display: flex;
  flex-direction: column;
  min-height: var(--form-min-height);
  max-height: var(--form-max-height);
  width: var(--form-width);
  min-width: var(--form-min-width);
  max-width: var(--form-max-width);
  padding-top: calc(var(--form-padding-top) - var(--form-border-top-width));
  padding-bottom: calc(var(--form-padding-bottom) - var(--form-border-bottom-width));
  padding-left: calc(var(--form-padding-left) - var(--form-border-left-width));
  padding-right: calc(var(--form-padding-right) - var(--form-border-right-width));
  row-gap: var(--form-row-gap);
  -moz-column-gap: var(--form-column-gap);
       column-gap: var(--form-column-gap);
  border-bottom-width: var(--form-border-bottom-width);
  border-left-width: var(--form-border-left-width);
  border-right-width: var(--form-border-right-width);
  border-top-width: var(--form-border-top-width);
  border-style: var(--form-border-style);
  border-color: var(--form-border-color);
  border-top-left-radius: var(--form-border-top-left-radius);
  border-top-right-radius: var(--form-border-top-right-radius);
  border-bottom-right-radius: var(--form-border-bottom-right-radius);
  border-bottom-left-radius: var(--form-border-bottom-left-radius);
  outline-width: var(--form-outline-width);
  outline-style: var(--form-outline-style);
  outline-color: var(--form-outline-color);
  background-color: var(--form-background-color);
  color: var(--form-color);
}
.Table-module_table__S593A {
  height: var(--table-height);
  min-height: var(--table-min-height);
  max-height: var(--table-max-height);
  width: var(--table-width);
  min-width: var(--table-min-width);
  max-width: var(--table-max-width);
  background-color: var(--table-background-color);
  color: var(--table-color);
  border-top-left-radius: var(--table-border-top-left-radius);
  border-top-right-radius: var(--table-border-top-right-radius);
  border-bottom-left-radius: var(--table-border-bottom-left-radius);
  border-bottom-right-radius: var(--table-border-bottom-right-radius);
  border-color: var(--table-border-color);
  border-style: var(--table-border-style);
  border-top-width: var(--table-border-top-width);
  border-right-width: var(--table-border-right-width);
  border-bottom-width: var(--table-border-bottom-width);
  border-left-width: var(--table-border-left-width);
  outline-color: var(--table-outline-color);
  outline-style: var(--table-outline-style);
  outline-width: var(--table-outline-width);
  padding-left: var(--table-padding-left);
  padding-right: var(--table-padding-right);
  padding-top: var(--table-padding-top);
  padding-bottom: var(--table-padding-bottom);
  gap: var(--table-row-gap) var(--table-column-gap);
  font-family: var(--table-font-family);
  font-size: var(--table-font-size);
  letter-spacing: var(--table-letter-spacing);
  line-height: var(--table-line-height);
  table-layout: auto;
  border-collapse: separate;
  display: table;
  overflow: auto;
}
.Table-module_table__S593A.Table-module_stickyHeader__j2TSu thead {
  position: sticky;
  top: 0;
  z-index: 1;
  background-color: var(--table-background-color);
  display: table;
  width: 100%;
}
.Table-module_table__S593A.Table-module_stickyHeader__j2TSu thead::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  border-bottom: var(--table-border-bottom-width) solid var(--table-border-color);
}
.Table-module_table__S593A.Table-module_stickyHeader__j2TSu tbody {
  display: table;
  width: 100%;
}
.TableRow-module_tableRow__lXNAw {
  height: var(--table-row-height);
  background-color: var(--table-row-background-color);
}
.TableCell-module_tableCell__OpIsf {
  color: var(--table-cell-text-color);
  font-family: var(--table-cell-font-family);
  font-size: var(--table-cell-font-size);
  font-weight: var(--table-cell-font-weight);
  line-height: var(--table-cell-line-height);
  letter-spacing: var(--table-cell-letter-spacing);
  padding-top: var(--table-cell-padding-top);
  padding-right: var(--table-cell-padding-right);
  padding-bottom: var(--table-cell-padding-bottom);
  padding-left: var(--table-cell-padding-left);
  border-top-width: var(--table-cell-border-top-width);
  border-right-width: var(--table-cell-border-right-width);
  border-bottom-width: var(--table-cell-border-bottom-width);
  border-left-width: var(--table-cell-border-left-width);
  border-style: var(--table-cell-border-style);
  border-color: var(--table-cell-border-color);
  border-top-left-radius: var(--table-cell-border-top-left-radius);
  border-top-right-radius: var(--table-cell-border-top-right-radius);
  border-bottom-left-radius: var(--table-cell-border-bottom-left-radius);
  border-bottom-right-radius: var(--table-cell-border-bottom-right-radius);
  text-align: var(--table-cell-horizontal-align);
  vertical-align: top;
  vertical-align: var(--table-cell-vertical-align, top);
  height: var(--table-cell-height);
  background-color: var(--table-cell-background-color);
}

.TableCell-module_text__um8md {
  --text-font-family: var(--table-cell-font-family);
  --text-font-weight: var(--table-cell-font-weight);
  --text-font-size: var(--table-cell-font-size);
  --text-letter-spacing: var(--table-cell-letter-spacing);
  --text-line-height: var(--table-cell-line-height);
  font-family: var(--table-cell-font-family);
  font-size: var(--table-cell-font-size);
  font-weight: var(--table-cell-font-weight);
  line-height: var(--table-cell-line-height);
  letter-spacing: var(--table-cell-letter-spacing);
}
.TableHeader-module_tableHeader__6OHNZ {
  border-top-width: var(--table-header-border-top-width);
  border-right-width: var(--table-header-border-right-width);
  border-bottom-width: var(--table-header-border-bottom-width);
  border-left-width: var(--table-header-border-left-width);
  border-style: var(--table-header-border-style);
  border-color: var(--table-header-border-color);
  height: var(--table-header-height);
  width: var(--table-header-width);
  min-height: var(--table-header-min-height);
  min-width: var(--table-header-min-width);
  max-height: var(--table-header-max-height);
  max-width: var(--table-header-max-width);
  border-top-left-radius: var(--table-header-border-top-left-radius);
  border-top-right-radius: var(--table-header-border-top-right-radius);
  border-bottom-left-radius: var(--table-header-border-bottom-left-radius);
  border-bottom-right-radius: var(--table-header-border-bottom-right-radius);
  padding-top: var(--table-header-padding-top);
  padding-right: var(--table-header-padding-right);
  padding-bottom: var(--table-header-padding-bottom);
  padding-left: var(--table-header-padding-left);
  background-color: var(--table-header-background-color);
  color: var(--table-header-color);
  font-family: var(--table-header-font-family);
  font-size: var(--table-header-font-size);
  font-weight: var(--table-header-font-weight);
  line-height: var(--table-header-line-height);
  letter-spacing: var(--table-header-letter-spacing);
}
.TableHeaderCell-module_tableHeaderCell__x3Yyp {
  color: var(--table-header-cell-text-color);
  font-family: var(--table-header-cell-font-family);
  font-size: var(--table-header-cell-font-size);
  font-weight: var(--table-header-cell-font-weight);
  line-height: var(--table-header-cell-line-height);
  letter-spacing: var(--table-header-cell-letter-spacing);
  padding-top: var(--table-header-cell-padding-top);
  padding-right: var(--table-header-cell-padding-right);
  padding-bottom: var(--table-header-cell-padding-bottom);
  padding-left: var(--table-header-cell-padding-left);
  border-top-width: var(--table-header-cell-border-top-width);
  border-right-width: var(--table-header-cell-border-right-width);
  border-bottom-width: var(--table-header-cell-border-bottom-width);
  border-left-width: var(--table-header-cell-border-left-width);
  border-style: var(--table-header-cell-border-style);
  border-color: var(--table-header-cell-border-color);
  border-top-left-radius: var(--table-header-cell-border-top-left-radius);
  border-top-right-radius: var(--table-header-cell-border-top-right-radius);
  border-bottom-left-radius: var(--table-header-cell-border-bottom-left-radius);
  border-bottom-right-radius: var(--table-header-cell-border-bottom-right-radius);
  text-align: var(--table-header-cell-horizontal-align);
  vertical-align: top;
  vertical-align: var(--table-header-cell-vertical-align, top);
  height: var(--table-header-cell-height);
  background-color: var(--table-header-cell-background-color);
}

.TableHeaderCell-module_text__lOhG2 {
  --text-font-family: var(--table-header-cell-font-family);
  --text-font-weight: var(--table-header-cell-font-weight);
  --text-font-size: var(--table-header-cell-font-size);
  --text-letter-spacing: var(--table-header-cell-letter-spacing);
  --text-line-height: var(--table-header-cell-line-height);
  font-size: var(--table-header-cell-font-size);
  font-weight: var(--table-header-cell-font-weight);
  line-height: var(--table-header-cell-line-height);
  letter-spacing: var(--table-header-cell-letter-spacing);
}
.TableBody-module_tableBody__rw8Gr {
  border-top-width: var(--table-body-border-top-width);
  border-right-width: var(--table-body-border-right-width);
  border-bottom-width: var(--table-body-border-bottom-width);
  border-left-width: var(--table-body-border-left-width);
  border-style: var(--table-body-border-style);
  border-color: var(--table-body-border-color);
  height: var(--table-body-height);
  width: var(--table-body-width);
  min-height: var(--table-body-min-height);
  min-width: var(--table-body-min-width);
  max-height: var(--table-body-max-height);
  max-width: var(--table-body-max-width);
  border-top-left-radius: var(--table-body-border-top-left-radius);
  border-top-right-radius: var(--table-body-border-top-right-radius);
  border-bottom-left-radius: var(--table-body-border-bottom-left-radius);
  border-bottom-right-radius: var(--table-body-border-bottom-right-radius);
  padding-top: var(--table-body-padding-top);
  padding-right: var(--table-body-padding-right);
  padding-bottom: var(--table-body-padding-bottom);
  padding-left: var(--table-body-padding-left);
  background-color: var(--table-body-background-color);
  color: var(--table-body-color);
  font-family: var(--table-body-font-family);
  font-size: var(--table-body-font-size);
  font-weight: var(--table-body-font-weight);
  line-height: var(--table-body-line-height);
  letter-spacing: var(--table-body-letter-spacing);
}
.Tabs-module_tabs__HyJLr {
  display: flex;
  width: 100%;
  height: 100%;
  min-height: 0;
  flex-direction: var(--tabs-direction);
  padding-left: var(--tabs-padding-left);
  padding-right: var(--tabs-padding-right);
  padding-top: var(--tabs-padding-top);
  padding-bottom: var(--tabs-padding-bottom);
  -moz-column-gap: var(--tabs-column-gap);
       column-gap: var(--tabs-column-gap);
  row-gap: var(--tabs-row-gap);
}
.Tabs-module_tabs__HyJLr.Tabs-module_horizontal__s5T-p {
  --tabs-direction: column;
  --tabs-header-direction: row;
}
.Tabs-module_tabs__HyJLr.Tabs-module_horizontal__s5T-p .Tabs-module_tabsHeader__Np0ba > * {
  width: 100%;
}
.Tabs-module_tabs__HyJLr.Tabs-module_vertical__CeTfW {
  --tabs-direction: row;
  --tabs-header-direction: column;
}
.Tabs-module_tabs__HyJLr.Tabs-module_vertical__CeTfW .Tabs-module_tabsHeader__Np0ba > * {
  width: 100%;
}
.Tabs-module_tabs__HyJLr .Tabs-module_tabsHeader__Np0ba {
  display: flex;
  flex-direction: var(--tabs-header-direction);
  width: auto;
  width: var(--tabs-header-width, auto);
}
.Tabs-module_tabs__HyJLr .Tabs-module_tabsContent__XoAby {
  display: flex;
  width: 100%;
  height: 100%;
  min-height: 0;
}
.Tabs-module_tabs__HyJLr .Tabs-module_tabsContent__XoAby > * {
  width: 100%;
  height: 100%;
  overflow: auto;
}
.TabItem-module_tabItem__--dM- {
  --button-content-justify-content: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: var(--tab-item-height);
  min-height: var(--tab-item-min-height);
  max-height: var(--tab-item-max-height);
  width: var(--tab-item-width);
  min-width: var(--tab-item-min-width);
  max-width: var(--tab-item-max-width);
  padding-top: calc(var(--tab-item-padding-top) - var(--tab-item-border-top-width));
  padding-bottom: calc(var(--tab-item-padding-bottom) - var(--tab-item-border-bottom-width));
  padding-left: calc(var(--tab-item-padding-left) - var(--tab-item-border-left-width));
  padding-right: calc(var(--tab-item-padding-right) - var(--tab-item-border-right-width));
  row-gap: var(--tab-item-row-gap);
  -moz-column-gap: var(--tab-item-column-gap);
       column-gap: var(--tab-item-column-gap);
  border-bottom-width: var(--tab-item-border-bottom-width);
  border-left-width: var(--tab-item-border-left-width);
  border-right-width: var(--tab-item-border-right-width);
  border-top-width: var(--tab-item-border-top-width);
  border-style: var(--tab-item-border-style);
  border-color: var(--tab-item-border-color);
  border-top-left-radius: var(--tab-item-border-top-left-radius);
  border-top-right-radius: var(--tab-item-border-top-right-radius);
  border-bottom-right-radius: var(--tab-item-border-bottom-right-radius);
  border-bottom-left-radius: var(--tab-item-border-bottom-left-radius);
  outline-width: var(--tab-item-outline-width);
  outline-style: var(--tab-item-outline-style);
  outline-color: var(--tab-item-outline-color);
  background-color: var(--tab-item-background-color);
  font-family: var(--tab-item-font-family);
  font-size: var(--tab-item-font-size);
  font-weight: var(--tab-item-font-weight);
  line-height: var(--tab-item-line-height);
  color: var(--tab-item-color);
}
.TabItem-module_tabItem__--dM- .TabItem-module_contentContainer__hESs0 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  height: var(--tab-item-wrapper-height);
  min-height: var(--tab-item-wrapper-min-height);
  max-height: var(--tab-item-wrapper-max-height);
  width: var(--tab-item-wrapper-width);
  min-width: var(--tab-item-wrapper-min-width);
  max-width: var(--tab-item-wrapper-max-width);
  padding-top: calc(var(--tab-item-wrapper-padding-top) - 0px);
  padding-top: calc(var(--tab-item-wrapper-padding-top) - var(--tab-item-wrapper-border-top-width, 0px));
  padding-bottom: calc(var(--tab-item-wrapper-padding-bottom) - 0px);
  padding-bottom: calc(var(--tab-item-wrapper-padding-bottom) - var(--tab-item-wrapper-border-bottom-width, 0px));
  padding-left: calc(var(--tab-item-wrapper-padding-left) - 0px);
  padding-left: calc(var(--tab-item-wrapper-padding-left) - var(--tab-item-wrapper-border-left-width, 0px));
  padding-right: calc(var(--tab-item-wrapper-padding-right) - 0px);
  padding-right: calc(var(--tab-item-wrapper-padding-right) - var(--tab-item-wrapper-border-right-width, 0px));
  row-gap: var(--tab-item-wrapper-row-gap);
  -moz-column-gap: var(--tab-item-wrapper-column-gap);
       column-gap: var(--tab-item-wrapper-column-gap);
  border-bottom-width: var(--tab-item-wrapper-border-bottom-width);
  border-left-width: var(--tab-item-wrapper-border-left-width);
  border-right-width: var(--tab-item-wrapper-border-right-width);
  border-top-width: var(--tab-item-wrapper-border-top-width);
  border-style: var(--tab-item-wrapper-border-style);
  border-color: var(--tab-item-wrapper-border-color);
  border-top-left-radius: var(--button-border-top-left-radius);
  border-top-right-radius: var(--tab-item-wrapper-border-top-right-radius);
  border-bottom-right-radius: var(--tab-item-wrapper-border-bottom-right-radius);
  border-bottom-left-radius: var(--tab-item-wrapper-border-bottom-left-radius);
  outline-width: var(--tab-item-wrapper-outline-width);
  outline-style: var(--tab-item-wrapper-outline-style);
  outline-color: var(--tab-item-wrapper-outline-color);
  background-color: var(--tab-item-wrapper-background-color);
}
.TabItem-module_tabItem__--dM- .TabItem-module_text__Aq8pU {
  --text-font-family: var(--tab-item-font-family);
  --text-font-weight: var(--tab-item-font-weight);
  --text-font-size: var(--tab-item-font-size);
  --text-letter-spacing: var(--tab-item-letter-spacing);
  --text-line-height: var(--tab-item-line-height);
  font-family: var(--tab-item-font-family);
  font-size: var(--tab-item-font-size);
  font-weight: var(--tab-item-font-weight);
  line-height: var(--tab-item-line-height);
  letter-spacing: var(--tab-item-letter-spacing);
}
.TabItem-module_tabItem__--dM- .TabItem-module_underline__MVnHi {
  width: var(--tab-item-underline-width);
  height: var(--tab-item-underline-height);
  background-color: var(--tab-item-underline-background-color);
}
.TabContent-module_tabContent__3-qqV {
  display: flex;
  flex-grow: 1;
}
.SlideOutPanel-module_slideOutPanel__eBr9a {
  display: flex;
  position: fixed;
  opacity: 0;
  transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
  will-change: transform, opacity;
  --modal-height: var(--slide-out-panel-height);
  --modal-min-height: var(--slide-out-panel-min-height);
  --modal-max-height: var(--slide-out-panel-max-height);
  --modal-width: var(--slide-out-panel-width);
  --modal-min-width: var(--slide-out-panel-min-width);
  --modal-max-width: var(--slide-out-panel-max-width);
  --modal-padding-top: var(--slide-out-panel-padding-top);
  --modal-padding-bottom: var(--slide-out-panel-padding-bottom);
  --modal-padding-left: var(--slide-out-panel-padding-left);
  --modal-padding-right: var(--slide-out-panel-padding-right);
  --modal-row-gap: var(--slide-out-panel-row-gap);
  --modal-column-gap: var(--slide-out-panel-column-gap);
  --modal-border-top-width: var(--slide-out-panel-border-top-width);
  --modal-border-bottom-width: var(--slide-out-panel-border-bottom-width);
  --modal-border-left-width: var(--slide-out-panel-border-left-width);
  --modal-border-right-width: var(--slide-out-panel-border-right-width);
  --modal-border-style: var(--slide-out-panel-border-style);
  --modal-border-color: var(--slide-out-panel-border-color);
  --modal-border-top-left-radius: var(--slide-out-panel-border-top-left-radius);
  --modal-border-top-right-radius: var(--slide-out-panel-border-top-right-radius);
  --modal-border-bottom-right-radius: var(--slide-out-panel-border-bottom-right-radius);
  --modal-border-bottom-left-radius: var(--slide-out-panel-border-bottom-left-radius);
  --modal-outline-width: var(--slide-out-panel-outline-width);
  --modal-outline-style: var(--slide-out-panel-outline-style);
  --modal-outline-color: var(--slide-out-panel-outline-color);
  --modal-background-color: var(--slide-out-panel-background-color);
  --modal-color: var(--slide-out-panel-color);
  --modal-content-height: 100%;
  --modal-content-width: 100%;
}
.SlideOutPanel-module_slideOutPanel__eBr9a .SlideOutPanel-module_form__lv6bn {
  height: 100%;
  width: 100%;
  min-height: 0;
  display: flex;
  flex-direction: column;
}
.SlideOutPanel-module_slideOutPanel__eBr9a.SlideOutPanel-module_slideOutPanel--right__I8eTm {
  top: 0;
  right: 0;
  left: auto;
  left: initial;
  height: 100vh;
  transform: translateX(100%);
  opacity: 0;
}
.SlideOutPanel-module_slideOutPanel__eBr9a.SlideOutPanel-module_slideOutPanel--right__I8eTm.SlideOutPanel-module_entering__ke9qM {
  opacity: 1;
  transform: translateX(0);
}
.SlideOutPanel-module_slideOutPanel__eBr9a.SlideOutPanel-module_slideOutPanel--right__I8eTm.SlideOutPanel-module_entered__MGd5P {
  opacity: 1;
  transform: translateX(0);
}
.SlideOutPanel-module_slideOutPanel__eBr9a.SlideOutPanel-module_slideOutPanel--right__I8eTm.SlideOutPanel-module_exiting__2wHss, .SlideOutPanel-module_slideOutPanel__eBr9a.SlideOutPanel-module_slideOutPanel--right__I8eTm.SlideOutPanel-module_exited__hD8lv {
  opacity: 0;
  transform: translateX(100%);
}
.SlideOutPanel-module_slideOutPanel__eBr9a.SlideOutPanel-module_slideOutPanel--right__I8eTm.SlideOutPanel-module_slideOutPanel--small__FNO8Q, .SlideOutPanel-module_slideOutPanel__eBr9a.SlideOutPanel-module_slideOutPanel--right__I8eTm.SlideOutPanel-module_slideOutPanel--medium__9-tzL, .SlideOutPanel-module_slideOutPanel__eBr9a.SlideOutPanel-module_slideOutPanel--right__I8eTm.SlideOutPanel-module_slideOutPanel--large__7RHyd {
  width: var(--slide-out-panel-width);
}
.SlideOutPanel-module_slideOutPanel__eBr9a.SlideOutPanel-module_slideOutPanel--left__oBPI2 {
  top: 0;
  right: auto;
  right: initial;
  left: 0;
  height: 100vh;
  transform: translateX(-100%);
  opacity: 0;
}
.SlideOutPanel-module_slideOutPanel__eBr9a.SlideOutPanel-module_slideOutPanel--left__oBPI2.SlideOutPanel-module_entering__ke9qM {
  opacity: 1;
  transform: translateX(0);
}
.SlideOutPanel-module_slideOutPanel__eBr9a.SlideOutPanel-module_slideOutPanel--left__oBPI2.SlideOutPanel-module_entered__MGd5P {
  opacity: 1;
  transform: translateX(0);
}
.SlideOutPanel-module_slideOutPanel__eBr9a.SlideOutPanel-module_slideOutPanel--left__oBPI2.SlideOutPanel-module_exiting__2wHss, .SlideOutPanel-module_slideOutPanel__eBr9a.SlideOutPanel-module_slideOutPanel--left__oBPI2.SlideOutPanel-module_exited__hD8lv {
  opacity: 0;
  transform: translateX(-100%);
}
.SlideOutPanel-module_slideOutPanel__eBr9a.SlideOutPanel-module_slideOutPanel--left__oBPI2.SlideOutPanel-module_slideOutPanel--small__FNO8Q, .SlideOutPanel-module_slideOutPanel__eBr9a.SlideOutPanel-module_slideOutPanel--left__oBPI2.SlideOutPanel-module_slideOutPanel--medium__9-tzL, .SlideOutPanel-module_slideOutPanel__eBr9a.SlideOutPanel-module_slideOutPanel--left__oBPI2.SlideOutPanel-module_slideOutPanel--large__7RHyd {
  width: var(--slide-out-panel-width);
}
.SlideOutPanel-module_slideOutPanel__eBr9a.SlideOutPanel-module_slideOutPanel--top__4e54e {
  top: 0;
  left: 0;
  bottom: auto;
  bottom: initial;
  width: 100vw;
  transform: translateY(-100%);
  opacity: 0;
}
.SlideOutPanel-module_slideOutPanel__eBr9a.SlideOutPanel-module_slideOutPanel--top__4e54e.SlideOutPanel-module_entering__ke9qM {
  opacity: 1;
  transform: translateY(0);
}
.SlideOutPanel-module_slideOutPanel__eBr9a.SlideOutPanel-module_slideOutPanel--top__4e54e.SlideOutPanel-module_entered__MGd5P {
  opacity: 1;
  transform: translateY(0);
}
.SlideOutPanel-module_slideOutPanel__eBr9a.SlideOutPanel-module_slideOutPanel--top__4e54e.SlideOutPanel-module_exiting__2wHss, .SlideOutPanel-module_slideOutPanel__eBr9a.SlideOutPanel-module_slideOutPanel--top__4e54e.SlideOutPanel-module_exited__hD8lv {
  opacity: 0;
  transform: translateY(-100%);
}
.SlideOutPanel-module_slideOutPanel__eBr9a.SlideOutPanel-module_slideOutPanel--top__4e54e.SlideOutPanel-module_slideOutPanel--small__FNO8Q, .SlideOutPanel-module_slideOutPanel__eBr9a.SlideOutPanel-module_slideOutPanel--top__4e54e.SlideOutPanel-module_slideOutPanel--medium__9-tzL, .SlideOutPanel-module_slideOutPanel__eBr9a.SlideOutPanel-module_slideOutPanel--top__4e54e.SlideOutPanel-module_slideOutPanel--large__7RHyd {
  height: var(--slide-out-panel-height);
}
.SlideOutPanel-module_slideOutPanel__eBr9a.SlideOutPanel-module_slideOutPanel--bottom__E3bRO {
  top: auto;
  top: initial;
  bottom: 0;
  left: 0;
  width: 100vw;
  transform: translateY(100%);
  opacity: 0;
}
.SlideOutPanel-module_slideOutPanel__eBr9a.SlideOutPanel-module_slideOutPanel--bottom__E3bRO.SlideOutPanel-module_entering__ke9qM {
  opacity: 1;
  transform: translateY(0);
}
.SlideOutPanel-module_slideOutPanel__eBr9a.SlideOutPanel-module_slideOutPanel--bottom__E3bRO.SlideOutPanel-module_entered__MGd5P {
  opacity: 1;
  transform: translateY(0);
}
.SlideOutPanel-module_slideOutPanel__eBr9a.SlideOutPanel-module_slideOutPanel--bottom__E3bRO.SlideOutPanel-module_exiting__2wHss, .SlideOutPanel-module_slideOutPanel__eBr9a.SlideOutPanel-module_slideOutPanel--bottom__E3bRO.SlideOutPanel-module_exited__hD8lv {
  opacity: 0;
  transform: translateY(100%);
}
.SlideOutPanel-module_slideOutPanel__eBr9a.SlideOutPanel-module_slideOutPanel--bottom__E3bRO.SlideOutPanel-module_slideOutPanel--small__FNO8Q, .SlideOutPanel-module_slideOutPanel__eBr9a.SlideOutPanel-module_slideOutPanel--bottom__E3bRO.SlideOutPanel-module_slideOutPanel--medium__9-tzL, .SlideOutPanel-module_slideOutPanel__eBr9a.SlideOutPanel-module_slideOutPanel--bottom__E3bRO.SlideOutPanel-module_slideOutPanel--large__7RHyd {
  height: var(--slide-out-panel-height);
}

    [data-theme='dark'] [component-variant^="text-"], [data-theme='light'] [component-variant^="text-"] {
        --text-opacity: 1;
        --text-height: auto;
        --text-min-height: auto;
        --text-max-height: none;
        --text-width: auto;
        --text-min-width: auto;
        --text-max-width: none;
        --text-background-color: transparent;
        --text-fill: currentcolor;
        --text-border-top-left-radius: 0px;
        --text-border-top-right-radius: 0px;
        --text-border-bottom-left-radius: 0px;
        --text-border-bottom-right-radius: 0px;
        --text-border-color: transparent;
        --text-border-style: solid;
        --text-border-gap: normal;
        --text-border-dash: none;
        --text-border-top-width: 0px;
        --text-border-right-width: 0px;
        --text-border-bottom-width: 0px;
        --text-border-left-width: 0px;
        --text-outline-color: auto;
        --text-outline-style: solid;
        --text-outline-width: 0px;
        --text-padding-left: 0px;
        --text-padding-right: 0px;
        --text-padding-top: 0px;
        --text-padding-bottom: 0px;
        --text-row-gap: 0px;
        --text-column-gap: 0px;
        --text-font-family: sans-serif;
        --text-font-size: medium;
        --text-color: currentcolor;
        --text-letter-spacing: normal;
        --text-line-height: normal;
        --text-paragraph-spacing: ;
        --text-paragraph-indent: 
    }
[data-theme='dark'] [component-variant="text-heading1-bold"], [data-theme='light'] [component-variant="text-heading1-bold"] {
        --text-font-family: var(--font-family-title);
        --text-font-size: var(--font-size-heading-heading-1);
        --text-font-weight: var(--font-weight-bold);
        --text-line-height: var(--line-height-heading-heading-1)
    }
[data-theme='dark'] [component-variant="text-heading1-semibold"], [data-theme='light'] [component-variant="text-heading1-semibold"] {
        --text-font-family: var(--font-family-title);
        --text-font-size: var(--font-size-heading-heading-1);
        --text-font-weight: var(--font-weight-semibold);
        --text-line-height: var(--line-height-heading-heading-1)
    }
[data-theme='dark'] [component-variant="text-heading1-medium"], [data-theme='light'] [component-variant="text-heading1-medium"] {
        --text-font-family: var(--font-family-title);
        --text-font-size: var(--font-size-heading-heading-1);
        --text-font-weight: var(--font-weight-medium);
        --text-line-height: var(--line-height-heading-heading-1)
    }
[data-theme='dark'] [component-variant="text-heading2-bold"], [data-theme='light'] [component-variant="text-heading2-bold"] {
        --text-font-family: var(--font-family-title);
        --text-font-size: var(--font-size-heading-heading-2);
        --text-font-weight: var(--font-weight-bold);
        --text-line-height: var(--line-height-heading-heading-2)
    }
[data-theme='dark'] [component-variant="text-heading2-semibold"], [data-theme='light'] [component-variant="text-heading2-semibold"] {
        --text-font-family: var(--font-family-title);
        --text-font-size: var(--font-size-heading-heading-2);
        --text-font-weight: var(--font-weight-semibold);
        --text-line-height: var(--line-height-heading-heading-2)
    }
[data-theme='dark'] [component-variant="text-heading2-medium"], [data-theme='light'] [component-variant="text-heading2-medium"] {
        --text-font-family: var(--font-family-title);
        --text-font-size: var(--font-size-heading-heading-2);
        --text-font-weight: var(--font-weight-medium);
        --text-line-height: var(--line-height-heading-heading-2)
    }
[data-theme='dark'] [component-variant="text-heading3-bold"], [data-theme='light'] [component-variant="text-heading3-bold"] {
        --text-font-family: var(--font-family-title);
        --text-font-size: var(--font-size-heading-heading-3);
        --text-font-weight: var(--font-weight-bold);
        --text-line-height: var(--line-height-heading-heading-3)
    }
[data-theme='dark'] [component-variant="text-heading3-semibold"], [data-theme='light'] [component-variant="text-heading3-semibold"] {
        --text-font-family: var(--font-family-title);
        --text-font-size: var(--font-size-heading-heading-3);
        --text-font-weight: var(--font-weight-semibold);
        --text-line-height: var(--line-height-heading-heading-3)
    }
[data-theme='dark'] [component-variant="text-heading3-medium"], [data-theme='light'] [component-variant="text-heading3-medium"] {
        --text-font-family: var(--font-family-title);
        --text-font-size: var(--font-size-heading-heading-3);
        --text-font-weight: var(--font-weight-medium);
        --text-line-height: var(--line-height-heading-heading-3)
    }
[data-theme='dark'] [component-variant="text-heading4-bold"], [data-theme='light'] [component-variant="text-heading4-bold"] {
        --text-font-family: var(--font-family-title);
        --text-font-size: var(--font-size-heading-heading-4);
        --text-font-weight: var(--font-weight-bold);
        --text-line-height: var(--line-height-heading-heading-4)
    }
[data-theme='dark'] [component-variant="text-heading4-semibold"], [data-theme='light'] [component-variant="text-heading4-semibold"] {
        --text-font-family: var(--font-family-title);
        --text-font-size: var(--font-size-heading-heading-4);
        --text-font-weight: var(--font-weight-semibold);
        --text-line-height: var(--line-height-heading-heading-4)
    }
[data-theme='dark'] [component-variant="text-heading4-medium"], [data-theme='light'] [component-variant="text-heading4-medium"] {
        --text-font-family: var(--font-family-title);
        --text-font-size: var(--font-size-heading-heading-4);
        --text-font-weight: var(--font-weight-medium);
        --text-line-height: var(--line-height-heading-heading-4)
    }
[data-theme='dark'] [component-variant="text-heading5-bold"], [data-theme='light'] [component-variant="text-heading5-bold"] {
        --text-font-family: var(--font-family-title);
        --text-font-size: var(--font-size-heading-heading-5);
        --text-font-weight: var(--font-weight-bold);
        --text-line-height: var(--line-height-heading-heading-5)
    }
[data-theme='dark'] [component-variant="text-heading5-semibold"], [data-theme='light'] [component-variant="text-heading5-semibold"] {
        --text-font-family: var(--font-family-title);
        --text-font-size: var(--font-size-heading-heading-5);
        --text-font-weight: var(--font-weight-semibold);
        --text-line-height: var(--line-height-heading-heading-5)
    }
[data-theme='dark'] [component-variant="text-heading5-medium"], [data-theme='light'] [component-variant="text-heading5-medium"] {
        --text-font-family: var(--font-family-title);
        --text-font-size: var(--font-size-heading-heading-5);
        --text-font-weight: var(--font-weight-medium);
        --text-line-height: var(--line-height-heading-heading-5)
    }
[data-theme='dark'] [component-variant="text-heading6-bold"], [data-theme='light'] [component-variant="text-heading6-bold"] {
        --text-font-family: var(--font-family-title);
        --text-font-size: var(--font-size-heading-heading-6);
        --text-font-weight: var(--font-weight-bold);
        --text-line-height: var(--line-height-heading-heading-6)
    }
[data-theme='dark'] [component-variant="text-heading6-semibold"], [data-theme='light'] [component-variant="text-heading6-semibold"] {
        --text-font-family: var(--font-family-title);
        --text-font-size: var(--font-size-heading-heading-6);
        --text-font-weight: var(--font-weight-semibold);
        --text-line-height: var(--line-height-heading-heading-6)
    }
[data-theme='dark'] [component-variant="text-heading6-medium"], [data-theme='light'] [component-variant="text-heading6-medium"] {
        --text-font-family: var(--font-family-title);
        --text-font-size: var(--font-size-heading-heading-6);
        --text-font-weight: var(--font-weight-medium);
        --text-line-height: var(--line-height-heading-heading-6)
    }
[data-theme='dark'] [component-variant="text-bodysmall-regular"], [data-theme='light'] [component-variant="text-bodysmall-regular"] {
        --text-font-family: var(--font-family-body);
        --text-font-size: var(--font-size-body-small);
        --text-font-weight: var(--font-weight-regular);
        --text-line-height: var(--line-height-body-small)
    }
[data-theme='dark'] [component-variant="text-bodymedium-regular"], [data-theme='light'] [component-variant="text-bodymedium-regular"] {
        --text-font-family: var(--font-family-body);
        --text-font-size: var(--font-size-body-medium);
        --text-font-weight: var(--font-weight-regular);
        --text-line-height: var(--line-height-body-medium)
    }
[data-theme='dark'] [component-variant="text-bodylarge-regular"], [data-theme='light'] [component-variant="text-bodylarge-regular"] {
        --text-font-family: var(--font-family-body);
        --text-font-size: var(--font-size-body-large);
        --text-font-weight: var(--font-weight-regular);
        --text-line-height: var(--line-height-body-large)
    }
[data-theme='dark'] [component-variant="text-bodysmall-medium"], [data-theme='light'] [component-variant="text-bodysmall-medium"] {
        --text-font-family: var(--font-family-body);
        --text-font-size: var(--font-size-body-small);
        --text-font-weight: var(--font-weight-medium);
        --text-line-height: var(--line-height-body-small)
    }
[data-theme='dark'] [component-variant="text-bodymedium-medium"], [data-theme='light'] [component-variant="text-bodymedium-medium"] {
        --text-font-family: var(--font-family-body);
        --text-font-size: var(--font-size-body-medium);
        --text-font-weight: var(--font-weight-medium);
        --text-line-height: var(--line-height-body-medium)
    }
[data-theme='dark'] [component-variant="text-bodylarge-medium"], [data-theme='light'] [component-variant="text-bodylarge-medium"] {
        --text-font-family: var(--font-family-body);
        --text-font-size: var(--font-size-body-large);
        --text-font-weight: var(--font-weight-medium);
        --text-line-height: var(--line-height-body-large)
    }
[data-theme='dark'] [component-variant="text-bodysmall-bold"], [data-theme='light'] [component-variant="text-bodysmall-bold"] {
        --text-font-family: var(--font-family-body);
        --text-font-size: var(--font-size-body-small);
        --text-font-weight: var(--font-weight-bold);
        --text-line-height: var(--line-height-body-small)
    }
[data-theme='dark'] [component-variant="text-bodymedium-bold"], [data-theme='light'] [component-variant="text-bodymedium-bold"] {
        --text-font-family: var(--font-family-body);
        --text-font-size: var(--font-size-body-medium);
        --text-font-weight: var(--font-weight-bold);
        --text-line-height: var(--line-height-body-medium)
    }
[data-theme='dark'] [component-variant="text-bodylarge-bold"], [data-theme='light'] [component-variant="text-bodylarge-bold"] {
        --text-font-family: var(--font-family-body);
        --text-font-size: var(--font-size-body-large);
        --text-font-weight: var(--font-weight-bold);
        --text-line-height: var(--line-height-body-large)
    }
[data-theme='dark'] [component-variant="text-bodymedium-semibold"], [data-theme='light'] [component-variant="text-bodymedium-semibold"] {
        --text-font-family: var(--font-family-body);
        --text-font-size: var(--font-size-body-medium);
        --text-font-weight: var(--font-weight-semibold);
        --text-line-height: var(--line-height-body-medium)
    }
[data-theme='dark'] [component-variant="text-bodylarge-semibold"], [data-theme='light'] [component-variant="text-bodylarge-semibold"] {
        --text-font-family: var(--font-family-body);
        --text-font-size: var(--font-size-body-large);
        --text-font-weight: var(--font-weight-semibold);
        --text-line-height: var(--line-height-body-large)
    }
[data-theme='dark'] [component-variant^="button-"], [data-theme='light'] [component-variant^="button-"] {
        --button-opacity: 1;
        --button-height: auto;
        --button-min-height: auto;
        --button-max-height: none;
        --button-width: auto;
        --button-min-width: auto;
        --button-max-width: none;
        --button-background-color: transparent;
        --button-fill: currentcolor;
        --button-border-top-left-radius: 0px;
        --button-border-top-right-radius: 0px;
        --button-border-bottom-left-radius: 0px;
        --button-border-bottom-right-radius: 0px;
        --button-border-color: transparent;
        --button-border-style: solid;
        --button-border-gap: normal;
        --button-border-dash: none;
        --button-border-top-width: 0px;
        --button-border-right-width: 0px;
        --button-border-bottom-width: 0px;
        --button-border-left-width: 0px;
        --button-outline-color: auto;
        --button-outline-style: solid;
        --button-outline-width: 0px;
        --button-padding-left: 0px;
        --button-padding-right: 0px;
        --button-padding-top: 0px;
        --button-padding-bottom: 0px;
        --button-row-gap: 0px;
        --button-column-gap: 0px;
        --button-font-family: sans-serif;
        --button-font-size: medium;
        --button-color: currentcolor;
        --button-letter-spacing: normal;
        --button-line-height: normal;
        --button-paragraph-spacing: ;
        --button-paragraph-indent: 
    }
[data-theme='dark'] [component-variant="button-default-medium-destructive-filled"], [data-theme='light'] [component-variant="button-default-medium-destructive-filled"] {
        --button-background-color: var(--interactive-surface-destructive-default);
        --button-color: var(--text-colour-button-text);
        --button-border-top-left-radius: var(--corner-radius-extra-small);
        --button-border-top-right-radius: var(--corner-radius-extra-small);
        --button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --button-padding-left: var(--spacing-space-6);
        --button-padding-right: var(--spacing-space-6);
        --button-padding-top: var(--spacing-space-5);
        --button-padding-bottom: var(--spacing-space-5);
        --button-row-gap: var(--spacing-space-3);
        --button-column-gap: var(--spacing-space-3);
        --button-font-family: var(--font-family-body);
        --button-font-size: var(--font-size-body-small);
        --button-font-weight: var(--font-weight-medium);
        --button-line-height: var(--line-height-body-small);
        --button-paragraph-spacing: 0px;
        --button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="button-default-medium-destructive-filled"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='light'] [component-variant="button-default-medium-destructive-filled"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="button-default-medium-destructive-filled"]:focus-visible:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="button-default-medium-destructive-filled"]:focus-visible:not(:disabled):not([disabled]) {
        --button-background-color: var(--interactive-surface-destructive-hover);
        --button-color: var(--text-colour-button-text);
        --button-border-top-left-radius: var(--corner-radius-extra-small);
        --button-border-top-right-radius: var(--corner-radius-extra-small);
        --button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --button-border-color: var(--border-border-grey-1);
        --button-border-top-width: 1px;
        --button-border-right-width: 1px;
        --button-border-bottom-width: 1px;
        --button-border-left-width: 1px;
        --button-padding-left: var(--spacing-space-6);
        --button-padding-right: var(--spacing-space-6);
        --button-padding-top: var(--spacing-space-5);
        --button-padding-bottom: var(--spacing-space-5);
        --button-row-gap: var(--spacing-space-3);
        --button-column-gap: var(--spacing-space-3);
        --button-font-family: var(--font-family-body);
        --button-font-size: var(--font-size-body-small);
        --button-font-weight: var(--font-weight-medium);
        --button-line-height: var(--line-height-body-small);
        --button-paragraph-spacing: 0px;
        --button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="button-default-medium-destructive-filled"]:hover:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="button-default-medium-destructive-filled"]:hover:not(:disabled):not([disabled]) {
        --button-background-color: var(--interactive-surface-destructive-hover);
        --button-color: var(--text-colour-button-text);
        --button-border-top-left-radius: var(--corner-radius-extra-small);
        --button-border-top-right-radius: var(--corner-radius-extra-small);
        --button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --button-padding-left: var(--spacing-space-6);
        --button-padding-right: var(--spacing-space-6);
        --button-padding-top: var(--spacing-space-5);
        --button-padding-bottom: var(--spacing-space-5);
        --button-row-gap: var(--spacing-space-3);
        --button-column-gap: var(--spacing-space-3);
        --button-font-family: var(--font-family-body);
        --button-font-size: var(--font-size-body-small);
        --button-font-weight: var(--font-weight-medium);
        --button-line-height: var(--line-height-body-small);
        --button-paragraph-spacing: 0px;
        --button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="button-default-medium-destructive-filled"][active]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="button-default-medium-destructive-filled"][active]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="button-default-medium-destructive-filled"]:active:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="button-default-medium-destructive-filled"]:active:not(:disabled):not([disabled]) {
        --button-background-color: var(--interactive-surface-destructive-pressed);
        --button-color: var(--text-colour-button-text);
        --button-border-top-left-radius: var(--corner-radius-extra-small);
        --button-border-top-right-radius: var(--corner-radius-extra-small);
        --button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --button-padding-left: var(--spacing-space-6);
        --button-padding-right: var(--spacing-space-6);
        --button-padding-top: var(--spacing-space-5);
        --button-padding-bottom: var(--spacing-space-5);
        --button-row-gap: var(--spacing-space-3);
        --button-column-gap: var(--spacing-space-3);
        --button-font-family: var(--font-family-body);
        --button-font-size: var(--font-size-body-small);
        --button-font-weight: var(--font-weight-medium);
        --button-line-height: var(--line-height-body-small);
        --button-paragraph-spacing: 0px;
        --button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="button-default-medium-destructive-filled"][loading], [data-theme='light'] [component-variant="button-default-medium-destructive-filled"][loading] {
        --button-background-color: var(--interactive-surface-destructive-hover);
        --button-color: rgb(233, 233, 234);
        --button-border-top-left-radius: var(--corner-radius-extra-small);
        --button-border-top-right-radius: var(--corner-radius-extra-small);
        --button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --button-padding-left: var(--spacing-space-6);
        --button-padding-right: var(--spacing-space-6);
        --button-padding-top: var(--spacing-space-5);
        --button-padding-bottom: var(--spacing-space-5);
        --button-row-gap: var(--spacing-space-3);
        --button-column-gap: var(--spacing-space-3);
        --button-font-family: sans-sarif;
        --button-font-size: initial;
        --button-font-weight: regular;
        --button-paragraph-spacing: 0px;
        --button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="button-default-medium-destructive-filled"][disabled],
[data-theme='light'] [component-variant="button-default-medium-destructive-filled"][disabled],
[data-theme='dark'] [component-variant="button-default-medium-destructive-filled"]:disabled,
[data-theme='light'] [component-variant="button-default-medium-destructive-filled"]:disabled {
        --button-background-color: var(--interactive-surface-destructive-disabled);
        --button-color: var(--text-tertiary);
        --button-border-top-left-radius: var(--corner-radius-extra-small);
        --button-border-top-right-radius: var(--corner-radius-extra-small);
        --button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --button-padding-left: var(--spacing-space-6);
        --button-padding-right: var(--spacing-space-6);
        --button-padding-top: var(--spacing-space-5);
        --button-padding-bottom: var(--spacing-space-5);
        --button-row-gap: var(--spacing-space-3);
        --button-column-gap: var(--spacing-space-3);
        --button-font-family: var(--font-family-body);
        --button-font-size: var(--font-size-body-small);
        --button-font-weight: var(--font-weight-medium);
        --button-line-height: var(--line-height-body-small);
        --button-paragraph-spacing: 0px;
        --button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="button-inverse-medium-destructive-filled"], [data-theme='light'] [component-variant="button-inverse-medium-destructive-filled"] {
        --button-background-color: var(--interactive-surface-destructive-default);
        --button-color: var(--text-colour-button-text);
        --button-border-top-left-radius: var(--corner-radius-extra-small);
        --button-border-top-right-radius: var(--corner-radius-extra-small);
        --button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --button-padding-left: var(--spacing-space-6);
        --button-padding-right: var(--spacing-space-6);
        --button-padding-top: var(--spacing-space-5);
        --button-padding-bottom: var(--spacing-space-5);
        --button-row-gap: var(--spacing-space-3);
        --button-column-gap: var(--spacing-space-3);
        --button-font-family: var(--font-family-body);
        --button-font-size: var(--font-size-body-small);
        --button-font-weight: var(--font-weight-medium);
        --button-line-height: var(--line-height-body-small);
        --button-paragraph-spacing: 0px;
        --button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="button-inverse-medium-destructive-filled"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='light'] [component-variant="button-inverse-medium-destructive-filled"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="button-inverse-medium-destructive-filled"]:focus-visible:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="button-inverse-medium-destructive-filled"]:focus-visible:not(:disabled):not([disabled]) {
        --button-background-color: var(--interactive-surface-destructive-hover);
        --button-color: var(--text-colour-button-text);
        --button-border-top-left-radius: var(--corner-radius-extra-small);
        --button-border-top-right-radius: var(--corner-radius-extra-small);
        --button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --button-border-color: var(--border-border-grey-1);
        --button-border-top-width: 1px;
        --button-border-right-width: 1px;
        --button-border-bottom-width: 1px;
        --button-border-left-width: 1px;
        --button-padding-left: var(--spacing-space-6);
        --button-padding-right: var(--spacing-space-6);
        --button-padding-top: var(--spacing-space-5);
        --button-padding-bottom: var(--spacing-space-5);
        --button-row-gap: var(--spacing-space-3);
        --button-column-gap: var(--spacing-space-3);
        --button-font-family: var(--font-family-body);
        --button-font-size: var(--font-size-body-small);
        --button-font-weight: var(--font-weight-medium);
        --button-line-height: var(--line-height-body-small);
        --button-paragraph-spacing: 0px;
        --button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="button-inverse-medium-destructive-filled"]:hover:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="button-inverse-medium-destructive-filled"]:hover:not(:disabled):not([disabled]) {
        --button-background-color: var(--interactive-surface-destructive-hover);
        --button-color: var(--text-colour-button-text);
        --button-border-top-left-radius: var(--corner-radius-extra-small);
        --button-border-top-right-radius: var(--corner-radius-extra-small);
        --button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --button-padding-left: var(--spacing-space-6);
        --button-padding-right: var(--spacing-space-6);
        --button-padding-top: var(--spacing-space-5);
        --button-padding-bottom: var(--spacing-space-5);
        --button-row-gap: var(--spacing-space-3);
        --button-column-gap: var(--spacing-space-3);
        --button-font-family: var(--font-family-body);
        --button-font-size: var(--font-size-body-small);
        --button-font-weight: var(--font-weight-medium);
        --button-line-height: var(--line-height-body-small);
        --button-paragraph-spacing: 0px;
        --button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="button-inverse-medium-destructive-filled"][active]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="button-inverse-medium-destructive-filled"][active]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="button-inverse-medium-destructive-filled"]:active:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="button-inverse-medium-destructive-filled"]:active:not(:disabled):not([disabled]) {
        --button-background-color: var(--interactive-surface-destructive-pressed);
        --button-color: var(--text-colour-button-text);
        --button-border-top-left-radius: var(--corner-radius-extra-small);
        --button-border-top-right-radius: var(--corner-radius-extra-small);
        --button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --button-padding-left: var(--spacing-space-6);
        --button-padding-right: var(--spacing-space-6);
        --button-padding-top: var(--spacing-space-5);
        --button-padding-bottom: var(--spacing-space-5);
        --button-row-gap: var(--spacing-space-3);
        --button-column-gap: var(--spacing-space-3);
        --button-font-family: var(--font-family-body);
        --button-font-size: var(--font-size-body-small);
        --button-font-weight: var(--font-weight-medium);
        --button-line-height: var(--line-height-body-small);
        --button-paragraph-spacing: 0px;
        --button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="button-inverse-medium-destructive-filled"][loading], [data-theme='light'] [component-variant="button-inverse-medium-destructive-filled"][loading] {
        --button-background-color: var(--interactive-surface-destructive-hover);
        --button-color: rgb(233, 233, 234);
        --button-border-top-left-radius: var(--corner-radius-extra-small);
        --button-border-top-right-radius: var(--corner-radius-extra-small);
        --button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --button-padding-left: var(--spacing-space-6);
        --button-padding-right: var(--spacing-space-6);
        --button-padding-top: var(--spacing-space-5);
        --button-padding-bottom: var(--spacing-space-5);
        --button-row-gap: var(--spacing-space-3);
        --button-column-gap: var(--spacing-space-3);
        --button-font-family: sans-sarif;
        --button-font-size: initial;
        --button-font-weight: regular;
        --button-paragraph-spacing: 0px;
        --button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="button-inverse-medium-destructive-filled"][disabled],
[data-theme='light'] [component-variant="button-inverse-medium-destructive-filled"][disabled],
[data-theme='dark'] [component-variant="button-inverse-medium-destructive-filled"]:disabled,
[data-theme='light'] [component-variant="button-inverse-medium-destructive-filled"]:disabled {
        --button-background-color: var(--interactive-surface-destructive-disabled);
        --button-color: var(--text-tertiary);
        --button-border-top-left-radius: var(--corner-radius-extra-small);
        --button-border-top-right-radius: var(--corner-radius-extra-small);
        --button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --button-padding-left: var(--spacing-space-6);
        --button-padding-right: var(--spacing-space-6);
        --button-padding-top: var(--spacing-space-5);
        --button-padding-bottom: var(--spacing-space-5);
        --button-row-gap: var(--spacing-space-3);
        --button-column-gap: var(--spacing-space-3);
        --button-font-family: var(--font-family-body);
        --button-font-size: var(--font-size-body-small);
        --button-font-weight: var(--font-weight-medium);
        --button-line-height: var(--line-height-body-small);
        --button-paragraph-spacing: 0px;
        --button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="button-default-small-destructive-filled"], [data-theme='light'] [component-variant="button-default-small-destructive-filled"] {
        --button-background-color: var(--interactive-surface-destructive-default);
        --button-color: var(--text-colour-button-text);
        --button-border-top-left-radius: var(--corner-radius-extra-small);
        --button-border-top-right-radius: var(--corner-radius-extra-small);
        --button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --button-padding-left: var(--spacing-space-5);
        --button-padding-right: var(--spacing-space-5);
        --button-padding-top: var(--spacing-space-3);
        --button-padding-bottom: var(--spacing-space-3);
        --button-row-gap: var(--spacing-space-3);
        --button-column-gap: var(--spacing-space-3);
        --button-font-family: var(--font-family-body);
        --button-font-size: var(--font-size-body-small);
        --button-font-weight: var(--font-weight-medium);
        --button-line-height: var(--line-height-body-small);
        --button-paragraph-spacing: 0px;
        --button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="button-default-small-destructive-filled"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='light'] [component-variant="button-default-small-destructive-filled"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="button-default-small-destructive-filled"]:focus-visible:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="button-default-small-destructive-filled"]:focus-visible:not(:disabled):not([disabled]) {
        --button-background-color: var(--interactive-surface-destructive-hover);
        --button-color: var(--text-colour-button-text);
        --button-border-top-left-radius: var(--corner-radius-extra-small);
        --button-border-top-right-radius: var(--corner-radius-extra-small);
        --button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --button-border-color: var(--border-border-grey-1);
        --button-border-top-width: 1px;
        --button-border-right-width: 1px;
        --button-border-bottom-width: 1px;
        --button-border-left-width: 1px;
        --button-padding-left: var(--spacing-space-5);
        --button-padding-right: var(--spacing-space-5);
        --button-padding-top: var(--spacing-space-3);
        --button-padding-bottom: var(--spacing-space-3);
        --button-row-gap: var(--spacing-space-3);
        --button-column-gap: var(--spacing-space-3);
        --button-font-family: var(--font-family-body);
        --button-font-size: var(--font-size-body-small);
        --button-font-weight: var(--font-weight-medium);
        --button-line-height: var(--line-height-body-small);
        --button-paragraph-spacing: 0px;
        --button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="button-default-small-destructive-filled"]:hover:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="button-default-small-destructive-filled"]:hover:not(:disabled):not([disabled]) {
        --button-background-color: var(--interactive-surface-destructive-hover);
        --button-color: var(--text-colour-button-text);
        --button-border-top-left-radius: var(--corner-radius-extra-small);
        --button-border-top-right-radius: var(--corner-radius-extra-small);
        --button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --button-padding-left: var(--spacing-space-5);
        --button-padding-right: var(--spacing-space-5);
        --button-padding-top: var(--spacing-space-3);
        --button-padding-bottom: var(--spacing-space-3);
        --button-row-gap: var(--spacing-space-3);
        --button-column-gap: var(--spacing-space-3);
        --button-font-family: var(--font-family-body);
        --button-font-size: var(--font-size-body-small);
        --button-font-weight: var(--font-weight-medium);
        --button-line-height: var(--line-height-body-small);
        --button-paragraph-spacing: 0px;
        --button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="button-default-small-destructive-filled"][active]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="button-default-small-destructive-filled"][active]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="button-default-small-destructive-filled"]:active:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="button-default-small-destructive-filled"]:active:not(:disabled):not([disabled]) {
        --button-background-color: var(--interactive-surface-destructive-pressed);
        --button-color: var(--text-colour-button-text);
        --button-border-top-left-radius: var(--corner-radius-extra-small);
        --button-border-top-right-radius: var(--corner-radius-extra-small);
        --button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --button-padding-left: var(--spacing-space-5);
        --button-padding-right: var(--spacing-space-5);
        --button-padding-top: var(--spacing-space-3);
        --button-padding-bottom: var(--spacing-space-3);
        --button-row-gap: var(--spacing-space-3);
        --button-column-gap: var(--spacing-space-3);
        --button-font-family: var(--font-family-body);
        --button-font-size: var(--font-size-body-small);
        --button-font-weight: var(--font-weight-medium);
        --button-line-height: var(--line-height-body-small);
        --button-paragraph-spacing: 0px;
        --button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="button-default-small-destructive-filled"][disabled],
[data-theme='light'] [component-variant="button-default-small-destructive-filled"][disabled],
[data-theme='dark'] [component-variant="button-default-small-destructive-filled"]:disabled,
[data-theme='light'] [component-variant="button-default-small-destructive-filled"]:disabled {
        --button-background-color: var(--interactive-surface-destructive-disabled);
        --button-color: var(--text-tertiary);
        --button-border-top-left-radius: var(--corner-radius-extra-small);
        --button-border-top-right-radius: var(--corner-radius-extra-small);
        --button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --button-padding-left: var(--spacing-space-5);
        --button-padding-right: var(--spacing-space-5);
        --button-padding-top: var(--spacing-space-3);
        --button-padding-bottom: var(--spacing-space-3);
        --button-row-gap: var(--spacing-space-3);
        --button-column-gap: var(--spacing-space-3);
        --button-font-family: var(--font-family-body);
        --button-font-size: var(--font-size-body-small);
        --button-font-weight: var(--font-weight-medium);
        --button-line-height: var(--line-height-body-small);
        --button-paragraph-spacing: 0px;
        --button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="button-default-small-destructive-filled"][loading], [data-theme='light'] [component-variant="button-default-small-destructive-filled"][loading] {
        --button-background-color: var(--interactive-surface-destructive-hover);
        --button-color: rgb(233, 233, 234);
        --button-border-top-left-radius: var(--corner-radius-extra-small);
        --button-border-top-right-radius: var(--corner-radius-extra-small);
        --button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --button-padding-left: var(--spacing-space-5);
        --button-padding-right: var(--spacing-space-5);
        --button-padding-top: var(--spacing-space-3);
        --button-padding-bottom: var(--spacing-space-3);
        --button-row-gap: var(--spacing-space-3);
        --button-column-gap: var(--spacing-space-3);
        --button-font-family: sans-sarif;
        --button-font-size: initial;
        --button-font-weight: regular;
        --button-paragraph-spacing: 0px;
        --button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="button-inverse-small-destructive-filled"], [data-theme='light'] [component-variant="button-inverse-small-destructive-filled"] {
        --button-background-color: var(--interactive-surface-destructive-default);
        --button-color: var(--text-colour-button-text);
        --button-border-top-left-radius: var(--corner-radius-extra-small);
        --button-border-top-right-radius: var(--corner-radius-extra-small);
        --button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --button-padding-left: var(--spacing-space-5);
        --button-padding-right: var(--spacing-space-5);
        --button-padding-top: var(--spacing-space-3);
        --button-padding-bottom: var(--spacing-space-3);
        --button-row-gap: var(--spacing-space-3);
        --button-column-gap: var(--spacing-space-3);
        --button-font-family: var(--font-family-body);
        --button-font-size: var(--font-size-body-small);
        --button-font-weight: var(--font-weight-medium);
        --button-line-height: var(--line-height-body-small);
        --button-paragraph-spacing: 0px;
        --button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="button-inverse-small-destructive-filled"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='light'] [component-variant="button-inverse-small-destructive-filled"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="button-inverse-small-destructive-filled"]:focus-visible:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="button-inverse-small-destructive-filled"]:focus-visible:not(:disabled):not([disabled]) {
        --button-background-color: var(--interactive-surface-destructive-hover);
        --button-color: var(--text-colour-button-text);
        --button-border-top-left-radius: var(--corner-radius-extra-small);
        --button-border-top-right-radius: var(--corner-radius-extra-small);
        --button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --button-border-color: var(--border-border-grey-1);
        --button-border-top-width: 1px;
        --button-border-right-width: 1px;
        --button-border-bottom-width: 1px;
        --button-border-left-width: 1px;
        --button-padding-left: var(--spacing-space-5);
        --button-padding-right: var(--spacing-space-5);
        --button-padding-top: var(--spacing-space-3);
        --button-padding-bottom: var(--spacing-space-3);
        --button-row-gap: var(--spacing-space-3);
        --button-column-gap: var(--spacing-space-3);
        --button-font-family: var(--font-family-body);
        --button-font-size: var(--font-size-body-small);
        --button-font-weight: var(--font-weight-medium);
        --button-line-height: var(--line-height-body-small);
        --button-paragraph-spacing: 0px;
        --button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="button-inverse-small-destructive-filled"]:hover:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="button-inverse-small-destructive-filled"]:hover:not(:disabled):not([disabled]) {
        --button-background-color: var(--interactive-surface-destructive-hover);
        --button-color: var(--text-colour-button-text);
        --button-border-top-left-radius: var(--corner-radius-extra-small);
        --button-border-top-right-radius: var(--corner-radius-extra-small);
        --button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --button-padding-left: var(--spacing-space-5);
        --button-padding-right: var(--spacing-space-5);
        --button-padding-top: var(--spacing-space-3);
        --button-padding-bottom: var(--spacing-space-3);
        --button-row-gap: var(--spacing-space-3);
        --button-column-gap: var(--spacing-space-3);
        --button-font-family: var(--font-family-body);
        --button-font-size: var(--font-size-body-small);
        --button-font-weight: var(--font-weight-medium);
        --button-line-height: var(--line-height-body-small);
        --button-paragraph-spacing: 0px;
        --button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="button-inverse-small-destructive-filled"][active]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="button-inverse-small-destructive-filled"][active]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="button-inverse-small-destructive-filled"]:active:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="button-inverse-small-destructive-filled"]:active:not(:disabled):not([disabled]) {
        --button-background-color: var(--interactive-surface-destructive-pressed);
        --button-color: var(--text-colour-button-text);
        --button-border-top-left-radius: var(--corner-radius-extra-small);
        --button-border-top-right-radius: var(--corner-radius-extra-small);
        --button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --button-padding-left: var(--spacing-space-5);
        --button-padding-right: var(--spacing-space-5);
        --button-padding-top: var(--spacing-space-3);
        --button-padding-bottom: var(--spacing-space-3);
        --button-row-gap: var(--spacing-space-3);
        --button-column-gap: var(--spacing-space-3);
        --button-font-family: var(--font-family-body);
        --button-font-size: var(--font-size-body-small);
        --button-font-weight: var(--font-weight-medium);
        --button-line-height: var(--line-height-body-small);
        --button-paragraph-spacing: 0px;
        --button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="button-inverse-small-destructive-filled"][disabled],
[data-theme='light'] [component-variant="button-inverse-small-destructive-filled"][disabled],
[data-theme='dark'] [component-variant="button-inverse-small-destructive-filled"]:disabled,
[data-theme='light'] [component-variant="button-inverse-small-destructive-filled"]:disabled {
        --button-background-color: var(--interactive-surface-destructive-disabled);
        --button-color: var(--text-tertiary);
        --button-border-top-left-radius: var(--corner-radius-extra-small);
        --button-border-top-right-radius: var(--corner-radius-extra-small);
        --button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --button-padding-left: var(--spacing-space-5);
        --button-padding-right: var(--spacing-space-5);
        --button-padding-top: var(--spacing-space-3);
        --button-padding-bottom: var(--spacing-space-3);
        --button-row-gap: var(--spacing-space-3);
        --button-column-gap: var(--spacing-space-3);
        --button-font-family: var(--font-family-body);
        --button-font-size: var(--font-size-body-small);
        --button-font-weight: var(--font-weight-medium);
        --button-line-height: var(--line-height-body-small);
        --button-paragraph-spacing: 0px;
        --button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="button-inverse-small-destructive-filled"][loading], [data-theme='light'] [component-variant="button-inverse-small-destructive-filled"][loading] {
        --button-background-color: var(--interactive-surface-destructive-hover);
        --button-color: rgb(233, 233, 234);
        --button-border-top-left-radius: var(--corner-radius-extra-small);
        --button-border-top-right-radius: var(--corner-radius-extra-small);
        --button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --button-padding-left: var(--spacing-space-5);
        --button-padding-right: var(--spacing-space-5);
        --button-padding-top: var(--spacing-space-3);
        --button-padding-bottom: var(--spacing-space-3);
        --button-row-gap: var(--spacing-space-3);
        --button-column-gap: var(--spacing-space-3);
        --button-font-family: sans-sarif;
        --button-font-size: initial;
        --button-font-weight: regular;
        --button-paragraph-spacing: 0px;
        --button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="button-default-medium-secondary-filled"], [data-theme='light'] [component-variant="button-default-medium-secondary-filled"] {
        --button-background-color: var(--interactive-surface-secondary-default);
        --button-color: var(--text-primary);
        --button-border-top-left-radius: var(--corner-radius-extra-small);
        --button-border-top-right-radius: var(--corner-radius-extra-small);
        --button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --button-border-color: var(--border-border-grey-3);
        --button-border-top-width: 1px;
        --button-border-right-width: 1px;
        --button-border-bottom-width: 1px;
        --button-border-left-width: 1px;
        --button-padding-left: var(--spacing-space-6);
        --button-padding-right: var(--spacing-space-6);
        --button-padding-top: var(--spacing-space-5);
        --button-padding-bottom: var(--spacing-space-5);
        --button-row-gap: var(--spacing-space-3);
        --button-column-gap: var(--spacing-space-3);
        --button-font-family: var(--font-family-body);
        --button-font-size: var(--font-size-body-small);
        --button-font-weight: var(--font-weight-medium);
        --button-line-height: var(--line-height-body-small);
        --button-paragraph-spacing: 0px;
        --button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="button-default-medium-secondary-filled"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='light'] [component-variant="button-default-medium-secondary-filled"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="button-default-medium-secondary-filled"]:focus-visible:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="button-default-medium-secondary-filled"]:focus-visible:not(:disabled):not([disabled]) {
        --button-background-color: var(--interactive-surface-secondary-hover);
        --button-color: var(--text-primary);
        --button-border-top-left-radius: var(--corner-radius-extra-small);
        --button-border-top-right-radius: var(--corner-radius-extra-small);
        --button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --button-border-color: var(--border-border-grey-1);
        --button-border-top-width: 1px;
        --button-border-right-width: 1px;
        --button-border-bottom-width: 1px;
        --button-border-left-width: 1px;
        --button-padding-left: var(--spacing-space-6);
        --button-padding-right: var(--spacing-space-6);
        --button-padding-top: var(--spacing-space-5);
        --button-padding-bottom: var(--spacing-space-5);
        --button-row-gap: var(--spacing-space-3);
        --button-column-gap: var(--spacing-space-3);
        --button-font-family: var(--font-family-body);
        --button-font-size: var(--font-size-body-small);
        --button-font-weight: var(--font-weight-medium);
        --button-line-height: var(--line-height-body-small);
        --button-paragraph-spacing: 0px;
        --button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="button-default-medium-secondary-filled"]:hover:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="button-default-medium-secondary-filled"]:hover:not(:disabled):not([disabled]) {
        --button-background-color: var(--interactive-surface-secondary-hover);
        --button-color: var(--text-primary);
        --button-border-top-left-radius: var(--corner-radius-extra-small);
        --button-border-top-right-radius: var(--corner-radius-extra-small);
        --button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --button-padding-left: var(--spacing-space-6);
        --button-padding-right: var(--spacing-space-6);
        --button-padding-top: var(--spacing-space-5);
        --button-padding-bottom: var(--spacing-space-5);
        --button-row-gap: var(--spacing-space-3);
        --button-column-gap: var(--spacing-space-3);
        --button-font-family: var(--font-family-body);
        --button-font-size: var(--font-size-body-small);
        --button-font-weight: var(--font-weight-medium);
        --button-line-height: var(--line-height-body-small);
        --button-paragraph-spacing: 0px;
        --button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="button-default-medium-secondary-filled"][active]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="button-default-medium-secondary-filled"][active]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="button-default-medium-secondary-filled"]:active:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="button-default-medium-secondary-filled"]:active:not(:disabled):not([disabled]) {
        --button-background-color: var(--interactive-surface-secondary-pressed);
        --button-color: var(--text-primary);
        --button-border-top-left-radius: var(--corner-radius-extra-small);
        --button-border-top-right-radius: var(--corner-radius-extra-small);
        --button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --button-padding-left: var(--spacing-space-6);
        --button-padding-right: var(--spacing-space-6);
        --button-padding-top: var(--spacing-space-5);
        --button-padding-bottom: var(--spacing-space-5);
        --button-row-gap: var(--spacing-space-3);
        --button-column-gap: var(--spacing-space-3);
        --button-font-family: var(--font-family-body);
        --button-font-size: var(--font-size-body-small);
        --button-font-weight: var(--font-weight-medium);
        --button-line-height: var(--line-height-body-small);
        --button-paragraph-spacing: 0px;
        --button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="button-default-medium-secondary-filled"][disabled],
[data-theme='light'] [component-variant="button-default-medium-secondary-filled"][disabled],
[data-theme='dark'] [component-variant="button-default-medium-secondary-filled"]:disabled,
[data-theme='light'] [component-variant="button-default-medium-secondary-filled"]:disabled {
        --button-background-color: var(--interactive-surface-secondary-disabled);
        --button-color: var(--text-tertiary);
        --button-border-top-left-radius: var(--corner-radius-extra-small);
        --button-border-top-right-radius: var(--corner-radius-extra-small);
        --button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --button-padding-left: var(--spacing-space-6);
        --button-padding-right: var(--spacing-space-6);
        --button-padding-top: var(--spacing-space-5);
        --button-padding-bottom: var(--spacing-space-5);
        --button-row-gap: var(--spacing-space-3);
        --button-column-gap: var(--spacing-space-3);
        --button-font-family: var(--font-family-body);
        --button-font-size: var(--font-size-body-small);
        --button-font-weight: var(--font-weight-medium);
        --button-line-height: var(--line-height-body-small);
        --button-paragraph-spacing: 0px;
        --button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="button-default-medium-secondary-filled"][loading], [data-theme='light'] [component-variant="button-default-medium-secondary-filled"][loading] {
        --button-background-color: var(--interactive-surface-secondary-hover);
        --button-color: var(--icon-primary);
        --button-border-top-left-radius: var(--corner-radius-extra-small);
        --button-border-top-right-radius: var(--corner-radius-extra-small);
        --button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --button-padding-left: var(--spacing-space-6);
        --button-padding-right: var(--spacing-space-6);
        --button-padding-top: var(--spacing-space-5);
        --button-padding-bottom: var(--spacing-space-5);
        --button-row-gap: var(--spacing-space-3);
        --button-column-gap: var(--spacing-space-3);
        --button-font-family: sans-sarif;
        --button-font-size: initial;
        --button-font-weight: regular;
        --button-paragraph-spacing: 0px;
        --button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="button-inverse-medium-secondary-filled"], [data-theme='light'] [component-variant="button-inverse-medium-secondary-filled"] {
        --button-background-color: var(--interactive-surface-secondary-default);
        --button-color: var(--text-primary);
        --button-border-top-left-radius: var(--corner-radius-extra-small);
        --button-border-top-right-radius: var(--corner-radius-extra-small);
        --button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --button-border-color: var(--border-border-grey-3);
        --button-border-top-width: 1px;
        --button-border-right-width: 1px;
        --button-border-bottom-width: 1px;
        --button-border-left-width: 1px;
        --button-padding-left: var(--spacing-space-6);
        --button-padding-right: var(--spacing-space-6);
        --button-padding-top: var(--spacing-space-5);
        --button-padding-bottom: var(--spacing-space-5);
        --button-row-gap: var(--spacing-space-3);
        --button-column-gap: var(--spacing-space-3);
        --button-font-family: var(--font-family-body);
        --button-font-size: var(--font-size-body-small);
        --button-font-weight: var(--font-weight-medium);
        --button-line-height: var(--line-height-body-small);
        --button-paragraph-spacing: 0px;
        --button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="button-inverse-medium-secondary-filled"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='light'] [component-variant="button-inverse-medium-secondary-filled"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="button-inverse-medium-secondary-filled"]:focus-visible:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="button-inverse-medium-secondary-filled"]:focus-visible:not(:disabled):not([disabled]) {
        --button-background-color: var(--interactive-surface-secondary-hover);
        --button-color: var(--text-primary);
        --button-border-top-left-radius: var(--corner-radius-extra-small);
        --button-border-top-right-radius: var(--corner-radius-extra-small);
        --button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --button-border-color: var(--border-border-grey-1);
        --button-border-top-width: 1px;
        --button-border-right-width: 1px;
        --button-border-bottom-width: 1px;
        --button-border-left-width: 1px;
        --button-padding-left: var(--spacing-space-6);
        --button-padding-right: var(--spacing-space-6);
        --button-padding-top: var(--spacing-space-5);
        --button-padding-bottom: var(--spacing-space-5);
        --button-row-gap: var(--spacing-space-3);
        --button-column-gap: var(--spacing-space-3);
        --button-font-family: var(--font-family-body);
        --button-font-size: var(--font-size-body-small);
        --button-font-weight: var(--font-weight-medium);
        --button-line-height: var(--line-height-body-small);
        --button-paragraph-spacing: 0px;
        --button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="button-inverse-medium-secondary-filled"]:hover:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="button-inverse-medium-secondary-filled"]:hover:not(:disabled):not([disabled]) {
        --button-background-color: var(--interactive-surface-secondary-hover);
        --button-color: var(--text-primary);
        --button-border-top-left-radius: var(--corner-radius-extra-small);
        --button-border-top-right-radius: var(--corner-radius-extra-small);
        --button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --button-padding-left: var(--spacing-space-6);
        --button-padding-right: var(--spacing-space-6);
        --button-padding-top: var(--spacing-space-5);
        --button-padding-bottom: var(--spacing-space-5);
        --button-row-gap: var(--spacing-space-3);
        --button-column-gap: var(--spacing-space-3);
        --button-font-family: var(--font-family-body);
        --button-font-size: var(--font-size-body-small);
        --button-font-weight: var(--font-weight-medium);
        --button-line-height: var(--line-height-body-small);
        --button-paragraph-spacing: 0px;
        --button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="button-inverse-medium-secondary-filled"][active]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="button-inverse-medium-secondary-filled"][active]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="button-inverse-medium-secondary-filled"]:active:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="button-inverse-medium-secondary-filled"]:active:not(:disabled):not([disabled]) {
        --button-background-color: var(--interactive-surface-secondary-pressed);
        --button-color: var(--text-primary);
        --button-border-top-left-radius: var(--corner-radius-extra-small);
        --button-border-top-right-radius: var(--corner-radius-extra-small);
        --button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --button-padding-left: var(--spacing-space-6);
        --button-padding-right: var(--spacing-space-6);
        --button-padding-top: var(--spacing-space-5);
        --button-padding-bottom: var(--spacing-space-5);
        --button-row-gap: var(--spacing-space-3);
        --button-column-gap: var(--spacing-space-3);
        --button-font-family: var(--font-family-body);
        --button-font-size: var(--font-size-body-small);
        --button-font-weight: var(--font-weight-medium);
        --button-line-height: var(--line-height-body-small);
        --button-paragraph-spacing: 0px;
        --button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="button-inverse-medium-secondary-filled"][disabled],
[data-theme='light'] [component-variant="button-inverse-medium-secondary-filled"][disabled],
[data-theme='dark'] [component-variant="button-inverse-medium-secondary-filled"]:disabled,
[data-theme='light'] [component-variant="button-inverse-medium-secondary-filled"]:disabled {
        --button-background-color: var(--interactive-surface-secondary-disabled);
        --button-color: var(--text-tertiary);
        --button-border-top-left-radius: var(--corner-radius-extra-small);
        --button-border-top-right-radius: var(--corner-radius-extra-small);
        --button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --button-padding-left: var(--spacing-space-6);
        --button-padding-right: var(--spacing-space-6);
        --button-padding-top: var(--spacing-space-5);
        --button-padding-bottom: var(--spacing-space-5);
        --button-row-gap: var(--spacing-space-3);
        --button-column-gap: var(--spacing-space-3);
        --button-font-family: var(--font-family-body);
        --button-font-size: var(--font-size-body-small);
        --button-font-weight: var(--font-weight-medium);
        --button-line-height: var(--line-height-body-small);
        --button-paragraph-spacing: 0px;
        --button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="button-inverse-medium-secondary-filled"][loading], [data-theme='light'] [component-variant="button-inverse-medium-secondary-filled"][loading] {
        --button-background-color: var(--interactive-surface-secondary-hover);
        --button-color: var(--icon-primary);
        --button-border-top-left-radius: var(--corner-radius-extra-small);
        --button-border-top-right-radius: var(--corner-radius-extra-small);
        --button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --button-padding-left: var(--spacing-space-6);
        --button-padding-right: var(--spacing-space-6);
        --button-padding-top: var(--spacing-space-5);
        --button-padding-bottom: var(--spacing-space-5);
        --button-row-gap: var(--spacing-space-3);
        --button-column-gap: var(--spacing-space-3);
        --button-font-family: sans-sarif;
        --button-font-size: initial;
        --button-font-weight: regular;
        --button-paragraph-spacing: 0px;
        --button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="button-default-small-secondary-filled"], [data-theme='light'] [component-variant="button-default-small-secondary-filled"] {
        --button-background-color: var(--interactive-surface-secondary-default);
        --button-color: var(--text-primary);
        --button-border-top-left-radius: var(--corner-radius-extra-small);
        --button-border-top-right-radius: var(--corner-radius-extra-small);
        --button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --button-border-color: var(--border-border-grey-3);
        --button-border-top-width: 1px;
        --button-border-right-width: 1px;
        --button-border-bottom-width: 1px;
        --button-border-left-width: 1px;
        --button-padding-left: var(--spacing-space-5);
        --button-padding-right: var(--spacing-space-5);
        --button-padding-top: var(--spacing-space-3);
        --button-padding-bottom: var(--spacing-space-3);
        --button-row-gap: var(--spacing-space-3);
        --button-column-gap: var(--spacing-space-3);
        --button-font-family: var(--font-family-body);
        --button-font-size: var(--font-size-body-small);
        --button-font-weight: var(--font-weight-medium);
        --button-line-height: var(--line-height-body-small);
        --button-paragraph-spacing: 0px;
        --button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="button-default-small-secondary-filled"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='light'] [component-variant="button-default-small-secondary-filled"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="button-default-small-secondary-filled"]:focus-visible:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="button-default-small-secondary-filled"]:focus-visible:not(:disabled):not([disabled]) {
        --button-background-color: var(--interactive-surface-secondary-hover);
        --button-color: var(--text-primary);
        --button-border-top-left-radius: var(--corner-radius-extra-small);
        --button-border-top-right-radius: var(--corner-radius-extra-small);
        --button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --button-border-color: var(--border-border-grey-1);
        --button-border-top-width: 1px;
        --button-border-right-width: 1px;
        --button-border-bottom-width: 1px;
        --button-border-left-width: 1px;
        --button-padding-left: var(--spacing-space-5);
        --button-padding-right: var(--spacing-space-5);
        --button-padding-top: var(--spacing-space-3);
        --button-padding-bottom: var(--spacing-space-3);
        --button-row-gap: var(--spacing-space-3);
        --button-column-gap: var(--spacing-space-3);
        --button-font-family: var(--font-family-body);
        --button-font-size: var(--font-size-body-small);
        --button-font-weight: var(--font-weight-medium);
        --button-line-height: var(--line-height-body-small);
        --button-paragraph-spacing: 0px;
        --button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="button-default-small-secondary-filled"]:hover:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="button-default-small-secondary-filled"]:hover:not(:disabled):not([disabled]) {
        --button-background-color: var(--interactive-surface-secondary-hover);
        --button-color: var(--text-primary);
        --button-border-top-left-radius: var(--corner-radius-extra-small);
        --button-border-top-right-radius: var(--corner-radius-extra-small);
        --button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --button-padding-left: var(--spacing-space-5);
        --button-padding-right: var(--spacing-space-5);
        --button-padding-top: var(--spacing-space-3);
        --button-padding-bottom: var(--spacing-space-3);
        --button-row-gap: var(--spacing-space-3);
        --button-column-gap: var(--spacing-space-3);
        --button-font-family: var(--font-family-body);
        --button-font-size: var(--font-size-body-small);
        --button-font-weight: var(--font-weight-medium);
        --button-line-height: var(--line-height-body-small);
        --button-paragraph-spacing: 0px;
        --button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="button-default-small-secondary-filled"][active]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="button-default-small-secondary-filled"][active]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="button-default-small-secondary-filled"]:active:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="button-default-small-secondary-filled"]:active:not(:disabled):not([disabled]) {
        --button-background-color: var(--interactive-surface-secondary-pressed);
        --button-color: var(--text-primary);
        --button-border-top-left-radius: var(--corner-radius-extra-small);
        --button-border-top-right-radius: var(--corner-radius-extra-small);
        --button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --button-padding-left: var(--spacing-space-5);
        --button-padding-right: var(--spacing-space-5);
        --button-padding-top: var(--spacing-space-3);
        --button-padding-bottom: var(--spacing-space-3);
        --button-row-gap: var(--spacing-space-3);
        --button-column-gap: var(--spacing-space-3);
        --button-font-family: var(--font-family-body);
        --button-font-size: var(--font-size-body-small);
        --button-font-weight: var(--font-weight-medium);
        --button-line-height: var(--line-height-body-small);
        --button-paragraph-spacing: 0px;
        --button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="button-default-small-secondary-filled"][disabled],
[data-theme='light'] [component-variant="button-default-small-secondary-filled"][disabled],
[data-theme='dark'] [component-variant="button-default-small-secondary-filled"]:disabled,
[data-theme='light'] [component-variant="button-default-small-secondary-filled"]:disabled {
        --button-background-color: var(--interactive-surface-secondary-disabled);
        --button-color: var(--text-tertiary);
        --button-border-top-left-radius: var(--corner-radius-extra-small);
        --button-border-top-right-radius: var(--corner-radius-extra-small);
        --button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --button-padding-left: var(--spacing-space-5);
        --button-padding-right: var(--spacing-space-5);
        --button-padding-top: var(--spacing-space-3);
        --button-padding-bottom: var(--spacing-space-3);
        --button-row-gap: var(--spacing-space-3);
        --button-column-gap: var(--spacing-space-3);
        --button-font-family: var(--font-family-body);
        --button-font-size: var(--font-size-body-small);
        --button-font-weight: var(--font-weight-medium);
        --button-line-height: var(--line-height-body-small);
        --button-paragraph-spacing: 0px;
        --button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="button-default-small-secondary-filled"][loading], [data-theme='light'] [component-variant="button-default-small-secondary-filled"][loading] {
        --button-background-color: var(--interactive-surface-secondary-hover);
        --button-color: var(--colours-grey-50);
        --button-border-top-left-radius: var(--corner-radius-extra-small);
        --button-border-top-right-radius: var(--corner-radius-extra-small);
        --button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --button-padding-left: var(--spacing-space-5);
        --button-padding-right: var(--spacing-space-5);
        --button-padding-top: var(--spacing-space-3);
        --button-padding-bottom: var(--spacing-space-3);
        --button-row-gap: var(--spacing-space-3);
        --button-column-gap: var(--spacing-space-3);
        --button-font-family: sans-sarif;
        --button-font-size: initial;
        --button-font-weight: regular;
        --button-paragraph-spacing: 0px;
        --button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="button-inverse-small-secondary-filled"], [data-theme='light'] [component-variant="button-inverse-small-secondary-filled"] {
        --button-background-color: var(--interactive-surface-secondary-default);
        --button-color: var(--text-primary);
        --button-border-top-left-radius: var(--corner-radius-extra-small);
        --button-border-top-right-radius: var(--corner-radius-extra-small);
        --button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --button-border-color: var(--border-border-grey-3);
        --button-border-top-width: 1px;
        --button-border-right-width: 1px;
        --button-border-bottom-width: 1px;
        --button-border-left-width: 1px;
        --button-padding-left: var(--spacing-space-5);
        --button-padding-right: var(--spacing-space-5);
        --button-padding-top: var(--spacing-space-3);
        --button-padding-bottom: var(--spacing-space-3);
        --button-row-gap: var(--spacing-space-3);
        --button-column-gap: var(--spacing-space-3);
        --button-font-family: var(--font-family-body);
        --button-font-size: var(--font-size-body-small);
        --button-font-weight: var(--font-weight-medium);
        --button-line-height: var(--line-height-body-small);
        --button-paragraph-spacing: 0px;
        --button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="button-inverse-small-secondary-filled"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='light'] [component-variant="button-inverse-small-secondary-filled"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="button-inverse-small-secondary-filled"]:focus-visible:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="button-inverse-small-secondary-filled"]:focus-visible:not(:disabled):not([disabled]) {
        --button-background-color: var(--interactive-surface-secondary-hover);
        --button-color: var(--text-primary);
        --button-border-top-left-radius: var(--corner-radius-extra-small);
        --button-border-top-right-radius: var(--corner-radius-extra-small);
        --button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --button-border-color: var(--border-border-grey-1);
        --button-border-top-width: 1px;
        --button-border-right-width: 1px;
        --button-border-bottom-width: 1px;
        --button-border-left-width: 1px;
        --button-padding-left: var(--spacing-space-5);
        --button-padding-right: var(--spacing-space-5);
        --button-padding-top: var(--spacing-space-3);
        --button-padding-bottom: var(--spacing-space-3);
        --button-row-gap: var(--spacing-space-3);
        --button-column-gap: var(--spacing-space-3);
        --button-font-family: var(--font-family-body);
        --button-font-size: var(--font-size-body-small);
        --button-font-weight: var(--font-weight-medium);
        --button-line-height: var(--line-height-body-small);
        --button-paragraph-spacing: 0px;
        --button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="button-inverse-small-secondary-filled"]:hover:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="button-inverse-small-secondary-filled"]:hover:not(:disabled):not([disabled]) {
        --button-background-color: var(--interactive-surface-secondary-hover);
        --button-color: var(--text-primary);
        --button-border-top-left-radius: var(--corner-radius-extra-small);
        --button-border-top-right-radius: var(--corner-radius-extra-small);
        --button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --button-padding-left: var(--spacing-space-5);
        --button-padding-right: var(--spacing-space-5);
        --button-padding-top: var(--spacing-space-3);
        --button-padding-bottom: var(--spacing-space-3);
        --button-row-gap: var(--spacing-space-3);
        --button-column-gap: var(--spacing-space-3);
        --button-font-family: var(--font-family-body);
        --button-font-size: var(--font-size-body-small);
        --button-font-weight: var(--font-weight-medium);
        --button-line-height: var(--line-height-body-small);
        --button-paragraph-spacing: 0px;
        --button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="button-inverse-small-secondary-filled"][active]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="button-inverse-small-secondary-filled"][active]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="button-inverse-small-secondary-filled"]:active:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="button-inverse-small-secondary-filled"]:active:not(:disabled):not([disabled]) {
        --button-background-color: var(--interactive-surface-secondary-pressed);
        --button-color: var(--text-primary);
        --button-border-top-left-radius: var(--corner-radius-extra-small);
        --button-border-top-right-radius: var(--corner-radius-extra-small);
        --button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --button-padding-left: var(--spacing-space-5);
        --button-padding-right: var(--spacing-space-5);
        --button-padding-top: var(--spacing-space-3);
        --button-padding-bottom: var(--spacing-space-3);
        --button-row-gap: var(--spacing-space-3);
        --button-column-gap: var(--spacing-space-3);
        --button-font-family: var(--font-family-body);
        --button-font-size: var(--font-size-body-small);
        --button-font-weight: var(--font-weight-medium);
        --button-line-height: var(--line-height-body-small);
        --button-paragraph-spacing: 0px;
        --button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="button-inverse-small-secondary-filled"][disabled],
[data-theme='light'] [component-variant="button-inverse-small-secondary-filled"][disabled],
[data-theme='dark'] [component-variant="button-inverse-small-secondary-filled"]:disabled,
[data-theme='light'] [component-variant="button-inverse-small-secondary-filled"]:disabled {
        --button-background-color: var(--interactive-surface-secondary-disabled);
        --button-color: var(--text-tertiary);
        --button-border-top-left-radius: var(--corner-radius-extra-small);
        --button-border-top-right-radius: var(--corner-radius-extra-small);
        --button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --button-padding-left: var(--spacing-space-5);
        --button-padding-right: var(--spacing-space-5);
        --button-padding-top: var(--spacing-space-3);
        --button-padding-bottom: var(--spacing-space-3);
        --button-row-gap: var(--spacing-space-3);
        --button-column-gap: var(--spacing-space-3);
        --button-font-family: var(--font-family-body);
        --button-font-size: var(--font-size-body-small);
        --button-font-weight: var(--font-weight-medium);
        --button-line-height: var(--line-height-body-small);
        --button-paragraph-spacing: 0px;
        --button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="button-inverse-small-secondary-filled"][loading], [data-theme='light'] [component-variant="button-inverse-small-secondary-filled"][loading] {
        --button-background-color: var(--interactive-surface-secondary-hover);
        --button-color: var(--colours-grey-50);
        --button-border-top-left-radius: var(--corner-radius-extra-small);
        --button-border-top-right-radius: var(--corner-radius-extra-small);
        --button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --button-padding-left: var(--spacing-space-5);
        --button-padding-right: var(--spacing-space-5);
        --button-padding-top: var(--spacing-space-3);
        --button-padding-bottom: var(--spacing-space-3);
        --button-row-gap: var(--spacing-space-3);
        --button-column-gap: var(--spacing-space-3);
        --button-font-family: sans-sarif;
        --button-font-size: initial;
        --button-font-weight: regular;
        --button-paragraph-spacing: 0px;
        --button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="button-default-medium-secondary-outlined"], [data-theme='light'] [component-variant="button-default-medium-secondary-outlined"] {
        --button-color: var(--text-primary);
        --button-border-top-left-radius: var(--corner-radius-extra-small);
        --button-border-top-right-radius: var(--corner-radius-extra-small);
        --button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --button-border-color: var(--border-border-grey-3);
        --button-border-top-width: 1px;
        --button-border-right-width: 1px;
        --button-border-bottom-width: 1px;
        --button-border-left-width: 1px;
        --button-padding-left: var(--spacing-space-6);
        --button-padding-right: var(--spacing-space-6);
        --button-padding-top: var(--spacing-space-5);
        --button-padding-bottom: var(--spacing-space-5);
        --button-row-gap: var(--spacing-space-3);
        --button-column-gap: var(--spacing-space-3);
        --button-font-family: var(--font-family-body);
        --button-font-size: var(--font-size-body-small);
        --button-font-weight: var(--font-weight-medium);
        --button-line-height: var(--line-height-body-small);
        --button-paragraph-spacing: 0px;
        --button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="button-default-medium-secondary-outlined"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='light'] [component-variant="button-default-medium-secondary-outlined"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="button-default-medium-secondary-outlined"]:focus-visible:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="button-default-medium-secondary-outlined"]:focus-visible:not(:disabled):not([disabled]) {
        --button-background-color: var(--interactive-surface-secondary-hover);
        --button-color: var(--text-primary);
        --button-border-top-left-radius: var(--corner-radius-extra-small);
        --button-border-top-right-radius: var(--corner-radius-extra-small);
        --button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --button-border-color: var(--border-border-grey-1);
        --button-border-top-width: 1px;
        --button-border-right-width: 1px;
        --button-border-bottom-width: 1px;
        --button-border-left-width: 1px;
        --button-padding-left: var(--spacing-space-6);
        --button-padding-right: var(--spacing-space-6);
        --button-padding-top: var(--spacing-space-5);
        --button-padding-bottom: var(--spacing-space-5);
        --button-row-gap: var(--spacing-space-3);
        --button-column-gap: var(--spacing-space-3);
        --button-font-family: var(--font-family-body);
        --button-font-size: var(--font-size-body-small);
        --button-font-weight: var(--font-weight-medium);
        --button-line-height: var(--line-height-body-small);
        --button-paragraph-spacing: 0px;
        --button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="button-default-medium-secondary-outlined"]:hover:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="button-default-medium-secondary-outlined"]:hover:not(:disabled):not([disabled]) {
        --button-background-color: var(--interactive-surface-secondary-hover);
        --button-color: var(--text-primary);
        --button-border-top-left-radius: var(--corner-radius-extra-small);
        --button-border-top-right-radius: var(--corner-radius-extra-small);
        --button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --button-padding-left: var(--spacing-space-6);
        --button-padding-right: var(--spacing-space-6);
        --button-padding-top: var(--spacing-space-5);
        --button-padding-bottom: var(--spacing-space-5);
        --button-row-gap: var(--spacing-space-3);
        --button-column-gap: var(--spacing-space-3);
        --button-font-family: var(--font-family-body);
        --button-font-size: var(--font-size-body-small);
        --button-font-weight: var(--font-weight-medium);
        --button-line-height: var(--line-height-body-small);
        --button-paragraph-spacing: 0px;
        --button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="button-default-medium-secondary-outlined"][active]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="button-default-medium-secondary-outlined"][active]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="button-default-medium-secondary-outlined"]:active:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="button-default-medium-secondary-outlined"]:active:not(:disabled):not([disabled]) {
        --button-background-color: var(--interactive-surface-secondary-pressed);
        --button-color: var(--text-primary);
        --button-border-top-left-radius: var(--corner-radius-extra-small);
        --button-border-top-right-radius: var(--corner-radius-extra-small);
        --button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --button-padding-left: var(--spacing-space-6);
        --button-padding-right: var(--spacing-space-6);
        --button-padding-top: var(--spacing-space-5);
        --button-padding-bottom: var(--spacing-space-5);
        --button-row-gap: var(--spacing-space-3);
        --button-column-gap: var(--spacing-space-3);
        --button-font-family: var(--font-family-body);
        --button-font-size: var(--font-size-body-small);
        --button-font-weight: var(--font-weight-medium);
        --button-line-height: var(--line-height-body-small);
        --button-paragraph-spacing: 0px;
        --button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="button-default-medium-secondary-outlined"][disabled],
[data-theme='light'] [component-variant="button-default-medium-secondary-outlined"][disabled],
[data-theme='dark'] [component-variant="button-default-medium-secondary-outlined"]:disabled,
[data-theme='light'] [component-variant="button-default-medium-secondary-outlined"]:disabled {
        --button-background-color: var(--interactive-surface-secondary-disabled);
        --button-color: var(--text-tertiary);
        --button-border-top-left-radius: var(--corner-radius-extra-small);
        --button-border-top-right-radius: var(--corner-radius-extra-small);
        --button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --button-padding-left: var(--spacing-space-6);
        --button-padding-right: var(--spacing-space-6);
        --button-padding-top: var(--spacing-space-5);
        --button-padding-bottom: var(--spacing-space-5);
        --button-row-gap: var(--spacing-space-3);
        --button-column-gap: var(--spacing-space-3);
        --button-font-family: var(--font-family-body);
        --button-font-size: var(--font-size-body-small);
        --button-font-weight: var(--font-weight-medium);
        --button-line-height: var(--line-height-body-small);
        --button-paragraph-spacing: 0px;
        --button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="button-default-medium-secondary-outlined"][loading], [data-theme='light'] [component-variant="button-default-medium-secondary-outlined"][loading] {
        --button-background-color: var(--interactive-surface-secondary-hover);
        --button-color: var(--icon-primary);
        --button-border-top-left-radius: var(--corner-radius-extra-small);
        --button-border-top-right-radius: var(--corner-radius-extra-small);
        --button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --button-padding-left: var(--spacing-space-6);
        --button-padding-right: var(--spacing-space-6);
        --button-padding-top: var(--spacing-space-5);
        --button-padding-bottom: var(--spacing-space-5);
        --button-row-gap: var(--spacing-space-3);
        --button-column-gap: var(--spacing-space-3);
        --button-font-family: sans-sarif;
        --button-font-size: initial;
        --button-font-weight: regular;
        --button-paragraph-spacing: 0px;
        --button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="button-inverse-medium-secondary-outlined"], [data-theme='light'] [component-variant="button-inverse-medium-secondary-outlined"] {
        --button-color: var(--text-inverse);
        --button-border-top-left-radius: var(--corner-radius-extra-small);
        --button-border-top-right-radius: var(--corner-radius-extra-small);
        --button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --button-border-color: var(--border-border-grey-3);
        --button-border-top-width: 1px;
        --button-border-right-width: 1px;
        --button-border-bottom-width: 1px;
        --button-border-left-width: 1px;
        --button-padding-left: var(--spacing-space-6);
        --button-padding-right: var(--spacing-space-6);
        --button-padding-top: var(--spacing-space-5);
        --button-padding-bottom: var(--spacing-space-5);
        --button-row-gap: var(--spacing-space-3);
        --button-column-gap: var(--spacing-space-3);
        --button-font-family: var(--font-family-body);
        --button-font-size: var(--font-size-body-small);
        --button-font-weight: var(--font-weight-medium);
        --button-line-height: var(--line-height-body-small);
        --button-paragraph-spacing: 0px;
        --button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="button-inverse-medium-secondary-outlined"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='light'] [component-variant="button-inverse-medium-secondary-outlined"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="button-inverse-medium-secondary-outlined"]:focus-visible:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="button-inverse-medium-secondary-outlined"]:focus-visible:not(:disabled):not([disabled]) {
        --button-background-color: var(--interactive-surface-secondary-hover);
        --button-color: var(--text-primary);
        --button-border-top-left-radius: var(--corner-radius-extra-small);
        --button-border-top-right-radius: var(--corner-radius-extra-small);
        --button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --button-border-color: var(--border-border-grey-1);
        --button-border-top-width: 1px;
        --button-border-right-width: 1px;
        --button-border-bottom-width: 1px;
        --button-border-left-width: 1px;
        --button-padding-left: var(--spacing-space-6);
        --button-padding-right: var(--spacing-space-6);
        --button-padding-top: var(--spacing-space-5);
        --button-padding-bottom: var(--spacing-space-5);
        --button-row-gap: var(--spacing-space-3);
        --button-column-gap: var(--spacing-space-3);
        --button-font-family: var(--font-family-body);
        --button-font-size: var(--font-size-body-small);
        --button-font-weight: var(--font-weight-medium);
        --button-line-height: var(--line-height-body-small);
        --button-paragraph-spacing: 0px;
        --button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="button-inverse-medium-secondary-outlined"]:hover:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="button-inverse-medium-secondary-outlined"]:hover:not(:disabled):not([disabled]) {
        --button-background-color: var(--interactive-surface-secondary-hover);
        --button-color: var(--text-primary);
        --button-border-top-left-radius: var(--corner-radius-extra-small);
        --button-border-top-right-radius: var(--corner-radius-extra-small);
        --button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --button-padding-left: var(--spacing-space-6);
        --button-padding-right: var(--spacing-space-6);
        --button-padding-top: var(--spacing-space-5);
        --button-padding-bottom: var(--spacing-space-5);
        --button-row-gap: var(--spacing-space-3);
        --button-column-gap: var(--spacing-space-3);
        --button-font-family: var(--font-family-body);
        --button-font-size: var(--font-size-body-small);
        --button-font-weight: var(--font-weight-medium);
        --button-line-height: var(--line-height-body-small);
        --button-paragraph-spacing: 0px;
        --button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="button-inverse-medium-secondary-outlined"][active]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="button-inverse-medium-secondary-outlined"][active]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="button-inverse-medium-secondary-outlined"]:active:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="button-inverse-medium-secondary-outlined"]:active:not(:disabled):not([disabled]) {
        --button-background-color: var(--interactive-surface-secondary-pressed);
        --button-color: var(--text-primary);
        --button-border-top-left-radius: var(--corner-radius-extra-small);
        --button-border-top-right-radius: var(--corner-radius-extra-small);
        --button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --button-padding-left: var(--spacing-space-6);
        --button-padding-right: var(--spacing-space-6);
        --button-padding-top: var(--spacing-space-5);
        --button-padding-bottom: var(--spacing-space-5);
        --button-row-gap: var(--spacing-space-3);
        --button-column-gap: var(--spacing-space-3);
        --button-font-family: var(--font-family-body);
        --button-font-size: var(--font-size-body-small);
        --button-font-weight: var(--font-weight-medium);
        --button-line-height: var(--line-height-body-small);
        --button-paragraph-spacing: 0px;
        --button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="button-inverse-medium-secondary-outlined"][disabled],
[data-theme='light'] [component-variant="button-inverse-medium-secondary-outlined"][disabled],
[data-theme='dark'] [component-variant="button-inverse-medium-secondary-outlined"]:disabled,
[data-theme='light'] [component-variant="button-inverse-medium-secondary-outlined"]:disabled {
        --button-background-color: var(--interactive-surface-secondary-disabled);
        --button-color: var(--text-tertiary);
        --button-border-top-left-radius: var(--corner-radius-extra-small);
        --button-border-top-right-radius: var(--corner-radius-extra-small);
        --button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --button-padding-left: var(--spacing-space-6);
        --button-padding-right: var(--spacing-space-6);
        --button-padding-top: var(--spacing-space-5);
        --button-padding-bottom: var(--spacing-space-5);
        --button-row-gap: var(--spacing-space-3);
        --button-column-gap: var(--spacing-space-3);
        --button-font-family: var(--font-family-body);
        --button-font-size: var(--font-size-body-small);
        --button-font-weight: var(--font-weight-medium);
        --button-line-height: var(--line-height-body-small);
        --button-paragraph-spacing: 0px;
        --button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="button-inverse-medium-secondary-outlined"][loading], [data-theme='light'] [component-variant="button-inverse-medium-secondary-outlined"][loading] {
        --button-background-color: var(--interactive-surface-secondary-hover);
        --button-color: var(--icon-primary);
        --button-border-top-left-radius: var(--corner-radius-extra-small);
        --button-border-top-right-radius: var(--corner-radius-extra-small);
        --button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --button-padding-left: var(--spacing-space-6);
        --button-padding-right: var(--spacing-space-6);
        --button-padding-top: var(--spacing-space-5);
        --button-padding-bottom: var(--spacing-space-5);
        --button-row-gap: var(--spacing-space-3);
        --button-column-gap: var(--spacing-space-3);
        --button-font-family: sans-sarif;
        --button-font-size: initial;
        --button-font-weight: regular;
        --button-paragraph-spacing: 0px;
        --button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="button-default-small-secondary-outlined"], [data-theme='light'] [component-variant="button-default-small-secondary-outlined"] {
        --button-color: var(--text-primary);
        --button-border-top-left-radius: var(--corner-radius-extra-small);
        --button-border-top-right-radius: var(--corner-radius-extra-small);
        --button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --button-border-color: var(--border-border-grey-3);
        --button-border-top-width: 1px;
        --button-border-right-width: 1px;
        --button-border-bottom-width: 1px;
        --button-border-left-width: 1px;
        --button-padding-left: var(--spacing-space-5);
        --button-padding-right: var(--spacing-space-5);
        --button-padding-top: var(--spacing-space-3);
        --button-padding-bottom: var(--spacing-space-3);
        --button-row-gap: var(--spacing-space-3);
        --button-column-gap: var(--spacing-space-3);
        --button-font-family: var(--font-family-body);
        --button-font-size: var(--font-size-body-small);
        --button-font-weight: var(--font-weight-medium);
        --button-line-height: var(--line-height-body-small);
        --button-paragraph-spacing: 0px;
        --button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="button-default-small-secondary-outlined"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='light'] [component-variant="button-default-small-secondary-outlined"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="button-default-small-secondary-outlined"]:focus-visible:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="button-default-small-secondary-outlined"]:focus-visible:not(:disabled):not([disabled]) {
        --button-background-color: var(--interactive-surface-secondary-hover);
        --button-color: var(--text-primary);
        --button-border-top-left-radius: var(--corner-radius-extra-small);
        --button-border-top-right-radius: var(--corner-radius-extra-small);
        --button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --button-border-color: var(--border-border-grey-1);
        --button-border-top-width: 1px;
        --button-border-right-width: 1px;
        --button-border-bottom-width: 1px;
        --button-border-left-width: 1px;
        --button-padding-left: var(--spacing-space-5);
        --button-padding-right: var(--spacing-space-5);
        --button-padding-top: var(--spacing-space-3);
        --button-padding-bottom: var(--spacing-space-3);
        --button-row-gap: var(--spacing-space-3);
        --button-column-gap: var(--spacing-space-3);
        --button-font-family: var(--font-family-body);
        --button-font-size: var(--font-size-body-small);
        --button-font-weight: var(--font-weight-medium);
        --button-line-height: var(--line-height-body-small);
        --button-paragraph-spacing: 0px;
        --button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="button-default-small-secondary-outlined"]:hover:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="button-default-small-secondary-outlined"]:hover:not(:disabled):not([disabled]) {
        --button-background-color: var(--interactive-surface-secondary-hover);
        --button-color: var(--text-primary);
        --button-border-top-left-radius: var(--corner-radius-extra-small);
        --button-border-top-right-radius: var(--corner-radius-extra-small);
        --button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --button-padding-left: var(--spacing-space-5);
        --button-padding-right: var(--spacing-space-5);
        --button-padding-top: var(--spacing-space-3);
        --button-padding-bottom: var(--spacing-space-3);
        --button-row-gap: var(--spacing-space-3);
        --button-column-gap: var(--spacing-space-3);
        --button-font-family: var(--font-family-body);
        --button-font-size: var(--font-size-body-small);
        --button-font-weight: var(--font-weight-medium);
        --button-line-height: var(--line-height-body-small);
        --button-paragraph-spacing: 0px;
        --button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="button-default-small-secondary-outlined"][active]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="button-default-small-secondary-outlined"][active]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="button-default-small-secondary-outlined"]:active:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="button-default-small-secondary-outlined"]:active:not(:disabled):not([disabled]) {
        --button-background-color: var(--interactive-surface-secondary-pressed);
        --button-color: var(--text-primary);
        --button-border-top-left-radius: var(--corner-radius-extra-small);
        --button-border-top-right-radius: var(--corner-radius-extra-small);
        --button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --button-padding-left: var(--spacing-space-5);
        --button-padding-right: var(--spacing-space-5);
        --button-padding-top: var(--spacing-space-3);
        --button-padding-bottom: var(--spacing-space-3);
        --button-row-gap: var(--spacing-space-3);
        --button-column-gap: var(--spacing-space-3);
        --button-font-family: var(--font-family-body);
        --button-font-size: var(--font-size-body-small);
        --button-font-weight: var(--font-weight-medium);
        --button-line-height: var(--line-height-body-small);
        --button-paragraph-spacing: 0px;
        --button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="button-default-small-secondary-outlined"][disabled],
[data-theme='light'] [component-variant="button-default-small-secondary-outlined"][disabled],
[data-theme='dark'] [component-variant="button-default-small-secondary-outlined"]:disabled,
[data-theme='light'] [component-variant="button-default-small-secondary-outlined"]:disabled {
        --button-background-color: var(--interactive-surface-secondary-disabled);
        --button-color: var(--text-tertiary);
        --button-border-top-left-radius: var(--corner-radius-extra-small);
        --button-border-top-right-radius: var(--corner-radius-extra-small);
        --button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --button-padding-left: var(--spacing-space-5);
        --button-padding-right: var(--spacing-space-5);
        --button-padding-top: var(--spacing-space-3);
        --button-padding-bottom: var(--spacing-space-3);
        --button-row-gap: var(--spacing-space-3);
        --button-column-gap: var(--spacing-space-3);
        --button-font-family: var(--font-family-body);
        --button-font-size: var(--font-size-body-small);
        --button-font-weight: var(--font-weight-medium);
        --button-line-height: var(--line-height-body-small);
        --button-paragraph-spacing: 0px;
        --button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="button-default-small-secondary-outlined"][loading], [data-theme='light'] [component-variant="button-default-small-secondary-outlined"][loading] {
        --button-background-color: var(--interactive-surface-secondary-hover);
        --button-color: var(--colours-grey-50);
        --button-border-top-left-radius: var(--corner-radius-extra-small);
        --button-border-top-right-radius: var(--corner-radius-extra-small);
        --button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --button-padding-left: var(--spacing-space-5);
        --button-padding-right: var(--spacing-space-5);
        --button-padding-top: var(--spacing-space-3);
        --button-padding-bottom: var(--spacing-space-3);
        --button-row-gap: var(--spacing-space-3);
        --button-column-gap: var(--spacing-space-3);
        --button-font-family: sans-sarif;
        --button-font-size: initial;
        --button-font-weight: regular;
        --button-paragraph-spacing: 0px;
        --button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="button-inverse-small-secondary-outlined"], [data-theme='light'] [component-variant="button-inverse-small-secondary-outlined"] {
        --button-color: var(--text-inverse);
        --button-border-top-left-radius: var(--corner-radius-extra-small);
        --button-border-top-right-radius: var(--corner-radius-extra-small);
        --button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --button-border-color: var(--border-border-grey-3);
        --button-border-top-width: 1px;
        --button-border-right-width: 1px;
        --button-border-bottom-width: 1px;
        --button-border-left-width: 1px;
        --button-padding-left: var(--spacing-space-5);
        --button-padding-right: var(--spacing-space-5);
        --button-padding-top: var(--spacing-space-3);
        --button-padding-bottom: var(--spacing-space-3);
        --button-row-gap: var(--spacing-space-3);
        --button-column-gap: var(--spacing-space-3);
        --button-font-family: var(--font-family-body);
        --button-font-size: var(--font-size-body-small);
        --button-font-weight: var(--font-weight-medium);
        --button-line-height: var(--line-height-body-small);
        --button-paragraph-spacing: 0px;
        --button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="button-inverse-small-secondary-outlined"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='light'] [component-variant="button-inverse-small-secondary-outlined"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="button-inverse-small-secondary-outlined"]:focus-visible:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="button-inverse-small-secondary-outlined"]:focus-visible:not(:disabled):not([disabled]) {
        --button-background-color: var(--interactive-surface-secondary-hover);
        --button-color: var(--text-primary);
        --button-border-top-left-radius: var(--corner-radius-extra-small);
        --button-border-top-right-radius: var(--corner-radius-extra-small);
        --button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --button-border-color: var(--border-border-grey-1);
        --button-border-top-width: 1px;
        --button-border-right-width: 1px;
        --button-border-bottom-width: 1px;
        --button-border-left-width: 1px;
        --button-padding-left: var(--spacing-space-5);
        --button-padding-right: var(--spacing-space-5);
        --button-padding-top: var(--spacing-space-3);
        --button-padding-bottom: var(--spacing-space-3);
        --button-row-gap: var(--spacing-space-3);
        --button-column-gap: var(--spacing-space-3);
        --button-font-family: var(--font-family-body);
        --button-font-size: var(--font-size-body-small);
        --button-font-weight: var(--font-weight-medium);
        --button-line-height: var(--line-height-body-small);
        --button-paragraph-spacing: 0px;
        --button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="button-inverse-small-secondary-outlined"]:hover:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="button-inverse-small-secondary-outlined"]:hover:not(:disabled):not([disabled]) {
        --button-background-color: var(--interactive-surface-secondary-hover);
        --button-color: var(--text-primary);
        --button-border-top-left-radius: var(--corner-radius-extra-small);
        --button-border-top-right-radius: var(--corner-radius-extra-small);
        --button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --button-padding-left: var(--spacing-space-5);
        --button-padding-right: var(--spacing-space-5);
        --button-padding-top: var(--spacing-space-3);
        --button-padding-bottom: var(--spacing-space-3);
        --button-row-gap: var(--spacing-space-3);
        --button-column-gap: var(--spacing-space-3);
        --button-font-family: var(--font-family-body);
        --button-font-size: var(--font-size-body-small);
        --button-font-weight: var(--font-weight-medium);
        --button-line-height: var(--line-height-body-small);
        --button-paragraph-spacing: 0px;
        --button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="button-inverse-small-secondary-outlined"][active]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="button-inverse-small-secondary-outlined"][active]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="button-inverse-small-secondary-outlined"]:active:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="button-inverse-small-secondary-outlined"]:active:not(:disabled):not([disabled]) {
        --button-background-color: var(--interactive-surface-secondary-pressed);
        --button-color: var(--text-primary);
        --button-border-top-left-radius: var(--corner-radius-extra-small);
        --button-border-top-right-radius: var(--corner-radius-extra-small);
        --button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --button-padding-left: var(--spacing-space-5);
        --button-padding-right: var(--spacing-space-5);
        --button-padding-top: var(--spacing-space-3);
        --button-padding-bottom: var(--spacing-space-3);
        --button-row-gap: var(--spacing-space-3);
        --button-column-gap: var(--spacing-space-3);
        --button-font-family: var(--font-family-body);
        --button-font-size: var(--font-size-body-small);
        --button-font-weight: var(--font-weight-medium);
        --button-line-height: var(--line-height-body-small);
        --button-paragraph-spacing: 0px;
        --button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="button-inverse-small-secondary-outlined"][disabled],
[data-theme='light'] [component-variant="button-inverse-small-secondary-outlined"][disabled],
[data-theme='dark'] [component-variant="button-inverse-small-secondary-outlined"]:disabled,
[data-theme='light'] [component-variant="button-inverse-small-secondary-outlined"]:disabled {
        --button-background-color: var(--interactive-surface-secondary-disabled);
        --button-color: var(--text-tertiary);
        --button-border-top-left-radius: var(--corner-radius-extra-small);
        --button-border-top-right-radius: var(--corner-radius-extra-small);
        --button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --button-padding-left: var(--spacing-space-5);
        --button-padding-right: var(--spacing-space-5);
        --button-padding-top: var(--spacing-space-3);
        --button-padding-bottom: var(--spacing-space-3);
        --button-row-gap: var(--spacing-space-3);
        --button-column-gap: var(--spacing-space-3);
        --button-font-family: var(--font-family-body);
        --button-font-size: var(--font-size-body-small);
        --button-font-weight: var(--font-weight-medium);
        --button-line-height: var(--line-height-body-small);
        --button-paragraph-spacing: 0px;
        --button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="button-inverse-small-secondary-outlined"][loading], [data-theme='light'] [component-variant="button-inverse-small-secondary-outlined"][loading] {
        --button-background-color: var(--interactive-surface-secondary-hover);
        --button-color: var(--colours-grey-50);
        --button-border-top-left-radius: var(--corner-radius-extra-small);
        --button-border-top-right-radius: var(--corner-radius-extra-small);
        --button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --button-padding-left: var(--spacing-space-5);
        --button-padding-right: var(--spacing-space-5);
        --button-padding-top: var(--spacing-space-3);
        --button-padding-bottom: var(--spacing-space-3);
        --button-row-gap: var(--spacing-space-3);
        --button-column-gap: var(--spacing-space-3);
        --button-font-family: sans-sarif;
        --button-font-size: initial;
        --button-font-weight: regular;
        --button-paragraph-spacing: 0px;
        --button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="button-default-medium-secondary-ghost"], [data-theme='light'] [component-variant="button-default-medium-secondary-ghost"] {
        --button-background-color: var(--interactive-surface-ghost-default);
        --button-color: var(--text-primary);
        --button-border-top-left-radius: var(--corner-radius-extra-small);
        --button-border-top-right-radius: var(--corner-radius-extra-small);
        --button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --button-padding-left: var(--spacing-space-6);
        --button-padding-right: var(--spacing-space-6);
        --button-padding-top: var(--spacing-space-5);
        --button-padding-bottom: var(--spacing-space-5);
        --button-row-gap: var(--spacing-space-3);
        --button-column-gap: var(--spacing-space-3);
        --button-font-family: var(--font-family-body);
        --button-font-size: var(--font-size-body-small);
        --button-font-weight: var(--font-weight-medium);
        --button-line-height: var(--line-height-body-small);
        --button-paragraph-spacing: 0px;
        --button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="button-default-medium-secondary-ghost"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='light'] [component-variant="button-default-medium-secondary-ghost"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="button-default-medium-secondary-ghost"]:focus-visible:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="button-default-medium-secondary-ghost"]:focus-visible:not(:disabled):not([disabled]) {
        --button-background-color: var(--interactive-surface-ghost-pressed);
        --button-color: var(--text-primary);
        --button-border-top-left-radius: var(--corner-radius-extra-small);
        --button-border-top-right-radius: var(--corner-radius-extra-small);
        --button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --button-border-color: var(--border-border-grey-1);
        --button-border-top-width: 1px;
        --button-border-right-width: 1px;
        --button-border-bottom-width: 1px;
        --button-border-left-width: 1px;
        --button-padding-left: var(--spacing-space-6);
        --button-padding-right: var(--spacing-space-6);
        --button-padding-top: var(--spacing-space-5);
        --button-padding-bottom: var(--spacing-space-5);
        --button-row-gap: var(--spacing-space-3);
        --button-column-gap: var(--spacing-space-3);
        --button-font-family: var(--font-family-body);
        --button-font-size: var(--font-size-body-small);
        --button-font-weight: var(--font-weight-medium);
        --button-line-height: var(--line-height-body-small);
        --button-paragraph-spacing: 0px;
        --button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="button-default-medium-secondary-ghost"]:hover:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="button-default-medium-secondary-ghost"]:hover:not(:disabled):not([disabled]) {
        --button-background-color: var(--interactive-surface-ghost-hover);
        --button-color: var(--text-primary);
        --button-border-top-left-radius: var(--corner-radius-extra-small);
        --button-border-top-right-radius: var(--corner-radius-extra-small);
        --button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --button-padding-left: var(--spacing-space-6);
        --button-padding-right: var(--spacing-space-6);
        --button-padding-top: var(--spacing-space-5);
        --button-padding-bottom: var(--spacing-space-5);
        --button-row-gap: var(--spacing-space-3);
        --button-column-gap: var(--spacing-space-3);
        --button-font-family: var(--font-family-body);
        --button-font-size: var(--font-size-body-small);
        --button-font-weight: var(--font-weight-medium);
        --button-line-height: var(--line-height-body-small);
        --button-paragraph-spacing: 0px;
        --button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="button-default-medium-secondary-ghost"][active]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="button-default-medium-secondary-ghost"][active]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="button-default-medium-secondary-ghost"]:active:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="button-default-medium-secondary-ghost"]:active:not(:disabled):not([disabled]) {
        --button-background-color: var(--interactive-surface-ghost-pressed);
        --button-color: var(--text-primary);
        --button-border-top-left-radius: var(--corner-radius-extra-small);
        --button-border-top-right-radius: var(--corner-radius-extra-small);
        --button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --button-padding-left: var(--spacing-space-6);
        --button-padding-right: var(--spacing-space-6);
        --button-padding-top: var(--spacing-space-5);
        --button-padding-bottom: var(--spacing-space-5);
        --button-row-gap: var(--spacing-space-3);
        --button-column-gap: var(--spacing-space-3);
        --button-font-family: var(--font-family-body);
        --button-font-size: var(--font-size-body-small);
        --button-font-weight: var(--font-weight-medium);
        --button-line-height: var(--line-height-body-small);
        --button-paragraph-spacing: 0px;
        --button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="button-default-medium-secondary-ghost"][disabled],
[data-theme='light'] [component-variant="button-default-medium-secondary-ghost"][disabled],
[data-theme='dark'] [component-variant="button-default-medium-secondary-ghost"]:disabled,
[data-theme='light'] [component-variant="button-default-medium-secondary-ghost"]:disabled {
        --button-background-color: var(--interactive-surface-ghost-disabled);
        --button-color: var(--text-tertiary);
        --button-border-top-left-radius: var(--corner-radius-extra-small);
        --button-border-top-right-radius: var(--corner-radius-extra-small);
        --button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --button-padding-left: var(--spacing-space-6);
        --button-padding-right: var(--spacing-space-6);
        --button-padding-top: var(--spacing-space-5);
        --button-padding-bottom: var(--spacing-space-5);
        --button-row-gap: var(--spacing-space-3);
        --button-column-gap: var(--spacing-space-3);
        --button-font-family: var(--font-family-body);
        --button-font-size: var(--font-size-body-small);
        --button-font-weight: var(--font-weight-medium);
        --button-line-height: var(--line-height-body-small);
        --button-paragraph-spacing: 0px;
        --button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="button-default-medium-secondary-ghost"][loading], [data-theme='light'] [component-variant="button-default-medium-secondary-ghost"][loading] {
        --button-background-color: var(--interactive-surface-ghost-hover);
        --button-color: var(--icon-primary);
        --button-border-top-left-radius: var(--corner-radius-extra-small);
        --button-border-top-right-radius: var(--corner-radius-extra-small);
        --button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --button-padding-left: var(--spacing-space-6);
        --button-padding-right: var(--spacing-space-6);
        --button-padding-top: var(--spacing-space-5);
        --button-padding-bottom: var(--spacing-space-5);
        --button-row-gap: var(--spacing-space-3);
        --button-column-gap: var(--spacing-space-3);
        --button-font-family: sans-sarif;
        --button-font-size: initial;
        --button-font-weight: regular;
        --button-paragraph-spacing: 0px;
        --button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="button-inverse-medium-secondary-ghost"], [data-theme='light'] [component-variant="button-inverse-medium-secondary-ghost"] {
        --button-background-color: var(--interactive-surface-ghost-default);
        --button-color: var(--text-inverse);
        --button-border-top-left-radius: var(--corner-radius-extra-small);
        --button-border-top-right-radius: var(--corner-radius-extra-small);
        --button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --button-padding-left: var(--spacing-space-6);
        --button-padding-right: var(--spacing-space-6);
        --button-padding-top: var(--spacing-space-5);
        --button-padding-bottom: var(--spacing-space-5);
        --button-row-gap: var(--spacing-space-3);
        --button-column-gap: var(--spacing-space-3);
        --button-font-family: var(--font-family-body);
        --button-font-size: var(--font-size-body-small);
        --button-font-weight: var(--font-weight-medium);
        --button-line-height: var(--line-height-body-small);
        --button-paragraph-spacing: 0px;
        --button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="button-inverse-medium-secondary-ghost"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='light'] [component-variant="button-inverse-medium-secondary-ghost"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="button-inverse-medium-secondary-ghost"]:focus-visible:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="button-inverse-medium-secondary-ghost"]:focus-visible:not(:disabled):not([disabled]) {
        --button-background-color: var(--interactive-surface-ghost-pressed);
        --button-color: var(--text-primary);
        --button-border-top-left-radius: var(--corner-radius-extra-small);
        --button-border-top-right-radius: var(--corner-radius-extra-small);
        --button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --button-border-color: var(--border-border-grey-1);
        --button-border-top-width: 1px;
        --button-border-right-width: 1px;
        --button-border-bottom-width: 1px;
        --button-border-left-width: 1px;
        --button-padding-left: var(--spacing-space-6);
        --button-padding-right: var(--spacing-space-6);
        --button-padding-top: var(--spacing-space-5);
        --button-padding-bottom: var(--spacing-space-5);
        --button-row-gap: var(--spacing-space-3);
        --button-column-gap: var(--spacing-space-3);
        --button-font-family: var(--font-family-body);
        --button-font-size: var(--font-size-body-small);
        --button-font-weight: var(--font-weight-medium);
        --button-line-height: var(--line-height-body-small);
        --button-paragraph-spacing: 0px;
        --button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="button-inverse-medium-secondary-ghost"]:hover:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="button-inverse-medium-secondary-ghost"]:hover:not(:disabled):not([disabled]) {
        --button-background-color: var(--interactive-surface-ghost-hover);
        --button-color: var(--text-primary);
        --button-border-top-left-radius: var(--corner-radius-extra-small);
        --button-border-top-right-radius: var(--corner-radius-extra-small);
        --button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --button-padding-left: var(--spacing-space-6);
        --button-padding-right: var(--spacing-space-6);
        --button-padding-top: var(--spacing-space-5);
        --button-padding-bottom: var(--spacing-space-5);
        --button-row-gap: var(--spacing-space-3);
        --button-column-gap: var(--spacing-space-3);
        --button-font-family: var(--font-family-body);
        --button-font-size: var(--font-size-body-small);
        --button-font-weight: var(--font-weight-medium);
        --button-line-height: var(--line-height-body-small);
        --button-paragraph-spacing: 0px;
        --button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="button-inverse-medium-secondary-ghost"][active]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="button-inverse-medium-secondary-ghost"][active]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="button-inverse-medium-secondary-ghost"]:active:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="button-inverse-medium-secondary-ghost"]:active:not(:disabled):not([disabled]) {
        --button-background-color: var(--interactive-surface-ghost-pressed);
        --button-color: var(--text-primary);
        --button-border-top-left-radius: var(--corner-radius-extra-small);
        --button-border-top-right-radius: var(--corner-radius-extra-small);
        --button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --button-padding-left: var(--spacing-space-6);
        --button-padding-right: var(--spacing-space-6);
        --button-padding-top: var(--spacing-space-5);
        --button-padding-bottom: var(--spacing-space-5);
        --button-row-gap: var(--spacing-space-3);
        --button-column-gap: var(--spacing-space-3);
        --button-font-family: var(--font-family-body);
        --button-font-size: var(--font-size-body-small);
        --button-font-weight: var(--font-weight-medium);
        --button-line-height: var(--line-height-body-small);
        --button-paragraph-spacing: 0px;
        --button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="button-inverse-medium-secondary-ghost"][disabled],
[data-theme='light'] [component-variant="button-inverse-medium-secondary-ghost"][disabled],
[data-theme='dark'] [component-variant="button-inverse-medium-secondary-ghost"]:disabled,
[data-theme='light'] [component-variant="button-inverse-medium-secondary-ghost"]:disabled {
        --button-background-color: var(--interactive-surface-ghost-disabled);
        --button-color: var(--text-tertiary);
        --button-border-top-left-radius: var(--corner-radius-extra-small);
        --button-border-top-right-radius: var(--corner-radius-extra-small);
        --button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --button-padding-left: var(--spacing-space-6);
        --button-padding-right: var(--spacing-space-6);
        --button-padding-top: var(--spacing-space-5);
        --button-padding-bottom: var(--spacing-space-5);
        --button-row-gap: var(--spacing-space-3);
        --button-column-gap: var(--spacing-space-3);
        --button-font-family: var(--font-family-body);
        --button-font-size: var(--font-size-body-small);
        --button-font-weight: var(--font-weight-medium);
        --button-line-height: var(--line-height-body-small);
        --button-paragraph-spacing: 0px;
        --button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="button-inverse-medium-secondary-ghost"][loading], [data-theme='light'] [component-variant="button-inverse-medium-secondary-ghost"][loading] {
        --button-background-color: var(--interactive-surface-ghost-hover);
        --button-color: var(--icon-primary);
        --button-border-top-left-radius: var(--corner-radius-extra-small);
        --button-border-top-right-radius: var(--corner-radius-extra-small);
        --button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --button-padding-left: var(--spacing-space-6);
        --button-padding-right: var(--spacing-space-6);
        --button-padding-top: var(--spacing-space-5);
        --button-padding-bottom: var(--spacing-space-5);
        --button-row-gap: var(--spacing-space-3);
        --button-column-gap: var(--spacing-space-3);
        --button-font-family: sans-sarif;
        --button-font-size: initial;
        --button-font-weight: regular;
        --button-paragraph-spacing: 0px;
        --button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="button-default-medium-primary-ghost"], [data-theme='light'] [component-variant="button-default-medium-primary-ghost"] {
        --button-color: var(--text-primary);
        --button-border-top-left-radius: var(--corner-radius-extra-small);
        --button-border-top-right-radius: var(--corner-radius-extra-small);
        --button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --button-padding-left: var(--spacing-space-6);
        --button-padding-right: var(--spacing-space-6);
        --button-padding-top: var(--spacing-space-5);
        --button-padding-bottom: var(--spacing-space-5);
        --button-row-gap: var(--spacing-space-3);
        --button-column-gap: var(--spacing-space-3);
        --button-font-family: var(--font-family-body);
        --button-font-size: var(--font-size-body-small);
        --button-font-weight: var(--font-weight-medium);
        --button-line-height: var(--line-height-body-small);
        --button-paragraph-spacing: 0px;
        --button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="button-default-medium-primary-ghost"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='light'] [component-variant="button-default-medium-primary-ghost"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="button-default-medium-primary-ghost"]:focus-visible:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="button-default-medium-primary-ghost"]:focus-visible:not(:disabled):not([disabled]) {
        --button-background-color: var(--interactive-surface-secondary-pressed);
        --button-color: var(--text-primary);
        --button-border-top-left-radius: var(--corner-radius-extra-small);
        --button-border-top-right-radius: var(--corner-radius-extra-small);
        --button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --button-border-color: var(--border-border-grey-1);
        --button-border-top-width: 1px;
        --button-border-right-width: 1px;
        --button-border-bottom-width: 1px;
        --button-border-left-width: 1px;
        --button-padding-left: var(--spacing-space-6);
        --button-padding-right: var(--spacing-space-6);
        --button-padding-top: var(--spacing-space-5);
        --button-padding-bottom: var(--spacing-space-5);
        --button-row-gap: var(--spacing-space-3);
        --button-column-gap: var(--spacing-space-3);
        --button-font-family: var(--font-family-body);
        --button-font-size: var(--font-size-body-small);
        --button-font-weight: var(--font-weight-medium);
        --button-line-height: var(--line-height-body-small);
        --button-paragraph-spacing: 0px;
        --button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="button-default-medium-primary-ghost"]:hover:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="button-default-medium-primary-ghost"]:hover:not(:disabled):not([disabled]) {
        --button-background-color: var(--interactive-surface-secondary-hover);
        --button-color: var(--text-primary);
        --button-border-top-left-radius: var(--corner-radius-extra-small);
        --button-border-top-right-radius: var(--corner-radius-extra-small);
        --button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --button-padding-left: var(--spacing-space-6);
        --button-padding-right: var(--spacing-space-6);
        --button-padding-top: var(--spacing-space-5);
        --button-padding-bottom: var(--spacing-space-5);
        --button-row-gap: var(--spacing-space-3);
        --button-column-gap: var(--spacing-space-3);
        --button-font-family: var(--font-family-body);
        --button-font-size: var(--font-size-body-small);
        --button-font-weight: var(--font-weight-medium);
        --button-line-height: var(--line-height-body-small);
        --button-paragraph-spacing: 0px;
        --button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="button-default-medium-primary-ghost"][active]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="button-default-medium-primary-ghost"][active]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="button-default-medium-primary-ghost"]:active:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="button-default-medium-primary-ghost"]:active:not(:disabled):not([disabled]) {
        --button-background-color: var(--interactive-surface-secondary-pressed);
        --button-color: var(--text-primary);
        --button-border-top-left-radius: var(--corner-radius-extra-small);
        --button-border-top-right-radius: var(--corner-radius-extra-small);
        --button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --button-padding-left: var(--spacing-space-6);
        --button-padding-right: var(--spacing-space-6);
        --button-padding-top: var(--spacing-space-5);
        --button-padding-bottom: var(--spacing-space-5);
        --button-row-gap: var(--spacing-space-3);
        --button-column-gap: var(--spacing-space-3);
        --button-font-family: var(--font-family-body);
        --button-font-size: var(--font-size-body-small);
        --button-font-weight: var(--font-weight-medium);
        --button-line-height: var(--line-height-body-small);
        --button-paragraph-spacing: 0px;
        --button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="button-default-medium-primary-ghost"][disabled],
[data-theme='light'] [component-variant="button-default-medium-primary-ghost"][disabled],
[data-theme='dark'] [component-variant="button-default-medium-primary-ghost"]:disabled,
[data-theme='light'] [component-variant="button-default-medium-primary-ghost"]:disabled {
        --button-background-color: var(--interactive-surface-primary-disabled-1);
        --button-color: var(--text-tertiary);
        --button-border-top-left-radius: var(--corner-radius-extra-small);
        --button-border-top-right-radius: var(--corner-radius-extra-small);
        --button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --button-padding-left: var(--spacing-space-6);
        --button-padding-right: var(--spacing-space-6);
        --button-padding-top: var(--spacing-space-5);
        --button-padding-bottom: var(--spacing-space-5);
        --button-row-gap: var(--spacing-space-3);
        --button-column-gap: var(--spacing-space-3);
        --button-font-family: var(--font-family-body);
        --button-font-size: var(--font-size-body-small);
        --button-font-weight: var(--font-weight-medium);
        --button-line-height: var(--line-height-body-small);
        --button-paragraph-spacing: 0px;
        --button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="button-default-medium-primary-ghost"][loading], [data-theme='light'] [component-variant="button-default-medium-primary-ghost"][loading] {
        --button-background-color: var(--interactive-surface-secondary-hover);
        --button-color: var(--icon-primary);
        --button-border-top-left-radius: var(--corner-radius-extra-small);
        --button-border-top-right-radius: var(--corner-radius-extra-small);
        --button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --button-padding-left: var(--spacing-space-6);
        --button-padding-right: var(--spacing-space-6);
        --button-padding-top: var(--spacing-space-5);
        --button-padding-bottom: var(--spacing-space-5);
        --button-row-gap: var(--spacing-space-3);
        --button-column-gap: var(--spacing-space-3);
        --button-font-family: sans-sarif;
        --button-font-size: initial;
        --button-font-weight: regular;
        --button-paragraph-spacing: 0px;
        --button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="button-inverse-medium-primary-ghost"], [data-theme='light'] [component-variant="button-inverse-medium-primary-ghost"] {
        --button-color: var(--text-inverse);
        --button-border-top-left-radius: var(--corner-radius-extra-small);
        --button-border-top-right-radius: var(--corner-radius-extra-small);
        --button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --button-padding-left: var(--spacing-space-6);
        --button-padding-right: var(--spacing-space-6);
        --button-padding-top: var(--spacing-space-5);
        --button-padding-bottom: var(--spacing-space-5);
        --button-row-gap: var(--spacing-space-3);
        --button-column-gap: var(--spacing-space-3);
        --button-font-family: var(--font-family-body);
        --button-font-size: var(--font-size-body-small);
        --button-font-weight: var(--font-weight-medium);
        --button-line-height: var(--line-height-body-small);
        --button-paragraph-spacing: 0px;
        --button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="button-inverse-medium-primary-ghost"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='light'] [component-variant="button-inverse-medium-primary-ghost"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="button-inverse-medium-primary-ghost"]:focus-visible:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="button-inverse-medium-primary-ghost"]:focus-visible:not(:disabled):not([disabled]) {
        --button-background-color: var(--interactive-surface-secondary-pressed);
        --button-color: var(--text-primary);
        --button-border-top-left-radius: var(--corner-radius-extra-small);
        --button-border-top-right-radius: var(--corner-radius-extra-small);
        --button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --button-border-color: var(--border-border-grey-1);
        --button-border-top-width: 1px;
        --button-border-right-width: 1px;
        --button-border-bottom-width: 1px;
        --button-border-left-width: 1px;
        --button-padding-left: var(--spacing-space-6);
        --button-padding-right: var(--spacing-space-6);
        --button-padding-top: var(--spacing-space-5);
        --button-padding-bottom: var(--spacing-space-5);
        --button-row-gap: var(--spacing-space-3);
        --button-column-gap: var(--spacing-space-3);
        --button-font-family: var(--font-family-body);
        --button-font-size: var(--font-size-body-small);
        --button-font-weight: var(--font-weight-medium);
        --button-line-height: var(--line-height-body-small);
        --button-paragraph-spacing: 0px;
        --button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="button-inverse-medium-primary-ghost"]:hover:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="button-inverse-medium-primary-ghost"]:hover:not(:disabled):not([disabled]) {
        --button-background-color: var(--interactive-surface-secondary-hover);
        --button-color: var(--text-primary);
        --button-border-top-left-radius: var(--corner-radius-extra-small);
        --button-border-top-right-radius: var(--corner-radius-extra-small);
        --button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --button-padding-left: var(--spacing-space-6);
        --button-padding-right: var(--spacing-space-6);
        --button-padding-top: var(--spacing-space-5);
        --button-padding-bottom: var(--spacing-space-5);
        --button-row-gap: var(--spacing-space-3);
        --button-column-gap: var(--spacing-space-3);
        --button-font-family: var(--font-family-body);
        --button-font-size: var(--font-size-body-small);
        --button-font-weight: var(--font-weight-medium);
        --button-line-height: var(--line-height-body-small);
        --button-paragraph-spacing: 0px;
        --button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="button-inverse-medium-primary-ghost"][active]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="button-inverse-medium-primary-ghost"][active]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="button-inverse-medium-primary-ghost"]:active:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="button-inverse-medium-primary-ghost"]:active:not(:disabled):not([disabled]) {
        --button-background-color: var(--interactive-surface-secondary-pressed);
        --button-color: var(--text-primary);
        --button-border-top-left-radius: var(--corner-radius-extra-small);
        --button-border-top-right-radius: var(--corner-radius-extra-small);
        --button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --button-padding-left: var(--spacing-space-6);
        --button-padding-right: var(--spacing-space-6);
        --button-padding-top: var(--spacing-space-5);
        --button-padding-bottom: var(--spacing-space-5);
        --button-row-gap: var(--spacing-space-3);
        --button-column-gap: var(--spacing-space-3);
        --button-font-family: var(--font-family-body);
        --button-font-size: var(--font-size-body-small);
        --button-font-weight: var(--font-weight-medium);
        --button-line-height: var(--line-height-body-small);
        --button-paragraph-spacing: 0px;
        --button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="button-inverse-medium-primary-ghost"][disabled],
[data-theme='light'] [component-variant="button-inverse-medium-primary-ghost"][disabled],
[data-theme='dark'] [component-variant="button-inverse-medium-primary-ghost"]:disabled,
[data-theme='light'] [component-variant="button-inverse-medium-primary-ghost"]:disabled {
        --button-background-color: var(--interactive-surface-primary-disabled-1);
        --button-color: var(--text-tertiary);
        --button-border-top-left-radius: var(--corner-radius-extra-small);
        --button-border-top-right-radius: var(--corner-radius-extra-small);
        --button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --button-padding-left: var(--spacing-space-6);
        --button-padding-right: var(--spacing-space-6);
        --button-padding-top: var(--spacing-space-5);
        --button-padding-bottom: var(--spacing-space-5);
        --button-row-gap: var(--spacing-space-3);
        --button-column-gap: var(--spacing-space-3);
        --button-font-family: var(--font-family-body);
        --button-font-size: var(--font-size-body-small);
        --button-font-weight: var(--font-weight-medium);
        --button-line-height: var(--line-height-body-small);
        --button-paragraph-spacing: 0px;
        --button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="button-inverse-medium-primary-ghost"][loading], [data-theme='light'] [component-variant="button-inverse-medium-primary-ghost"][loading] {
        --button-background-color: var(--interactive-surface-secondary-hover);
        --button-color: var(--icon-primary);
        --button-border-top-left-radius: var(--corner-radius-extra-small);
        --button-border-top-right-radius: var(--corner-radius-extra-small);
        --button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --button-padding-left: var(--spacing-space-6);
        --button-padding-right: var(--spacing-space-6);
        --button-padding-top: var(--spacing-space-5);
        --button-padding-bottom: var(--spacing-space-5);
        --button-row-gap: var(--spacing-space-3);
        --button-column-gap: var(--spacing-space-3);
        --button-font-family: sans-sarif;
        --button-font-size: initial;
        --button-font-weight: regular;
        --button-paragraph-spacing: 0px;
        --button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="button-default-small-destructive-ghost"], [data-theme='light'] [component-variant="button-default-small-destructive-ghost"] {
        --button-color: var(--text-primary);
        --button-border-top-left-radius: var(--corner-radius-extra-small);
        --button-border-top-right-radius: var(--corner-radius-extra-small);
        --button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --button-padding-left: var(--spacing-space-5);
        --button-padding-right: var(--spacing-space-5);
        --button-padding-top: var(--spacing-space-3);
        --button-padding-bottom: var(--spacing-space-3);
        --button-row-gap: var(--spacing-space-3);
        --button-column-gap: var(--spacing-space-3);
        --button-font-family: var(--font-family-body);
        --button-font-size: var(--font-size-body-small);
        --button-font-weight: var(--font-weight-medium);
        --button-line-height: var(--line-height-body-small);
        --button-paragraph-spacing: 0px;
        --button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="button-default-small-destructive-ghost"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='light'] [component-variant="button-default-small-destructive-ghost"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="button-default-small-destructive-ghost"]:focus-visible:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="button-default-small-destructive-ghost"]:focus-visible:not(:disabled):not([disabled]) {
        --button-background-color: var(--interactive-surface-destructive-hover);
        --button-color: var(--text-colour-button-text);
        --button-border-top-left-radius: var(--corner-radius-extra-small);
        --button-border-top-right-radius: var(--corner-radius-extra-small);
        --button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --button-border-color: var(--border-border-grey-1);
        --button-border-top-width: 1px;
        --button-border-right-width: 1px;
        --button-border-bottom-width: 1px;
        --button-border-left-width: 1px;
        --button-padding-left: var(--spacing-space-5);
        --button-padding-right: var(--spacing-space-5);
        --button-padding-top: var(--spacing-space-3);
        --button-padding-bottom: var(--spacing-space-3);
        --button-row-gap: var(--spacing-space-3);
        --button-column-gap: var(--spacing-space-3);
        --button-font-family: var(--font-family-body);
        --button-font-size: var(--font-size-body-small);
        --button-font-weight: var(--font-weight-medium);
        --button-line-height: var(--line-height-body-small);
        --button-paragraph-spacing: 0px;
        --button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="button-default-small-destructive-ghost"]:hover:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="button-default-small-destructive-ghost"]:hover:not(:disabled):not([disabled]) {
        --button-background-color: var(--interactive-surface-destructive-hover);
        --button-color: var(--text-colour-button-text);
        --button-border-top-left-radius: var(--corner-radius-extra-small);
        --button-border-top-right-radius: var(--corner-radius-extra-small);
        --button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --button-padding-left: var(--spacing-space-5);
        --button-padding-right: var(--spacing-space-5);
        --button-padding-top: var(--spacing-space-3);
        --button-padding-bottom: var(--spacing-space-3);
        --button-row-gap: var(--spacing-space-3);
        --button-column-gap: var(--spacing-space-3);
        --button-font-family: var(--font-family-body);
        --button-font-size: var(--font-size-body-small);
        --button-font-weight: var(--font-weight-medium);
        --button-line-height: var(--line-height-body-small);
        --button-paragraph-spacing: 0px;
        --button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="button-default-small-destructive-ghost"][active]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="button-default-small-destructive-ghost"][active]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="button-default-small-destructive-ghost"]:active:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="button-default-small-destructive-ghost"]:active:not(:disabled):not([disabled]) {
        --button-background-color: var(--interactive-surface-destructive-pressed);
        --button-color: var(--text-colour-button-text);
        --button-border-top-left-radius: var(--corner-radius-extra-small);
        --button-border-top-right-radius: var(--corner-radius-extra-small);
        --button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --button-padding-left: var(--spacing-space-5);
        --button-padding-right: var(--spacing-space-5);
        --button-padding-top: var(--spacing-space-3);
        --button-padding-bottom: var(--spacing-space-3);
        --button-row-gap: var(--spacing-space-3);
        --button-column-gap: var(--spacing-space-3);
        --button-font-family: var(--font-family-body);
        --button-font-size: var(--font-size-body-small);
        --button-font-weight: var(--font-weight-medium);
        --button-line-height: var(--line-height-body-small);
        --button-paragraph-spacing: 0px;
        --button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="button-default-small-destructive-ghost"][disabled],
[data-theme='light'] [component-variant="button-default-small-destructive-ghost"][disabled],
[data-theme='dark'] [component-variant="button-default-small-destructive-ghost"]:disabled,
[data-theme='light'] [component-variant="button-default-small-destructive-ghost"]:disabled {
        --button-background-color: var(--interactive-surface-destructive-disabled);
        --button-color: var(--text-tertiary);
        --button-border-top-left-radius: var(--corner-radius-extra-small);
        --button-border-top-right-radius: var(--corner-radius-extra-small);
        --button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --button-padding-left: var(--spacing-space-5);
        --button-padding-right: var(--spacing-space-5);
        --button-padding-top: var(--spacing-space-3);
        --button-padding-bottom: var(--spacing-space-3);
        --button-row-gap: var(--spacing-space-3);
        --button-column-gap: var(--spacing-space-3);
        --button-font-family: var(--font-family-body);
        --button-font-size: var(--font-size-body-small);
        --button-font-weight: var(--font-weight-medium);
        --button-line-height: var(--line-height-body-small);
        --button-paragraph-spacing: 0px;
        --button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="button-default-small-destructive-ghost"][loading], [data-theme='light'] [component-variant="button-default-small-destructive-ghost"][loading] {
        --button-background-color: var(--interactive-surface-destructive-hover);
        --button-color: rgb(233, 233, 234);
        --button-border-top-left-radius: var(--corner-radius-extra-small);
        --button-border-top-right-radius: var(--corner-radius-extra-small);
        --button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --button-padding-left: var(--spacing-space-5);
        --button-padding-right: var(--spacing-space-5);
        --button-padding-top: var(--spacing-space-3);
        --button-padding-bottom: var(--spacing-space-3);
        --button-row-gap: var(--spacing-space-3);
        --button-column-gap: var(--spacing-space-3);
        --button-font-family: sans-sarif;
        --button-font-size: initial;
        --button-font-weight: regular;
        --button-paragraph-spacing: 0px;
        --button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="button-inverse-small-destructive-ghost"], [data-theme='light'] [component-variant="button-inverse-small-destructive-ghost"] {
        --button-color: var(--text-inverse);
        --button-border-top-left-radius: var(--corner-radius-extra-small);
        --button-border-top-right-radius: var(--corner-radius-extra-small);
        --button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --button-padding-left: var(--spacing-space-5);
        --button-padding-right: var(--spacing-space-5);
        --button-padding-top: var(--spacing-space-3);
        --button-padding-bottom: var(--spacing-space-3);
        --button-row-gap: var(--spacing-space-3);
        --button-column-gap: var(--spacing-space-3);
        --button-font-family: var(--font-family-body);
        --button-font-size: var(--font-size-body-small);
        --button-font-weight: var(--font-weight-medium);
        --button-line-height: var(--line-height-body-small);
        --button-paragraph-spacing: 0px;
        --button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="button-inverse-small-destructive-ghost"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='light'] [component-variant="button-inverse-small-destructive-ghost"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="button-inverse-small-destructive-ghost"]:focus-visible:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="button-inverse-small-destructive-ghost"]:focus-visible:not(:disabled):not([disabled]) {
        --button-background-color: var(--interactive-surface-destructive-hover);
        --button-color: var(--text-colour-button-text);
        --button-border-top-left-radius: var(--corner-radius-extra-small);
        --button-border-top-right-radius: var(--corner-radius-extra-small);
        --button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --button-border-color: var(--border-border-grey-1);
        --button-border-top-width: 1px;
        --button-border-right-width: 1px;
        --button-border-bottom-width: 1px;
        --button-border-left-width: 1px;
        --button-padding-left: var(--spacing-space-5);
        --button-padding-right: var(--spacing-space-5);
        --button-padding-top: var(--spacing-space-3);
        --button-padding-bottom: var(--spacing-space-3);
        --button-row-gap: var(--spacing-space-3);
        --button-column-gap: var(--spacing-space-3);
        --button-font-family: var(--font-family-body);
        --button-font-size: var(--font-size-body-small);
        --button-font-weight: var(--font-weight-medium);
        --button-line-height: var(--line-height-body-small);
        --button-paragraph-spacing: 0px;
        --button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="button-inverse-small-destructive-ghost"]:hover:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="button-inverse-small-destructive-ghost"]:hover:not(:disabled):not([disabled]) {
        --button-background-color: var(--interactive-surface-destructive-hover);
        --button-color: var(--text-colour-button-text);
        --button-border-top-left-radius: var(--corner-radius-extra-small);
        --button-border-top-right-radius: var(--corner-radius-extra-small);
        --button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --button-padding-left: var(--spacing-space-5);
        --button-padding-right: var(--spacing-space-5);
        --button-padding-top: var(--spacing-space-3);
        --button-padding-bottom: var(--spacing-space-3);
        --button-row-gap: var(--spacing-space-3);
        --button-column-gap: var(--spacing-space-3);
        --button-font-family: var(--font-family-body);
        --button-font-size: var(--font-size-body-small);
        --button-font-weight: var(--font-weight-medium);
        --button-line-height: var(--line-height-body-small);
        --button-paragraph-spacing: 0px;
        --button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="button-inverse-small-destructive-ghost"][active]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="button-inverse-small-destructive-ghost"][active]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="button-inverse-small-destructive-ghost"]:active:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="button-inverse-small-destructive-ghost"]:active:not(:disabled):not([disabled]) {
        --button-background-color: var(--interactive-surface-destructive-pressed);
        --button-color: var(--text-colour-button-text);
        --button-border-top-left-radius: var(--corner-radius-extra-small);
        --button-border-top-right-radius: var(--corner-radius-extra-small);
        --button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --button-padding-left: var(--spacing-space-5);
        --button-padding-right: var(--spacing-space-5);
        --button-padding-top: var(--spacing-space-3);
        --button-padding-bottom: var(--spacing-space-3);
        --button-row-gap: var(--spacing-space-3);
        --button-column-gap: var(--spacing-space-3);
        --button-font-family: var(--font-family-body);
        --button-font-size: var(--font-size-body-small);
        --button-font-weight: var(--font-weight-medium);
        --button-line-height: var(--line-height-body-small);
        --button-paragraph-spacing: 0px;
        --button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="button-inverse-small-destructive-ghost"][disabled],
[data-theme='light'] [component-variant="button-inverse-small-destructive-ghost"][disabled],
[data-theme='dark'] [component-variant="button-inverse-small-destructive-ghost"]:disabled,
[data-theme='light'] [component-variant="button-inverse-small-destructive-ghost"]:disabled {
        --button-background-color: var(--interactive-surface-destructive-disabled);
        --button-color: var(--text-tertiary);
        --button-border-top-left-radius: var(--corner-radius-extra-small);
        --button-border-top-right-radius: var(--corner-radius-extra-small);
        --button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --button-padding-left: var(--spacing-space-5);
        --button-padding-right: var(--spacing-space-5);
        --button-padding-top: var(--spacing-space-3);
        --button-padding-bottom: var(--spacing-space-3);
        --button-row-gap: var(--spacing-space-3);
        --button-column-gap: var(--spacing-space-3);
        --button-font-family: var(--font-family-body);
        --button-font-size: var(--font-size-body-small);
        --button-font-weight: var(--font-weight-medium);
        --button-line-height: var(--line-height-body-small);
        --button-paragraph-spacing: 0px;
        --button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="button-inverse-small-destructive-ghost"][loading], [data-theme='light'] [component-variant="button-inverse-small-destructive-ghost"][loading] {
        --button-background-color: var(--interactive-surface-destructive-hover);
        --button-color: rgb(233, 233, 234);
        --button-border-top-left-radius: var(--corner-radius-extra-small);
        --button-border-top-right-radius: var(--corner-radius-extra-small);
        --button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --button-padding-left: var(--spacing-space-5);
        --button-padding-right: var(--spacing-space-5);
        --button-padding-top: var(--spacing-space-3);
        --button-padding-bottom: var(--spacing-space-3);
        --button-row-gap: var(--spacing-space-3);
        --button-column-gap: var(--spacing-space-3);
        --button-font-family: sans-sarif;
        --button-font-size: initial;
        --button-font-weight: regular;
        --button-paragraph-spacing: 0px;
        --button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="button-default-medium-destructive-ghost"], [data-theme='light'] [component-variant="button-default-medium-destructive-ghost"] {
        --button-color: var(--text-primary);
        --button-border-top-left-radius: var(--corner-radius-extra-small);
        --button-border-top-right-radius: var(--corner-radius-extra-small);
        --button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --button-padding-left: var(--spacing-space-6);
        --button-padding-right: var(--spacing-space-6);
        --button-padding-top: var(--spacing-space-5);
        --button-padding-bottom: var(--spacing-space-5);
        --button-row-gap: var(--spacing-space-3);
        --button-column-gap: var(--spacing-space-3);
        --button-font-family: var(--font-family-body);
        --button-font-size: var(--font-size-body-small);
        --button-font-weight: var(--font-weight-medium);
        --button-line-height: var(--line-height-body-small);
        --button-paragraph-spacing: 0px;
        --button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="button-default-medium-destructive-ghost"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='light'] [component-variant="button-default-medium-destructive-ghost"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="button-default-medium-destructive-ghost"]:focus-visible:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="button-default-medium-destructive-ghost"]:focus-visible:not(:disabled):not([disabled]) {
        --button-background-color: var(--interactive-surface-destructive-hover);
        --button-color: var(--text-colour-button-text);
        --button-border-top-left-radius: var(--corner-radius-extra-small);
        --button-border-top-right-radius: var(--corner-radius-extra-small);
        --button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --button-border-color: var(--border-border-grey-1);
        --button-border-top-width: 1px;
        --button-border-right-width: 1px;
        --button-border-bottom-width: 1px;
        --button-border-left-width: 1px;
        --button-padding-left: var(--spacing-space-6);
        --button-padding-right: var(--spacing-space-6);
        --button-padding-top: var(--spacing-space-5);
        --button-padding-bottom: var(--spacing-space-5);
        --button-row-gap: var(--spacing-space-3);
        --button-column-gap: var(--spacing-space-3);
        --button-font-family: var(--font-family-body);
        --button-font-size: var(--font-size-body-small);
        --button-font-weight: var(--font-weight-medium);
        --button-line-height: var(--line-height-body-small);
        --button-paragraph-spacing: 0px;
        --button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="button-default-medium-destructive-ghost"]:hover:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="button-default-medium-destructive-ghost"]:hover:not(:disabled):not([disabled]) {
        --button-background-color: var(--interactive-surface-destructive-hover);
        --button-color: var(--text-colour-button-text);
        --button-border-top-left-radius: var(--corner-radius-extra-small);
        --button-border-top-right-radius: var(--corner-radius-extra-small);
        --button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --button-padding-left: var(--spacing-space-6);
        --button-padding-right: var(--spacing-space-6);
        --button-padding-top: var(--spacing-space-5);
        --button-padding-bottom: var(--spacing-space-5);
        --button-row-gap: var(--spacing-space-3);
        --button-column-gap: var(--spacing-space-3);
        --button-font-family: var(--font-family-body);
        --button-font-size: var(--font-size-body-small);
        --button-font-weight: var(--font-weight-medium);
        --button-line-height: var(--line-height-body-small);
        --button-paragraph-spacing: 0px;
        --button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="button-default-medium-destructive-ghost"][active]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="button-default-medium-destructive-ghost"][active]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="button-default-medium-destructive-ghost"]:active:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="button-default-medium-destructive-ghost"]:active:not(:disabled):not([disabled]) {
        --button-background-color: var(--interactive-surface-destructive-pressed);
        --button-color: var(--text-colour-button-text);
        --button-border-top-left-radius: var(--corner-radius-extra-small);
        --button-border-top-right-radius: var(--corner-radius-extra-small);
        --button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --button-padding-left: var(--spacing-space-6);
        --button-padding-right: var(--spacing-space-6);
        --button-padding-top: var(--spacing-space-5);
        --button-padding-bottom: var(--spacing-space-5);
        --button-row-gap: var(--spacing-space-3);
        --button-column-gap: var(--spacing-space-3);
        --button-font-family: var(--font-family-body);
        --button-font-size: var(--font-size-body-small);
        --button-font-weight: var(--font-weight-medium);
        --button-line-height: var(--line-height-body-small);
        --button-paragraph-spacing: 0px;
        --button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="button-default-medium-destructive-ghost"][disabled],
[data-theme='light'] [component-variant="button-default-medium-destructive-ghost"][disabled],
[data-theme='dark'] [component-variant="button-default-medium-destructive-ghost"]:disabled,
[data-theme='light'] [component-variant="button-default-medium-destructive-ghost"]:disabled {
        --button-background-color: var(--interactive-surface-destructive-disabled);
        --button-color: var(--text-tertiary);
        --button-border-top-left-radius: var(--corner-radius-extra-small);
        --button-border-top-right-radius: var(--corner-radius-extra-small);
        --button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --button-padding-left: var(--spacing-space-6);
        --button-padding-right: var(--spacing-space-6);
        --button-padding-top: var(--spacing-space-5);
        --button-padding-bottom: var(--spacing-space-5);
        --button-row-gap: var(--spacing-space-3);
        --button-column-gap: var(--spacing-space-3);
        --button-font-family: var(--font-family-body);
        --button-font-size: var(--font-size-body-small);
        --button-font-weight: var(--font-weight-medium);
        --button-line-height: var(--line-height-body-small);
        --button-paragraph-spacing: 0px;
        --button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="button-default-medium-destructive-ghost"][loading], [data-theme='light'] [component-variant="button-default-medium-destructive-ghost"][loading] {
        --button-background-color: var(--interactive-surface-destructive-hover);
        --button-color: rgb(233, 233, 234);
        --button-border-top-left-radius: var(--corner-radius-extra-small);
        --button-border-top-right-radius: var(--corner-radius-extra-small);
        --button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --button-padding-left: var(--spacing-space-6);
        --button-padding-right: var(--spacing-space-6);
        --button-padding-top: var(--spacing-space-5);
        --button-padding-bottom: var(--spacing-space-5);
        --button-row-gap: var(--spacing-space-3);
        --button-column-gap: var(--spacing-space-3);
        --button-font-family: sans-sarif;
        --button-font-size: initial;
        --button-font-weight: regular;
        --button-paragraph-spacing: 0px;
        --button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="button-inverse-medium-destructive-ghost"], [data-theme='light'] [component-variant="button-inverse-medium-destructive-ghost"] {
        --button-color: var(--text-inverse);
        --button-border-top-left-radius: var(--corner-radius-extra-small);
        --button-border-top-right-radius: var(--corner-radius-extra-small);
        --button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --button-padding-left: var(--spacing-space-6);
        --button-padding-right: var(--spacing-space-6);
        --button-padding-top: var(--spacing-space-5);
        --button-padding-bottom: var(--spacing-space-5);
        --button-row-gap: var(--spacing-space-3);
        --button-column-gap: var(--spacing-space-3);
        --button-font-family: var(--font-family-body);
        --button-font-size: var(--font-size-body-small);
        --button-font-weight: var(--font-weight-medium);
        --button-line-height: var(--line-height-body-small);
        --button-paragraph-spacing: 0px;
        --button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="button-inverse-medium-destructive-ghost"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='light'] [component-variant="button-inverse-medium-destructive-ghost"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="button-inverse-medium-destructive-ghost"]:focus-visible:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="button-inverse-medium-destructive-ghost"]:focus-visible:not(:disabled):not([disabled]) {
        --button-background-color: var(--interactive-surface-destructive-hover);
        --button-color: var(--text-colour-button-text);
        --button-border-top-left-radius: var(--corner-radius-extra-small);
        --button-border-top-right-radius: var(--corner-radius-extra-small);
        --button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --button-border-color: var(--border-border-grey-1);
        --button-border-top-width: 1px;
        --button-border-right-width: 1px;
        --button-border-bottom-width: 1px;
        --button-border-left-width: 1px;
        --button-padding-left: var(--spacing-space-6);
        --button-padding-right: var(--spacing-space-6);
        --button-padding-top: var(--spacing-space-5);
        --button-padding-bottom: var(--spacing-space-5);
        --button-row-gap: var(--spacing-space-3);
        --button-column-gap: var(--spacing-space-3);
        --button-font-family: var(--font-family-body);
        --button-font-size: var(--font-size-body-small);
        --button-font-weight: var(--font-weight-medium);
        --button-line-height: var(--line-height-body-small);
        --button-paragraph-spacing: 0px;
        --button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="button-inverse-medium-destructive-ghost"]:hover:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="button-inverse-medium-destructive-ghost"]:hover:not(:disabled):not([disabled]) {
        --button-background-color: var(--interactive-surface-destructive-hover);
        --button-color: var(--text-colour-button-text);
        --button-border-top-left-radius: var(--corner-radius-extra-small);
        --button-border-top-right-radius: var(--corner-radius-extra-small);
        --button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --button-padding-left: var(--spacing-space-6);
        --button-padding-right: var(--spacing-space-6);
        --button-padding-top: var(--spacing-space-5);
        --button-padding-bottom: var(--spacing-space-5);
        --button-row-gap: var(--spacing-space-3);
        --button-column-gap: var(--spacing-space-3);
        --button-font-family: var(--font-family-body);
        --button-font-size: var(--font-size-body-small);
        --button-font-weight: var(--font-weight-medium);
        --button-line-height: var(--line-height-body-small);
        --button-paragraph-spacing: 0px;
        --button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="button-inverse-medium-destructive-ghost"][active]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="button-inverse-medium-destructive-ghost"][active]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="button-inverse-medium-destructive-ghost"]:active:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="button-inverse-medium-destructive-ghost"]:active:not(:disabled):not([disabled]) {
        --button-background-color: var(--interactive-surface-destructive-pressed);
        --button-color: var(--text-colour-button-text);
        --button-border-top-left-radius: var(--corner-radius-extra-small);
        --button-border-top-right-radius: var(--corner-radius-extra-small);
        --button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --button-padding-left: var(--spacing-space-6);
        --button-padding-right: var(--spacing-space-6);
        --button-padding-top: var(--spacing-space-5);
        --button-padding-bottom: var(--spacing-space-5);
        --button-row-gap: var(--spacing-space-3);
        --button-column-gap: var(--spacing-space-3);
        --button-font-family: var(--font-family-body);
        --button-font-size: var(--font-size-body-small);
        --button-font-weight: var(--font-weight-medium);
        --button-line-height: var(--line-height-body-small);
        --button-paragraph-spacing: 0px;
        --button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="button-inverse-medium-destructive-ghost"][disabled],
[data-theme='light'] [component-variant="button-inverse-medium-destructive-ghost"][disabled],
[data-theme='dark'] [component-variant="button-inverse-medium-destructive-ghost"]:disabled,
[data-theme='light'] [component-variant="button-inverse-medium-destructive-ghost"]:disabled {
        --button-background-color: var(--interactive-surface-destructive-disabled);
        --button-color: var(--text-tertiary);
        --button-border-top-left-radius: var(--corner-radius-extra-small);
        --button-border-top-right-radius: var(--corner-radius-extra-small);
        --button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --button-padding-left: var(--spacing-space-6);
        --button-padding-right: var(--spacing-space-6);
        --button-padding-top: var(--spacing-space-5);
        --button-padding-bottom: var(--spacing-space-5);
        --button-row-gap: var(--spacing-space-3);
        --button-column-gap: var(--spacing-space-3);
        --button-font-family: var(--font-family-body);
        --button-font-size: var(--font-size-body-small);
        --button-font-weight: var(--font-weight-medium);
        --button-line-height: var(--line-height-body-small);
        --button-paragraph-spacing: 0px;
        --button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="button-inverse-medium-destructive-ghost"][loading], [data-theme='light'] [component-variant="button-inverse-medium-destructive-ghost"][loading] {
        --button-background-color: var(--interactive-surface-destructive-hover);
        --button-color: rgb(233, 233, 234);
        --button-border-top-left-radius: var(--corner-radius-extra-small);
        --button-border-top-right-radius: var(--corner-radius-extra-small);
        --button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --button-padding-left: var(--spacing-space-6);
        --button-padding-right: var(--spacing-space-6);
        --button-padding-top: var(--spacing-space-5);
        --button-padding-bottom: var(--spacing-space-5);
        --button-row-gap: var(--spacing-space-3);
        --button-column-gap: var(--spacing-space-3);
        --button-font-family: sans-sarif;
        --button-font-size: initial;
        --button-font-weight: regular;
        --button-paragraph-spacing: 0px;
        --button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="button-default-small-secondary-ghost"], [data-theme='light'] [component-variant="button-default-small-secondary-ghost"] {
        --button-background-color: var(--interactive-surface-ghost-default);
        --button-color: var(--text-primary);
        --button-border-top-left-radius: var(--corner-radius-extra-small);
        --button-border-top-right-radius: var(--corner-radius-extra-small);
        --button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --button-padding-left: var(--spacing-space-5);
        --button-padding-right: var(--spacing-space-5);
        --button-padding-top: var(--spacing-space-3);
        --button-padding-bottom: var(--spacing-space-3);
        --button-row-gap: var(--spacing-space-3);
        --button-column-gap: var(--spacing-space-3);
        --button-font-family: var(--font-family-body);
        --button-font-size: var(--font-size-body-small);
        --button-font-weight: var(--font-weight-medium);
        --button-line-height: var(--line-height-body-small);
        --button-paragraph-spacing: 0px;
        --button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="button-default-small-secondary-ghost"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='light'] [component-variant="button-default-small-secondary-ghost"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="button-default-small-secondary-ghost"]:focus-visible:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="button-default-small-secondary-ghost"]:focus-visible:not(:disabled):not([disabled]) {
        --button-background-color: var(--interactive-surface-ghost-pressed);
        --button-color: var(--text-primary);
        --button-border-top-left-radius: var(--corner-radius-extra-small);
        --button-border-top-right-radius: var(--corner-radius-extra-small);
        --button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --button-border-color: var(--border-border-grey-1);
        --button-border-top-width: 1px;
        --button-border-right-width: 1px;
        --button-border-bottom-width: 1px;
        --button-border-left-width: 1px;
        --button-padding-left: var(--spacing-space-5);
        --button-padding-right: var(--spacing-space-5);
        --button-padding-top: var(--spacing-space-3);
        --button-padding-bottom: var(--spacing-space-3);
        --button-row-gap: var(--spacing-space-3);
        --button-column-gap: var(--spacing-space-3);
        --button-font-family: var(--font-family-body);
        --button-font-size: var(--font-size-body-small);
        --button-font-weight: var(--font-weight-medium);
        --button-line-height: var(--line-height-body-small);
        --button-paragraph-spacing: 0px;
        --button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="button-default-small-secondary-ghost"]:hover:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="button-default-small-secondary-ghost"]:hover:not(:disabled):not([disabled]) {
        --button-background-color: var(--interactive-surface-ghost-hover);
        --button-color: var(--text-primary);
        --button-border-top-left-radius: var(--corner-radius-extra-small);
        --button-border-top-right-radius: var(--corner-radius-extra-small);
        --button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --button-padding-left: var(--spacing-space-5);
        --button-padding-right: var(--spacing-space-5);
        --button-padding-top: var(--spacing-space-3);
        --button-padding-bottom: var(--spacing-space-3);
        --button-row-gap: var(--spacing-space-3);
        --button-column-gap: var(--spacing-space-3);
        --button-font-family: var(--font-family-body);
        --button-font-size: var(--font-size-body-small);
        --button-font-weight: var(--font-weight-medium);
        --button-line-height: var(--line-height-body-small);
        --button-paragraph-spacing: 0px;
        --button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="button-default-small-secondary-ghost"][active]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="button-default-small-secondary-ghost"][active]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="button-default-small-secondary-ghost"]:active:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="button-default-small-secondary-ghost"]:active:not(:disabled):not([disabled]) {
        --button-background-color: var(--interactive-surface-ghost-pressed);
        --button-color: var(--text-primary);
        --button-border-top-left-radius: var(--corner-radius-extra-small);
        --button-border-top-right-radius: var(--corner-radius-extra-small);
        --button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --button-padding-left: var(--spacing-space-5);
        --button-padding-right: var(--spacing-space-5);
        --button-padding-top: var(--spacing-space-3);
        --button-padding-bottom: var(--spacing-space-3);
        --button-row-gap: var(--spacing-space-3);
        --button-column-gap: var(--spacing-space-3);
        --button-font-family: var(--font-family-body);
        --button-font-size: var(--font-size-body-small);
        --button-font-weight: var(--font-weight-medium);
        --button-line-height: var(--line-height-body-small);
        --button-paragraph-spacing: 0px;
        --button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="button-default-small-secondary-ghost"][disabled],
[data-theme='light'] [component-variant="button-default-small-secondary-ghost"][disabled],
[data-theme='dark'] [component-variant="button-default-small-secondary-ghost"]:disabled,
[data-theme='light'] [component-variant="button-default-small-secondary-ghost"]:disabled {
        --button-background-color: var(--interactive-surface-ghost-disabled);
        --button-color: var(--text-tertiary);
        --button-border-top-left-radius: var(--corner-radius-extra-small);
        --button-border-top-right-radius: var(--corner-radius-extra-small);
        --button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --button-padding-left: var(--spacing-space-5);
        --button-padding-right: var(--spacing-space-5);
        --button-padding-top: var(--spacing-space-3);
        --button-padding-bottom: var(--spacing-space-3);
        --button-row-gap: var(--spacing-space-3);
        --button-column-gap: var(--spacing-space-3);
        --button-font-family: var(--font-family-body);
        --button-font-size: var(--font-size-body-small);
        --button-font-weight: var(--font-weight-medium);
        --button-line-height: var(--line-height-body-small);
        --button-paragraph-spacing: 0px;
        --button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="button-default-small-secondary-ghost"][loading], [data-theme='light'] [component-variant="button-default-small-secondary-ghost"][loading] {
        --button-background-color: var(--interactive-surface-ghost-hover);
        --button-color: var(--icon-primary);
        --button-border-top-left-radius: var(--corner-radius-extra-small);
        --button-border-top-right-radius: var(--corner-radius-extra-small);
        --button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --button-padding-left: var(--spacing-space-5);
        --button-padding-right: var(--spacing-space-5);
        --button-padding-top: var(--spacing-space-3);
        --button-padding-bottom: var(--spacing-space-3);
        --button-row-gap: var(--spacing-space-3);
        --button-column-gap: var(--spacing-space-3);
        --button-font-family: sans-sarif;
        --button-font-size: initial;
        --button-font-weight: regular;
        --button-paragraph-spacing: 0px;
        --button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="button-inverse-small-secondary-ghost"], [data-theme='light'] [component-variant="button-inverse-small-secondary-ghost"] {
        --button-background-color: var(--interactive-surface-ghost-default);
        --button-color: var(--text-inverse);
        --button-border-top-left-radius: var(--corner-radius-extra-small);
        --button-border-top-right-radius: var(--corner-radius-extra-small);
        --button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --button-padding-left: var(--spacing-space-5);
        --button-padding-right: var(--spacing-space-5);
        --button-padding-top: var(--spacing-space-3);
        --button-padding-bottom: var(--spacing-space-3);
        --button-row-gap: var(--spacing-space-3);
        --button-column-gap: var(--spacing-space-3);
        --button-font-family: var(--font-family-body);
        --button-font-size: var(--font-size-body-small);
        --button-font-weight: var(--font-weight-medium);
        --button-line-height: var(--line-height-body-small);
        --button-paragraph-spacing: 0px;
        --button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="button-inverse-small-secondary-ghost"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='light'] [component-variant="button-inverse-small-secondary-ghost"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="button-inverse-small-secondary-ghost"]:focus-visible:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="button-inverse-small-secondary-ghost"]:focus-visible:not(:disabled):not([disabled]) {
        --button-background-color: var(--interactive-surface-ghost-pressed);
        --button-color: var(--text-primary);
        --button-border-top-left-radius: var(--corner-radius-extra-small);
        --button-border-top-right-radius: var(--corner-radius-extra-small);
        --button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --button-border-color: var(--border-border-grey-1);
        --button-border-top-width: 1px;
        --button-border-right-width: 1px;
        --button-border-bottom-width: 1px;
        --button-border-left-width: 1px;
        --button-padding-left: var(--spacing-space-5);
        --button-padding-right: var(--spacing-space-5);
        --button-padding-top: var(--spacing-space-3);
        --button-padding-bottom: var(--spacing-space-3);
        --button-row-gap: var(--spacing-space-3);
        --button-column-gap: var(--spacing-space-3);
        --button-font-family: var(--font-family-body);
        --button-font-size: var(--font-size-body-small);
        --button-font-weight: var(--font-weight-medium);
        --button-line-height: var(--line-height-body-small);
        --button-paragraph-spacing: 0px;
        --button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="button-inverse-small-secondary-ghost"]:hover:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="button-inverse-small-secondary-ghost"]:hover:not(:disabled):not([disabled]) {
        --button-background-color: var(--interactive-surface-ghost-hover);
        --button-color: var(--text-primary);
        --button-border-top-left-radius: var(--corner-radius-extra-small);
        --button-border-top-right-radius: var(--corner-radius-extra-small);
        --button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --button-padding-left: var(--spacing-space-5);
        --button-padding-right: var(--spacing-space-5);
        --button-padding-top: var(--spacing-space-3);
        --button-padding-bottom: var(--spacing-space-3);
        --button-row-gap: var(--spacing-space-3);
        --button-column-gap: var(--spacing-space-3);
        --button-font-family: var(--font-family-body);
        --button-font-size: var(--font-size-body-small);
        --button-font-weight: var(--font-weight-medium);
        --button-line-height: var(--line-height-body-small);
        --button-paragraph-spacing: 0px;
        --button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="button-inverse-small-secondary-ghost"][active]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="button-inverse-small-secondary-ghost"][active]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="button-inverse-small-secondary-ghost"]:active:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="button-inverse-small-secondary-ghost"]:active:not(:disabled):not([disabled]) {
        --button-background-color: var(--interactive-surface-ghost-pressed);
        --button-color: var(--text-primary);
        --button-border-top-left-radius: var(--corner-radius-extra-small);
        --button-border-top-right-radius: var(--corner-radius-extra-small);
        --button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --button-padding-left: var(--spacing-space-5);
        --button-padding-right: var(--spacing-space-5);
        --button-padding-top: var(--spacing-space-3);
        --button-padding-bottom: var(--spacing-space-3);
        --button-row-gap: var(--spacing-space-3);
        --button-column-gap: var(--spacing-space-3);
        --button-font-family: var(--font-family-body);
        --button-font-size: var(--font-size-body-small);
        --button-font-weight: var(--font-weight-medium);
        --button-line-height: var(--line-height-body-small);
        --button-paragraph-spacing: 0px;
        --button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="button-inverse-small-secondary-ghost"][disabled],
[data-theme='light'] [component-variant="button-inverse-small-secondary-ghost"][disabled],
[data-theme='dark'] [component-variant="button-inverse-small-secondary-ghost"]:disabled,
[data-theme='light'] [component-variant="button-inverse-small-secondary-ghost"]:disabled {
        --button-background-color: var(--interactive-surface-ghost-disabled);
        --button-color: var(--text-tertiary);
        --button-border-top-left-radius: var(--corner-radius-extra-small);
        --button-border-top-right-radius: var(--corner-radius-extra-small);
        --button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --button-padding-left: var(--spacing-space-5);
        --button-padding-right: var(--spacing-space-5);
        --button-padding-top: var(--spacing-space-3);
        --button-padding-bottom: var(--spacing-space-3);
        --button-row-gap: var(--spacing-space-3);
        --button-column-gap: var(--spacing-space-3);
        --button-font-family: var(--font-family-body);
        --button-font-size: var(--font-size-body-small);
        --button-font-weight: var(--font-weight-medium);
        --button-line-height: var(--line-height-body-small);
        --button-paragraph-spacing: 0px;
        --button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="button-inverse-small-secondary-ghost"][loading], [data-theme='light'] [component-variant="button-inverse-small-secondary-ghost"][loading] {
        --button-background-color: var(--interactive-surface-ghost-hover);
        --button-color: var(--icon-primary);
        --button-border-top-left-radius: var(--corner-radius-extra-small);
        --button-border-top-right-radius: var(--corner-radius-extra-small);
        --button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --button-padding-left: var(--spacing-space-5);
        --button-padding-right: var(--spacing-space-5);
        --button-padding-top: var(--spacing-space-3);
        --button-padding-bottom: var(--spacing-space-3);
        --button-row-gap: var(--spacing-space-3);
        --button-column-gap: var(--spacing-space-3);
        --button-font-family: sans-sarif;
        --button-font-size: initial;
        --button-font-weight: regular;
        --button-paragraph-spacing: 0px;
        --button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="button-default-small-primary-ghost"], [data-theme='light'] [component-variant="button-default-small-primary-ghost"] {
        --button-color: var(--text-primary);
        --button-border-top-left-radius: var(--corner-radius-extra-small);
        --button-border-top-right-radius: var(--corner-radius-extra-small);
        --button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --button-padding-left: var(--spacing-space-5);
        --button-padding-right: var(--spacing-space-5);
        --button-padding-top: var(--spacing-space-3);
        --button-padding-bottom: var(--spacing-space-3);
        --button-row-gap: var(--spacing-space-3);
        --button-column-gap: var(--spacing-space-3);
        --button-font-family: var(--font-family-body);
        --button-font-size: var(--font-size-body-small);
        --button-font-weight: var(--font-weight-medium);
        --button-line-height: var(--line-height-body-small);
        --button-paragraph-spacing: 0px;
        --button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="button-default-small-primary-ghost"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='light'] [component-variant="button-default-small-primary-ghost"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="button-default-small-primary-ghost"]:focus-visible:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="button-default-small-primary-ghost"]:focus-visible:not(:disabled):not([disabled]) {
        --button-background-color: var(--interactive-surface-secondary-pressed);
        --button-color: var(--text-primary);
        --button-border-top-left-radius: var(--corner-radius-extra-small);
        --button-border-top-right-radius: var(--corner-radius-extra-small);
        --button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --button-border-color: var(--border-border-grey-1);
        --button-border-top-width: 1px;
        --button-border-right-width: 1px;
        --button-border-bottom-width: 1px;
        --button-border-left-width: 1px;
        --button-padding-left: var(--spacing-space-5);
        --button-padding-right: var(--spacing-space-5);
        --button-padding-top: var(--spacing-space-3);
        --button-padding-bottom: var(--spacing-space-3);
        --button-row-gap: var(--spacing-space-3);
        --button-column-gap: var(--spacing-space-3);
        --button-font-family: var(--font-family-body);
        --button-font-size: var(--font-size-body-small);
        --button-font-weight: var(--font-weight-medium);
        --button-line-height: var(--line-height-body-small);
        --button-paragraph-spacing: 0px;
        --button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="button-default-small-primary-ghost"]:hover:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="button-default-small-primary-ghost"]:hover:not(:disabled):not([disabled]) {
        --button-background-color: var(--interactive-surface-secondary-hover);
        --button-color: var(--text-primary);
        --button-border-top-left-radius: var(--corner-radius-extra-small);
        --button-border-top-right-radius: var(--corner-radius-extra-small);
        --button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --button-padding-left: var(--spacing-space-5);
        --button-padding-right: var(--spacing-space-5);
        --button-padding-top: var(--spacing-space-3);
        --button-padding-bottom: var(--spacing-space-3);
        --button-row-gap: var(--spacing-space-3);
        --button-column-gap: var(--spacing-space-3);
        --button-font-family: var(--font-family-body);
        --button-font-size: var(--font-size-body-small);
        --button-font-weight: var(--font-weight-medium);
        --button-line-height: var(--line-height-body-small);
        --button-paragraph-spacing: 0px;
        --button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="button-default-small-primary-ghost"][active]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="button-default-small-primary-ghost"][active]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="button-default-small-primary-ghost"]:active:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="button-default-small-primary-ghost"]:active:not(:disabled):not([disabled]) {
        --button-background-color: var(--interactive-surface-secondary-pressed);
        --button-color: var(--text-primary);
        --button-border-top-left-radius: var(--corner-radius-extra-small);
        --button-border-top-right-radius: var(--corner-radius-extra-small);
        --button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --button-padding-left: var(--spacing-space-5);
        --button-padding-right: var(--spacing-space-5);
        --button-padding-top: var(--spacing-space-3);
        --button-padding-bottom: var(--spacing-space-3);
        --button-row-gap: var(--spacing-space-3);
        --button-column-gap: var(--spacing-space-3);
        --button-font-family: var(--font-family-body);
        --button-font-size: var(--font-size-body-small);
        --button-font-weight: var(--font-weight-medium);
        --button-line-height: var(--line-height-body-small);
        --button-paragraph-spacing: 0px;
        --button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="button-default-small-primary-ghost"][disabled],
[data-theme='light'] [component-variant="button-default-small-primary-ghost"][disabled],
[data-theme='dark'] [component-variant="button-default-small-primary-ghost"]:disabled,
[data-theme='light'] [component-variant="button-default-small-primary-ghost"]:disabled {
        --button-background-color: var(--interactive-surface-primary-disabled-1);
        --button-color: var(--text-tertiary);
        --button-border-top-left-radius: var(--corner-radius-extra-small);
        --button-border-top-right-radius: var(--corner-radius-extra-small);
        --button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --button-padding-left: var(--spacing-space-5);
        --button-padding-right: var(--spacing-space-5);
        --button-padding-top: var(--spacing-space-3);
        --button-padding-bottom: var(--spacing-space-3);
        --button-row-gap: var(--spacing-space-3);
        --button-column-gap: var(--spacing-space-3);
        --button-font-family: var(--font-family-body);
        --button-font-size: var(--font-size-body-small);
        --button-font-weight: var(--font-weight-medium);
        --button-line-height: var(--line-height-body-small);
        --button-paragraph-spacing: 0px;
        --button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="button-default-small-primary-ghost"][loading], [data-theme='light'] [component-variant="button-default-small-primary-ghost"][loading] {
        --button-background-color: var(--interactive-surface-secondary-hover);
        --button-color: var(--icon-primary);
        --button-border-top-left-radius: var(--corner-radius-extra-small);
        --button-border-top-right-radius: var(--corner-radius-extra-small);
        --button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --button-padding-left: var(--spacing-space-5);
        --button-padding-right: var(--spacing-space-5);
        --button-padding-top: var(--spacing-space-3);
        --button-padding-bottom: var(--spacing-space-3);
        --button-row-gap: var(--spacing-space-3);
        --button-column-gap: var(--spacing-space-3);
        --button-font-family: sans-sarif;
        --button-font-size: initial;
        --button-font-weight: regular;
        --button-paragraph-spacing: 0px;
        --button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="button-inverse-small-primary-ghost"], [data-theme='light'] [component-variant="button-inverse-small-primary-ghost"] {
        --button-color: var(--text-inverse);
        --button-border-top-left-radius: var(--corner-radius-extra-small);
        --button-border-top-right-radius: var(--corner-radius-extra-small);
        --button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --button-padding-left: var(--spacing-space-5);
        --button-padding-right: var(--spacing-space-5);
        --button-padding-top: var(--spacing-space-3);
        --button-padding-bottom: var(--spacing-space-3);
        --button-row-gap: var(--spacing-space-3);
        --button-column-gap: var(--spacing-space-3);
        --button-font-family: var(--font-family-body);
        --button-font-size: var(--font-size-body-small);
        --button-font-weight: var(--font-weight-medium);
        --button-line-height: var(--line-height-body-small);
        --button-paragraph-spacing: 0px;
        --button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="button-inverse-small-primary-ghost"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='light'] [component-variant="button-inverse-small-primary-ghost"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="button-inverse-small-primary-ghost"]:focus-visible:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="button-inverse-small-primary-ghost"]:focus-visible:not(:disabled):not([disabled]) {
        --button-background-color: var(--interactive-surface-secondary-pressed);
        --button-color: var(--text-primary);
        --button-border-top-left-radius: var(--corner-radius-extra-small);
        --button-border-top-right-radius: var(--corner-radius-extra-small);
        --button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --button-border-color: var(--border-border-grey-1);
        --button-border-top-width: 1px;
        --button-border-right-width: 1px;
        --button-border-bottom-width: 1px;
        --button-border-left-width: 1px;
        --button-padding-left: var(--spacing-space-5);
        --button-padding-right: var(--spacing-space-5);
        --button-padding-top: var(--spacing-space-3);
        --button-padding-bottom: var(--spacing-space-3);
        --button-row-gap: var(--spacing-space-3);
        --button-column-gap: var(--spacing-space-3);
        --button-font-family: var(--font-family-body);
        --button-font-size: var(--font-size-body-small);
        --button-font-weight: var(--font-weight-medium);
        --button-line-height: var(--line-height-body-small);
        --button-paragraph-spacing: 0px;
        --button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="button-inverse-small-primary-ghost"]:hover:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="button-inverse-small-primary-ghost"]:hover:not(:disabled):not([disabled]) {
        --button-background-color: var(--interactive-surface-secondary-hover);
        --button-color: var(--text-primary);
        --button-border-top-left-radius: var(--corner-radius-extra-small);
        --button-border-top-right-radius: var(--corner-radius-extra-small);
        --button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --button-padding-left: var(--spacing-space-5);
        --button-padding-right: var(--spacing-space-5);
        --button-padding-top: var(--spacing-space-3);
        --button-padding-bottom: var(--spacing-space-3);
        --button-row-gap: var(--spacing-space-3);
        --button-column-gap: var(--spacing-space-3);
        --button-font-family: var(--font-family-body);
        --button-font-size: var(--font-size-body-small);
        --button-font-weight: var(--font-weight-medium);
        --button-line-height: var(--line-height-body-small);
        --button-paragraph-spacing: 0px;
        --button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="button-inverse-small-primary-ghost"][active]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="button-inverse-small-primary-ghost"][active]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="button-inverse-small-primary-ghost"]:active:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="button-inverse-small-primary-ghost"]:active:not(:disabled):not([disabled]) {
        --button-background-color: var(--interactive-surface-secondary-pressed);
        --button-color: var(--text-primary);
        --button-border-top-left-radius: var(--corner-radius-extra-small);
        --button-border-top-right-radius: var(--corner-radius-extra-small);
        --button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --button-padding-left: var(--spacing-space-5);
        --button-padding-right: var(--spacing-space-5);
        --button-padding-top: var(--spacing-space-3);
        --button-padding-bottom: var(--spacing-space-3);
        --button-row-gap: var(--spacing-space-3);
        --button-column-gap: var(--spacing-space-3);
        --button-font-family: var(--font-family-body);
        --button-font-size: var(--font-size-body-small);
        --button-font-weight: var(--font-weight-medium);
        --button-line-height: var(--line-height-body-small);
        --button-paragraph-spacing: 0px;
        --button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="button-inverse-small-primary-ghost"][disabled],
[data-theme='light'] [component-variant="button-inverse-small-primary-ghost"][disabled],
[data-theme='dark'] [component-variant="button-inverse-small-primary-ghost"]:disabled,
[data-theme='light'] [component-variant="button-inverse-small-primary-ghost"]:disabled {
        --button-background-color: var(--interactive-surface-primary-disabled-1);
        --button-color: var(--text-tertiary);
        --button-border-top-left-radius: var(--corner-radius-extra-small);
        --button-border-top-right-radius: var(--corner-radius-extra-small);
        --button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --button-padding-left: var(--spacing-space-5);
        --button-padding-right: var(--spacing-space-5);
        --button-padding-top: var(--spacing-space-3);
        --button-padding-bottom: var(--spacing-space-3);
        --button-row-gap: var(--spacing-space-3);
        --button-column-gap: var(--spacing-space-3);
        --button-font-family: var(--font-family-body);
        --button-font-size: var(--font-size-body-small);
        --button-font-weight: var(--font-weight-medium);
        --button-line-height: var(--line-height-body-small);
        --button-paragraph-spacing: 0px;
        --button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="button-inverse-small-primary-ghost"][loading], [data-theme='light'] [component-variant="button-inverse-small-primary-ghost"][loading] {
        --button-background-color: var(--interactive-surface-secondary-hover);
        --button-color: var(--icon-primary);
        --button-border-top-left-radius: var(--corner-radius-extra-small);
        --button-border-top-right-radius: var(--corner-radius-extra-small);
        --button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --button-padding-left: var(--spacing-space-5);
        --button-padding-right: var(--spacing-space-5);
        --button-padding-top: var(--spacing-space-3);
        --button-padding-bottom: var(--spacing-space-3);
        --button-row-gap: var(--spacing-space-3);
        --button-column-gap: var(--spacing-space-3);
        --button-font-family: sans-sarif;
        --button-font-size: initial;
        --button-font-weight: regular;
        --button-paragraph-spacing: 0px;
        --button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="button-default-medium-primary-outlined"], [data-theme='light'] [component-variant="button-default-medium-primary-outlined"] {
        --button-color: var(--text-primary);
        --button-border-top-left-radius: var(--corner-radius-extra-small);
        --button-border-top-right-radius: var(--corner-radius-extra-small);
        --button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --button-border-color: var(--border-primary);
        --button-border-top-width: 1px;
        --button-border-right-width: 1px;
        --button-border-bottom-width: 1px;
        --button-border-left-width: 1px;
        --button-padding-left: var(--spacing-space-6);
        --button-padding-right: var(--spacing-space-6);
        --button-padding-top: var(--spacing-space-5);
        --button-padding-bottom: var(--spacing-space-5);
        --button-row-gap: var(--spacing-space-3);
        --button-column-gap: var(--spacing-space-3);
        --button-font-family: var(--font-family-body);
        --button-font-size: var(--font-size-body-small);
        --button-font-weight: var(--font-weight-medium);
        --button-line-height: var(--line-height-body-small);
        --button-paragraph-spacing: 0px;
        --button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="button-default-medium-primary-outlined"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='light'] [component-variant="button-default-medium-primary-outlined"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="button-default-medium-primary-outlined"]:focus-visible:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="button-default-medium-primary-outlined"]:focus-visible:not(:disabled):not([disabled]) {
        --button-background-color: var(--interactive-surface-primary-hover);
        --button-color: var(--text-primary);
        --button-border-top-left-radius: var(--corner-radius-extra-small);
        --button-border-top-right-radius: var(--corner-radius-extra-small);
        --button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --button-border-color: var(--border-border-grey-1);
        --button-border-top-width: 1px;
        --button-border-right-width: 1px;
        --button-border-bottom-width: 1px;
        --button-border-left-width: 1px;
        --button-padding-left: var(--spacing-space-6);
        --button-padding-right: var(--spacing-space-6);
        --button-padding-top: var(--spacing-space-5);
        --button-padding-bottom: var(--spacing-space-5);
        --button-row-gap: var(--spacing-space-3);
        --button-column-gap: var(--spacing-space-3);
        --button-font-family: var(--font-family-body);
        --button-font-size: var(--font-size-body-small);
        --button-font-weight: var(--font-weight-medium);
        --button-line-height: var(--line-height-body-small);
        --button-paragraph-spacing: 0px;
        --button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="button-default-medium-primary-outlined"]:hover:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="button-default-medium-primary-outlined"]:hover:not(:disabled):not([disabled]) {
        --button-background-color: var(--interactive-surface-primary-hover);
        --button-color: var(--text-primary);
        --button-border-top-left-radius: var(--corner-radius-extra-small);
        --button-border-top-right-radius: var(--corner-radius-extra-small);
        --button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --button-padding-left: var(--spacing-space-6);
        --button-padding-right: var(--spacing-space-6);
        --button-padding-top: var(--spacing-space-5);
        --button-padding-bottom: var(--spacing-space-5);
        --button-row-gap: var(--spacing-space-3);
        --button-column-gap: var(--spacing-space-3);
        --button-font-family: var(--font-family-body);
        --button-font-size: var(--font-size-body-small);
        --button-font-weight: var(--font-weight-medium);
        --button-line-height: var(--line-height-body-small);
        --button-paragraph-spacing: 0px;
        --button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="button-default-medium-primary-outlined"][active]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="button-default-medium-primary-outlined"][active]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="button-default-medium-primary-outlined"]:active:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="button-default-medium-primary-outlined"]:active:not(:disabled):not([disabled]) {
        --button-background-color: var(--interactive-surface-primary-pressed);
        --button-color: var(--text-primary);
        --button-border-top-left-radius: var(--corner-radius-extra-small);
        --button-border-top-right-radius: var(--corner-radius-extra-small);
        --button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --button-padding-left: var(--spacing-space-6);
        --button-padding-right: var(--spacing-space-6);
        --button-padding-top: var(--spacing-space-5);
        --button-padding-bottom: var(--spacing-space-5);
        --button-row-gap: var(--spacing-space-3);
        --button-column-gap: var(--spacing-space-3);
        --button-font-family: var(--font-family-body);
        --button-font-size: var(--font-size-body-small);
        --button-font-weight: var(--font-weight-medium);
        --button-line-height: var(--line-height-body-small);
        --button-paragraph-spacing: 0px;
        --button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="button-default-medium-primary-outlined"][disabled],
[data-theme='light'] [component-variant="button-default-medium-primary-outlined"][disabled],
[data-theme='dark'] [component-variant="button-default-medium-primary-outlined"]:disabled,
[data-theme='light'] [component-variant="button-default-medium-primary-outlined"]:disabled {
        --button-background-color: var(--interactive-surface-primary-disabled-1);
        --button-color: var(--text-tertiary);
        --button-border-top-left-radius: var(--corner-radius-extra-small);
        --button-border-top-right-radius: var(--corner-radius-extra-small);
        --button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --button-padding-left: var(--spacing-space-6);
        --button-padding-right: var(--spacing-space-6);
        --button-padding-top: var(--spacing-space-5);
        --button-padding-bottom: var(--spacing-space-5);
        --button-row-gap: var(--spacing-space-3);
        --button-column-gap: var(--spacing-space-3);
        --button-font-family: var(--font-family-body);
        --button-font-size: var(--font-size-body-small);
        --button-font-weight: var(--font-weight-medium);
        --button-line-height: var(--line-height-body-small);
        --button-paragraph-spacing: 0px;
        --button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="button-default-medium-primary-outlined"][loading], [data-theme='light'] [component-variant="button-default-medium-primary-outlined"][loading] {
        --button-background-color: var(--interactive-surface-primary-hover);
        --button-color: var(--icon-primary);
        --button-border-top-left-radius: var(--corner-radius-extra-small);
        --button-border-top-right-radius: var(--corner-radius-extra-small);
        --button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --button-padding-left: var(--spacing-space-6);
        --button-padding-right: var(--spacing-space-6);
        --button-padding-top: var(--spacing-space-5);
        --button-padding-bottom: var(--spacing-space-5);
        --button-row-gap: var(--spacing-space-3);
        --button-column-gap: var(--spacing-space-3);
        --button-font-family: sans-sarif;
        --button-font-size: initial;
        --button-font-weight: regular;
        --button-paragraph-spacing: 0px;
        --button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="button-inverse-medium-primary-outlined"], [data-theme='light'] [component-variant="button-inverse-medium-primary-outlined"] {
        --button-color: var(--text-inverse);
        --button-border-top-left-radius: var(--corner-radius-extra-small);
        --button-border-top-right-radius: var(--corner-radius-extra-small);
        --button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --button-border-color: var(--border-primary);
        --button-border-top-width: 1px;
        --button-border-right-width: 1px;
        --button-border-bottom-width: 1px;
        --button-border-left-width: 1px;
        --button-padding-left: var(--spacing-space-6);
        --button-padding-right: var(--spacing-space-6);
        --button-padding-top: var(--spacing-space-5);
        --button-padding-bottom: var(--spacing-space-5);
        --button-row-gap: var(--spacing-space-3);
        --button-column-gap: var(--spacing-space-3);
        --button-font-family: var(--font-family-body);
        --button-font-size: var(--font-size-body-small);
        --button-font-weight: var(--font-weight-medium);
        --button-line-height: var(--line-height-body-small);
        --button-paragraph-spacing: 0px;
        --button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="button-inverse-medium-primary-outlined"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='light'] [component-variant="button-inverse-medium-primary-outlined"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="button-inverse-medium-primary-outlined"]:focus-visible:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="button-inverse-medium-primary-outlined"]:focus-visible:not(:disabled):not([disabled]) {
        --button-background-color: var(--interactive-surface-primary-hover);
        --button-color: var(--text-primary);
        --button-border-top-left-radius: var(--corner-radius-extra-small);
        --button-border-top-right-radius: var(--corner-radius-extra-small);
        --button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --button-border-color: var(--border-border-grey-1);
        --button-border-top-width: 1px;
        --button-border-right-width: 1px;
        --button-border-bottom-width: 1px;
        --button-border-left-width: 1px;
        --button-padding-left: var(--spacing-space-6);
        --button-padding-right: var(--spacing-space-6);
        --button-padding-top: var(--spacing-space-5);
        --button-padding-bottom: var(--spacing-space-5);
        --button-row-gap: var(--spacing-space-3);
        --button-column-gap: var(--spacing-space-3);
        --button-font-family: var(--font-family-body);
        --button-font-size: var(--font-size-body-small);
        --button-font-weight: var(--font-weight-medium);
        --button-line-height: var(--line-height-body-small);
        --button-paragraph-spacing: 0px;
        --button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="button-inverse-medium-primary-outlined"]:hover:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="button-inverse-medium-primary-outlined"]:hover:not(:disabled):not([disabled]) {
        --button-background-color: var(--interactive-surface-primary-hover);
        --button-color: var(--text-primary);
        --button-border-top-left-radius: var(--corner-radius-extra-small);
        --button-border-top-right-radius: var(--corner-radius-extra-small);
        --button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --button-padding-left: var(--spacing-space-6);
        --button-padding-right: var(--spacing-space-6);
        --button-padding-top: var(--spacing-space-5);
        --button-padding-bottom: var(--spacing-space-5);
        --button-row-gap: var(--spacing-space-3);
        --button-column-gap: var(--spacing-space-3);
        --button-font-family: var(--font-family-body);
        --button-font-size: var(--font-size-body-small);
        --button-font-weight: var(--font-weight-medium);
        --button-line-height: var(--line-height-body-small);
        --button-paragraph-spacing: 0px;
        --button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="button-inverse-medium-primary-outlined"][active]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="button-inverse-medium-primary-outlined"][active]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="button-inverse-medium-primary-outlined"]:active:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="button-inverse-medium-primary-outlined"]:active:not(:disabled):not([disabled]) {
        --button-background-color: var(--interactive-surface-primary-pressed);
        --button-color: var(--text-primary);
        --button-border-top-left-radius: var(--corner-radius-extra-small);
        --button-border-top-right-radius: var(--corner-radius-extra-small);
        --button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --button-padding-left: var(--spacing-space-6);
        --button-padding-right: var(--spacing-space-6);
        --button-padding-top: var(--spacing-space-5);
        --button-padding-bottom: var(--spacing-space-5);
        --button-row-gap: var(--spacing-space-3);
        --button-column-gap: var(--spacing-space-3);
        --button-font-family: var(--font-family-body);
        --button-font-size: var(--font-size-body-small);
        --button-font-weight: var(--font-weight-medium);
        --button-line-height: var(--line-height-body-small);
        --button-paragraph-spacing: 0px;
        --button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="button-inverse-medium-primary-outlined"][disabled],
[data-theme='light'] [component-variant="button-inverse-medium-primary-outlined"][disabled],
[data-theme='dark'] [component-variant="button-inverse-medium-primary-outlined"]:disabled,
[data-theme='light'] [component-variant="button-inverse-medium-primary-outlined"]:disabled {
        --button-background-color: var(--interactive-surface-primary-disabled-1);
        --button-color: var(--text-tertiary);
        --button-border-top-left-radius: var(--corner-radius-extra-small);
        --button-border-top-right-radius: var(--corner-radius-extra-small);
        --button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --button-padding-left: var(--spacing-space-6);
        --button-padding-right: var(--spacing-space-6);
        --button-padding-top: var(--spacing-space-5);
        --button-padding-bottom: var(--spacing-space-5);
        --button-row-gap: var(--spacing-space-3);
        --button-column-gap: var(--spacing-space-3);
        --button-font-family: var(--font-family-body);
        --button-font-size: var(--font-size-body-small);
        --button-font-weight: var(--font-weight-medium);
        --button-line-height: var(--line-height-body-small);
        --button-paragraph-spacing: 0px;
        --button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="button-inverse-medium-primary-outlined"][loading], [data-theme='light'] [component-variant="button-inverse-medium-primary-outlined"][loading] {
        --button-background-color: var(--interactive-surface-primary-hover);
        --button-color: var(--icon-primary);
        --button-border-top-left-radius: var(--corner-radius-extra-small);
        --button-border-top-right-radius: var(--corner-radius-extra-small);
        --button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --button-padding-left: var(--spacing-space-6);
        --button-padding-right: var(--spacing-space-6);
        --button-padding-top: var(--spacing-space-5);
        --button-padding-bottom: var(--spacing-space-5);
        --button-row-gap: var(--spacing-space-3);
        --button-column-gap: var(--spacing-space-3);
        --button-font-family: sans-sarif;
        --button-font-size: initial;
        --button-font-weight: regular;
        --button-paragraph-spacing: 0px;
        --button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="button-default-small-primary-outlined"], [data-theme='light'] [component-variant="button-default-small-primary-outlined"] {
        --button-color: var(--text-primary);
        --button-border-top-left-radius: var(--corner-radius-extra-small);
        --button-border-top-right-radius: var(--corner-radius-extra-small);
        --button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --button-border-color: var(--border-primary);
        --button-border-top-width: 1px;
        --button-border-right-width: 1px;
        --button-border-bottom-width: 1px;
        --button-border-left-width: 1px;
        --button-padding-left: var(--spacing-space-5);
        --button-padding-right: var(--spacing-space-5);
        --button-padding-top: var(--spacing-space-3);
        --button-padding-bottom: var(--spacing-space-3);
        --button-row-gap: var(--spacing-space-3);
        --button-column-gap: var(--spacing-space-3);
        --button-font-family: var(--font-family-body);
        --button-font-size: var(--font-size-body-small);
        --button-font-weight: var(--font-weight-medium);
        --button-line-height: var(--line-height-body-small);
        --button-paragraph-spacing: 0px;
        --button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="button-default-small-primary-outlined"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='light'] [component-variant="button-default-small-primary-outlined"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="button-default-small-primary-outlined"]:focus-visible:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="button-default-small-primary-outlined"]:focus-visible:not(:disabled):not([disabled]) {
        --button-background-color: var(--interactive-surface-primary-pressed);
        --button-color: var(--text-primary);
        --button-border-top-left-radius: var(--corner-radius-extra-small);
        --button-border-top-right-radius: var(--corner-radius-extra-small);
        --button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --button-border-color: var(--border-border-grey-1);
        --button-border-top-width: 1px;
        --button-border-right-width: 1px;
        --button-border-bottom-width: 1px;
        --button-border-left-width: 1px;
        --button-padding-left: var(--spacing-space-5);
        --button-padding-right: var(--spacing-space-5);
        --button-padding-top: var(--spacing-space-3);
        --button-padding-bottom: var(--spacing-space-3);
        --button-row-gap: var(--spacing-space-3);
        --button-column-gap: var(--spacing-space-3);
        --button-font-family: var(--font-family-body);
        --button-font-size: var(--font-size-body-small);
        --button-font-weight: var(--font-weight-medium);
        --button-line-height: var(--line-height-body-small);
        --button-paragraph-spacing: 0px;
        --button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="button-default-small-primary-outlined"]:hover:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="button-default-small-primary-outlined"]:hover:not(:disabled):not([disabled]) {
        --button-background-color: var(--interactive-surface-primary-hover);
        --button-color: var(--text-primary);
        --button-border-top-left-radius: var(--corner-radius-extra-small);
        --button-border-top-right-radius: var(--corner-radius-extra-small);
        --button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --button-padding-left: var(--spacing-space-5);
        --button-padding-right: var(--spacing-space-5);
        --button-padding-top: var(--spacing-space-3);
        --button-padding-bottom: var(--spacing-space-3);
        --button-row-gap: var(--spacing-space-3);
        --button-column-gap: var(--spacing-space-3);
        --button-font-family: var(--font-family-body);
        --button-font-size: var(--font-size-body-small);
        --button-font-weight: var(--font-weight-medium);
        --button-line-height: var(--line-height-body-small);
        --button-paragraph-spacing: 0px;
        --button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="button-default-small-primary-outlined"][active]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="button-default-small-primary-outlined"][active]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="button-default-small-primary-outlined"]:active:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="button-default-small-primary-outlined"]:active:not(:disabled):not([disabled]) {
        --button-background-color: var(--interactive-surface-primary-pressed);
        --button-color: var(--text-primary);
        --button-border-top-left-radius: var(--corner-radius-extra-small);
        --button-border-top-right-radius: var(--corner-radius-extra-small);
        --button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --button-padding-left: var(--spacing-space-5);
        --button-padding-right: var(--spacing-space-5);
        --button-padding-top: var(--spacing-space-3);
        --button-padding-bottom: var(--spacing-space-3);
        --button-row-gap: var(--spacing-space-3);
        --button-column-gap: var(--spacing-space-3);
        --button-font-family: var(--font-family-body);
        --button-font-size: var(--font-size-body-small);
        --button-font-weight: var(--font-weight-medium);
        --button-line-height: var(--line-height-body-small);
        --button-paragraph-spacing: 0px;
        --button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="button-default-small-primary-outlined"][disabled],
[data-theme='light'] [component-variant="button-default-small-primary-outlined"][disabled],
[data-theme='dark'] [component-variant="button-default-small-primary-outlined"]:disabled,
[data-theme='light'] [component-variant="button-default-small-primary-outlined"]:disabled {
        --button-background-color: var(--interactive-surface-primary-disabled-1);
        --button-color: var(--text-tertiary);
        --button-border-top-left-radius: var(--corner-radius-extra-small);
        --button-border-top-right-radius: var(--corner-radius-extra-small);
        --button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --button-padding-left: var(--spacing-space-5);
        --button-padding-right: var(--spacing-space-5);
        --button-padding-top: var(--spacing-space-3);
        --button-padding-bottom: var(--spacing-space-3);
        --button-row-gap: var(--spacing-space-3);
        --button-column-gap: var(--spacing-space-3);
        --button-font-family: var(--font-family-body);
        --button-font-size: var(--font-size-body-small);
        --button-font-weight: var(--font-weight-medium);
        --button-line-height: var(--line-height-body-small);
        --button-paragraph-spacing: 0px;
        --button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="button-default-small-primary-outlined"][loading], [data-theme='light'] [component-variant="button-default-small-primary-outlined"][loading] {
        --button-background-color: var(--interactive-surface-primary-hover);
        --button-color: var(--icon-primary);
        --button-border-top-left-radius: var(--corner-radius-extra-small);
        --button-border-top-right-radius: var(--corner-radius-extra-small);
        --button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --button-padding-left: var(--spacing-space-5);
        --button-padding-right: var(--spacing-space-5);
        --button-padding-top: var(--spacing-space-3);
        --button-padding-bottom: var(--spacing-space-3);
        --button-row-gap: var(--spacing-space-3);
        --button-column-gap: var(--spacing-space-3);
        --button-font-family: sans-sarif;
        --button-font-size: initial;
        --button-font-weight: regular;
        --button-paragraph-spacing: 0px;
        --button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="button-inverse-small-primary-outlined"], [data-theme='light'] [component-variant="button-inverse-small-primary-outlined"] {
        --button-color: var(--text-inverse);
        --button-border-top-left-radius: var(--corner-radius-extra-small);
        --button-border-top-right-radius: var(--corner-radius-extra-small);
        --button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --button-border-color: var(--border-primary);
        --button-border-top-width: 1px;
        --button-border-right-width: 1px;
        --button-border-bottom-width: 1px;
        --button-border-left-width: 1px;
        --button-padding-left: var(--spacing-space-5);
        --button-padding-right: var(--spacing-space-5);
        --button-padding-top: var(--spacing-space-3);
        --button-padding-bottom: var(--spacing-space-3);
        --button-row-gap: var(--spacing-space-3);
        --button-column-gap: var(--spacing-space-3);
        --button-font-family: var(--font-family-body);
        --button-font-size: var(--font-size-body-small);
        --button-font-weight: var(--font-weight-medium);
        --button-line-height: var(--line-height-body-small);
        --button-paragraph-spacing: 0px;
        --button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="button-inverse-small-primary-outlined"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='light'] [component-variant="button-inverse-small-primary-outlined"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="button-inverse-small-primary-outlined"]:focus-visible:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="button-inverse-small-primary-outlined"]:focus-visible:not(:disabled):not([disabled]) {
        --button-background-color: var(--interactive-surface-primary-pressed);
        --button-color: var(--text-primary);
        --button-border-top-left-radius: var(--corner-radius-extra-small);
        --button-border-top-right-radius: var(--corner-radius-extra-small);
        --button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --button-border-color: var(--border-border-grey-1);
        --button-border-top-width: 1px;
        --button-border-right-width: 1px;
        --button-border-bottom-width: 1px;
        --button-border-left-width: 1px;
        --button-padding-left: var(--spacing-space-5);
        --button-padding-right: var(--spacing-space-5);
        --button-padding-top: var(--spacing-space-3);
        --button-padding-bottom: var(--spacing-space-3);
        --button-row-gap: var(--spacing-space-3);
        --button-column-gap: var(--spacing-space-3);
        --button-font-family: var(--font-family-body);
        --button-font-size: var(--font-size-body-small);
        --button-font-weight: var(--font-weight-medium);
        --button-line-height: var(--line-height-body-small);
        --button-paragraph-spacing: 0px;
        --button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="button-inverse-small-primary-outlined"]:hover:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="button-inverse-small-primary-outlined"]:hover:not(:disabled):not([disabled]) {
        --button-background-color: var(--interactive-surface-primary-hover);
        --button-color: var(--text-primary);
        --button-border-top-left-radius: var(--corner-radius-extra-small);
        --button-border-top-right-radius: var(--corner-radius-extra-small);
        --button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --button-padding-left: var(--spacing-space-5);
        --button-padding-right: var(--spacing-space-5);
        --button-padding-top: var(--spacing-space-3);
        --button-padding-bottom: var(--spacing-space-3);
        --button-row-gap: var(--spacing-space-3);
        --button-column-gap: var(--spacing-space-3);
        --button-font-family: var(--font-family-body);
        --button-font-size: var(--font-size-body-small);
        --button-font-weight: var(--font-weight-medium);
        --button-line-height: var(--line-height-body-small);
        --button-paragraph-spacing: 0px;
        --button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="button-inverse-small-primary-outlined"][active]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="button-inverse-small-primary-outlined"][active]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="button-inverse-small-primary-outlined"]:active:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="button-inverse-small-primary-outlined"]:active:not(:disabled):not([disabled]) {
        --button-background-color: var(--interactive-surface-primary-pressed);
        --button-color: var(--text-primary);
        --button-border-top-left-radius: var(--corner-radius-extra-small);
        --button-border-top-right-radius: var(--corner-radius-extra-small);
        --button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --button-padding-left: var(--spacing-space-5);
        --button-padding-right: var(--spacing-space-5);
        --button-padding-top: var(--spacing-space-3);
        --button-padding-bottom: var(--spacing-space-3);
        --button-row-gap: var(--spacing-space-3);
        --button-column-gap: var(--spacing-space-3);
        --button-font-family: var(--font-family-body);
        --button-font-size: var(--font-size-body-small);
        --button-font-weight: var(--font-weight-medium);
        --button-line-height: var(--line-height-body-small);
        --button-paragraph-spacing: 0px;
        --button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="button-inverse-small-primary-outlined"][disabled],
[data-theme='light'] [component-variant="button-inverse-small-primary-outlined"][disabled],
[data-theme='dark'] [component-variant="button-inverse-small-primary-outlined"]:disabled,
[data-theme='light'] [component-variant="button-inverse-small-primary-outlined"]:disabled {
        --button-background-color: var(--interactive-surface-primary-disabled-1);
        --button-color: var(--text-tertiary);
        --button-border-top-left-radius: var(--corner-radius-extra-small);
        --button-border-top-right-radius: var(--corner-radius-extra-small);
        --button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --button-padding-left: var(--spacing-space-5);
        --button-padding-right: var(--spacing-space-5);
        --button-padding-top: var(--spacing-space-3);
        --button-padding-bottom: var(--spacing-space-3);
        --button-row-gap: var(--spacing-space-3);
        --button-column-gap: var(--spacing-space-3);
        --button-font-family: var(--font-family-body);
        --button-font-size: var(--font-size-body-small);
        --button-font-weight: var(--font-weight-medium);
        --button-line-height: var(--line-height-body-small);
        --button-paragraph-spacing: 0px;
        --button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="button-inverse-small-primary-outlined"][loading], [data-theme='light'] [component-variant="button-inverse-small-primary-outlined"][loading] {
        --button-background-color: var(--interactive-surface-primary-hover);
        --button-color: var(--icon-primary);
        --button-border-top-left-radius: var(--corner-radius-extra-small);
        --button-border-top-right-radius: var(--corner-radius-extra-small);
        --button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --button-padding-left: var(--spacing-space-5);
        --button-padding-right: var(--spacing-space-5);
        --button-padding-top: var(--spacing-space-3);
        --button-padding-bottom: var(--spacing-space-3);
        --button-row-gap: var(--spacing-space-3);
        --button-column-gap: var(--spacing-space-3);
        --button-font-family: sans-sarif;
        --button-font-size: initial;
        --button-font-weight: regular;
        --button-paragraph-spacing: 0px;
        --button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="button-default-medium-destructive-outlined"][disabled],
[data-theme='light'] [component-variant="button-default-medium-destructive-outlined"][disabled],
[data-theme='dark'] [component-variant="button-default-medium-destructive-outlined"]:disabled,
[data-theme='light'] [component-variant="button-default-medium-destructive-outlined"]:disabled {
        --button-background-color: var(--interactive-surface-destructive-disabled);
        --button-color: var(--text-tertiary);
        --button-border-top-left-radius: var(--corner-radius-extra-small);
        --button-border-top-right-radius: var(--corner-radius-extra-small);
        --button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --button-padding-left: var(--spacing-space-6);
        --button-padding-right: var(--spacing-space-6);
        --button-padding-top: var(--spacing-space-5);
        --button-padding-bottom: var(--spacing-space-5);
        --button-row-gap: var(--spacing-space-3);
        --button-column-gap: var(--spacing-space-3);
        --button-font-family: var(--font-family-body);
        --button-font-size: var(--font-size-body-small);
        --button-font-weight: var(--font-weight-medium);
        --button-line-height: var(--line-height-body-small);
        --button-paragraph-spacing: 0px;
        --button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="button-default-medium-destructive-outlined"][loading], [data-theme='light'] [component-variant="button-default-medium-destructive-outlined"][loading] {
        --button-background-color: var(--interactive-surface-destructive-hover);
        --button-color: rgb(233, 233, 234);
        --button-border-top-left-radius: var(--corner-radius-extra-small);
        --button-border-top-right-radius: var(--corner-radius-extra-small);
        --button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --button-padding-left: var(--spacing-space-6);
        --button-padding-right: var(--spacing-space-6);
        --button-padding-top: var(--spacing-space-5);
        --button-padding-bottom: var(--spacing-space-5);
        --button-row-gap: var(--spacing-space-3);
        --button-column-gap: var(--spacing-space-3);
        --button-font-family: sans-sarif;
        --button-font-size: initial;
        --button-font-weight: regular;
        --button-paragraph-spacing: 0px;
        --button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="button-default-medium-destructive-outlined"], [data-theme='light'] [component-variant="button-default-medium-destructive-outlined"] {
        --button-color: var(--text-primary);
        --button-border-top-left-radius: var(--corner-radius-extra-small);
        --button-border-top-right-radius: var(--corner-radius-extra-small);
        --button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --button-border-color: var(--border-destructive);
        --button-border-top-width: 1px;
        --button-border-right-width: 1px;
        --button-border-bottom-width: 1px;
        --button-border-left-width: 1px;
        --button-padding-left: var(--spacing-space-6);
        --button-padding-right: var(--spacing-space-6);
        --button-padding-top: var(--spacing-space-5);
        --button-padding-bottom: var(--spacing-space-5);
        --button-row-gap: var(--spacing-space-3);
        --button-column-gap: var(--spacing-space-3);
        --button-font-family: var(--font-family-body);
        --button-font-size: var(--font-size-body-small);
        --button-font-weight: var(--font-weight-medium);
        --button-line-height: var(--line-height-body-small);
        --button-paragraph-spacing: 0px;
        --button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="button-default-medium-destructive-outlined"]:hover:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="button-default-medium-destructive-outlined"]:hover:not(:disabled):not([disabled]) {
        --button-background-color: var(--interactive-surface-destructive-hover);
        --button-color: var(--text-colour-button-text);
        --button-border-top-left-radius: var(--corner-radius-extra-small);
        --button-border-top-right-radius: var(--corner-radius-extra-small);
        --button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --button-padding-left: var(--spacing-space-6);
        --button-padding-right: var(--spacing-space-6);
        --button-padding-top: var(--spacing-space-5);
        --button-padding-bottom: var(--spacing-space-5);
        --button-row-gap: var(--spacing-space-3);
        --button-column-gap: var(--spacing-space-3);
        --button-font-family: var(--font-family-body);
        --button-font-size: var(--font-size-body-small);
        --button-font-weight: var(--font-weight-medium);
        --button-line-height: var(--line-height-body-small);
        --button-paragraph-spacing: 0px;
        --button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="button-default-medium-destructive-outlined"][active]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="button-default-medium-destructive-outlined"][active]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="button-default-medium-destructive-outlined"]:active:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="button-default-medium-destructive-outlined"]:active:not(:disabled):not([disabled]) {
        --button-background-color: var(--interactive-surface-destructive-pressed);
        --button-color: var(--text-colour-button-text);
        --button-border-top-left-radius: var(--corner-radius-extra-small);
        --button-border-top-right-radius: var(--corner-radius-extra-small);
        --button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --button-padding-left: var(--spacing-space-6);
        --button-padding-right: var(--spacing-space-6);
        --button-padding-top: var(--spacing-space-5);
        --button-padding-bottom: var(--spacing-space-5);
        --button-row-gap: var(--spacing-space-3);
        --button-column-gap: var(--spacing-space-3);
        --button-font-family: var(--font-family-body);
        --button-font-size: var(--font-size-body-small);
        --button-font-weight: var(--font-weight-medium);
        --button-line-height: var(--line-height-body-small);
        --button-paragraph-spacing: 0px;
        --button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="button-default-medium-destructive-outlined"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='light'] [component-variant="button-default-medium-destructive-outlined"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="button-default-medium-destructive-outlined"]:focus-visible:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="button-default-medium-destructive-outlined"]:focus-visible:not(:disabled):not([disabled]) {
        --button-background-color: var(--interactive-surface-destructive-hover);
        --button-color: var(--text-colour-button-text);
        --button-border-top-left-radius: var(--corner-radius-extra-small);
        --button-border-top-right-radius: var(--corner-radius-extra-small);
        --button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --button-border-color: var(--border-border-grey-1);
        --button-border-top-width: 1px;
        --button-border-right-width: 1px;
        --button-border-bottom-width: 1px;
        --button-border-left-width: 1px;
        --button-padding-left: var(--spacing-space-6);
        --button-padding-right: var(--spacing-space-6);
        --button-padding-top: var(--spacing-space-5);
        --button-padding-bottom: var(--spacing-space-5);
        --button-row-gap: var(--spacing-space-3);
        --button-column-gap: var(--spacing-space-3);
        --button-font-family: var(--font-family-body);
        --button-font-size: var(--font-size-body-small);
        --button-font-weight: var(--font-weight-medium);
        --button-line-height: var(--line-height-body-small);
        --button-paragraph-spacing: 0px;
        --button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="button-inverse-medium-destructive-outlined"][disabled],
[data-theme='light'] [component-variant="button-inverse-medium-destructive-outlined"][disabled],
[data-theme='dark'] [component-variant="button-inverse-medium-destructive-outlined"]:disabled,
[data-theme='light'] [component-variant="button-inverse-medium-destructive-outlined"]:disabled {
        --button-background-color: var(--interactive-surface-destructive-disabled);
        --button-color: var(--text-tertiary);
        --button-border-top-left-radius: var(--corner-radius-extra-small);
        --button-border-top-right-radius: var(--corner-radius-extra-small);
        --button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --button-padding-left: var(--spacing-space-6);
        --button-padding-right: var(--spacing-space-6);
        --button-padding-top: var(--spacing-space-5);
        --button-padding-bottom: var(--spacing-space-5);
        --button-row-gap: var(--spacing-space-3);
        --button-column-gap: var(--spacing-space-3);
        --button-font-family: var(--font-family-body);
        --button-font-size: var(--font-size-body-small);
        --button-font-weight: var(--font-weight-medium);
        --button-line-height: var(--line-height-body-small);
        --button-paragraph-spacing: 0px;
        --button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="button-inverse-medium-destructive-outlined"][loading], [data-theme='light'] [component-variant="button-inverse-medium-destructive-outlined"][loading] {
        --button-background-color: var(--interactive-surface-destructive-hover);
        --button-color: rgb(233, 233, 234);
        --button-border-top-left-radius: var(--corner-radius-extra-small);
        --button-border-top-right-radius: var(--corner-radius-extra-small);
        --button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --button-padding-left: var(--spacing-space-6);
        --button-padding-right: var(--spacing-space-6);
        --button-padding-top: var(--spacing-space-5);
        --button-padding-bottom: var(--spacing-space-5);
        --button-row-gap: var(--spacing-space-3);
        --button-column-gap: var(--spacing-space-3);
        --button-font-family: sans-sarif;
        --button-font-size: initial;
        --button-font-weight: regular;
        --button-paragraph-spacing: 0px;
        --button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="button-inverse-medium-destructive-outlined"], [data-theme='light'] [component-variant="button-inverse-medium-destructive-outlined"] {
        --button-color: var(--text-inverse);
        --button-border-top-left-radius: var(--corner-radius-extra-small);
        --button-border-top-right-radius: var(--corner-radius-extra-small);
        --button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --button-border-color: var(--border-destructive);
        --button-border-top-width: 1px;
        --button-border-right-width: 1px;
        --button-border-bottom-width: 1px;
        --button-border-left-width: 1px;
        --button-padding-left: var(--spacing-space-6);
        --button-padding-right: var(--spacing-space-6);
        --button-padding-top: var(--spacing-space-5);
        --button-padding-bottom: var(--spacing-space-5);
        --button-row-gap: var(--spacing-space-3);
        --button-column-gap: var(--spacing-space-3);
        --button-font-family: var(--font-family-body);
        --button-font-size: var(--font-size-body-small);
        --button-font-weight: var(--font-weight-medium);
        --button-line-height: var(--line-height-body-small);
        --button-paragraph-spacing: 0px;
        --button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="button-inverse-medium-destructive-outlined"]:hover:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="button-inverse-medium-destructive-outlined"]:hover:not(:disabled):not([disabled]) {
        --button-background-color: var(--interactive-surface-destructive-hover);
        --button-color: var(--text-colour-button-text);
        --button-border-top-left-radius: var(--corner-radius-extra-small);
        --button-border-top-right-radius: var(--corner-radius-extra-small);
        --button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --button-padding-left: var(--spacing-space-6);
        --button-padding-right: var(--spacing-space-6);
        --button-padding-top: var(--spacing-space-5);
        --button-padding-bottom: var(--spacing-space-5);
        --button-row-gap: var(--spacing-space-3);
        --button-column-gap: var(--spacing-space-3);
        --button-font-family: var(--font-family-body);
        --button-font-size: var(--font-size-body-small);
        --button-font-weight: var(--font-weight-medium);
        --button-line-height: var(--line-height-body-small);
        --button-paragraph-spacing: 0px;
        --button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="button-inverse-medium-destructive-outlined"][active]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="button-inverse-medium-destructive-outlined"][active]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="button-inverse-medium-destructive-outlined"]:active:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="button-inverse-medium-destructive-outlined"]:active:not(:disabled):not([disabled]) {
        --button-background-color: var(--interactive-surface-destructive-pressed);
        --button-color: var(--text-colour-button-text);
        --button-border-top-left-radius: var(--corner-radius-extra-small);
        --button-border-top-right-radius: var(--corner-radius-extra-small);
        --button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --button-padding-left: var(--spacing-space-6);
        --button-padding-right: var(--spacing-space-6);
        --button-padding-top: var(--spacing-space-5);
        --button-padding-bottom: var(--spacing-space-5);
        --button-row-gap: var(--spacing-space-3);
        --button-column-gap: var(--spacing-space-3);
        --button-font-family: var(--font-family-body);
        --button-font-size: var(--font-size-body-small);
        --button-font-weight: var(--font-weight-medium);
        --button-line-height: var(--line-height-body-small);
        --button-paragraph-spacing: 0px;
        --button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="button-inverse-medium-destructive-outlined"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='light'] [component-variant="button-inverse-medium-destructive-outlined"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="button-inverse-medium-destructive-outlined"]:focus-visible:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="button-inverse-medium-destructive-outlined"]:focus-visible:not(:disabled):not([disabled]) {
        --button-background-color: var(--interactive-surface-destructive-hover);
        --button-color: var(--text-colour-button-text);
        --button-border-top-left-radius: var(--corner-radius-extra-small);
        --button-border-top-right-radius: var(--corner-radius-extra-small);
        --button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --button-border-color: var(--border-border-grey-1);
        --button-border-top-width: 1px;
        --button-border-right-width: 1px;
        --button-border-bottom-width: 1px;
        --button-border-left-width: 1px;
        --button-padding-left: var(--spacing-space-6);
        --button-padding-right: var(--spacing-space-6);
        --button-padding-top: var(--spacing-space-5);
        --button-padding-bottom: var(--spacing-space-5);
        --button-row-gap: var(--spacing-space-3);
        --button-column-gap: var(--spacing-space-3);
        --button-font-family: var(--font-family-body);
        --button-font-size: var(--font-size-body-small);
        --button-font-weight: var(--font-weight-medium);
        --button-line-height: var(--line-height-body-small);
        --button-paragraph-spacing: 0px;
        --button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="button-default-small-destructive-outlined"][disabled],
[data-theme='light'] [component-variant="button-default-small-destructive-outlined"][disabled],
[data-theme='dark'] [component-variant="button-default-small-destructive-outlined"]:disabled,
[data-theme='light'] [component-variant="button-default-small-destructive-outlined"]:disabled {
        --button-background-color: var(--interactive-surface-destructive-disabled);
        --button-color: var(--text-tertiary);
        --button-border-top-left-radius: var(--corner-radius-extra-small);
        --button-border-top-right-radius: var(--corner-radius-extra-small);
        --button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --button-padding-left: var(--spacing-space-5);
        --button-padding-right: var(--spacing-space-5);
        --button-padding-top: var(--spacing-space-3);
        --button-padding-bottom: var(--spacing-space-3);
        --button-row-gap: var(--spacing-space-3);
        --button-column-gap: var(--spacing-space-3);
        --button-font-family: var(--font-family-body);
        --button-font-size: var(--font-size-body-small);
        --button-font-weight: var(--font-weight-medium);
        --button-line-height: var(--line-height-body-small);
        --button-paragraph-spacing: 0px;
        --button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="button-default-small-destructive-outlined"][loading], [data-theme='light'] [component-variant="button-default-small-destructive-outlined"][loading] {
        --button-background-color: var(--interactive-surface-destructive-hover);
        --button-color: rgb(233, 233, 234);
        --button-border-top-left-radius: var(--corner-radius-extra-small);
        --button-border-top-right-radius: var(--corner-radius-extra-small);
        --button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --button-padding-left: var(--spacing-space-5);
        --button-padding-right: var(--spacing-space-5);
        --button-padding-top: var(--spacing-space-3);
        --button-padding-bottom: var(--spacing-space-3);
        --button-row-gap: var(--spacing-space-3);
        --button-column-gap: var(--spacing-space-3);
        --button-font-family: sans-sarif;
        --button-font-size: initial;
        --button-font-weight: regular;
        --button-paragraph-spacing: 0px;
        --button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="button-default-small-destructive-outlined"], [data-theme='light'] [component-variant="button-default-small-destructive-outlined"] {
        --button-color: var(--text-primary);
        --button-border-top-left-radius: var(--corner-radius-extra-small);
        --button-border-top-right-radius: var(--corner-radius-extra-small);
        --button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --button-border-color: var(--border-destructive);
        --button-border-top-width: 1px;
        --button-border-right-width: 1px;
        --button-border-bottom-width: 1px;
        --button-border-left-width: 1px;
        --button-padding-left: var(--spacing-space-5);
        --button-padding-right: var(--spacing-space-5);
        --button-padding-top: var(--spacing-space-3);
        --button-padding-bottom: var(--spacing-space-3);
        --button-row-gap: var(--spacing-space-3);
        --button-column-gap: var(--spacing-space-3);
        --button-font-family: var(--font-family-body);
        --button-font-size: var(--font-size-body-small);
        --button-font-weight: var(--font-weight-medium);
        --button-line-height: var(--line-height-body-small);
        --button-paragraph-spacing: 0px;
        --button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="button-default-small-destructive-outlined"]:hover:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="button-default-small-destructive-outlined"]:hover:not(:disabled):not([disabled]) {
        --button-background-color: var(--interactive-surface-destructive-hover);
        --button-color: var(--text-colour-button-text);
        --button-border-top-left-radius: var(--corner-radius-extra-small);
        --button-border-top-right-radius: var(--corner-radius-extra-small);
        --button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --button-padding-left: var(--spacing-space-5);
        --button-padding-right: var(--spacing-space-5);
        --button-padding-top: var(--spacing-space-3);
        --button-padding-bottom: var(--spacing-space-3);
        --button-row-gap: var(--spacing-space-3);
        --button-column-gap: var(--spacing-space-3);
        --button-font-family: var(--font-family-body);
        --button-font-size: var(--font-size-body-small);
        --button-font-weight: var(--font-weight-medium);
        --button-line-height: var(--line-height-body-small);
        --button-paragraph-spacing: 0px;
        --button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="button-default-small-destructive-outlined"][active]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="button-default-small-destructive-outlined"][active]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="button-default-small-destructive-outlined"]:active:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="button-default-small-destructive-outlined"]:active:not(:disabled):not([disabled]) {
        --button-background-color: var(--interactive-surface-destructive-pressed);
        --button-color: var(--text-colour-button-text);
        --button-border-top-left-radius: var(--corner-radius-extra-small);
        --button-border-top-right-radius: var(--corner-radius-extra-small);
        --button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --button-padding-left: var(--spacing-space-5);
        --button-padding-right: var(--spacing-space-5);
        --button-padding-top: var(--spacing-space-3);
        --button-padding-bottom: var(--spacing-space-3);
        --button-row-gap: var(--spacing-space-3);
        --button-column-gap: var(--spacing-space-3);
        --button-font-family: var(--font-family-body);
        --button-font-size: var(--font-size-body-small);
        --button-font-weight: var(--font-weight-medium);
        --button-line-height: var(--line-height-body-small);
        --button-paragraph-spacing: 0px;
        --button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="button-default-small-destructive-outlined"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='light'] [component-variant="button-default-small-destructive-outlined"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="button-default-small-destructive-outlined"]:focus-visible:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="button-default-small-destructive-outlined"]:focus-visible:not(:disabled):not([disabled]) {
        --button-background-color: var(--interactive-surface-destructive-hover);
        --button-color: var(--text-colour-button-text);
        --button-border-top-left-radius: var(--corner-radius-extra-small);
        --button-border-top-right-radius: var(--corner-radius-extra-small);
        --button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --button-border-color: var(--border-border-grey-1);
        --button-border-top-width: 1px;
        --button-border-right-width: 1px;
        --button-border-bottom-width: 1px;
        --button-border-left-width: 1px;
        --button-padding-left: var(--spacing-space-5);
        --button-padding-right: var(--spacing-space-5);
        --button-padding-top: var(--spacing-space-3);
        --button-padding-bottom: var(--spacing-space-3);
        --button-row-gap: var(--spacing-space-3);
        --button-column-gap: var(--spacing-space-3);
        --button-font-family: var(--font-family-body);
        --button-font-size: var(--font-size-body-small);
        --button-font-weight: var(--font-weight-medium);
        --button-line-height: var(--line-height-body-small);
        --button-paragraph-spacing: 0px;
        --button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="button-inverse-small-destructive-outlined"][disabled],
[data-theme='light'] [component-variant="button-inverse-small-destructive-outlined"][disabled],
[data-theme='dark'] [component-variant="button-inverse-small-destructive-outlined"]:disabled,
[data-theme='light'] [component-variant="button-inverse-small-destructive-outlined"]:disabled {
        --button-background-color: var(--interactive-surface-destructive-disabled);
        --button-color: var(--text-tertiary);
        --button-border-top-left-radius: var(--corner-radius-extra-small);
        --button-border-top-right-radius: var(--corner-radius-extra-small);
        --button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --button-padding-left: var(--spacing-space-5);
        --button-padding-right: var(--spacing-space-5);
        --button-padding-top: var(--spacing-space-3);
        --button-padding-bottom: var(--spacing-space-3);
        --button-row-gap: var(--spacing-space-3);
        --button-column-gap: var(--spacing-space-3);
        --button-font-family: var(--font-family-body);
        --button-font-size: var(--font-size-body-small);
        --button-font-weight: var(--font-weight-medium);
        --button-line-height: var(--line-height-body-small);
        --button-paragraph-spacing: 0px;
        --button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="button-inverse-small-destructive-outlined"][loading], [data-theme='light'] [component-variant="button-inverse-small-destructive-outlined"][loading] {
        --button-background-color: var(--interactive-surface-destructive-hover);
        --button-color: rgb(233, 233, 234);
        --button-border-top-left-radius: var(--corner-radius-extra-small);
        --button-border-top-right-radius: var(--corner-radius-extra-small);
        --button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --button-padding-left: var(--spacing-space-5);
        --button-padding-right: var(--spacing-space-5);
        --button-padding-top: var(--spacing-space-3);
        --button-padding-bottom: var(--spacing-space-3);
        --button-row-gap: var(--spacing-space-3);
        --button-column-gap: var(--spacing-space-3);
        --button-font-family: sans-sarif;
        --button-font-size: initial;
        --button-font-weight: regular;
        --button-paragraph-spacing: 0px;
        --button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="button-inverse-small-destructive-outlined"], [data-theme='light'] [component-variant="button-inverse-small-destructive-outlined"] {
        --button-color: var(--text-inverse);
        --button-border-top-left-radius: var(--corner-radius-extra-small);
        --button-border-top-right-radius: var(--corner-radius-extra-small);
        --button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --button-border-color: var(--border-destructive);
        --button-border-top-width: 1px;
        --button-border-right-width: 1px;
        --button-border-bottom-width: 1px;
        --button-border-left-width: 1px;
        --button-padding-left: var(--spacing-space-5);
        --button-padding-right: var(--spacing-space-5);
        --button-padding-top: var(--spacing-space-3);
        --button-padding-bottom: var(--spacing-space-3);
        --button-row-gap: var(--spacing-space-3);
        --button-column-gap: var(--spacing-space-3);
        --button-font-family: var(--font-family-body);
        --button-font-size: var(--font-size-body-small);
        --button-font-weight: var(--font-weight-medium);
        --button-line-height: var(--line-height-body-small);
        --button-paragraph-spacing: 0px;
        --button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="button-inverse-small-destructive-outlined"]:hover:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="button-inverse-small-destructive-outlined"]:hover:not(:disabled):not([disabled]) {
        --button-background-color: var(--interactive-surface-destructive-hover);
        --button-color: var(--text-colour-button-text);
        --button-border-top-left-radius: var(--corner-radius-extra-small);
        --button-border-top-right-radius: var(--corner-radius-extra-small);
        --button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --button-padding-left: var(--spacing-space-5);
        --button-padding-right: var(--spacing-space-5);
        --button-padding-top: var(--spacing-space-3);
        --button-padding-bottom: var(--spacing-space-3);
        --button-row-gap: var(--spacing-space-3);
        --button-column-gap: var(--spacing-space-3);
        --button-font-family: var(--font-family-body);
        --button-font-size: var(--font-size-body-small);
        --button-font-weight: var(--font-weight-medium);
        --button-line-height: var(--line-height-body-small);
        --button-paragraph-spacing: 0px;
        --button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="button-inverse-small-destructive-outlined"][active]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="button-inverse-small-destructive-outlined"][active]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="button-inverse-small-destructive-outlined"]:active:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="button-inverse-small-destructive-outlined"]:active:not(:disabled):not([disabled]) {
        --button-background-color: var(--interactive-surface-destructive-pressed);
        --button-color: var(--text-colour-button-text);
        --button-border-top-left-radius: var(--corner-radius-extra-small);
        --button-border-top-right-radius: var(--corner-radius-extra-small);
        --button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --button-padding-left: var(--spacing-space-5);
        --button-padding-right: var(--spacing-space-5);
        --button-padding-top: var(--spacing-space-3);
        --button-padding-bottom: var(--spacing-space-3);
        --button-row-gap: var(--spacing-space-3);
        --button-column-gap: var(--spacing-space-3);
        --button-font-family: var(--font-family-body);
        --button-font-size: var(--font-size-body-small);
        --button-font-weight: var(--font-weight-medium);
        --button-line-height: var(--line-height-body-small);
        --button-paragraph-spacing: 0px;
        --button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="button-inverse-small-destructive-outlined"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='light'] [component-variant="button-inverse-small-destructive-outlined"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="button-inverse-small-destructive-outlined"]:focus-visible:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="button-inverse-small-destructive-outlined"]:focus-visible:not(:disabled):not([disabled]) {
        --button-background-color: var(--interactive-surface-destructive-hover);
        --button-color: var(--text-colour-button-text);
        --button-border-top-left-radius: var(--corner-radius-extra-small);
        --button-border-top-right-radius: var(--corner-radius-extra-small);
        --button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --button-border-color: var(--border-border-grey-1);
        --button-border-top-width: 1px;
        --button-border-right-width: 1px;
        --button-border-bottom-width: 1px;
        --button-border-left-width: 1px;
        --button-padding-left: var(--spacing-space-5);
        --button-padding-right: var(--spacing-space-5);
        --button-padding-top: var(--spacing-space-3);
        --button-padding-bottom: var(--spacing-space-3);
        --button-row-gap: var(--spacing-space-3);
        --button-column-gap: var(--spacing-space-3);
        --button-font-family: var(--font-family-body);
        --button-font-size: var(--font-size-body-small);
        --button-font-weight: var(--font-weight-medium);
        --button-line-height: var(--line-height-body-small);
        --button-paragraph-spacing: 0px;
        --button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="button-default-medium-primary-filled"], [data-theme='light'] [component-variant="button-default-medium-primary-filled"] {
        --button-background-color: var(--interactive-surface-primary-default);
        --button-color: var(--text-colour-button-text);
        --button-border-top-left-radius: var(--corner-radius-extra-small);
        --button-border-top-right-radius: var(--corner-radius-extra-small);
        --button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --button-padding-left: var(--spacing-space-6);
        --button-padding-right: var(--spacing-space-6);
        --button-padding-top: var(--spacing-space-5);
        --button-padding-bottom: var(--spacing-space-5);
        --button-row-gap: var(--spacing-space-3);
        --button-column-gap: var(--spacing-space-3);
        --button-font-family: var(--font-family-body);
        --button-font-size: var(--font-size-body-small);
        --button-font-weight: var(--font-weight-medium);
        --button-line-height: var(--line-height-body-small);
        --button-paragraph-spacing: 0px;
        --button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="button-default-medium-primary-filled"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='light'] [component-variant="button-default-medium-primary-filled"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="button-default-medium-primary-filled"]:focus-visible:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="button-default-medium-primary-filled"]:focus-visible:not(:disabled):not([disabled]) {
        --button-background-color: var(--interactive-surface-primary-hover);
        --button-color: var(--text-colour-button-text);
        --button-border-top-left-radius: var(--corner-radius-extra-small);
        --button-border-top-right-radius: var(--corner-radius-extra-small);
        --button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --button-border-color: var(--border-border-grey-1);
        --button-border-top-width: 1px;
        --button-border-right-width: 1px;
        --button-border-bottom-width: 1px;
        --button-border-left-width: 1px;
        --button-padding-left: var(--spacing-space-6);
        --button-padding-right: var(--spacing-space-6);
        --button-padding-top: var(--spacing-space-5);
        --button-padding-bottom: var(--spacing-space-5);
        --button-row-gap: var(--spacing-space-3);
        --button-column-gap: var(--spacing-space-3);
        --button-font-family: var(--font-family-body);
        --button-font-size: var(--font-size-body-small);
        --button-font-weight: var(--font-weight-medium);
        --button-line-height: var(--line-height-body-small);
        --button-paragraph-spacing: 0px;
        --button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="button-default-medium-primary-filled"]:hover:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="button-default-medium-primary-filled"]:hover:not(:disabled):not([disabled]) {
        --button-background-color: var(--interactive-surface-primary-hover);
        --button-color: var(--text-colour-button-text);
        --button-border-top-left-radius: var(--corner-radius-extra-small);
        --button-border-top-right-radius: var(--corner-radius-extra-small);
        --button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --button-padding-left: var(--spacing-space-6);
        --button-padding-right: var(--spacing-space-6);
        --button-padding-top: var(--spacing-space-5);
        --button-padding-bottom: var(--spacing-space-5);
        --button-row-gap: var(--spacing-space-3);
        --button-column-gap: var(--spacing-space-3);
        --button-font-family: var(--font-family-body);
        --button-font-size: var(--font-size-body-small);
        --button-font-weight: var(--font-weight-medium);
        --button-line-height: var(--line-height-body-small);
        --button-paragraph-spacing: 0px;
        --button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="button-default-medium-primary-filled"][active]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="button-default-medium-primary-filled"][active]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="button-default-medium-primary-filled"]:active:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="button-default-medium-primary-filled"]:active:not(:disabled):not([disabled]) {
        --button-background-color: var(--interactive-surface-primary-pressed);
        --button-color: var(--text-colour-button-text);
        --button-border-top-left-radius: var(--corner-radius-extra-small);
        --button-border-top-right-radius: var(--corner-radius-extra-small);
        --button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --button-padding-left: var(--spacing-space-6);
        --button-padding-right: var(--spacing-space-6);
        --button-padding-top: var(--spacing-space-5);
        --button-padding-bottom: var(--spacing-space-5);
        --button-row-gap: var(--spacing-space-3);
        --button-column-gap: var(--spacing-space-3);
        --button-font-family: var(--font-family-body);
        --button-font-size: var(--font-size-body-small);
        --button-font-weight: var(--font-weight-medium);
        --button-line-height: var(--line-height-body-small);
        --button-paragraph-spacing: 0px;
        --button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="button-default-medium-primary-filled"][disabled],
[data-theme='light'] [component-variant="button-default-medium-primary-filled"][disabled],
[data-theme='dark'] [component-variant="button-default-medium-primary-filled"]:disabled,
[data-theme='light'] [component-variant="button-default-medium-primary-filled"]:disabled {
        --button-background-color: var(--interactive-surface-primary-disabled-1);
        --button-color: var(--text-tertiary);
        --button-border-top-left-radius: var(--corner-radius-extra-small);
        --button-border-top-right-radius: var(--corner-radius-extra-small);
        --button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --button-padding-left: var(--spacing-space-6);
        --button-padding-right: var(--spacing-space-6);
        --button-padding-top: var(--spacing-space-5);
        --button-padding-bottom: var(--spacing-space-5);
        --button-row-gap: var(--spacing-space-3);
        --button-column-gap: var(--spacing-space-3);
        --button-font-family: var(--font-family-body);
        --button-font-size: var(--font-size-body-small);
        --button-font-weight: var(--font-weight-medium);
        --button-line-height: var(--line-height-body-small);
        --button-paragraph-spacing: 0px;
        --button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="button-default-medium-primary-filled"][loading], [data-theme='light'] [component-variant="button-default-medium-primary-filled"][loading] {
        --button-background-color: var(--interactive-surface-primary-hover);
        --button-color: rgb(233, 233, 234);
        --button-border-top-left-radius: var(--corner-radius-extra-small);
        --button-border-top-right-radius: var(--corner-radius-extra-small);
        --button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --button-padding-left: var(--spacing-space-6);
        --button-padding-right: var(--spacing-space-6);
        --button-padding-top: var(--spacing-space-5);
        --button-padding-bottom: var(--spacing-space-5);
        --button-row-gap: var(--spacing-space-3);
        --button-column-gap: var(--spacing-space-3);
        --button-font-family: sans-sarif;
        --button-font-size: initial;
        --button-font-weight: regular;
        --button-paragraph-spacing: 0px;
        --button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="button-inverse-medium-primary-filled"], [data-theme='light'] [component-variant="button-inverse-medium-primary-filled"] {
        --button-background-color: var(--interactive-surface-primary-default);
        --button-color: var(--text-colour-button-text);
        --button-border-top-left-radius: var(--corner-radius-extra-small);
        --button-border-top-right-radius: var(--corner-radius-extra-small);
        --button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --button-padding-left: var(--spacing-space-6);
        --button-padding-right: var(--spacing-space-6);
        --button-padding-top: var(--spacing-space-5);
        --button-padding-bottom: var(--spacing-space-5);
        --button-row-gap: var(--spacing-space-3);
        --button-column-gap: var(--spacing-space-3);
        --button-font-family: var(--font-family-body);
        --button-font-size: var(--font-size-body-small);
        --button-font-weight: var(--font-weight-medium);
        --button-line-height: var(--line-height-body-small);
        --button-paragraph-spacing: 0px;
        --button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="button-inverse-medium-primary-filled"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='light'] [component-variant="button-inverse-medium-primary-filled"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="button-inverse-medium-primary-filled"]:focus-visible:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="button-inverse-medium-primary-filled"]:focus-visible:not(:disabled):not([disabled]) {
        --button-background-color: var(--interactive-surface-primary-hover);
        --button-color: var(--text-colour-button-text);
        --button-border-top-left-radius: var(--corner-radius-extra-small);
        --button-border-top-right-radius: var(--corner-radius-extra-small);
        --button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --button-border-color: var(--border-border-grey-1);
        --button-border-top-width: 1px;
        --button-border-right-width: 1px;
        --button-border-bottom-width: 1px;
        --button-border-left-width: 1px;
        --button-padding-left: var(--spacing-space-6);
        --button-padding-right: var(--spacing-space-6);
        --button-padding-top: var(--spacing-space-5);
        --button-padding-bottom: var(--spacing-space-5);
        --button-row-gap: var(--spacing-space-3);
        --button-column-gap: var(--spacing-space-3);
        --button-font-family: var(--font-family-body);
        --button-font-size: var(--font-size-body-small);
        --button-font-weight: var(--font-weight-medium);
        --button-line-height: var(--line-height-body-small);
        --button-paragraph-spacing: 0px;
        --button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="button-inverse-medium-primary-filled"]:hover:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="button-inverse-medium-primary-filled"]:hover:not(:disabled):not([disabled]) {
        --button-background-color: var(--interactive-surface-primary-hover);
        --button-color: var(--text-colour-button-text);
        --button-border-top-left-radius: var(--corner-radius-extra-small);
        --button-border-top-right-radius: var(--corner-radius-extra-small);
        --button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --button-padding-left: var(--spacing-space-6);
        --button-padding-right: var(--spacing-space-6);
        --button-padding-top: var(--spacing-space-5);
        --button-padding-bottom: var(--spacing-space-5);
        --button-row-gap: var(--spacing-space-3);
        --button-column-gap: var(--spacing-space-3);
        --button-font-family: var(--font-family-body);
        --button-font-size: var(--font-size-body-small);
        --button-font-weight: var(--font-weight-medium);
        --button-line-height: var(--line-height-body-small);
        --button-paragraph-spacing: 0px;
        --button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="button-inverse-medium-primary-filled"][active]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="button-inverse-medium-primary-filled"][active]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="button-inverse-medium-primary-filled"]:active:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="button-inverse-medium-primary-filled"]:active:not(:disabled):not([disabled]) {
        --button-background-color: var(--interactive-surface-primary-pressed);
        --button-color: var(--text-colour-button-text);
        --button-border-top-left-radius: var(--corner-radius-extra-small);
        --button-border-top-right-radius: var(--corner-radius-extra-small);
        --button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --button-padding-left: var(--spacing-space-6);
        --button-padding-right: var(--spacing-space-6);
        --button-padding-top: var(--spacing-space-5);
        --button-padding-bottom: var(--spacing-space-5);
        --button-row-gap: var(--spacing-space-3);
        --button-column-gap: var(--spacing-space-3);
        --button-font-family: var(--font-family-body);
        --button-font-size: var(--font-size-body-small);
        --button-font-weight: var(--font-weight-medium);
        --button-line-height: var(--line-height-body-small);
        --button-paragraph-spacing: 0px;
        --button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="button-inverse-medium-primary-filled"][disabled],
[data-theme='light'] [component-variant="button-inverse-medium-primary-filled"][disabled],
[data-theme='dark'] [component-variant="button-inverse-medium-primary-filled"]:disabled,
[data-theme='light'] [component-variant="button-inverse-medium-primary-filled"]:disabled {
        --button-background-color: var(--interactive-surface-primary-disabled-1);
        --button-color: var(--text-tertiary);
        --button-border-top-left-radius: var(--corner-radius-extra-small);
        --button-border-top-right-radius: var(--corner-radius-extra-small);
        --button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --button-padding-left: var(--spacing-space-6);
        --button-padding-right: var(--spacing-space-6);
        --button-padding-top: var(--spacing-space-5);
        --button-padding-bottom: var(--spacing-space-5);
        --button-row-gap: var(--spacing-space-3);
        --button-column-gap: var(--spacing-space-3);
        --button-font-family: var(--font-family-body);
        --button-font-size: var(--font-size-body-small);
        --button-font-weight: var(--font-weight-medium);
        --button-line-height: var(--line-height-body-small);
        --button-paragraph-spacing: 0px;
        --button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="button-inverse-medium-primary-filled"][loading], [data-theme='light'] [component-variant="button-inverse-medium-primary-filled"][loading] {
        --button-background-color: var(--interactive-surface-primary-hover);
        --button-color: rgb(233, 233, 234);
        --button-border-top-left-radius: var(--corner-radius-extra-small);
        --button-border-top-right-radius: var(--corner-radius-extra-small);
        --button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --button-padding-left: var(--spacing-space-6);
        --button-padding-right: var(--spacing-space-6);
        --button-padding-top: var(--spacing-space-5);
        --button-padding-bottom: var(--spacing-space-5);
        --button-row-gap: var(--spacing-space-3);
        --button-column-gap: var(--spacing-space-3);
        --button-font-family: sans-sarif;
        --button-font-size: initial;
        --button-font-weight: regular;
        --button-paragraph-spacing: 0px;
        --button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="button-default-small-primary-filled"], [data-theme='light'] [component-variant="button-default-small-primary-filled"] {
        --button-background-color: var(--interactive-surface-primary-default);
        --button-color: var(--text-colour-button-text);
        --button-border-top-left-radius: var(--corner-radius-extra-small);
        --button-border-top-right-radius: var(--corner-radius-extra-small);
        --button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --button-padding-left: var(--spacing-space-5);
        --button-padding-right: var(--spacing-space-5);
        --button-padding-top: var(--spacing-space-3);
        --button-padding-bottom: var(--spacing-space-3);
        --button-row-gap: var(--spacing-space-3);
        --button-column-gap: var(--spacing-space-3);
        --button-font-family: var(--font-family-body);
        --button-font-size: var(--font-size-body-small);
        --button-font-weight: var(--font-weight-medium);
        --button-line-height: var(--line-height-body-small);
        --button-paragraph-spacing: 0px;
        --button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="button-default-small-primary-filled"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='light'] [component-variant="button-default-small-primary-filled"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="button-default-small-primary-filled"]:focus-visible:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="button-default-small-primary-filled"]:focus-visible:not(:disabled):not([disabled]) {
        --button-background-color: var(--interactive-surface-primary-hover);
        --button-color: var(--text-colour-button-text);
        --button-border-top-left-radius: var(--corner-radius-extra-small);
        --button-border-top-right-radius: var(--corner-radius-extra-small);
        --button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --button-border-color: var(--border-border-grey-1);
        --button-border-top-width: 1px;
        --button-border-right-width: 1px;
        --button-border-bottom-width: 1px;
        --button-border-left-width: 1px;
        --button-padding-left: var(--spacing-space-5);
        --button-padding-right: var(--spacing-space-5);
        --button-padding-top: var(--spacing-space-3);
        --button-padding-bottom: var(--spacing-space-3);
        --button-row-gap: var(--spacing-space-3);
        --button-column-gap: var(--spacing-space-3);
        --button-font-family: var(--font-family-body);
        --button-font-size: var(--font-size-body-small);
        --button-font-weight: var(--font-weight-medium);
        --button-line-height: var(--line-height-body-small);
        --button-paragraph-spacing: 0px;
        --button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="button-default-small-primary-filled"]:hover:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="button-default-small-primary-filled"]:hover:not(:disabled):not([disabled]) {
        --button-background-color: var(--interactive-surface-primary-hover);
        --button-color: var(--text-colour-button-text);
        --button-border-top-left-radius: var(--corner-radius-extra-small);
        --button-border-top-right-radius: var(--corner-radius-extra-small);
        --button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --button-padding-left: var(--spacing-space-5);
        --button-padding-right: var(--spacing-space-5);
        --button-padding-top: var(--spacing-space-3);
        --button-padding-bottom: var(--spacing-space-3);
        --button-row-gap: var(--spacing-space-3);
        --button-column-gap: var(--spacing-space-3);
        --button-font-family: var(--font-family-body);
        --button-font-size: var(--font-size-body-small);
        --button-font-weight: var(--font-weight-medium);
        --button-line-height: var(--line-height-body-small);
        --button-paragraph-spacing: 0px;
        --button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="button-default-small-primary-filled"][active]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="button-default-small-primary-filled"][active]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="button-default-small-primary-filled"]:active:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="button-default-small-primary-filled"]:active:not(:disabled):not([disabled]) {
        --button-background-color: var(--interactive-surface-primary-pressed);
        --button-color: var(--text-colour-button-text);
        --button-border-top-left-radius: var(--corner-radius-extra-small);
        --button-border-top-right-radius: var(--corner-radius-extra-small);
        --button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --button-padding-left: var(--spacing-space-5);
        --button-padding-right: var(--spacing-space-5);
        --button-padding-top: var(--spacing-space-3);
        --button-padding-bottom: var(--spacing-space-3);
        --button-row-gap: var(--spacing-space-3);
        --button-column-gap: var(--spacing-space-3);
        --button-font-family: var(--font-family-body);
        --button-font-size: var(--font-size-body-small);
        --button-font-weight: var(--font-weight-medium);
        --button-line-height: var(--line-height-body-small);
        --button-paragraph-spacing: 0px;
        --button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="button-default-small-primary-filled"][disabled],
[data-theme='light'] [component-variant="button-default-small-primary-filled"][disabled],
[data-theme='dark'] [component-variant="button-default-small-primary-filled"]:disabled,
[data-theme='light'] [component-variant="button-default-small-primary-filled"]:disabled {
        --button-background-color: var(--interactive-surface-primary-disabled-1);
        --button-color: var(--text-tertiary);
        --button-border-top-left-radius: var(--corner-radius-extra-small);
        --button-border-top-right-radius: var(--corner-radius-extra-small);
        --button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --button-padding-left: var(--spacing-space-5);
        --button-padding-right: var(--spacing-space-5);
        --button-padding-top: var(--spacing-space-3);
        --button-padding-bottom: var(--spacing-space-3);
        --button-row-gap: var(--spacing-space-3);
        --button-column-gap: var(--spacing-space-3);
        --button-font-family: var(--font-family-body);
        --button-font-size: var(--font-size-body-small);
        --button-font-weight: var(--font-weight-medium);
        --button-line-height: var(--line-height-body-small);
        --button-paragraph-spacing: 0px;
        --button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="button-default-small-primary-filled"][loading], [data-theme='light'] [component-variant="button-default-small-primary-filled"][loading] {
        --button-background-color: var(--interactive-surface-primary-hover);
        --button-color: rgb(233, 233, 234);
        --button-border-top-left-radius: var(--corner-radius-extra-small);
        --button-border-top-right-radius: var(--corner-radius-extra-small);
        --button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --button-padding-left: var(--spacing-space-5);
        --button-padding-right: var(--spacing-space-5);
        --button-padding-top: var(--spacing-space-3);
        --button-padding-bottom: var(--spacing-space-3);
        --button-row-gap: var(--spacing-space-3);
        --button-column-gap: var(--spacing-space-3);
        --button-font-family: sans-sarif;
        --button-font-size: initial;
        --button-font-weight: regular;
        --button-paragraph-spacing: 0px;
        --button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="button-inverse-small-primary-filled"], [data-theme='light'] [component-variant="button-inverse-small-primary-filled"] {
        --button-background-color: var(--interactive-surface-primary-default);
        --button-color: var(--text-colour-button-text);
        --button-border-top-left-radius: var(--corner-radius-extra-small);
        --button-border-top-right-radius: var(--corner-radius-extra-small);
        --button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --button-padding-left: var(--spacing-space-5);
        --button-padding-right: var(--spacing-space-5);
        --button-padding-top: var(--spacing-space-3);
        --button-padding-bottom: var(--spacing-space-3);
        --button-row-gap: var(--spacing-space-3);
        --button-column-gap: var(--spacing-space-3);
        --button-font-family: var(--font-family-body);
        --button-font-size: var(--font-size-body-small);
        --button-font-weight: var(--font-weight-medium);
        --button-line-height: var(--line-height-body-small);
        --button-paragraph-spacing: 0px;
        --button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="button-inverse-small-primary-filled"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='light'] [component-variant="button-inverse-small-primary-filled"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="button-inverse-small-primary-filled"]:focus-visible:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="button-inverse-small-primary-filled"]:focus-visible:not(:disabled):not([disabled]) {
        --button-background-color: var(--interactive-surface-primary-hover);
        --button-color: var(--text-colour-button-text);
        --button-border-top-left-radius: var(--corner-radius-extra-small);
        --button-border-top-right-radius: var(--corner-radius-extra-small);
        --button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --button-border-color: var(--border-border-grey-1);
        --button-border-top-width: 1px;
        --button-border-right-width: 1px;
        --button-border-bottom-width: 1px;
        --button-border-left-width: 1px;
        --button-padding-left: var(--spacing-space-5);
        --button-padding-right: var(--spacing-space-5);
        --button-padding-top: var(--spacing-space-3);
        --button-padding-bottom: var(--spacing-space-3);
        --button-row-gap: var(--spacing-space-3);
        --button-column-gap: var(--spacing-space-3);
        --button-font-family: var(--font-family-body);
        --button-font-size: var(--font-size-body-small);
        --button-font-weight: var(--font-weight-medium);
        --button-line-height: var(--line-height-body-small);
        --button-paragraph-spacing: 0px;
        --button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="button-inverse-small-primary-filled"]:hover:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="button-inverse-small-primary-filled"]:hover:not(:disabled):not([disabled]) {
        --button-background-color: var(--interactive-surface-primary-hover);
        --button-color: var(--text-colour-button-text);
        --button-border-top-left-radius: var(--corner-radius-extra-small);
        --button-border-top-right-radius: var(--corner-radius-extra-small);
        --button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --button-padding-left: var(--spacing-space-5);
        --button-padding-right: var(--spacing-space-5);
        --button-padding-top: var(--spacing-space-3);
        --button-padding-bottom: var(--spacing-space-3);
        --button-row-gap: var(--spacing-space-3);
        --button-column-gap: var(--spacing-space-3);
        --button-font-family: var(--font-family-body);
        --button-font-size: var(--font-size-body-small);
        --button-font-weight: var(--font-weight-medium);
        --button-line-height: var(--line-height-body-small);
        --button-paragraph-spacing: 0px;
        --button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="button-inverse-small-primary-filled"][active]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="button-inverse-small-primary-filled"][active]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="button-inverse-small-primary-filled"]:active:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="button-inverse-small-primary-filled"]:active:not(:disabled):not([disabled]) {
        --button-background-color: var(--interactive-surface-primary-pressed);
        --button-color: var(--text-colour-button-text);
        --button-border-top-left-radius: var(--corner-radius-extra-small);
        --button-border-top-right-radius: var(--corner-radius-extra-small);
        --button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --button-padding-left: var(--spacing-space-5);
        --button-padding-right: var(--spacing-space-5);
        --button-padding-top: var(--spacing-space-3);
        --button-padding-bottom: var(--spacing-space-3);
        --button-row-gap: var(--spacing-space-3);
        --button-column-gap: var(--spacing-space-3);
        --button-font-family: var(--font-family-body);
        --button-font-size: var(--font-size-body-small);
        --button-font-weight: var(--font-weight-medium);
        --button-line-height: var(--line-height-body-small);
        --button-paragraph-spacing: 0px;
        --button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="button-inverse-small-primary-filled"][disabled],
[data-theme='light'] [component-variant="button-inverse-small-primary-filled"][disabled],
[data-theme='dark'] [component-variant="button-inverse-small-primary-filled"]:disabled,
[data-theme='light'] [component-variant="button-inverse-small-primary-filled"]:disabled {
        --button-background-color: var(--interactive-surface-primary-disabled-1);
        --button-color: var(--text-tertiary);
        --button-border-top-left-radius: var(--corner-radius-extra-small);
        --button-border-top-right-radius: var(--corner-radius-extra-small);
        --button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --button-padding-left: var(--spacing-space-5);
        --button-padding-right: var(--spacing-space-5);
        --button-padding-top: var(--spacing-space-3);
        --button-padding-bottom: var(--spacing-space-3);
        --button-row-gap: var(--spacing-space-3);
        --button-column-gap: var(--spacing-space-3);
        --button-font-family: var(--font-family-body);
        --button-font-size: var(--font-size-body-small);
        --button-font-weight: var(--font-weight-medium);
        --button-line-height: var(--line-height-body-small);
        --button-paragraph-spacing: 0px;
        --button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="button-inverse-small-primary-filled"][loading], [data-theme='light'] [component-variant="button-inverse-small-primary-filled"][loading] {
        --button-background-color: var(--interactive-surface-primary-hover);
        --button-color: rgb(233, 233, 234);
        --button-border-top-left-radius: var(--corner-radius-extra-small);
        --button-border-top-right-radius: var(--corner-radius-extra-small);
        --button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --button-padding-left: var(--spacing-space-5);
        --button-padding-right: var(--spacing-space-5);
        --button-padding-top: var(--spacing-space-3);
        --button-padding-bottom: var(--spacing-space-3);
        --button-row-gap: var(--spacing-space-3);
        --button-column-gap: var(--spacing-space-3);
        --button-font-family: sans-sarif;
        --button-font-size: initial;
        --button-font-weight: regular;
        --button-paragraph-spacing: 0px;
        --button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant^="list-"], [data-theme='light'] [component-variant^="list-"] {
        --list-opacity: 1;
        --list-height: auto;
        --list-min-height: auto;
        --list-max-height: none;
        --list-width: auto;
        --list-min-width: auto;
        --list-max-width: none;
        --list-background-color: transparent;
        --list-fill: currentcolor;
        --list-border-top-left-radius: 0px;
        --list-border-top-right-radius: 0px;
        --list-border-bottom-left-radius: 0px;
        --list-border-bottom-right-radius: 0px;
        --list-border-color: transparent;
        --list-border-style: solid;
        --list-border-gap: normal;
        --list-border-dash: none;
        --list-border-top-width: 0px;
        --list-border-right-width: 0px;
        --list-border-bottom-width: 0px;
        --list-border-left-width: 0px;
        --list-outline-color: auto;
        --list-outline-style: solid;
        --list-outline-width: 0px;
        --list-padding-left: 0px;
        --list-padding-right: 0px;
        --list-padding-top: 0px;
        --list-padding-bottom: 0px;
        --list-row-gap: 0px;
        --list-column-gap: 0px;
        --list-font-family: sans-serif;
        --list-font-size: medium;
        --list-color: currentcolor;
        --list-letter-spacing: normal;
        --list-line-height: normal;
        --list-paragraph-spacing: ;
        --list-paragraph-indent: 
    }
[data-theme='dark'] [component-variant="list-vertical"], [data-theme='light'] [component-variant="list-vertical"] {
        --list-row-gap: var(--spacing-space-3);
        --list-column-gap: var(--spacing-space-3);
        --list-font-family: var(--font-family-body);
        --list-font-size: var(--font-size-body-small);
        --list-font-weight: var(--font-weight-medium);
        --list-line-height: var(--line-height-body-small);
        --list-paragraph-spacing: 0px;
        --list-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="list-horizontal"], [data-theme='light'] [component-variant="list-horizontal"] {
        --list-row-gap: var(--spacing-space-3);
        --list-column-gap: var(--spacing-space-3);
        --list-font-family: var(--font-family-body);
        --list-font-size: var(--font-size-body-small);
        --list-font-weight: var(--font-weight-medium);
        --list-line-height: var(--line-height-body-small);
        --list-paragraph-spacing: 0px;
        --list-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant^="button-group-"], [data-theme='light'] [component-variant^="button-group-"] {
        --button-group-opacity: 1;
        --button-group-height: auto;
        --button-group-min-height: auto;
        --button-group-max-height: none;
        --button-group-width: auto;
        --button-group-min-width: auto;
        --button-group-max-width: none;
        --button-group-background-color: transparent;
        --button-group-fill: currentcolor;
        --button-group-border-top-left-radius: 0px;
        --button-group-border-top-right-radius: 0px;
        --button-group-border-bottom-left-radius: 0px;
        --button-group-border-bottom-right-radius: 0px;
        --button-group-border-color: transparent;
        --button-group-border-style: solid;
        --button-group-border-gap: normal;
        --button-group-border-dash: none;
        --button-group-border-top-width: 0px;
        --button-group-border-right-width: 0px;
        --button-group-border-bottom-width: 0px;
        --button-group-border-left-width: 0px;
        --button-group-outline-color: auto;
        --button-group-outline-style: solid;
        --button-group-outline-width: 0px;
        --button-group-padding-left: 0px;
        --button-group-padding-right: 0px;
        --button-group-padding-top: 0px;
        --button-group-padding-bottom: 0px;
        --button-group-row-gap: 0px;
        --button-group-column-gap: 0px;
        --button-group-font-family: sans-serif;
        --button-group-font-size: medium;
        --button-group-color: currentcolor;
        --button-group-letter-spacing: normal;
        --button-group-line-height: normal;
        --button-group-paragraph-spacing: ;
        --button-group-paragraph-indent: 
    }
[data-theme='dark'] [component-variant="button-group-horizontal-outlined"], [data-theme='light'] [component-variant="button-group-horizontal-outlined"] {
        --button-group-background-color: var(--surface-background-6);
        --button-group-border-top-left-radius: var(--corner-radius-extra-small);
        --button-group-border-top-right-radius: var(--corner-radius-extra-small);
        --button-group-border-bottom-left-radius: var(--corner-radius-extra-small);
        --button-group-border-bottom-right-radius: var(--corner-radius-extra-small);
        --button-group-outline-color: var(--border-border-grey-3);
        --button-group-outline-width: 1px;
        --button-group-padding-left: var(--spacing-space-1);
        --button-group-padding-right: var(--spacing-space-1);
        --button-group-padding-top: var(--spacing-space-1);
        --button-group-padding-bottom: var(--spacing-space-1);
        --button-group-row-gap: 1px;
        --button-group-column-gap: 1px;
        --button-group-font-family: var(--font-family-body);
        --button-group-font-size: var(--font-size-body-small);
        --button-group-font-weight: var(--font-weight-medium);
        --button-group-line-height: var(--line-height-body-small);
        --button-group-paragraph-spacing: 0px;
        --button-group-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="button-group-horizontal-ghost"], [data-theme='light'] [component-variant="button-group-horizontal-ghost"] {
        --button-group-border-top-left-radius: var(--corner-radius-extra-small);
        --button-group-border-top-right-radius: var(--corner-radius-extra-small);
        --button-group-border-bottom-left-radius: var(--corner-radius-extra-small);
        --button-group-border-bottom-right-radius: var(--corner-radius-extra-small);
        --button-group-padding-left: var(--spacing-space-1);
        --button-group-padding-right: var(--spacing-space-1);
        --button-group-padding-top: var(--spacing-space-1);
        --button-group-padding-bottom: var(--spacing-space-1);
        --button-group-row-gap: 1px;
        --button-group-column-gap: 1px;
        --button-group-font-family: var(--font-family-body);
        --button-group-font-size: var(--font-size-body-small);
        --button-group-font-weight: var(--font-weight-medium);
        --button-group-line-height: var(--line-height-body-small);
        --button-group-paragraph-spacing: 0px;
        --button-group-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="button-group-vertical-outlined"], [data-theme='light'] [component-variant="button-group-vertical-outlined"] {
        --button-group-background-color: var(--surface-background-6);
        --button-group-border-top-left-radius: var(--corner-radius-extra-small);
        --button-group-border-top-right-radius: var(--corner-radius-extra-small);
        --button-group-border-bottom-left-radius: var(--corner-radius-extra-small);
        --button-group-border-bottom-right-radius: var(--corner-radius-extra-small);
        --button-group-outline-color: var(--border-border-grey-3);
        --button-group-outline-width: 1px;
        --button-group-padding-left: var(--spacing-space-1);
        --button-group-padding-right: var(--spacing-space-1);
        --button-group-padding-top: var(--spacing-space-1);
        --button-group-padding-bottom: var(--spacing-space-1);
        --button-group-row-gap: 1px;
        --button-group-column-gap: 1px;
        --button-group-font-family: var(--font-family-body);
        --button-group-font-size: var(--font-size-body-small);
        --button-group-font-weight: var(--font-weight-medium);
        --button-group-line-height: var(--line-height-body-small);
        --button-group-paragraph-spacing: 0px;
        --button-group-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="button-group-vertical-ghost"], [data-theme='light'] [component-variant="button-group-vertical-ghost"] {
        --button-group-border-top-left-radius: var(--corner-radius-extra-small);
        --button-group-border-top-right-radius: var(--corner-radius-extra-small);
        --button-group-border-bottom-left-radius: var(--corner-radius-extra-small);
        --button-group-border-bottom-right-radius: var(--corner-radius-extra-small);
        --button-group-padding-left: var(--spacing-space-1);
        --button-group-padding-right: var(--spacing-space-1);
        --button-group-padding-top: var(--spacing-space-1);
        --button-group-padding-bottom: var(--spacing-space-1);
        --button-group-row-gap: 1px;
        --button-group-column-gap: 1px;
        --button-group-font-family: var(--font-family-body);
        --button-group-font-size: var(--font-size-body-small);
        --button-group-font-weight: var(--font-weight-medium);
        --button-group-line-height: var(--line-height-body-small);
        --button-group-paragraph-spacing: 0px;
        --button-group-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant^="input-"], [data-theme='light'] [component-variant^="input-"] {
        --input-opacity: 1;
        --input-height: auto;
        --input-min-height: auto;
        --input-max-height: none;
        --input-width: auto;
        --input-min-width: auto;
        --input-max-width: none;
        --input-background-color: transparent;
        --input-fill: currentcolor;
        --input-border-top-left-radius: 0px;
        --input-border-top-right-radius: 0px;
        --input-border-bottom-left-radius: 0px;
        --input-border-bottom-right-radius: 0px;
        --input-border-color: transparent;
        --input-border-style: solid;
        --input-border-gap: normal;
        --input-border-dash: none;
        --input-border-top-width: 0px;
        --input-border-right-width: 0px;
        --input-border-bottom-width: 0px;
        --input-border-left-width: 0px;
        --input-outline-color: auto;
        --input-outline-style: solid;
        --input-outline-width: 0px;
        --input-padding-left: 0px;
        --input-padding-right: 0px;
        --input-padding-top: 0px;
        --input-padding-bottom: 0px;
        --input-row-gap: 0px;
        --input-column-gap: 0px;
        --input-font-family: sans-serif;
        --input-font-size: medium;
        --input-color: currentcolor;
        --input-letter-spacing: normal;
        --input-line-height: normal;
        --input-paragraph-spacing: ;
        --input-paragraph-indent: 
    }
[data-theme='dark'] [component-variant="input-text"], [data-theme='light'] [component-variant="input-text"] {
        --input-height: 32px;
        --input-width: 284px;
        --input-background-color: var(--interactive-surface-secondary-default);
        --input-color: var(--text-secondary);
        --input-border-top-left-radius: var(--corner-radius-extra-small);
        --input-border-top-right-radius: var(--corner-radius-extra-small);
        --input-border-bottom-left-radius: var(--corner-radius-extra-small);
        --input-border-bottom-right-radius: var(--corner-radius-extra-small);
        --input-border-color: var(--border-border-grey-3);
        --input-border-top-width: 1px;
        --input-border-right-width: 1px;
        --input-border-bottom-width: 1px;
        --input-border-left-width: 1px;
        --input-padding-left: var(--spacing-space-5);
        --input-padding-right: var(--spacing-space-5);
        --input-padding-top: var(--spacing-space-5);
        --input-padding-bottom: var(--spacing-space-5);
        --input-row-gap: var(--spacing-space-5);
        --input-column-gap: var(--spacing-space-5);
        --input-font-family: var(--font-family-body);
        --input-font-size: var(--font-size-body-small);
        --input-font-weight: var(--font-weight-regular);
        --input-line-height: var(--line-height-body-small);
        --input-paragraph-spacing: 0px;
        --input-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="input-text"]:hover:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="input-text"]:hover:not(:disabled):not([disabled]) {
        --input-height: 32px;
        --input-width: 284px;
        --input-background-color: var(--interactive-surface-secondary-default);
        --input-color: var(--text-primary);
        --input-border-top-left-radius: var(--corner-radius-extra-small);
        --input-border-top-right-radius: var(--corner-radius-extra-small);
        --input-border-bottom-left-radius: var(--corner-radius-extra-small);
        --input-border-bottom-right-radius: var(--corner-radius-extra-small);
        --input-border-color: var(--border-border-grey-2);
        --input-border-top-width: 1px;
        --input-border-right-width: 1px;
        --input-border-bottom-width: 1px;
        --input-border-left-width: 1px;
        --input-padding-left: var(--spacing-space-5);
        --input-padding-right: var(--spacing-space-5);
        --input-padding-top: var(--spacing-space-5);
        --input-padding-bottom: var(--spacing-space-5);
        --input-row-gap: var(--spacing-space-5);
        --input-column-gap: var(--spacing-space-5);
        --input-font-family: var(--font-family-body);
        --input-font-size: var(--font-size-body-small);
        --input-font-weight: var(--font-weight-regular);
        --input-line-height: var(--line-height-body-small);
        --input-paragraph-spacing: 0px;
        --input-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="input-text"][active]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="input-text"][active]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="input-text"]:active:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="input-text"]:active:not(:disabled):not([disabled]) {
        --input-height: 32px;
        --input-width: 284px;
        --input-background-color: var(--interactive-surface-secondary-default);
        --input-color: var(--text-primary);
        --input-border-top-left-radius: var(--corner-radius-extra-small);
        --input-border-top-right-radius: var(--corner-radius-extra-small);
        --input-border-bottom-left-radius: var(--corner-radius-extra-small);
        --input-border-bottom-right-radius: var(--corner-radius-extra-small);
        --input-border-color: var(--border-border-grey-2);
        --input-border-top-width: 1px;
        --input-border-right-width: 1px;
        --input-border-bottom-width: 1px;
        --input-border-left-width: 1px;
        --input-padding-left: var(--spacing-space-5);
        --input-padding-right: var(--spacing-space-5);
        --input-padding-top: var(--spacing-space-5);
        --input-padding-bottom: var(--spacing-space-5);
        --input-row-gap: var(--spacing-space-5);
        --input-column-gap: var(--spacing-space-5);
        --input-font-family: var(--font-family-body);
        --input-font-size: var(--font-size-body-small);
        --input-font-weight: var(--font-weight-regular);
        --input-line-height: var(--line-height-body-small);
        --input-paragraph-spacing: 0px;
        --input-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="input-text"]:has(:focus):not(:disabled):not([disabled]), [data-theme='light'] [component-variant="input-text"]:has(:focus):not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="input-text"]:focus:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="input-text"]:focus:not(:disabled):not([disabled]) {
        --input-height: 32px;
        --input-width: 284px;
        --input-background-color: var(--interactive-surface-secondary-default);
        --input-color: var(--text-primary);
        --input-border-top-left-radius: var(--corner-radius-extra-small);
        --input-border-top-right-radius: var(--corner-radius-extra-small);
        --input-border-bottom-left-radius: var(--corner-radius-extra-small);
        --input-border-bottom-right-radius: var(--corner-radius-extra-small);
        --input-border-color: var(--border-primary);
        --input-border-top-width: 1px;
        --input-border-right-width: 1px;
        --input-border-bottom-width: 1px;
        --input-border-left-width: 1px;
        --input-padding-left: var(--spacing-space-5);
        --input-padding-right: var(--spacing-space-5);
        --input-padding-top: var(--spacing-space-5);
        --input-padding-bottom: var(--spacing-space-5);
        --input-row-gap: var(--spacing-space-5);
        --input-column-gap: var(--spacing-space-5);
        --input-font-family: var(--font-family-body);
        --input-font-size: var(--font-size-body-small);
        --input-font-weight: var(--font-weight-regular);
        --input-line-height: var(--line-height-body-small);
        --input-paragraph-spacing: 0px;
        --input-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="input-text"][invalid]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="input-text"][invalid]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="input-text"]:invalid:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="input-text"]:invalid:not(:disabled):not([disabled]) {
        --input-height: 32px;
        --input-width: 284px;
        --input-background-color: var(--interactive-surface-secondary-default);
        --input-color: var(--text-primary);
        --input-border-top-left-radius: var(--corner-radius-extra-small);
        --input-border-top-right-radius: var(--corner-radius-extra-small);
        --input-border-bottom-left-radius: var(--corner-radius-extra-small);
        --input-border-bottom-right-radius: var(--corner-radius-extra-small);
        --input-border-color: var(--border-destructive);
        --input-border-top-width: 1px;
        --input-border-right-width: 1px;
        --input-border-bottom-width: 1px;
        --input-border-left-width: 1px;
        --input-padding-left: var(--spacing-space-5);
        --input-padding-right: var(--spacing-space-5);
        --input-padding-top: var(--spacing-space-5);
        --input-padding-bottom: var(--spacing-space-5);
        --input-row-gap: var(--spacing-space-5);
        --input-column-gap: var(--spacing-space-5);
        --input-font-family: var(--font-family-body);
        --input-font-size: var(--font-size-body-small);
        --input-font-weight: var(--font-weight-regular);
        --input-line-height: var(--line-height-body-small);
        --input-paragraph-spacing: 0px;
        --input-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="input-text"][disabled],
[data-theme='light'] [component-variant="input-text"][disabled],
[data-theme='dark'] [component-variant="input-text"]:disabled,
[data-theme='light'] [component-variant="input-text"]:disabled {
        --input-height: 32px;
        --input-width: 284px;
        --input-background-color: var(--interactive-surface-secondary-disabled);
        --input-color: var(--text-tertiary);
        --input-border-top-left-radius: var(--corner-radius-extra-small);
        --input-border-top-right-radius: var(--corner-radius-extra-small);
        --input-border-bottom-left-radius: var(--corner-radius-extra-small);
        --input-border-bottom-right-radius: var(--corner-radius-extra-small);
        --input-border-color: var(--border-border-grey-2);
        --input-border-top-width: 1px;
        --input-border-right-width: 1px;
        --input-border-bottom-width: 1px;
        --input-border-left-width: 1px;
        --input-padding-left: var(--spacing-space-5);
        --input-padding-right: var(--spacing-space-5);
        --input-padding-top: var(--spacing-space-5);
        --input-padding-bottom: var(--spacing-space-5);
        --input-row-gap: var(--spacing-space-5);
        --input-column-gap: var(--spacing-space-5);
        --input-font-family: var(--font-family-body);
        --input-font-size: var(--font-size-body-small);
        --input-font-weight: var(--font-weight-regular);
        --input-line-height: var(--line-height-body-small);
        --input-paragraph-spacing: 0px;
        --input-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="input-email"], [data-theme='light'] [component-variant="input-email"] {
        --input-height: 32px;
        --input-width: 284px;
        --input-background-color: var(--interactive-surface-secondary-default);
        --input-color: var(--text-secondary);
        --input-border-top-left-radius: var(--corner-radius-extra-small);
        --input-border-top-right-radius: var(--corner-radius-extra-small);
        --input-border-bottom-left-radius: var(--corner-radius-extra-small);
        --input-border-bottom-right-radius: var(--corner-radius-extra-small);
        --input-border-color: var(--border-border-grey-3);
        --input-border-top-width: 1px;
        --input-border-right-width: 1px;
        --input-border-bottom-width: 1px;
        --input-border-left-width: 1px;
        --input-padding-left: var(--spacing-space-5);
        --input-padding-right: var(--spacing-space-5);
        --input-padding-top: var(--spacing-space-5);
        --input-padding-bottom: var(--spacing-space-5);
        --input-row-gap: var(--spacing-space-5);
        --input-column-gap: var(--spacing-space-5);
        --input-font-family: var(--font-family-body);
        --input-font-size: var(--font-size-body-small);
        --input-font-weight: var(--font-weight-regular);
        --input-line-height: var(--line-height-body-small);
        --input-paragraph-spacing: 0px;
        --input-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="input-email"]:hover:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="input-email"]:hover:not(:disabled):not([disabled]) {
        --input-height: 32px;
        --input-width: 284px;
        --input-background-color: var(--interactive-surface-secondary-default);
        --input-color: var(--text-primary);
        --input-border-top-left-radius: var(--corner-radius-extra-small);
        --input-border-top-right-radius: var(--corner-radius-extra-small);
        --input-border-bottom-left-radius: var(--corner-radius-extra-small);
        --input-border-bottom-right-radius: var(--corner-radius-extra-small);
        --input-border-color: var(--border-border-grey-2);
        --input-border-top-width: 1px;
        --input-border-right-width: 1px;
        --input-border-bottom-width: 1px;
        --input-border-left-width: 1px;
        --input-padding-left: var(--spacing-space-5);
        --input-padding-right: var(--spacing-space-5);
        --input-padding-top: var(--spacing-space-5);
        --input-padding-bottom: var(--spacing-space-5);
        --input-row-gap: var(--spacing-space-5);
        --input-column-gap: var(--spacing-space-5);
        --input-font-family: var(--font-family-body);
        --input-font-size: var(--font-size-body-small);
        --input-font-weight: var(--font-weight-regular);
        --input-line-height: var(--line-height-body-small);
        --input-paragraph-spacing: 0px;
        --input-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="input-email"][active]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="input-email"][active]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="input-email"]:active:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="input-email"]:active:not(:disabled):not([disabled]) {
        --input-height: 32px;
        --input-width: 284px;
        --input-background-color: var(--interactive-surface-secondary-default);
        --input-color: var(--text-primary);
        --input-border-top-left-radius: var(--corner-radius-extra-small);
        --input-border-top-right-radius: var(--corner-radius-extra-small);
        --input-border-bottom-left-radius: var(--corner-radius-extra-small);
        --input-border-bottom-right-radius: var(--corner-radius-extra-small);
        --input-border-color: var(--border-border-grey-2);
        --input-border-top-width: 1px;
        --input-border-right-width: 1px;
        --input-border-bottom-width: 1px;
        --input-border-left-width: 1px;
        --input-padding-left: var(--spacing-space-5);
        --input-padding-right: var(--spacing-space-5);
        --input-padding-top: var(--spacing-space-5);
        --input-padding-bottom: var(--spacing-space-5);
        --input-row-gap: var(--spacing-space-5);
        --input-column-gap: var(--spacing-space-5);
        --input-font-family: var(--font-family-body);
        --input-font-size: var(--font-size-body-small);
        --input-font-weight: var(--font-weight-regular);
        --input-line-height: var(--line-height-body-small);
        --input-paragraph-spacing: 0px;
        --input-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="input-email"]:has(:focus):not(:disabled):not([disabled]), [data-theme='light'] [component-variant="input-email"]:has(:focus):not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="input-email"]:focus:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="input-email"]:focus:not(:disabled):not([disabled]) {
        --input-height: 32px;
        --input-width: 284px;
        --input-background-color: var(--interactive-surface-secondary-default);
        --input-color: var(--text-primary);
        --input-border-top-left-radius: var(--corner-radius-extra-small);
        --input-border-top-right-radius: var(--corner-radius-extra-small);
        --input-border-bottom-left-radius: var(--corner-radius-extra-small);
        --input-border-bottom-right-radius: var(--corner-radius-extra-small);
        --input-border-color: var(--border-primary);
        --input-border-top-width: 1px;
        --input-border-right-width: 1px;
        --input-border-bottom-width: 1px;
        --input-border-left-width: 1px;
        --input-padding-left: var(--spacing-space-5);
        --input-padding-right: var(--spacing-space-5);
        --input-padding-top: var(--spacing-space-5);
        --input-padding-bottom: var(--spacing-space-5);
        --input-row-gap: var(--spacing-space-5);
        --input-column-gap: var(--spacing-space-5);
        --input-font-family: var(--font-family-body);
        --input-font-size: var(--font-size-body-small);
        --input-font-weight: var(--font-weight-regular);
        --input-line-height: var(--line-height-body-small);
        --input-paragraph-spacing: 0px;
        --input-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="input-email"][invalid]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="input-email"][invalid]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="input-email"]:invalid:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="input-email"]:invalid:not(:disabled):not([disabled]) {
        --input-height: 32px;
        --input-width: 284px;
        --input-background-color: var(--interactive-surface-secondary-default);
        --input-color: var(--text-primary);
        --input-border-top-left-radius: var(--corner-radius-extra-small);
        --input-border-top-right-radius: var(--corner-radius-extra-small);
        --input-border-bottom-left-radius: var(--corner-radius-extra-small);
        --input-border-bottom-right-radius: var(--corner-radius-extra-small);
        --input-border-color: var(--border-destructive);
        --input-border-top-width: 1px;
        --input-border-right-width: 1px;
        --input-border-bottom-width: 1px;
        --input-border-left-width: 1px;
        --input-padding-left: var(--spacing-space-5);
        --input-padding-right: var(--spacing-space-5);
        --input-padding-top: var(--spacing-space-5);
        --input-padding-bottom: var(--spacing-space-5);
        --input-row-gap: var(--spacing-space-5);
        --input-column-gap: var(--spacing-space-5);
        --input-font-family: var(--font-family-body);
        --input-font-size: var(--font-size-body-small);
        --input-font-weight: var(--font-weight-regular);
        --input-line-height: var(--line-height-body-small);
        --input-paragraph-spacing: 0px;
        --input-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="input-email"][disabled],
[data-theme='light'] [component-variant="input-email"][disabled],
[data-theme='dark'] [component-variant="input-email"]:disabled,
[data-theme='light'] [component-variant="input-email"]:disabled {
        --input-height: 32px;
        --input-width: 284px;
        --input-background-color: var(--interactive-surface-secondary-disabled);
        --input-color: var(--text-tertiary);
        --input-border-top-left-radius: var(--corner-radius-extra-small);
        --input-border-top-right-radius: var(--corner-radius-extra-small);
        --input-border-bottom-left-radius: var(--corner-radius-extra-small);
        --input-border-bottom-right-radius: var(--corner-radius-extra-small);
        --input-border-color: var(--border-border-grey-2);
        --input-border-top-width: 1px;
        --input-border-right-width: 1px;
        --input-border-bottom-width: 1px;
        --input-border-left-width: 1px;
        --input-padding-left: var(--spacing-space-5);
        --input-padding-right: var(--spacing-space-5);
        --input-padding-top: var(--spacing-space-5);
        --input-padding-bottom: var(--spacing-space-5);
        --input-row-gap: var(--spacing-space-5);
        --input-column-gap: var(--spacing-space-5);
        --input-font-family: var(--font-family-body);
        --input-font-size: var(--font-size-body-small);
        --input-font-weight: var(--font-weight-regular);
        --input-line-height: var(--line-height-body-small);
        --input-paragraph-spacing: 0px;
        --input-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="input-number"], [data-theme='light'] [component-variant="input-number"] {
        --input-height: 32px;
        --input-width: 284px;
        --input-background-color: var(--interactive-surface-secondary-default);
        --input-color: var(--text-secondary);
        --input-border-top-left-radius: var(--corner-radius-extra-small);
        --input-border-top-right-radius: var(--corner-radius-extra-small);
        --input-border-bottom-left-radius: var(--corner-radius-extra-small);
        --input-border-bottom-right-radius: var(--corner-radius-extra-small);
        --input-border-color: var(--border-border-grey-3);
        --input-border-top-width: 1px;
        --input-border-right-width: 1px;
        --input-border-bottom-width: 1px;
        --input-border-left-width: 1px;
        --input-padding-left: var(--spacing-space-5);
        --input-padding-right: var(--spacing-space-5);
        --input-padding-top: var(--spacing-space-5);
        --input-padding-bottom: var(--spacing-space-5);
        --input-row-gap: var(--spacing-space-5);
        --input-column-gap: var(--spacing-space-5);
        --input-font-family: var(--font-family-body);
        --input-font-size: var(--font-size-body-small);
        --input-font-weight: var(--font-weight-regular);
        --input-line-height: var(--line-height-body-small);
        --input-paragraph-spacing: 0px;
        --input-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="input-number"]:hover:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="input-number"]:hover:not(:disabled):not([disabled]) {
        --input-height: 32px;
        --input-width: 284px;
        --input-background-color: var(--interactive-surface-secondary-default);
        --input-color: var(--text-primary);
        --input-border-top-left-radius: var(--corner-radius-extra-small);
        --input-border-top-right-radius: var(--corner-radius-extra-small);
        --input-border-bottom-left-radius: var(--corner-radius-extra-small);
        --input-border-bottom-right-radius: var(--corner-radius-extra-small);
        --input-border-color: var(--border-border-grey-2);
        --input-border-top-width: 1px;
        --input-border-right-width: 1px;
        --input-border-bottom-width: 1px;
        --input-border-left-width: 1px;
        --input-padding-left: var(--spacing-space-5);
        --input-padding-right: var(--spacing-space-5);
        --input-padding-top: var(--spacing-space-5);
        --input-padding-bottom: var(--spacing-space-5);
        --input-row-gap: var(--spacing-space-5);
        --input-column-gap: var(--spacing-space-5);
        --input-font-family: var(--font-family-body);
        --input-font-size: var(--font-size-body-small);
        --input-font-weight: var(--font-weight-regular);
        --input-line-height: var(--line-height-body-small);
        --input-paragraph-spacing: 0px;
        --input-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="input-number"][active]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="input-number"][active]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="input-number"]:active:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="input-number"]:active:not(:disabled):not([disabled]) {
        --input-height: 32px;
        --input-width: 284px;
        --input-background-color: var(--interactive-surface-secondary-default);
        --input-color: var(--text-primary);
        --input-border-top-left-radius: var(--corner-radius-extra-small);
        --input-border-top-right-radius: var(--corner-radius-extra-small);
        --input-border-bottom-left-radius: var(--corner-radius-extra-small);
        --input-border-bottom-right-radius: var(--corner-radius-extra-small);
        --input-border-color: var(--border-border-grey-2);
        --input-border-top-width: 1px;
        --input-border-right-width: 1px;
        --input-border-bottom-width: 1px;
        --input-border-left-width: 1px;
        --input-padding-left: var(--spacing-space-5);
        --input-padding-right: var(--spacing-space-5);
        --input-padding-top: var(--spacing-space-5);
        --input-padding-bottom: var(--spacing-space-5);
        --input-row-gap: var(--spacing-space-5);
        --input-column-gap: var(--spacing-space-5);
        --input-font-family: var(--font-family-body);
        --input-font-size: var(--font-size-body-small);
        --input-font-weight: var(--font-weight-regular);
        --input-line-height: var(--line-height-body-small);
        --input-paragraph-spacing: 0px;
        --input-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="input-number"]:has(:focus):not(:disabled):not([disabled]), [data-theme='light'] [component-variant="input-number"]:has(:focus):not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="input-number"]:focus:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="input-number"]:focus:not(:disabled):not([disabled]) {
        --input-height: 32px;
        --input-width: 284px;
        --input-background-color: var(--interactive-surface-secondary-default);
        --input-border-top-left-radius: var(--corner-radius-extra-small);
        --input-border-top-right-radius: var(--corner-radius-extra-small);
        --input-border-bottom-left-radius: var(--corner-radius-extra-small);
        --input-border-bottom-right-radius: var(--corner-radius-extra-small);
        --input-border-color: var(--border-primary);
        --input-border-top-width: 1px;
        --input-border-right-width: 1px;
        --input-border-bottom-width: 1px;
        --input-border-left-width: 1px;
        --input-padding-left: var(--spacing-space-5);
        --input-padding-right: var(--spacing-space-5);
        --input-padding-top: var(--spacing-space-5);
        --input-padding-bottom: var(--spacing-space-5);
        --input-row-gap: var(--spacing-space-5);
        --input-column-gap: var(--spacing-space-5);
        --input-font-family: var(--font-family-body);
        --input-font-size: var(--font-size-body-small);
        --input-font-weight: var(--font-weight-regular);
        --input-line-height: var(--line-height-body-small);
        --input-paragraph-spacing: 0px;
        --input-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="input-number"][invalid]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="input-number"][invalid]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="input-number"]:invalid:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="input-number"]:invalid:not(:disabled):not([disabled]) {
        --input-height: 32px;
        --input-width: 284px;
        --input-background-color: var(--interactive-surface-secondary-default);
        --input-color: var(--text-primary);
        --input-border-top-left-radius: var(--corner-radius-extra-small);
        --input-border-top-right-radius: var(--corner-radius-extra-small);
        --input-border-bottom-left-radius: var(--corner-radius-extra-small);
        --input-border-bottom-right-radius: var(--corner-radius-extra-small);
        --input-border-color: var(--border-destructive);
        --input-border-top-width: 1px;
        --input-border-right-width: 1px;
        --input-border-bottom-width: 1px;
        --input-border-left-width: 1px;
        --input-padding-left: var(--spacing-space-5);
        --input-padding-right: var(--spacing-space-5);
        --input-padding-top: var(--spacing-space-5);
        --input-padding-bottom: var(--spacing-space-5);
        --input-row-gap: var(--spacing-space-5);
        --input-column-gap: var(--spacing-space-5);
        --input-font-family: var(--font-family-body);
        --input-font-size: var(--font-size-body-small);
        --input-font-weight: var(--font-weight-regular);
        --input-line-height: var(--line-height-body-small);
        --input-paragraph-spacing: 0px;
        --input-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="input-number"][disabled],
[data-theme='light'] [component-variant="input-number"][disabled],
[data-theme='dark'] [component-variant="input-number"]:disabled,
[data-theme='light'] [component-variant="input-number"]:disabled {
        --input-height: 32px;
        --input-width: 284px;
        --input-background-color: var(--interactive-surface-secondary-disabled);
        --input-color: var(--text-tertiary);
        --input-border-top-left-radius: var(--corner-radius-extra-small);
        --input-border-top-right-radius: var(--corner-radius-extra-small);
        --input-border-bottom-left-radius: var(--corner-radius-extra-small);
        --input-border-bottom-right-radius: var(--corner-radius-extra-small);
        --input-border-color: var(--border-border-grey-2);
        --input-border-top-width: 1px;
        --input-border-right-width: 1px;
        --input-border-bottom-width: 1px;
        --input-border-left-width: 1px;
        --input-padding-left: var(--spacing-space-5);
        --input-padding-right: var(--spacing-space-5);
        --input-padding-top: var(--spacing-space-5);
        --input-padding-bottom: var(--spacing-space-5);
        --input-row-gap: var(--spacing-space-5);
        --input-column-gap: var(--spacing-space-5);
        --input-font-family: var(--font-family-body);
        --input-font-size: var(--font-size-body-small);
        --input-font-weight: var(--font-weight-regular);
        --input-line-height: var(--line-height-body-small);
        --input-paragraph-spacing: 0px;
        --input-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="input-date"], [data-theme='light'] [component-variant="input-date"] {
        --input-height: 32px;
        --input-width: 284px;
        --input-background-color: var(--interactive-surface-secondary-default);
        --input-color: var(--text-secondary);
        --input-border-top-left-radius: var(--corner-radius-extra-small);
        --input-border-top-right-radius: var(--corner-radius-extra-small);
        --input-border-bottom-left-radius: var(--corner-radius-extra-small);
        --input-border-bottom-right-radius: var(--corner-radius-extra-small);
        --input-border-color: var(--border-border-grey-3);
        --input-border-top-width: 1px;
        --input-border-right-width: 1px;
        --input-border-bottom-width: 1px;
        --input-border-left-width: 1px;
        --input-padding-left: var(--spacing-space-5);
        --input-padding-right: var(--spacing-space-5);
        --input-padding-top: var(--spacing-space-5);
        --input-padding-bottom: var(--spacing-space-5);
        --input-row-gap: var(--spacing-space-5);
        --input-column-gap: var(--spacing-space-5);
        --input-font-family: var(--font-family-body);
        --input-font-size: var(--font-size-body-small);
        --input-font-weight: var(--font-weight-regular);
        --input-line-height: var(--line-height-body-small);
        --input-paragraph-spacing: 0px;
        --input-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="input-date"]:hover:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="input-date"]:hover:not(:disabled):not([disabled]) {
        --input-height: 32px;
        --input-width: 284px;
        --input-background-color: var(--interactive-surface-secondary-default);
        --input-color: var(--text-primary);
        --input-border-top-left-radius: var(--corner-radius-extra-small);
        --input-border-top-right-radius: var(--corner-radius-extra-small);
        --input-border-bottom-left-radius: var(--corner-radius-extra-small);
        --input-border-bottom-right-radius: var(--corner-radius-extra-small);
        --input-border-color: var(--border-border-grey-2);
        --input-border-top-width: 1px;
        --input-border-right-width: 1px;
        --input-border-bottom-width: 1px;
        --input-border-left-width: 1px;
        --input-padding-left: var(--spacing-space-5);
        --input-padding-right: var(--spacing-space-5);
        --input-padding-top: var(--spacing-space-5);
        --input-padding-bottom: var(--spacing-space-5);
        --input-row-gap: var(--spacing-space-5);
        --input-column-gap: var(--spacing-space-5);
        --input-font-family: var(--font-family-body);
        --input-font-size: var(--font-size-body-small);
        --input-font-weight: var(--font-weight-regular);
        --input-line-height: var(--line-height-body-small);
        --input-paragraph-spacing: 0px;
        --input-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="input-date"][active]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="input-date"][active]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="input-date"]:active:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="input-date"]:active:not(:disabled):not([disabled]) {
        --input-height: 32px;
        --input-width: 284px;
        --input-background-color: var(--interactive-surface-secondary-default);
        --input-color: var(--text-primary);
        --input-border-top-left-radius: var(--corner-radius-extra-small);
        --input-border-top-right-radius: var(--corner-radius-extra-small);
        --input-border-bottom-left-radius: var(--corner-radius-extra-small);
        --input-border-bottom-right-radius: var(--corner-radius-extra-small);
        --input-border-color: var(--border-border-grey-2);
        --input-border-top-width: 1px;
        --input-border-right-width: 1px;
        --input-border-bottom-width: 1px;
        --input-border-left-width: 1px;
        --input-padding-left: var(--spacing-space-5);
        --input-padding-right: var(--spacing-space-5);
        --input-padding-top: var(--spacing-space-5);
        --input-padding-bottom: var(--spacing-space-5);
        --input-row-gap: var(--spacing-space-5);
        --input-column-gap: var(--spacing-space-5);
        --input-font-family: var(--font-family-body);
        --input-font-size: var(--font-size-body-small);
        --input-font-weight: var(--font-weight-regular);
        --input-line-height: var(--line-height-body-small);
        --input-paragraph-spacing: 0px;
        --input-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="input-date"]:has(:focus):not(:disabled):not([disabled]), [data-theme='light'] [component-variant="input-date"]:has(:focus):not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="input-date"]:focus:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="input-date"]:focus:not(:disabled):not([disabled]) {
        --input-height: 32px;
        --input-width: 284px;
        --input-background-color: var(--interactive-surface-secondary-default);
        --input-border-top-left-radius: var(--corner-radius-extra-small);
        --input-border-top-right-radius: var(--corner-radius-extra-small);
        --input-border-bottom-left-radius: var(--corner-radius-extra-small);
        --input-border-bottom-right-radius: var(--corner-radius-extra-small);
        --input-border-color: var(--border-primary);
        --input-border-top-width: 1px;
        --input-border-right-width: 1px;
        --input-border-bottom-width: 1px;
        --input-border-left-width: 1px;
        --input-padding-left: var(--spacing-space-5);
        --input-padding-right: var(--spacing-space-5);
        --input-padding-top: var(--spacing-space-5);
        --input-padding-bottom: var(--spacing-space-5);
        --input-row-gap: var(--spacing-space-5);
        --input-column-gap: var(--spacing-space-5);
        --input-font-family: var(--font-family-body);
        --input-font-size: var(--font-size-body-small);
        --input-font-weight: var(--font-weight-regular);
        --input-line-height: var(--line-height-body-small);
        --input-paragraph-spacing: 0px;
        --input-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="input-date"][invalid]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="input-date"][invalid]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="input-date"]:invalid:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="input-date"]:invalid:not(:disabled):not([disabled]) {
        --input-height: 32px;
        --input-width: 284px;
        --input-background-color: var(--interactive-surface-secondary-default);
        --input-color: var(--text-primary);
        --input-border-top-left-radius: var(--corner-radius-extra-small);
        --input-border-top-right-radius: var(--corner-radius-extra-small);
        --input-border-bottom-left-radius: var(--corner-radius-extra-small);
        --input-border-bottom-right-radius: var(--corner-radius-extra-small);
        --input-border-color: var(--border-destructive);
        --input-border-top-width: 1px;
        --input-border-right-width: 1px;
        --input-border-bottom-width: 1px;
        --input-border-left-width: 1px;
        --input-padding-left: var(--spacing-space-5);
        --input-padding-right: var(--spacing-space-5);
        --input-padding-top: var(--spacing-space-5);
        --input-padding-bottom: var(--spacing-space-5);
        --input-row-gap: var(--spacing-space-5);
        --input-column-gap: var(--spacing-space-5);
        --input-font-family: var(--font-family-body);
        --input-font-size: var(--font-size-body-small);
        --input-font-weight: var(--font-weight-regular);
        --input-line-height: var(--line-height-body-small);
        --input-paragraph-spacing: 0px;
        --input-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="input-date"][disabled],
[data-theme='light'] [component-variant="input-date"][disabled],
[data-theme='dark'] [component-variant="input-date"]:disabled,
[data-theme='light'] [component-variant="input-date"]:disabled {
        --input-height: 32px;
        --input-width: 284px;
        --input-background-color: var(--interactive-surface-secondary-disabled);
        --input-color: var(--text-tertiary);
        --input-border-top-left-radius: var(--corner-radius-extra-small);
        --input-border-top-right-radius: var(--corner-radius-extra-small);
        --input-border-bottom-left-radius: var(--corner-radius-extra-small);
        --input-border-bottom-right-radius: var(--corner-radius-extra-small);
        --input-border-color: var(--border-border-grey-2);
        --input-border-top-width: 1px;
        --input-border-right-width: 1px;
        --input-border-bottom-width: 1px;
        --input-border-left-width: 1px;
        --input-padding-left: var(--spacing-space-5);
        --input-padding-right: var(--spacing-space-5);
        --input-padding-top: var(--spacing-space-5);
        --input-padding-bottom: var(--spacing-space-5);
        --input-row-gap: var(--spacing-space-5);
        --input-column-gap: var(--spacing-space-5);
        --input-font-family: var(--font-family-body);
        --input-font-size: var(--font-size-body-small);
        --input-font-weight: var(--font-weight-regular);
        --input-line-height: var(--line-height-body-small);
        --input-paragraph-spacing: 0px;
        --input-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="input-default"], [data-theme='light'] [component-variant="input-default"] {
        --input-height: 32px;
        --input-width: 100%;
        --input-background-color: var(--interactive-surface-secondary-default);
        --input-color: var(--text-secondary);
        --input-border-top-left-radius: var(--corner-radius-extra-small);
        --input-border-top-right-radius: var(--corner-radius-extra-small);
        --input-border-bottom-left-radius: var(--corner-radius-extra-small);
        --input-border-bottom-right-radius: var(--corner-radius-extra-small);
        --input-border-color: var(--border-border-grey-3);
        --input-border-top-width: 1px;
        --input-border-right-width: 1px;
        --input-border-bottom-width: 1px;
        --input-border-left-width: 1px;
        --input-padding-left: var(--spacing-space-5);
        --input-padding-right: var(--spacing-space-5);
        --input-padding-top: var(--spacing-space-5);
        --input-padding-bottom: var(--spacing-space-5);
        --input-row-gap: var(--spacing-space-5);
        --input-column-gap: var(--spacing-space-5);
        --input-font-family: var(--font-family-body);
        --input-font-size: var(--font-size-body-small);
        --input-font-weight: var(--font-weight-regular);
        --input-line-height: var(--line-height-body-small);
        --input-paragraph-spacing: 0px;
        --input-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="input-default"]:hover:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="input-default"]:hover:not(:disabled):not([disabled]) {
        --input-height: 32px;
        --input-width: 100%;
        --input-background-color: var(--interactive-surface-secondary-default);
        --input-color: var(--text-primary);
        --input-border-top-left-radius: var(--corner-radius-extra-small);
        --input-border-top-right-radius: var(--corner-radius-extra-small);
        --input-border-bottom-left-radius: var(--corner-radius-extra-small);
        --input-border-bottom-right-radius: var(--corner-radius-extra-small);
        --input-border-color: var(--border-border-grey-3);
        --input-border-top-width: 1px;
        --input-border-right-width: 1px;
        --input-border-bottom-width: 1px;
        --input-border-left-width: 1px;
        --input-padding-left: var(--spacing-space-5);
        --input-padding-right: var(--spacing-space-5);
        --input-padding-top: var(--spacing-space-5);
        --input-padding-bottom: var(--spacing-space-5);
        --input-row-gap: var(--spacing-space-5);
        --input-column-gap: var(--spacing-space-5);
        --input-font-family: var(--font-family-body);
        --input-font-size: var(--font-size-body-small);
        --input-font-weight: var(--font-weight-regular);
        --input-line-height: var(--line-height-body-small);
        --input-paragraph-spacing: 0px;
        --input-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="input-default"][active]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="input-default"][active]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="input-default"]:active:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="input-default"]:active:not(:disabled):not([disabled]) {
        --input-height: 32px;
        --input-width: 100%;
        --input-background-color: var(--interactive-surface-secondary-default);
        --input-color: var(--text-primary);
        --input-border-top-left-radius: var(--corner-radius-extra-small);
        --input-border-top-right-radius: var(--corner-radius-extra-small);
        --input-border-bottom-left-radius: var(--corner-radius-extra-small);
        --input-border-bottom-right-radius: var(--corner-radius-extra-small);
        --input-border-color: var(--border-border-grey-3);
        --input-border-top-width: 1px;
        --input-border-right-width: 1px;
        --input-border-bottom-width: 1px;
        --input-border-left-width: 1px;
        --input-padding-left: var(--spacing-space-5);
        --input-padding-right: var(--spacing-space-5);
        --input-padding-top: var(--spacing-space-5);
        --input-padding-bottom: var(--spacing-space-5);
        --input-row-gap: var(--spacing-space-5);
        --input-column-gap: var(--spacing-space-5);
        --input-font-family: var(--font-family-body);
        --input-font-size: var(--font-size-body-small);
        --input-font-weight: var(--font-weight-regular);
        --input-line-height: var(--line-height-body-small);
        --input-paragraph-spacing: 0px;
        --input-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="input-default"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='light'] [component-variant="input-default"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="input-default"]:focus-visible:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="input-default"]:focus-visible:not(:disabled):not([disabled]) {
        --input-height: 32px;
        --input-width: 100%;
        --input-background-color: var(--interactive-surface-secondary-default);
        --input-color: var(--text-primary);
        --input-border-top-left-radius: var(--corner-radius-extra-small);
        --input-border-top-right-radius: var(--corner-radius-extra-small);
        --input-border-bottom-left-radius: var(--corner-radius-extra-small);
        --input-border-bottom-right-radius: var(--corner-radius-extra-small);
        --input-border-color: var(--border-border-grey-1);
        --input-border-top-width: 1px;
        --input-border-right-width: 1px;
        --input-border-bottom-width: 1px;
        --input-border-left-width: 1px;
        --input-padding-left: var(--spacing-space-5);
        --input-padding-right: var(--spacing-space-5);
        --input-padding-top: var(--spacing-space-5);
        --input-padding-bottom: var(--spacing-space-5);
        --input-row-gap: var(--spacing-space-5);
        --input-column-gap: var(--spacing-space-5);
        --input-font-family: var(--font-family-body);
        --input-font-size: var(--font-size-body-small);
        --input-font-weight: var(--font-weight-regular);
        --input-line-height: var(--line-height-body-small);
        --input-paragraph-spacing: 0px;
        --input-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="input-default"][invalid]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="input-default"][invalid]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="input-default"]:invalid:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="input-default"]:invalid:not(:disabled):not([disabled]) {
        --input-height: 32px;
        --input-width: 100%;
        --input-background-color: var(--interactive-surface-secondary-default);
        --input-color: var(--text-primary);
        --input-border-top-left-radius: var(--corner-radius-extra-small);
        --input-border-top-right-radius: var(--corner-radius-extra-small);
        --input-border-bottom-left-radius: var(--corner-radius-extra-small);
        --input-border-bottom-right-radius: var(--corner-radius-extra-small);
        --input-border-color: var(--border-destructive);
        --input-border-top-width: 1px;
        --input-border-right-width: 1px;
        --input-border-bottom-width: 1px;
        --input-border-left-width: 1px;
        --input-padding-left: var(--spacing-space-5);
        --input-padding-right: var(--spacing-space-5);
        --input-padding-top: var(--spacing-space-5);
        --input-padding-bottom: var(--spacing-space-5);
        --input-row-gap: var(--spacing-space-5);
        --input-column-gap: var(--spacing-space-5);
        --input-font-family: var(--font-family-body);
        --input-font-size: var(--font-size-body-small);
        --input-font-weight: var(--font-weight-regular);
        --input-line-height: var(--line-height-body-small);
        --input-paragraph-spacing: 0px;
        --input-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="input-default"][disabled],
[data-theme='light'] [component-variant="input-default"][disabled],
[data-theme='dark'] [component-variant="input-default"]:disabled,
[data-theme='light'] [component-variant="input-default"]:disabled {
        --input-height: 32px;
        --input-width: 100%;
        --input-background-color: var(--interactive-surface-secondary-disabled);
        --input-color: var(--text-tertiary);
        --input-border-top-left-radius: var(--corner-radius-extra-small);
        --input-border-top-right-radius: var(--corner-radius-extra-small);
        --input-border-bottom-left-radius: var(--corner-radius-extra-small);
        --input-border-bottom-right-radius: var(--corner-radius-extra-small);
        --input-border-color: var(--border-border-grey-2);
        --input-border-top-width: 1px;
        --input-border-right-width: 1px;
        --input-border-bottom-width: 1px;
        --input-border-left-width: 1px;
        --input-padding-left: var(--spacing-space-5);
        --input-padding-right: var(--spacing-space-5);
        --input-padding-top: var(--spacing-space-5);
        --input-padding-bottom: var(--spacing-space-5);
        --input-row-gap: var(--spacing-space-5);
        --input-column-gap: var(--spacing-space-5);
        --input-font-family: var(--font-family-body);
        --input-font-size: var(--font-size-body-small);
        --input-font-weight: var(--font-weight-regular);
        --input-line-height: var(--line-height-body-small);
        --input-paragraph-spacing: 0px;
        --input-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="input-active"], [data-theme='light'] [component-variant="input-active"] {
        --input-height: 32px;
        --input-width: 100%;
        --input-background-color: var(--interactive-surface-secondary-default);
        --input-color: var(--text-secondary);
        --input-border-top-left-radius: var(--corner-radius-extra-small);
        --input-border-top-right-radius: var(--corner-radius-extra-small);
        --input-border-bottom-left-radius: var(--corner-radius-extra-small);
        --input-border-bottom-right-radius: var(--corner-radius-extra-small);
        --input-border-color: var(--border-primary);
        --input-border-top-width: 1px;
        --input-border-right-width: 1px;
        --input-border-bottom-width: 1px;
        --input-border-left-width: 1px;
        --input-padding-left: var(--spacing-space-5);
        --input-padding-right: var(--spacing-space-5);
        --input-padding-top: var(--spacing-space-5);
        --input-padding-bottom: var(--spacing-space-5);
        --input-row-gap: var(--spacing-space-5);
        --input-column-gap: var(--spacing-space-5);
        --input-font-family: var(--font-family-body);
        --input-font-size: var(--font-size-body-small);
        --input-font-weight: var(--font-weight-regular);
        --input-line-height: var(--line-height-body-small);
        --input-paragraph-spacing: 0px;
        --input-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="input-filled"], [data-theme='light'] [component-variant="input-filled"] {
        --input-height: 32px;
        --input-width: 100%;
        --input-background-color: var(--interactive-surface-secondary-default);
        --input-color: var(--text-secondary);
        --input-border-top-left-radius: var(--corner-radius-extra-small);
        --input-border-top-right-radius: var(--corner-radius-extra-small);
        --input-border-bottom-left-radius: var(--corner-radius-extra-small);
        --input-border-bottom-right-radius: var(--corner-radius-extra-small);
        --input-border-color: var(--border-border-grey-3);
        --input-border-top-width: 1px;
        --input-border-right-width: 1px;
        --input-border-bottom-width: 1px;
        --input-border-left-width: 1px;
        --input-padding-left: var(--spacing-space-5);
        --input-padding-right: var(--spacing-space-5);
        --input-padding-top: var(--spacing-space-5);
        --input-padding-bottom: var(--spacing-space-5);
        --input-row-gap: var(--spacing-space-5);
        --input-column-gap: var(--spacing-space-5);
        --input-font-family: var(--font-family-body);
        --input-font-size: var(--font-size-body-small);
        --input-font-weight: var(--font-weight-regular);
        --input-line-height: var(--line-height-body-small);
        --input-paragraph-spacing: 0px;
        --input-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="input-filled"]:hover:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="input-filled"]:hover:not(:disabled):not([disabled]) {
        --input-height: 32px;
        --input-width: 100%;
        --input-background-color: var(--interactive-surface-secondary-default);
        --input-color: var(--text-primary);
        --input-border-top-left-radius: var(--corner-radius-extra-small);
        --input-border-top-right-radius: var(--corner-radius-extra-small);
        --input-border-bottom-left-radius: var(--corner-radius-extra-small);
        --input-border-bottom-right-radius: var(--corner-radius-extra-small);
        --input-border-color: var(--border-border-grey-3);
        --input-border-top-width: 1px;
        --input-border-right-width: 1px;
        --input-border-bottom-width: 1px;
        --input-border-left-width: 1px;
        --input-padding-left: var(--spacing-space-5);
        --input-padding-right: var(--spacing-space-5);
        --input-padding-top: var(--spacing-space-5);
        --input-padding-bottom: var(--spacing-space-5);
        --input-row-gap: var(--spacing-space-5);
        --input-column-gap: var(--spacing-space-5);
        --input-font-family: var(--font-family-body);
        --input-font-size: var(--font-size-body-small);
        --input-font-weight: var(--font-weight-regular);
        --input-line-height: var(--line-height-body-small);
        --input-paragraph-spacing: 0px;
        --input-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="input-filled"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='light'] [component-variant="input-filled"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="input-filled"]:focus-visible:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="input-filled"]:focus-visible:not(:disabled):not([disabled]) {
        --input-height: 32px;
        --input-width: 100%;
        --input-background-color: var(--interactive-surface-secondary-default);
        --input-color: var(--text-primary);
        --input-border-top-left-radius: var(--corner-radius-extra-small);
        --input-border-top-right-radius: var(--corner-radius-extra-small);
        --input-border-bottom-left-radius: var(--corner-radius-extra-small);
        --input-border-bottom-right-radius: var(--corner-radius-extra-small);
        --input-border-color: var(--border-border-grey-1);
        --input-border-top-width: 1px;
        --input-border-right-width: 1px;
        --input-border-bottom-width: 1px;
        --input-border-left-width: 1px;
        --input-padding-left: var(--spacing-space-5);
        --input-padding-right: var(--spacing-space-5);
        --input-padding-top: var(--spacing-space-5);
        --input-padding-bottom: var(--spacing-space-5);
        --input-row-gap: var(--spacing-space-5);
        --input-column-gap: var(--spacing-space-5);
        --input-font-family: var(--font-family-body);
        --input-font-size: var(--font-size-body-small);
        --input-font-weight: var(--font-weight-regular);
        --input-line-height: var(--line-height-body-small);
        --input-paragraph-spacing: 0px;
        --input-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="input-filled"][invalid]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="input-filled"][invalid]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="input-filled"]:invalid:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="input-filled"]:invalid:not(:disabled):not([disabled]) {
        --input-height: 32px;
        --input-width: 100%;
        --input-background-color: var(--interactive-surface-secondary-default);
        --input-color: var(--text-primary);
        --input-border-top-left-radius: var(--corner-radius-extra-small);
        --input-border-top-right-radius: var(--corner-radius-extra-small);
        --input-border-bottom-left-radius: var(--corner-radius-extra-small);
        --input-border-bottom-right-radius: var(--corner-radius-extra-small);
        --input-border-color: var(--border-destructive);
        --input-border-top-width: 1px;
        --input-border-right-width: 1px;
        --input-border-bottom-width: 1px;
        --input-border-left-width: 1px;
        --input-padding-left: var(--spacing-space-5);
        --input-padding-right: var(--spacing-space-5);
        --input-padding-top: var(--spacing-space-5);
        --input-padding-bottom: var(--spacing-space-5);
        --input-row-gap: var(--spacing-space-5);
        --input-column-gap: var(--spacing-space-5);
        --input-font-family: var(--font-family-body);
        --input-font-size: var(--font-size-body-small);
        --input-font-weight: var(--font-weight-regular);
        --input-line-height: var(--line-height-body-small);
        --input-paragraph-spacing: 0px;
        --input-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="input-filled"][disabled],
[data-theme='light'] [component-variant="input-filled"][disabled],
[data-theme='dark'] [component-variant="input-filled"]:disabled,
[data-theme='light'] [component-variant="input-filled"]:disabled {
        --input-height: 32px;
        --input-width: 100%;
        --input-background-color: var(--interactive-surface-secondary-hover);
        --input-color: var(--text-tertiary);
        --input-border-top-left-radius: var(--corner-radius-extra-small);
        --input-border-top-right-radius: var(--corner-radius-extra-small);
        --input-border-bottom-left-radius: var(--corner-radius-extra-small);
        --input-border-bottom-right-radius: var(--corner-radius-extra-small);
        --input-border-color: var(--border-border-grey-2);
        --input-border-top-width: 1px;
        --input-border-right-width: 1px;
        --input-border-bottom-width: 1px;
        --input-border-left-width: 1px;
        --input-padding-left: var(--spacing-space-5);
        --input-padding-right: var(--spacing-space-5);
        --input-padding-top: var(--spacing-space-5);
        --input-padding-bottom: var(--spacing-space-5);
        --input-row-gap: var(--spacing-space-5);
        --input-column-gap: var(--spacing-space-5);
        --input-font-family: var(--font-family-body);
        --input-font-size: var(--font-size-body-small);
        --input-font-weight: var(--font-weight-regular);
        --input-line-height: var(--line-height-body-small);
        --input-paragraph-spacing: 0px;
        --input-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant^="password-"], [data-theme='light'] [component-variant^="password-"] {
        --password-opacity: 1;
        --password-height: auto;
        --password-min-height: auto;
        --password-max-height: none;
        --password-width: auto;
        --password-min-width: auto;
        --password-max-width: none;
        --password-background-color: transparent;
        --password-fill: currentcolor;
        --password-border-top-left-radius: 0px;
        --password-border-top-right-radius: 0px;
        --password-border-bottom-left-radius: 0px;
        --password-border-bottom-right-radius: 0px;
        --password-border-color: transparent;
        --password-border-style: solid;
        --password-border-gap: normal;
        --password-border-dash: none;
        --password-border-top-width: 0px;
        --password-border-right-width: 0px;
        --password-border-bottom-width: 0px;
        --password-border-left-width: 0px;
        --password-outline-color: auto;
        --password-outline-style: solid;
        --password-outline-width: 0px;
        --password-padding-left: 0px;
        --password-padding-right: 0px;
        --password-padding-top: 0px;
        --password-padding-bottom: 0px;
        --password-row-gap: 0px;
        --password-column-gap: 0px;
        --password-font-family: sans-serif;
        --password-font-size: medium;
        --password-color: currentcolor;
        --password-letter-spacing: normal;
        --password-line-height: normal;
        --password-paragraph-spacing: ;
        --password-paragraph-indent: 
    }
[data-theme='dark'] [component-variant="password-default"], [data-theme='light'] [component-variant="password-default"] {
        --password-height: 32px;
        --password-width: 284px;
        --password-background-color: var(--interactive-surface-secondary-default);
        --password-color: var(--text-secondary);
        --password-border-top-left-radius: var(--corner-radius-extra-small);
        --password-border-top-right-radius: var(--corner-radius-extra-small);
        --password-border-bottom-left-radius: var(--corner-radius-extra-small);
        --password-border-bottom-right-radius: var(--corner-radius-extra-small);
        --password-border-color: var(--border-border-grey-3);
        --password-border-top-width: 1px;
        --password-border-right-width: 1px;
        --password-border-bottom-width: 1px;
        --password-border-left-width: 1px;
        --password-padding-left: var(--spacing-space-5);
        --password-padding-right: var(--spacing-space-5);
        --password-padding-top: var(--spacing-space-3);
        --password-padding-bottom: var(--spacing-space-3);
        --password-row-gap: var(--spacing-space-5);
        --password-column-gap: var(--spacing-space-5);
        --password-font-family: var(--font-family-body);
        --password-font-size: var(--font-size-body-small);
        --password-font-weight: var(--font-weight-regular);
        --password-line-height: var(--line-height-body-small);
        --password-paragraph-spacing: 0px;
        --password-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="password-default"]:hover:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="password-default"]:hover:not(:disabled):not([disabled]) {
        --password-height: 32px;
        --password-width: 284px;
        --password-background-color: var(--interactive-surface-secondary-default);
        --password-color: var(--text-primary);
        --password-border-top-left-radius: var(--corner-radius-extra-small);
        --password-border-top-right-radius: var(--corner-radius-extra-small);
        --password-border-bottom-left-radius: var(--corner-radius-extra-small);
        --password-border-bottom-right-radius: var(--corner-radius-extra-small);
        --password-border-color: var(--border-border-grey-2);
        --password-border-top-width: 1px;
        --password-border-right-width: 1px;
        --password-border-bottom-width: 1px;
        --password-border-left-width: 1px;
        --password-padding-left: var(--spacing-space-5);
        --password-padding-right: var(--spacing-space-5);
        --password-padding-top: var(--spacing-space-3);
        --password-padding-bottom: var(--spacing-space-3);
        --password-row-gap: var(--spacing-space-5);
        --password-column-gap: var(--spacing-space-5);
        --password-font-family: var(--font-family-body);
        --password-font-size: var(--font-size-body-small);
        --password-font-weight: var(--font-weight-regular);
        --password-line-height: var(--line-height-body-small);
        --password-paragraph-spacing: 0px;
        --password-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="password-default"][active]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="password-default"][active]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="password-default"]:active:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="password-default"]:active:not(:disabled):not([disabled]) {
        --password-height: 32px;
        --password-width: 284px;
        --password-background-color: var(--interactive-surface-secondary-default);
        --password-color: var(--text-primary);
        --password-border-top-left-radius: var(--corner-radius-extra-small);
        --password-border-top-right-radius: var(--corner-radius-extra-small);
        --password-border-bottom-left-radius: var(--corner-radius-extra-small);
        --password-border-bottom-right-radius: var(--corner-radius-extra-small);
        --password-border-color: var(--border-border-grey-2);
        --password-border-top-width: 1px;
        --password-border-right-width: 1px;
        --password-border-bottom-width: 1px;
        --password-border-left-width: 1px;
        --password-padding-left: var(--spacing-space-5);
        --password-padding-right: var(--spacing-space-5);
        --password-padding-top: var(--spacing-space-3);
        --password-padding-bottom: var(--spacing-space-3);
        --password-row-gap: var(--spacing-space-5);
        --password-column-gap: var(--spacing-space-5);
        --password-font-family: var(--font-family-body);
        --password-font-size: var(--font-size-body-small);
        --password-font-weight: var(--font-weight-regular);
        --password-line-height: var(--line-height-body-small);
        --password-paragraph-spacing: 0px;
        --password-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="password-default"]:has(:focus):not(:disabled):not([disabled]), [data-theme='light'] [component-variant="password-default"]:has(:focus):not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="password-default"]:focus:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="password-default"]:focus:not(:disabled):not([disabled]) {
        --password-height: 32px;
        --password-width: 284px;
        --password-background-color: var(--interactive-surface-secondary-default);
        --password-color: var(--text-primary);
        --password-border-top-left-radius: var(--corner-radius-extra-small);
        --password-border-top-right-radius: var(--corner-radius-extra-small);
        --password-border-bottom-left-radius: var(--corner-radius-extra-small);
        --password-border-bottom-right-radius: var(--corner-radius-extra-small);
        --password-border-color: var(--border-primary);
        --password-border-top-width: 1px;
        --password-border-right-width: 1px;
        --password-border-bottom-width: 1px;
        --password-border-left-width: 1px;
        --password-padding-left: var(--spacing-space-5);
        --password-padding-right: var(--spacing-space-5);
        --password-padding-top: var(--spacing-space-3);
        --password-padding-bottom: var(--spacing-space-3);
        --password-row-gap: var(--spacing-space-5);
        --password-column-gap: var(--spacing-space-5);
        --password-font-family: var(--font-family-body);
        --password-font-size: var(--font-size-body-small);
        --password-font-weight: var(--font-weight-regular);
        --password-line-height: var(--line-height-body-small);
        --password-paragraph-spacing: 0px;
        --password-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="password-default"][invalid]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="password-default"][invalid]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="password-default"]:invalid:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="password-default"]:invalid:not(:disabled):not([disabled]) {
        --password-height: 32px;
        --password-width: 284px;
        --password-background-color: var(--interactive-surface-secondary-default);
        --password-color: var(--text-primary);
        --password-border-top-left-radius: var(--corner-radius-extra-small);
        --password-border-top-right-radius: var(--corner-radius-extra-small);
        --password-border-bottom-left-radius: var(--corner-radius-extra-small);
        --password-border-bottom-right-radius: var(--corner-radius-extra-small);
        --password-border-color: var(--border-destructive);
        --password-border-top-width: 1px;
        --password-border-right-width: 1px;
        --password-border-bottom-width: 1px;
        --password-border-left-width: 1px;
        --password-padding-left: var(--spacing-space-5);
        --password-padding-right: var(--spacing-space-5);
        --password-padding-top: var(--spacing-space-3);
        --password-padding-bottom: var(--spacing-space-3);
        --password-row-gap: var(--spacing-space-5);
        --password-column-gap: var(--spacing-space-5);
        --password-font-family: var(--font-family-body);
        --password-font-size: var(--font-size-body-small);
        --password-font-weight: var(--font-weight-regular);
        --password-line-height: var(--line-height-body-small);
        --password-paragraph-spacing: 0px;
        --password-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="password-default"][disabled],
[data-theme='light'] [component-variant="password-default"][disabled],
[data-theme='dark'] [component-variant="password-default"]:disabled,
[data-theme='light'] [component-variant="password-default"]:disabled {
        --password-height: 32px;
        --password-width: 284px;
        --password-background-color: var(--interactive-surface-secondary-disabled);
        --password-color: var(--text-tertiary);
        --password-border-top-left-radius: var(--corner-radius-extra-small);
        --password-border-top-right-radius: var(--corner-radius-extra-small);
        --password-border-bottom-left-radius: var(--corner-radius-extra-small);
        --password-border-bottom-right-radius: var(--corner-radius-extra-small);
        --password-border-color: var(--border-border-grey-2);
        --password-border-top-width: 1px;
        --password-border-right-width: 1px;
        --password-border-bottom-width: 1px;
        --password-border-left-width: 1px;
        --password-padding-left: var(--spacing-space-5);
        --password-padding-right: var(--spacing-space-5);
        --password-padding-top: var(--spacing-space-3);
        --password-padding-bottom: var(--spacing-space-3);
        --password-row-gap: var(--spacing-space-5);
        --password-column-gap: var(--spacing-space-5);
        --password-font-family: var(--font-family-body);
        --password-font-size: var(--font-size-body-small);
        --password-font-weight: var(--font-weight-regular);
        --password-line-height: var(--line-height-body-small);
        --password-paragraph-spacing: 0px;
        --password-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant^="icon-button-"], [data-theme='light'] [component-variant^="icon-button-"] {
        --icon-button-opacity: 1;
        --icon-button-height: auto;
        --icon-button-min-height: auto;
        --icon-button-max-height: none;
        --icon-button-width: auto;
        --icon-button-min-width: auto;
        --icon-button-max-width: none;
        --icon-button-background-color: transparent;
        --icon-button-fill: currentcolor;
        --icon-button-border-top-left-radius: 0px;
        --icon-button-border-top-right-radius: 0px;
        --icon-button-border-bottom-left-radius: 0px;
        --icon-button-border-bottom-right-radius: 0px;
        --icon-button-border-color: transparent;
        --icon-button-border-style: solid;
        --icon-button-border-gap: normal;
        --icon-button-border-dash: none;
        --icon-button-border-top-width: 0px;
        --icon-button-border-right-width: 0px;
        --icon-button-border-bottom-width: 0px;
        --icon-button-border-left-width: 0px;
        --icon-button-outline-color: auto;
        --icon-button-outline-style: solid;
        --icon-button-outline-width: 0px;
        --icon-button-padding-left: 0px;
        --icon-button-padding-right: 0px;
        --icon-button-padding-top: 0px;
        --icon-button-padding-bottom: 0px;
        --icon-button-row-gap: 0px;
        --icon-button-column-gap: 0px;
        --icon-button-font-family: sans-serif;
        --icon-button-font-size: medium;
        --icon-button-color: currentcolor;
        --icon-button-letter-spacing: normal;
        --icon-button-line-height: normal;
        --icon-button-paragraph-spacing: ;
        --icon-button-paragraph-indent: 
    }
[data-theme='dark'] [component-variant="icon-button-default-medium-primary-filled"], [data-theme='light'] [component-variant="icon-button-default-medium-primary-filled"] {
        --icon-button-background-color: var(--interactive-surface-primary-default);
        --icon-button-color: rgb(233, 233, 234);
        --icon-button-border-top-left-radius: var(--corner-radius-extra-small);
        --icon-button-border-top-right-radius: var(--corner-radius-extra-small);
        --icon-button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --icon-button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --icon-button-padding-left: var(--spacing-space-4);
        --icon-button-padding-right: var(--spacing-space-4);
        --icon-button-padding-top: var(--spacing-space-4);
        --icon-button-padding-bottom: var(--spacing-space-4);
        --icon-button-row-gap: var(--spacing-space-1);
        --icon-button-column-gap: var(--spacing-space-1);
        --icon-button-font-family: sans-sarif;
        --icon-button-font-size: initial;
        --icon-button-font-weight: regular;
        --icon-button-paragraph-spacing: 0px;
        --icon-button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="icon-button-default-medium-primary-filled"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='light'] [component-variant="icon-button-default-medium-primary-filled"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="icon-button-default-medium-primary-filled"]:focus-visible:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="icon-button-default-medium-primary-filled"]:focus-visible:not(:disabled):not([disabled]) {
        --icon-button-background-color: var(--interactive-surface-primary-hover);
        --icon-button-color: rgb(233, 233, 234);
        --icon-button-border-top-left-radius: var(--corner-radius-extra-small);
        --icon-button-border-top-right-radius: var(--corner-radius-extra-small);
        --icon-button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --icon-button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --icon-button-border-color: var(--border-border-grey-1);
        --icon-button-border-top-width: 1px;
        --icon-button-border-right-width: 1px;
        --icon-button-border-bottom-width: 1px;
        --icon-button-border-left-width: 1px;
        --icon-button-padding-left: var(--spacing-space-4);
        --icon-button-padding-right: var(--spacing-space-4);
        --icon-button-padding-top: var(--spacing-space-4);
        --icon-button-padding-bottom: var(--spacing-space-4);
        --icon-button-row-gap: var(--spacing-space-1);
        --icon-button-column-gap: var(--spacing-space-1);
        --icon-button-font-family: sans-sarif;
        --icon-button-font-size: initial;
        --icon-button-font-weight: regular;
        --icon-button-paragraph-spacing: 0px;
        --icon-button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="icon-button-default-medium-primary-filled"]:hover:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="icon-button-default-medium-primary-filled"]:hover:not(:disabled):not([disabled]) {
        --icon-button-background-color: var(--interactive-surface-primary-hover);
        --icon-button-color: rgb(233, 233, 234);
        --icon-button-border-top-left-radius: var(--corner-radius-extra-small);
        --icon-button-border-top-right-radius: var(--corner-radius-extra-small);
        --icon-button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --icon-button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --icon-button-padding-left: var(--spacing-space-4);
        --icon-button-padding-right: var(--spacing-space-4);
        --icon-button-padding-top: var(--spacing-space-4);
        --icon-button-padding-bottom: var(--spacing-space-4);
        --icon-button-row-gap: var(--spacing-space-1);
        --icon-button-column-gap: var(--spacing-space-1);
        --icon-button-font-family: sans-sarif;
        --icon-button-font-size: initial;
        --icon-button-font-weight: regular;
        --icon-button-paragraph-spacing: 0px;
        --icon-button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="icon-button-default-medium-primary-filled"][active]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="icon-button-default-medium-primary-filled"][active]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="icon-button-default-medium-primary-filled"]:active:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="icon-button-default-medium-primary-filled"]:active:not(:disabled):not([disabled]) {
        --icon-button-background-color: var(--interactive-surface-primary-pressed);
        --icon-button-color: rgb(233, 233, 234);
        --icon-button-border-top-left-radius: var(--corner-radius-extra-small);
        --icon-button-border-top-right-radius: var(--corner-radius-extra-small);
        --icon-button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --icon-button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --icon-button-padding-left: var(--spacing-space-4);
        --icon-button-padding-right: var(--spacing-space-4);
        --icon-button-padding-top: var(--spacing-space-4);
        --icon-button-padding-bottom: var(--spacing-space-4);
        --icon-button-row-gap: var(--spacing-space-1);
        --icon-button-column-gap: var(--spacing-space-1);
        --icon-button-font-family: sans-sarif;
        --icon-button-font-size: initial;
        --icon-button-font-weight: regular;
        --icon-button-paragraph-spacing: 0px;
        --icon-button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="icon-button-default-medium-primary-filled"][disabled],
[data-theme='light'] [component-variant="icon-button-default-medium-primary-filled"][disabled],
[data-theme='dark'] [component-variant="icon-button-default-medium-primary-filled"]:disabled,
[data-theme='light'] [component-variant="icon-button-default-medium-primary-filled"]:disabled {
        --icon-button-background-color: var(--interactive-surface-primary-disabled-1);
        --icon-button-color: var(--icon-tertiary);
        --icon-button-border-top-left-radius: var(--corner-radius-extra-small);
        --icon-button-border-top-right-radius: var(--corner-radius-extra-small);
        --icon-button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --icon-button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --icon-button-padding-left: var(--spacing-space-4);
        --icon-button-padding-right: var(--spacing-space-4);
        --icon-button-padding-top: var(--spacing-space-4);
        --icon-button-padding-bottom: var(--spacing-space-4);
        --icon-button-row-gap: var(--spacing-space-1);
        --icon-button-column-gap: var(--spacing-space-1);
        --icon-button-font-family: sans-sarif;
        --icon-button-font-size: initial;
        --icon-button-font-weight: regular;
        --icon-button-paragraph-spacing: 0px;
        --icon-button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="icon-button-inverse-medium-primary-filled"], [data-theme='light'] [component-variant="icon-button-inverse-medium-primary-filled"] {
        --icon-button-background-color: var(--interactive-surface-primary-default);
        --icon-button-color: rgb(233, 233, 234);
        --icon-button-border-top-left-radius: var(--corner-radius-extra-small);
        --icon-button-border-top-right-radius: var(--corner-radius-extra-small);
        --icon-button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --icon-button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --icon-button-padding-left: var(--spacing-space-4);
        --icon-button-padding-right: var(--spacing-space-4);
        --icon-button-padding-top: var(--spacing-space-4);
        --icon-button-padding-bottom: var(--spacing-space-4);
        --icon-button-row-gap: var(--spacing-space-1);
        --icon-button-column-gap: var(--spacing-space-1);
        --icon-button-font-family: sans-sarif;
        --icon-button-font-size: initial;
        --icon-button-font-weight: regular;
        --icon-button-paragraph-spacing: 0px;
        --icon-button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="icon-button-inverse-medium-primary-filled"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='light'] [component-variant="icon-button-inverse-medium-primary-filled"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="icon-button-inverse-medium-primary-filled"]:focus-visible:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="icon-button-inverse-medium-primary-filled"]:focus-visible:not(:disabled):not([disabled]) {
        --icon-button-background-color: var(--interactive-surface-primary-hover);
        --icon-button-color: rgb(233, 233, 234);
        --icon-button-border-top-left-radius: var(--corner-radius-extra-small);
        --icon-button-border-top-right-radius: var(--corner-radius-extra-small);
        --icon-button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --icon-button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --icon-button-border-color: var(--border-border-grey-1);
        --icon-button-border-top-width: 1px;
        --icon-button-border-right-width: 1px;
        --icon-button-border-bottom-width: 1px;
        --icon-button-border-left-width: 1px;
        --icon-button-padding-left: var(--spacing-space-4);
        --icon-button-padding-right: var(--spacing-space-4);
        --icon-button-padding-top: var(--spacing-space-4);
        --icon-button-padding-bottom: var(--spacing-space-4);
        --icon-button-row-gap: var(--spacing-space-1);
        --icon-button-column-gap: var(--spacing-space-1);
        --icon-button-font-family: sans-sarif;
        --icon-button-font-size: initial;
        --icon-button-font-weight: regular;
        --icon-button-paragraph-spacing: 0px;
        --icon-button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="icon-button-inverse-medium-primary-filled"]:hover:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="icon-button-inverse-medium-primary-filled"]:hover:not(:disabled):not([disabled]) {
        --icon-button-background-color: var(--interactive-surface-primary-hover);
        --icon-button-color: rgb(233, 233, 234);
        --icon-button-border-top-left-radius: var(--corner-radius-extra-small);
        --icon-button-border-top-right-radius: var(--corner-radius-extra-small);
        --icon-button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --icon-button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --icon-button-padding-left: var(--spacing-space-4);
        --icon-button-padding-right: var(--spacing-space-4);
        --icon-button-padding-top: var(--spacing-space-4);
        --icon-button-padding-bottom: var(--spacing-space-4);
        --icon-button-row-gap: var(--spacing-space-1);
        --icon-button-column-gap: var(--spacing-space-1);
        --icon-button-font-family: sans-sarif;
        --icon-button-font-size: initial;
        --icon-button-font-weight: regular;
        --icon-button-paragraph-spacing: 0px;
        --icon-button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="icon-button-inverse-medium-primary-filled"][active]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="icon-button-inverse-medium-primary-filled"][active]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="icon-button-inverse-medium-primary-filled"]:active:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="icon-button-inverse-medium-primary-filled"]:active:not(:disabled):not([disabled]) {
        --icon-button-background-color: var(--interactive-surface-primary-pressed);
        --icon-button-color: rgb(233, 233, 234);
        --icon-button-border-top-left-radius: var(--corner-radius-extra-small);
        --icon-button-border-top-right-radius: var(--corner-radius-extra-small);
        --icon-button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --icon-button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --icon-button-padding-left: var(--spacing-space-4);
        --icon-button-padding-right: var(--spacing-space-4);
        --icon-button-padding-top: var(--spacing-space-4);
        --icon-button-padding-bottom: var(--spacing-space-4);
        --icon-button-row-gap: var(--spacing-space-1);
        --icon-button-column-gap: var(--spacing-space-1);
        --icon-button-font-family: sans-sarif;
        --icon-button-font-size: initial;
        --icon-button-font-weight: regular;
        --icon-button-paragraph-spacing: 0px;
        --icon-button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="icon-button-inverse-medium-primary-filled"][disabled],
[data-theme='light'] [component-variant="icon-button-inverse-medium-primary-filled"][disabled],
[data-theme='dark'] [component-variant="icon-button-inverse-medium-primary-filled"]:disabled,
[data-theme='light'] [component-variant="icon-button-inverse-medium-primary-filled"]:disabled {
        --icon-button-background-color: var(--interactive-surface-primary-disabled-1);
        --icon-button-color: var(--icon-tertiary);
        --icon-button-border-top-left-radius: var(--corner-radius-extra-small);
        --icon-button-border-top-right-radius: var(--corner-radius-extra-small);
        --icon-button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --icon-button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --icon-button-padding-left: var(--spacing-space-4);
        --icon-button-padding-right: var(--spacing-space-4);
        --icon-button-padding-top: var(--spacing-space-4);
        --icon-button-padding-bottom: var(--spacing-space-4);
        --icon-button-row-gap: var(--spacing-space-1);
        --icon-button-column-gap: var(--spacing-space-1);
        --icon-button-font-family: sans-sarif;
        --icon-button-font-size: initial;
        --icon-button-font-weight: regular;
        --icon-button-paragraph-spacing: 0px;
        --icon-button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="icon-button-default-small-primary-filled"], [data-theme='light'] [component-variant="icon-button-default-small-primary-filled"] {
        --icon-button-background-color: var(--interactive-surface-primary-default);
        --icon-button-color: rgb(233, 233, 234);
        --icon-button-border-top-left-radius: var(--spacing-space-2);
        --icon-button-border-top-right-radius: var(--spacing-space-2);
        --icon-button-border-bottom-left-radius: var(--spacing-space-2);
        --icon-button-border-bottom-right-radius: var(--spacing-space-2);
        --icon-button-padding-left: var(--spacing-space-3);
        --icon-button-padding-right: var(--spacing-space-3);
        --icon-button-padding-top: var(--spacing-space-3);
        --icon-button-padding-bottom: var(--spacing-space-3);
        --icon-button-row-gap: var(--spacing-space-1);
        --icon-button-column-gap: var(--spacing-space-1);
        --icon-button-font-family: sans-sarif;
        --icon-button-font-size: initial;
        --icon-button-font-weight: regular;
        --icon-button-paragraph-spacing: 0px;
        --icon-button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="icon-button-default-small-primary-filled"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='light'] [component-variant="icon-button-default-small-primary-filled"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="icon-button-default-small-primary-filled"]:focus-visible:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="icon-button-default-small-primary-filled"]:focus-visible:not(:disabled):not([disabled]) {
        --icon-button-background-color: var(--interactive-surface-primary-hover);
        --icon-button-color: rgb(233, 233, 234);
        --icon-button-border-top-left-radius: var(--spacing-space-2);
        --icon-button-border-top-right-radius: var(--spacing-space-2);
        --icon-button-border-bottom-left-radius: var(--spacing-space-2);
        --icon-button-border-bottom-right-radius: var(--spacing-space-2);
        --icon-button-border-color: var(--border-border-grey-1);
        --icon-button-border-top-width: 1px;
        --icon-button-border-right-width: 1px;
        --icon-button-border-bottom-width: 1px;
        --icon-button-border-left-width: 1px;
        --icon-button-padding-left: var(--spacing-space-3);
        --icon-button-padding-right: var(--spacing-space-3);
        --icon-button-padding-top: var(--spacing-space-3);
        --icon-button-padding-bottom: var(--spacing-space-3);
        --icon-button-row-gap: var(--spacing-space-1);
        --icon-button-column-gap: var(--spacing-space-1);
        --icon-button-font-family: sans-sarif;
        --icon-button-font-size: initial;
        --icon-button-font-weight: regular;
        --icon-button-paragraph-spacing: 0px;
        --icon-button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="icon-button-default-small-primary-filled"]:hover:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="icon-button-default-small-primary-filled"]:hover:not(:disabled):not([disabled]) {
        --icon-button-background-color: var(--interactive-surface-primary-hover);
        --icon-button-color: rgb(233, 233, 234);
        --icon-button-border-top-left-radius: var(--spacing-space-2);
        --icon-button-border-top-right-radius: var(--spacing-space-2);
        --icon-button-border-bottom-left-radius: var(--spacing-space-2);
        --icon-button-border-bottom-right-radius: var(--spacing-space-2);
        --icon-button-padding-left: var(--spacing-space-3);
        --icon-button-padding-right: var(--spacing-space-3);
        --icon-button-padding-top: var(--spacing-space-3);
        --icon-button-padding-bottom: var(--spacing-space-3);
        --icon-button-row-gap: var(--spacing-space-1);
        --icon-button-column-gap: var(--spacing-space-1);
        --icon-button-font-family: sans-sarif;
        --icon-button-font-size: initial;
        --icon-button-font-weight: regular;
        --icon-button-paragraph-spacing: 0px;
        --icon-button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="icon-button-default-small-primary-filled"][active]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="icon-button-default-small-primary-filled"][active]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="icon-button-default-small-primary-filled"]:active:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="icon-button-default-small-primary-filled"]:active:not(:disabled):not([disabled]) {
        --icon-button-background-color: var(--interactive-surface-primary-pressed);
        --icon-button-color: rgb(233, 233, 234);
        --icon-button-border-top-left-radius: var(--spacing-space-2);
        --icon-button-border-top-right-radius: var(--spacing-space-2);
        --icon-button-border-bottom-left-radius: var(--spacing-space-2);
        --icon-button-border-bottom-right-radius: var(--spacing-space-2);
        --icon-button-padding-left: var(--spacing-space-3);
        --icon-button-padding-right: var(--spacing-space-3);
        --icon-button-padding-top: var(--spacing-space-3);
        --icon-button-padding-bottom: var(--spacing-space-3);
        --icon-button-row-gap: var(--spacing-space-1);
        --icon-button-column-gap: var(--spacing-space-1);
        --icon-button-font-family: sans-sarif;
        --icon-button-font-size: initial;
        --icon-button-font-weight: regular;
        --icon-button-paragraph-spacing: 0px;
        --icon-button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="icon-button-default-small-primary-filled"][disabled],
[data-theme='light'] [component-variant="icon-button-default-small-primary-filled"][disabled],
[data-theme='dark'] [component-variant="icon-button-default-small-primary-filled"]:disabled,
[data-theme='light'] [component-variant="icon-button-default-small-primary-filled"]:disabled {
        --icon-button-background-color: var(--interactive-surface-primary-disabled-1);
        --icon-button-color: var(--icon-tertiary);
        --icon-button-border-top-left-radius: var(--spacing-space-2);
        --icon-button-border-top-right-radius: var(--spacing-space-2);
        --icon-button-border-bottom-left-radius: var(--spacing-space-2);
        --icon-button-border-bottom-right-radius: var(--spacing-space-2);
        --icon-button-padding-left: var(--spacing-space-3);
        --icon-button-padding-right: var(--spacing-space-3);
        --icon-button-padding-top: var(--spacing-space-3);
        --icon-button-padding-bottom: var(--spacing-space-3);
        --icon-button-row-gap: var(--spacing-space-1);
        --icon-button-column-gap: var(--spacing-space-1);
        --icon-button-font-family: sans-sarif;
        --icon-button-font-size: initial;
        --icon-button-font-weight: regular;
        --icon-button-paragraph-spacing: 0px;
        --icon-button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="icon-button-inverse-small-primary-filled"], [data-theme='light'] [component-variant="icon-button-inverse-small-primary-filled"] {
        --icon-button-background-color: var(--interactive-surface-primary-default);
        --icon-button-color: rgb(233, 233, 234);
        --icon-button-border-top-left-radius: var(--spacing-space-2);
        --icon-button-border-top-right-radius: var(--spacing-space-2);
        --icon-button-border-bottom-left-radius: var(--spacing-space-2);
        --icon-button-border-bottom-right-radius: var(--spacing-space-2);
        --icon-button-padding-left: var(--spacing-space-3);
        --icon-button-padding-right: var(--spacing-space-3);
        --icon-button-padding-top: var(--spacing-space-3);
        --icon-button-padding-bottom: var(--spacing-space-3);
        --icon-button-row-gap: var(--spacing-space-1);
        --icon-button-column-gap: var(--spacing-space-1);
        --icon-button-font-family: sans-sarif;
        --icon-button-font-size: initial;
        --icon-button-font-weight: regular;
        --icon-button-paragraph-spacing: 0px;
        --icon-button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="icon-button-inverse-small-primary-filled"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='light'] [component-variant="icon-button-inverse-small-primary-filled"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="icon-button-inverse-small-primary-filled"]:focus-visible:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="icon-button-inverse-small-primary-filled"]:focus-visible:not(:disabled):not([disabled]) {
        --icon-button-background-color: var(--interactive-surface-primary-hover);
        --icon-button-color: rgb(233, 233, 234);
        --icon-button-border-top-left-radius: var(--spacing-space-2);
        --icon-button-border-top-right-radius: var(--spacing-space-2);
        --icon-button-border-bottom-left-radius: var(--spacing-space-2);
        --icon-button-border-bottom-right-radius: var(--spacing-space-2);
        --icon-button-border-color: var(--border-border-grey-1);
        --icon-button-border-top-width: 1px;
        --icon-button-border-right-width: 1px;
        --icon-button-border-bottom-width: 1px;
        --icon-button-border-left-width: 1px;
        --icon-button-padding-left: var(--spacing-space-3);
        --icon-button-padding-right: var(--spacing-space-3);
        --icon-button-padding-top: var(--spacing-space-3);
        --icon-button-padding-bottom: var(--spacing-space-3);
        --icon-button-row-gap: var(--spacing-space-1);
        --icon-button-column-gap: var(--spacing-space-1);
        --icon-button-font-family: sans-sarif;
        --icon-button-font-size: initial;
        --icon-button-font-weight: regular;
        --icon-button-paragraph-spacing: 0px;
        --icon-button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="icon-button-inverse-small-primary-filled"]:hover:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="icon-button-inverse-small-primary-filled"]:hover:not(:disabled):not([disabled]) {
        --icon-button-background-color: var(--interactive-surface-primary-hover);
        --icon-button-color: rgb(233, 233, 234);
        --icon-button-border-top-left-radius: var(--spacing-space-2);
        --icon-button-border-top-right-radius: var(--spacing-space-2);
        --icon-button-border-bottom-left-radius: var(--spacing-space-2);
        --icon-button-border-bottom-right-radius: var(--spacing-space-2);
        --icon-button-padding-left: var(--spacing-space-3);
        --icon-button-padding-right: var(--spacing-space-3);
        --icon-button-padding-top: var(--spacing-space-3);
        --icon-button-padding-bottom: var(--spacing-space-3);
        --icon-button-row-gap: var(--spacing-space-1);
        --icon-button-column-gap: var(--spacing-space-1);
        --icon-button-font-family: sans-sarif;
        --icon-button-font-size: initial;
        --icon-button-font-weight: regular;
        --icon-button-paragraph-spacing: 0px;
        --icon-button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="icon-button-inverse-small-primary-filled"][active]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="icon-button-inverse-small-primary-filled"][active]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="icon-button-inverse-small-primary-filled"]:active:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="icon-button-inverse-small-primary-filled"]:active:not(:disabled):not([disabled]) {
        --icon-button-background-color: var(--interactive-surface-primary-pressed);
        --icon-button-color: rgb(233, 233, 234);
        --icon-button-border-top-left-radius: var(--spacing-space-2);
        --icon-button-border-top-right-radius: var(--spacing-space-2);
        --icon-button-border-bottom-left-radius: var(--spacing-space-2);
        --icon-button-border-bottom-right-radius: var(--spacing-space-2);
        --icon-button-padding-left: var(--spacing-space-3);
        --icon-button-padding-right: var(--spacing-space-3);
        --icon-button-padding-top: var(--spacing-space-3);
        --icon-button-padding-bottom: var(--spacing-space-3);
        --icon-button-row-gap: var(--spacing-space-1);
        --icon-button-column-gap: var(--spacing-space-1);
        --icon-button-font-family: sans-sarif;
        --icon-button-font-size: initial;
        --icon-button-font-weight: regular;
        --icon-button-paragraph-spacing: 0px;
        --icon-button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="icon-button-inverse-small-primary-filled"][disabled],
[data-theme='light'] [component-variant="icon-button-inverse-small-primary-filled"][disabled],
[data-theme='dark'] [component-variant="icon-button-inverse-small-primary-filled"]:disabled,
[data-theme='light'] [component-variant="icon-button-inverse-small-primary-filled"]:disabled {
        --icon-button-background-color: var(--interactive-surface-primary-disabled-1);
        --icon-button-color: var(--icon-tertiary);
        --icon-button-border-top-left-radius: var(--spacing-space-2);
        --icon-button-border-top-right-radius: var(--spacing-space-2);
        --icon-button-border-bottom-left-radius: var(--spacing-space-2);
        --icon-button-border-bottom-right-radius: var(--spacing-space-2);
        --icon-button-padding-left: var(--spacing-space-3);
        --icon-button-padding-right: var(--spacing-space-3);
        --icon-button-padding-top: var(--spacing-space-3);
        --icon-button-padding-bottom: var(--spacing-space-3);
        --icon-button-row-gap: var(--spacing-space-1);
        --icon-button-column-gap: var(--spacing-space-1);
        --icon-button-font-family: sans-sarif;
        --icon-button-font-size: initial;
        --icon-button-font-weight: regular;
        --icon-button-paragraph-spacing: 0px;
        --icon-button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="icon-button-default-medium-secondary-filled"], [data-theme='light'] [component-variant="icon-button-default-medium-secondary-filled"] {
        --icon-button-background-color: var(--interactive-surface-secondary-default);
        --icon-button-color: var(--icon-primary);
        --icon-button-border-top-left-radius: var(--corner-radius-extra-small);
        --icon-button-border-top-right-radius: var(--corner-radius-extra-small);
        --icon-button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --icon-button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --icon-button-padding-left: var(--spacing-space-4);
        --icon-button-padding-right: var(--spacing-space-4);
        --icon-button-padding-top: var(--spacing-space-4);
        --icon-button-padding-bottom: var(--spacing-space-4);
        --icon-button-row-gap: var(--spacing-space-1);
        --icon-button-column-gap: var(--spacing-space-1);
        --icon-button-font-family: sans-sarif;
        --icon-button-font-size: initial;
        --icon-button-font-weight: regular;
        --icon-button-paragraph-spacing: 0px;
        --icon-button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="icon-button-default-medium-secondary-filled"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='light'] [component-variant="icon-button-default-medium-secondary-filled"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="icon-button-default-medium-secondary-filled"]:focus-visible:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="icon-button-default-medium-secondary-filled"]:focus-visible:not(:disabled):not([disabled]) {
        --icon-button-background-color: var(--interactive-surface-secondary-hover);
        --icon-button-color: var(--icon-primary);
        --icon-button-border-top-left-radius: var(--corner-radius-extra-small);
        --icon-button-border-top-right-radius: var(--corner-radius-extra-small);
        --icon-button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --icon-button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --icon-button-border-color: var(--border-border-grey-1);
        --icon-button-border-top-width: 1px;
        --icon-button-border-right-width: 1px;
        --icon-button-border-bottom-width: 1px;
        --icon-button-border-left-width: 1px;
        --icon-button-padding-left: var(--spacing-space-4);
        --icon-button-padding-right: var(--spacing-space-4);
        --icon-button-padding-top: var(--spacing-space-4);
        --icon-button-padding-bottom: var(--spacing-space-4);
        --icon-button-row-gap: var(--spacing-space-1);
        --icon-button-column-gap: var(--spacing-space-1);
        --icon-button-font-family: sans-sarif;
        --icon-button-font-size: initial;
        --icon-button-font-weight: regular;
        --icon-button-paragraph-spacing: 0px;
        --icon-button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="icon-button-default-medium-secondary-filled"]:hover:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="icon-button-default-medium-secondary-filled"]:hover:not(:disabled):not([disabled]) {
        --icon-button-background-color: var(--interactive-surface-secondary-hover);
        --icon-button-color: var(--icon-primary);
        --icon-button-border-top-left-radius: var(--corner-radius-extra-small);
        --icon-button-border-top-right-radius: var(--corner-radius-extra-small);
        --icon-button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --icon-button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --icon-button-padding-left: var(--spacing-space-4);
        --icon-button-padding-right: var(--spacing-space-4);
        --icon-button-padding-top: var(--spacing-space-4);
        --icon-button-padding-bottom: var(--spacing-space-4);
        --icon-button-row-gap: var(--spacing-space-1);
        --icon-button-column-gap: var(--spacing-space-1);
        --icon-button-font-family: sans-sarif;
        --icon-button-font-size: initial;
        --icon-button-font-weight: regular;
        --icon-button-paragraph-spacing: 0px;
        --icon-button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="icon-button-default-medium-secondary-filled"][active]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="icon-button-default-medium-secondary-filled"][active]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="icon-button-default-medium-secondary-filled"]:active:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="icon-button-default-medium-secondary-filled"]:active:not(:disabled):not([disabled]) {
        --icon-button-background-color: var(--interactive-surface-secondary-pressed);
        --icon-button-color: var(--icon-primary);
        --icon-button-border-top-left-radius: var(--corner-radius-extra-small);
        --icon-button-border-top-right-radius: var(--corner-radius-extra-small);
        --icon-button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --icon-button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --icon-button-padding-left: var(--spacing-space-4);
        --icon-button-padding-right: var(--spacing-space-4);
        --icon-button-padding-top: var(--spacing-space-4);
        --icon-button-padding-bottom: var(--spacing-space-4);
        --icon-button-row-gap: var(--spacing-space-1);
        --icon-button-column-gap: var(--spacing-space-1);
        --icon-button-font-family: sans-sarif;
        --icon-button-font-size: initial;
        --icon-button-font-weight: regular;
        --icon-button-paragraph-spacing: 0px;
        --icon-button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="icon-button-default-medium-secondary-filled"][disabled],
[data-theme='light'] [component-variant="icon-button-default-medium-secondary-filled"][disabled],
[data-theme='dark'] [component-variant="icon-button-default-medium-secondary-filled"]:disabled,
[data-theme='light'] [component-variant="icon-button-default-medium-secondary-filled"]:disabled {
        --icon-button-background-color: rgb(56, 58, 68);
        --icon-button-color: rgb(153, 154, 159);
        --icon-button-border-top-left-radius: var(--corner-radius-extra-small);
        --icon-button-border-top-right-radius: var(--corner-radius-extra-small);
        --icon-button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --icon-button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --icon-button-padding-left: var(--spacing-space-4);
        --icon-button-padding-right: var(--spacing-space-4);
        --icon-button-padding-top: var(--spacing-space-4);
        --icon-button-padding-bottom: var(--spacing-space-4);
        --icon-button-row-gap: var(--spacing-space-1);
        --icon-button-column-gap: var(--spacing-space-1);
        --icon-button-font-family: sans-sarif;
        --icon-button-font-size: initial;
        --icon-button-font-weight: regular;
        --icon-button-paragraph-spacing: 0px;
        --icon-button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="icon-button-inverse-medium-secondary-filled"], [data-theme='light'] [component-variant="icon-button-inverse-medium-secondary-filled"] {
        --icon-button-background-color: var(--interactive-surface-secondary-default);
        --icon-button-color: var(--icon-primary);
        --icon-button-border-top-left-radius: var(--corner-radius-extra-small);
        --icon-button-border-top-right-radius: var(--corner-radius-extra-small);
        --icon-button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --icon-button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --icon-button-padding-left: var(--spacing-space-4);
        --icon-button-padding-right: var(--spacing-space-4);
        --icon-button-padding-top: var(--spacing-space-4);
        --icon-button-padding-bottom: var(--spacing-space-4);
        --icon-button-row-gap: var(--spacing-space-1);
        --icon-button-column-gap: var(--spacing-space-1);
        --icon-button-font-family: sans-sarif;
        --icon-button-font-size: initial;
        --icon-button-font-weight: regular;
        --icon-button-paragraph-spacing: 0px;
        --icon-button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="icon-button-inverse-medium-secondary-filled"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='light'] [component-variant="icon-button-inverse-medium-secondary-filled"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="icon-button-inverse-medium-secondary-filled"]:focus-visible:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="icon-button-inverse-medium-secondary-filled"]:focus-visible:not(:disabled):not([disabled]) {
        --icon-button-background-color: var(--interactive-surface-secondary-hover);
        --icon-button-color: var(--icon-primary);
        --icon-button-border-top-left-radius: var(--corner-radius-extra-small);
        --icon-button-border-top-right-radius: var(--corner-radius-extra-small);
        --icon-button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --icon-button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --icon-button-border-color: var(--border-border-grey-1);
        --icon-button-border-top-width: 1px;
        --icon-button-border-right-width: 1px;
        --icon-button-border-bottom-width: 1px;
        --icon-button-border-left-width: 1px;
        --icon-button-padding-left: var(--spacing-space-4);
        --icon-button-padding-right: var(--spacing-space-4);
        --icon-button-padding-top: var(--spacing-space-4);
        --icon-button-padding-bottom: var(--spacing-space-4);
        --icon-button-row-gap: var(--spacing-space-1);
        --icon-button-column-gap: var(--spacing-space-1);
        --icon-button-font-family: sans-sarif;
        --icon-button-font-size: initial;
        --icon-button-font-weight: regular;
        --icon-button-paragraph-spacing: 0px;
        --icon-button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="icon-button-inverse-medium-secondary-filled"]:hover:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="icon-button-inverse-medium-secondary-filled"]:hover:not(:disabled):not([disabled]) {
        --icon-button-background-color: var(--interactive-surface-secondary-hover);
        --icon-button-color: var(--icon-primary);
        --icon-button-border-top-left-radius: var(--corner-radius-extra-small);
        --icon-button-border-top-right-radius: var(--corner-radius-extra-small);
        --icon-button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --icon-button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --icon-button-padding-left: var(--spacing-space-4);
        --icon-button-padding-right: var(--spacing-space-4);
        --icon-button-padding-top: var(--spacing-space-4);
        --icon-button-padding-bottom: var(--spacing-space-4);
        --icon-button-row-gap: var(--spacing-space-1);
        --icon-button-column-gap: var(--spacing-space-1);
        --icon-button-font-family: sans-sarif;
        --icon-button-font-size: initial;
        --icon-button-font-weight: regular;
        --icon-button-paragraph-spacing: 0px;
        --icon-button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="icon-button-inverse-medium-secondary-filled"][active]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="icon-button-inverse-medium-secondary-filled"][active]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="icon-button-inverse-medium-secondary-filled"]:active:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="icon-button-inverse-medium-secondary-filled"]:active:not(:disabled):not([disabled]) {
        --icon-button-background-color: var(--interactive-surface-secondary-pressed);
        --icon-button-color: var(--icon-primary);
        --icon-button-border-top-left-radius: var(--corner-radius-extra-small);
        --icon-button-border-top-right-radius: var(--corner-radius-extra-small);
        --icon-button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --icon-button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --icon-button-padding-left: var(--spacing-space-4);
        --icon-button-padding-right: var(--spacing-space-4);
        --icon-button-padding-top: var(--spacing-space-4);
        --icon-button-padding-bottom: var(--spacing-space-4);
        --icon-button-row-gap: var(--spacing-space-1);
        --icon-button-column-gap: var(--spacing-space-1);
        --icon-button-font-family: sans-sarif;
        --icon-button-font-size: initial;
        --icon-button-font-weight: regular;
        --icon-button-paragraph-spacing: 0px;
        --icon-button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="icon-button-inverse-medium-secondary-filled"][disabled],
[data-theme='light'] [component-variant="icon-button-inverse-medium-secondary-filled"][disabled],
[data-theme='dark'] [component-variant="icon-button-inverse-medium-secondary-filled"]:disabled,
[data-theme='light'] [component-variant="icon-button-inverse-medium-secondary-filled"]:disabled {
        --icon-button-background-color: rgb(56, 58, 68);
        --icon-button-color: rgb(153, 154, 159);
        --icon-button-border-top-left-radius: var(--corner-radius-extra-small);
        --icon-button-border-top-right-radius: var(--corner-radius-extra-small);
        --icon-button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --icon-button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --icon-button-padding-left: var(--spacing-space-4);
        --icon-button-padding-right: var(--spacing-space-4);
        --icon-button-padding-top: var(--spacing-space-4);
        --icon-button-padding-bottom: var(--spacing-space-4);
        --icon-button-row-gap: var(--spacing-space-1);
        --icon-button-column-gap: var(--spacing-space-1);
        --icon-button-font-family: sans-sarif;
        --icon-button-font-size: initial;
        --icon-button-font-weight: regular;
        --icon-button-paragraph-spacing: 0px;
        --icon-button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="icon-button-default-medium-secondary-outlined"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='light'] [component-variant="icon-button-default-medium-secondary-outlined"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="icon-button-default-medium-secondary-outlined"]:focus-visible:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="icon-button-default-medium-secondary-outlined"]:focus-visible:not(:disabled):not([disabled]) {
        --icon-button-background-color: var(--interactive-surface-secondary-hover);
        --icon-button-color: var(--icon-primary);
        --icon-button-border-top-left-radius: var(--corner-radius-extra-small);
        --icon-button-border-top-right-radius: var(--corner-radius-extra-small);
        --icon-button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --icon-button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --icon-button-border-color: var(--border-border-grey-1);
        --icon-button-border-top-width: 1px;
        --icon-button-border-right-width: 1px;
        --icon-button-border-bottom-width: 1px;
        --icon-button-border-left-width: 1px;
        --icon-button-padding-left: var(--spacing-space-4);
        --icon-button-padding-right: var(--spacing-space-4);
        --icon-button-padding-top: var(--spacing-space-4);
        --icon-button-padding-bottom: var(--spacing-space-4);
        --icon-button-row-gap: var(--spacing-space-1);
        --icon-button-column-gap: var(--spacing-space-1);
        --icon-button-font-family: sans-sarif;
        --icon-button-font-size: initial;
        --icon-button-font-weight: regular;
        --icon-button-paragraph-spacing: 0px;
        --icon-button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="icon-button-default-medium-secondary-outlined"], [data-theme='light'] [component-variant="icon-button-default-medium-secondary-outlined"] {
        --icon-button-color: var(--icon-primary);
        --icon-button-border-top-left-radius: var(--corner-radius-extra-small);
        --icon-button-border-top-right-radius: var(--corner-radius-extra-small);
        --icon-button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --icon-button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --icon-button-border-color: var(--border-border-grey-3);
        --icon-button-border-top-width: 1px;
        --icon-button-border-right-width: 1px;
        --icon-button-border-bottom-width: 1px;
        --icon-button-border-left-width: 1px;
        --icon-button-padding-left: var(--spacing-space-4);
        --icon-button-padding-right: var(--spacing-space-4);
        --icon-button-padding-top: var(--spacing-space-4);
        --icon-button-padding-bottom: var(--spacing-space-4);
        --icon-button-row-gap: var(--spacing-space-1);
        --icon-button-column-gap: var(--spacing-space-1);
        --icon-button-font-family: sans-sarif;
        --icon-button-font-size: initial;
        --icon-button-font-weight: regular;
        --icon-button-paragraph-spacing: 0px;
        --icon-button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="icon-button-default-medium-secondary-outlined"][active]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="icon-button-default-medium-secondary-outlined"][active]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="icon-button-default-medium-secondary-outlined"]:active:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="icon-button-default-medium-secondary-outlined"]:active:not(:disabled):not([disabled]) {
        --icon-button-background-color: var(--interactive-surface-secondary-pressed);
        --icon-button-color: var(--icon-primary);
        --icon-button-border-top-left-radius: var(--corner-radius-extra-small);
        --icon-button-border-top-right-radius: var(--corner-radius-extra-small);
        --icon-button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --icon-button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --icon-button-padding-left: var(--spacing-space-4);
        --icon-button-padding-right: var(--spacing-space-4);
        --icon-button-padding-top: var(--spacing-space-4);
        --icon-button-padding-bottom: var(--spacing-space-4);
        --icon-button-row-gap: var(--spacing-space-1);
        --icon-button-column-gap: var(--spacing-space-1);
        --icon-button-font-family: sans-sarif;
        --icon-button-font-size: initial;
        --icon-button-font-weight: regular;
        --icon-button-paragraph-spacing: 0px;
        --icon-button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="icon-button-default-medium-secondary-outlined"][disabled],
[data-theme='light'] [component-variant="icon-button-default-medium-secondary-outlined"][disabled],
[data-theme='dark'] [component-variant="icon-button-default-medium-secondary-outlined"]:disabled,
[data-theme='light'] [component-variant="icon-button-default-medium-secondary-outlined"]:disabled {
        --icon-button-background-color: var(--interactive-surface-secondary-disabled);
        --icon-button-color: var(--icon-tertiary);
        --icon-button-border-top-left-radius: var(--corner-radius-extra-small);
        --icon-button-border-top-right-radius: var(--corner-radius-extra-small);
        --icon-button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --icon-button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --icon-button-padding-left: var(--spacing-space-4);
        --icon-button-padding-right: var(--spacing-space-4);
        --icon-button-padding-top: var(--spacing-space-4);
        --icon-button-padding-bottom: var(--spacing-space-4);
        --icon-button-row-gap: var(--spacing-space-1);
        --icon-button-column-gap: var(--spacing-space-1);
        --icon-button-font-family: sans-sarif;
        --icon-button-font-size: initial;
        --icon-button-font-weight: regular;
        --icon-button-paragraph-spacing: 0px;
        --icon-button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="icon-button-default-medium-secondary-outlined"]:hover:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="icon-button-default-medium-secondary-outlined"]:hover:not(:disabled):not([disabled]) {
        --icon-button-background-color: var(--interactive-surface-secondary-hover);
        --icon-button-color: var(--icon-primary);
        --icon-button-border-top-left-radius: var(--corner-radius-extra-small);
        --icon-button-border-top-right-radius: var(--corner-radius-extra-small);
        --icon-button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --icon-button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --icon-button-padding-left: var(--spacing-space-4);
        --icon-button-padding-right: var(--spacing-space-4);
        --icon-button-padding-top: var(--spacing-space-4);
        --icon-button-padding-bottom: var(--spacing-space-4);
        --icon-button-row-gap: var(--spacing-space-1);
        --icon-button-column-gap: var(--spacing-space-1);
        --icon-button-font-family: sans-sarif;
        --icon-button-font-size: initial;
        --icon-button-font-weight: regular;
        --icon-button-paragraph-spacing: 0px;
        --icon-button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="icon-button-inverse-medium-secondary-outlined"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='light'] [component-variant="icon-button-inverse-medium-secondary-outlined"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="icon-button-inverse-medium-secondary-outlined"]:focus-visible:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="icon-button-inverse-medium-secondary-outlined"]:focus-visible:not(:disabled):not([disabled]) {
        --icon-button-background-color: var(--interactive-surface-secondary-hover);
        --icon-button-color: var(--icon-primary);
        --icon-button-border-top-left-radius: var(--corner-radius-extra-small);
        --icon-button-border-top-right-radius: var(--corner-radius-extra-small);
        --icon-button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --icon-button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --icon-button-border-color: var(--border-border-grey-1);
        --icon-button-border-top-width: 1px;
        --icon-button-border-right-width: 1px;
        --icon-button-border-bottom-width: 1px;
        --icon-button-border-left-width: 1px;
        --icon-button-padding-left: var(--spacing-space-4);
        --icon-button-padding-right: var(--spacing-space-4);
        --icon-button-padding-top: var(--spacing-space-4);
        --icon-button-padding-bottom: var(--spacing-space-4);
        --icon-button-row-gap: var(--spacing-space-1);
        --icon-button-column-gap: var(--spacing-space-1);
        --icon-button-font-family: sans-sarif;
        --icon-button-font-size: initial;
        --icon-button-font-weight: regular;
        --icon-button-paragraph-spacing: 0px;
        --icon-button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="icon-button-inverse-medium-secondary-outlined"], [data-theme='light'] [component-variant="icon-button-inverse-medium-secondary-outlined"] {
        --icon-button-color: var(--icon-inverse);
        --icon-button-border-top-left-radius: var(--corner-radius-extra-small);
        --icon-button-border-top-right-radius: var(--corner-radius-extra-small);
        --icon-button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --icon-button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --icon-button-border-color: var(--border-border-grey-3);
        --icon-button-border-top-width: 1px;
        --icon-button-border-right-width: 1px;
        --icon-button-border-bottom-width: 1px;
        --icon-button-border-left-width: 1px;
        --icon-button-padding-left: var(--spacing-space-4);
        --icon-button-padding-right: var(--spacing-space-4);
        --icon-button-padding-top: var(--spacing-space-4);
        --icon-button-padding-bottom: var(--spacing-space-4);
        --icon-button-row-gap: var(--spacing-space-1);
        --icon-button-column-gap: var(--spacing-space-1);
        --icon-button-font-family: sans-sarif;
        --icon-button-font-size: initial;
        --icon-button-font-weight: regular;
        --icon-button-paragraph-spacing: 0px;
        --icon-button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="icon-button-inverse-medium-secondary-outlined"][active]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="icon-button-inverse-medium-secondary-outlined"][active]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="icon-button-inverse-medium-secondary-outlined"]:active:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="icon-button-inverse-medium-secondary-outlined"]:active:not(:disabled):not([disabled]) {
        --icon-button-background-color: var(--interactive-surface-secondary-pressed);
        --icon-button-color: var(--icon-primary);
        --icon-button-border-top-left-radius: var(--corner-radius-extra-small);
        --icon-button-border-top-right-radius: var(--corner-radius-extra-small);
        --icon-button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --icon-button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --icon-button-padding-left: var(--spacing-space-4);
        --icon-button-padding-right: var(--spacing-space-4);
        --icon-button-padding-top: var(--spacing-space-4);
        --icon-button-padding-bottom: var(--spacing-space-4);
        --icon-button-row-gap: var(--spacing-space-1);
        --icon-button-column-gap: var(--spacing-space-1);
        --icon-button-font-family: sans-sarif;
        --icon-button-font-size: initial;
        --icon-button-font-weight: regular;
        --icon-button-paragraph-spacing: 0px;
        --icon-button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="icon-button-inverse-medium-secondary-outlined"][disabled],
[data-theme='light'] [component-variant="icon-button-inverse-medium-secondary-outlined"][disabled],
[data-theme='dark'] [component-variant="icon-button-inverse-medium-secondary-outlined"]:disabled,
[data-theme='light'] [component-variant="icon-button-inverse-medium-secondary-outlined"]:disabled {
        --icon-button-background-color: var(--interactive-surface-secondary-disabled);
        --icon-button-color: var(--icon-tertiary);
        --icon-button-border-top-left-radius: var(--corner-radius-extra-small);
        --icon-button-border-top-right-radius: var(--corner-radius-extra-small);
        --icon-button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --icon-button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --icon-button-padding-left: var(--spacing-space-4);
        --icon-button-padding-right: var(--spacing-space-4);
        --icon-button-padding-top: var(--spacing-space-4);
        --icon-button-padding-bottom: var(--spacing-space-4);
        --icon-button-row-gap: var(--spacing-space-1);
        --icon-button-column-gap: var(--spacing-space-1);
        --icon-button-font-family: sans-sarif;
        --icon-button-font-size: initial;
        --icon-button-font-weight: regular;
        --icon-button-paragraph-spacing: 0px;
        --icon-button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="icon-button-inverse-medium-secondary-outlined"]:hover:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="icon-button-inverse-medium-secondary-outlined"]:hover:not(:disabled):not([disabled]) {
        --icon-button-background-color: var(--interactive-surface-secondary-hover);
        --icon-button-color: var(--icon-primary);
        --icon-button-border-top-left-radius: var(--corner-radius-extra-small);
        --icon-button-border-top-right-radius: var(--corner-radius-extra-small);
        --icon-button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --icon-button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --icon-button-padding-left: var(--spacing-space-4);
        --icon-button-padding-right: var(--spacing-space-4);
        --icon-button-padding-top: var(--spacing-space-4);
        --icon-button-padding-bottom: var(--spacing-space-4);
        --icon-button-row-gap: var(--spacing-space-1);
        --icon-button-column-gap: var(--spacing-space-1);
        --icon-button-font-family: sans-sarif;
        --icon-button-font-size: initial;
        --icon-button-font-weight: regular;
        --icon-button-paragraph-spacing: 0px;
        --icon-button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="icon-button-default-medium-primary-outlined"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='light'] [component-variant="icon-button-default-medium-primary-outlined"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="icon-button-default-medium-primary-outlined"]:focus-visible:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="icon-button-default-medium-primary-outlined"]:focus-visible:not(:disabled):not([disabled]) {
        --icon-button-background-color: var(--interactive-surface-primary-hover);
        --icon-button-color: var(--icon-primary);
        --icon-button-border-top-left-radius: var(--corner-radius-extra-small);
        --icon-button-border-top-right-radius: var(--corner-radius-extra-small);
        --icon-button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --icon-button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --icon-button-border-color: var(--border-border-grey-1);
        --icon-button-border-top-width: 1px;
        --icon-button-border-right-width: 1px;
        --icon-button-border-bottom-width: 1px;
        --icon-button-border-left-width: 1px;
        --icon-button-padding-left: var(--spacing-space-4);
        --icon-button-padding-right: var(--spacing-space-4);
        --icon-button-padding-top: var(--spacing-space-4);
        --icon-button-padding-bottom: var(--spacing-space-4);
        --icon-button-row-gap: var(--spacing-space-1);
        --icon-button-column-gap: var(--spacing-space-1);
        --icon-button-font-family: sans-sarif;
        --icon-button-font-size: initial;
        --icon-button-font-weight: regular;
        --icon-button-paragraph-spacing: 0px;
        --icon-button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="icon-button-default-medium-primary-outlined"], [data-theme='light'] [component-variant="icon-button-default-medium-primary-outlined"] {
        --icon-button-color: rgb(233, 233, 234);
        --icon-button-border-top-left-radius: var(--corner-radius-extra-small);
        --icon-button-border-top-right-radius: var(--corner-radius-extra-small);
        --icon-button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --icon-button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --icon-button-border-color: var(--border-primary);
        --icon-button-border-top-width: 1px;
        --icon-button-border-right-width: 1px;
        --icon-button-border-bottom-width: 1px;
        --icon-button-border-left-width: 1px;
        --icon-button-padding-left: var(--spacing-space-4);
        --icon-button-padding-right: var(--spacing-space-4);
        --icon-button-padding-top: var(--spacing-space-4);
        --icon-button-padding-bottom: var(--spacing-space-4);
        --icon-button-row-gap: var(--spacing-space-1);
        --icon-button-column-gap: var(--spacing-space-1);
        --icon-button-font-family: sans-sarif;
        --icon-button-font-size: initial;
        --icon-button-font-weight: regular;
        --icon-button-paragraph-spacing: 0px;
        --icon-button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="icon-button-default-medium-primary-outlined"][active]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="icon-button-default-medium-primary-outlined"][active]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="icon-button-default-medium-primary-outlined"]:active:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="icon-button-default-medium-primary-outlined"]:active:not(:disabled):not([disabled]) {
        --icon-button-background-color: var(--interactive-surface-primary-pressed);
        --icon-button-color: var(--icon-primary);
        --icon-button-border-top-left-radius: var(--corner-radius-extra-small);
        --icon-button-border-top-right-radius: var(--corner-radius-extra-small);
        --icon-button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --icon-button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --icon-button-padding-left: var(--spacing-space-4);
        --icon-button-padding-right: var(--spacing-space-4);
        --icon-button-padding-top: var(--spacing-space-4);
        --icon-button-padding-bottom: var(--spacing-space-4);
        --icon-button-row-gap: var(--spacing-space-1);
        --icon-button-column-gap: var(--spacing-space-1);
        --icon-button-font-family: sans-sarif;
        --icon-button-font-size: initial;
        --icon-button-font-weight: regular;
        --icon-button-paragraph-spacing: 0px;
        --icon-button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="icon-button-default-medium-primary-outlined"][disabled],
[data-theme='light'] [component-variant="icon-button-default-medium-primary-outlined"][disabled],
[data-theme='dark'] [component-variant="icon-button-default-medium-primary-outlined"]:disabled,
[data-theme='light'] [component-variant="icon-button-default-medium-primary-outlined"]:disabled {
        --icon-button-background-color: rgb(56, 58, 68);
        --icon-button-color: var(--icon-tertiary);
        --icon-button-border-top-left-radius: var(--corner-radius-extra-small);
        --icon-button-border-top-right-radius: var(--corner-radius-extra-small);
        --icon-button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --icon-button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --icon-button-padding-left: var(--spacing-space-4);
        --icon-button-padding-right: var(--spacing-space-4);
        --icon-button-padding-top: var(--spacing-space-4);
        --icon-button-padding-bottom: var(--spacing-space-4);
        --icon-button-row-gap: var(--spacing-space-1);
        --icon-button-column-gap: var(--spacing-space-1);
        --icon-button-font-family: sans-sarif;
        --icon-button-font-size: initial;
        --icon-button-font-weight: regular;
        --icon-button-paragraph-spacing: 0px;
        --icon-button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="icon-button-default-medium-primary-outlined"]:hover:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="icon-button-default-medium-primary-outlined"]:hover:not(:disabled):not([disabled]) {
        --icon-button-background-color: var(--interactive-surface-primary-hover);
        --icon-button-color: var(--icon-primary);
        --icon-button-border-top-left-radius: var(--corner-radius-extra-small);
        --icon-button-border-top-right-radius: var(--corner-radius-extra-small);
        --icon-button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --icon-button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --icon-button-padding-left: var(--spacing-space-4);
        --icon-button-padding-right: var(--spacing-space-4);
        --icon-button-padding-top: var(--spacing-space-4);
        --icon-button-padding-bottom: var(--spacing-space-4);
        --icon-button-row-gap: var(--spacing-space-1);
        --icon-button-column-gap: var(--spacing-space-1);
        --icon-button-font-family: sans-sarif;
        --icon-button-font-size: initial;
        --icon-button-font-weight: regular;
        --icon-button-paragraph-spacing: 0px;
        --icon-button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="icon-button-inverse-medium-primary-outlined"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='light'] [component-variant="icon-button-inverse-medium-primary-outlined"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="icon-button-inverse-medium-primary-outlined"]:focus-visible:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="icon-button-inverse-medium-primary-outlined"]:focus-visible:not(:disabled):not([disabled]) {
        --icon-button-background-color: var(--interactive-surface-primary-hover);
        --icon-button-color: var(--icon-primary);
        --icon-button-border-top-left-radius: var(--corner-radius-extra-small);
        --icon-button-border-top-right-radius: var(--corner-radius-extra-small);
        --icon-button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --icon-button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --icon-button-border-color: var(--border-border-grey-1);
        --icon-button-border-top-width: 1px;
        --icon-button-border-right-width: 1px;
        --icon-button-border-bottom-width: 1px;
        --icon-button-border-left-width: 1px;
        --icon-button-padding-left: var(--spacing-space-4);
        --icon-button-padding-right: var(--spacing-space-4);
        --icon-button-padding-top: var(--spacing-space-4);
        --icon-button-padding-bottom: var(--spacing-space-4);
        --icon-button-row-gap: var(--spacing-space-1);
        --icon-button-column-gap: var(--spacing-space-1);
        --icon-button-font-family: sans-sarif;
        --icon-button-font-size: initial;
        --icon-button-font-weight: regular;
        --icon-button-paragraph-spacing: 0px;
        --icon-button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="icon-button-inverse-medium-primary-outlined"], [data-theme='light'] [component-variant="icon-button-inverse-medium-primary-outlined"] {
        --icon-button-color: var(--icon-inverse);
        --icon-button-border-top-left-radius: var(--corner-radius-extra-small);
        --icon-button-border-top-right-radius: var(--corner-radius-extra-small);
        --icon-button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --icon-button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --icon-button-border-color: var(--border-primary);
        --icon-button-border-top-width: 1px;
        --icon-button-border-right-width: 1px;
        --icon-button-border-bottom-width: 1px;
        --icon-button-border-left-width: 1px;
        --icon-button-padding-left: var(--spacing-space-4);
        --icon-button-padding-right: var(--spacing-space-4);
        --icon-button-padding-top: var(--spacing-space-4);
        --icon-button-padding-bottom: var(--spacing-space-4);
        --icon-button-row-gap: var(--spacing-space-1);
        --icon-button-column-gap: var(--spacing-space-1);
        --icon-button-font-family: sans-sarif;
        --icon-button-font-size: initial;
        --icon-button-font-weight: regular;
        --icon-button-paragraph-spacing: 0px;
        --icon-button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="icon-button-inverse-medium-primary-outlined"][active]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="icon-button-inverse-medium-primary-outlined"][active]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="icon-button-inverse-medium-primary-outlined"]:active:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="icon-button-inverse-medium-primary-outlined"]:active:not(:disabled):not([disabled]) {
        --icon-button-background-color: var(--interactive-surface-primary-pressed);
        --icon-button-color: var(--icon-primary);
        --icon-button-border-top-left-radius: var(--corner-radius-extra-small);
        --icon-button-border-top-right-radius: var(--corner-radius-extra-small);
        --icon-button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --icon-button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --icon-button-padding-left: var(--spacing-space-4);
        --icon-button-padding-right: var(--spacing-space-4);
        --icon-button-padding-top: var(--spacing-space-4);
        --icon-button-padding-bottom: var(--spacing-space-4);
        --icon-button-row-gap: var(--spacing-space-1);
        --icon-button-column-gap: var(--spacing-space-1);
        --icon-button-font-family: sans-sarif;
        --icon-button-font-size: initial;
        --icon-button-font-weight: regular;
        --icon-button-paragraph-spacing: 0px;
        --icon-button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="icon-button-inverse-medium-primary-outlined"][disabled],
[data-theme='light'] [component-variant="icon-button-inverse-medium-primary-outlined"][disabled],
[data-theme='dark'] [component-variant="icon-button-inverse-medium-primary-outlined"]:disabled,
[data-theme='light'] [component-variant="icon-button-inverse-medium-primary-outlined"]:disabled {
        --icon-button-background-color: rgb(56, 58, 68);
        --icon-button-color: var(--icon-tertiary);
        --icon-button-border-top-left-radius: var(--corner-radius-extra-small);
        --icon-button-border-top-right-radius: var(--corner-radius-extra-small);
        --icon-button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --icon-button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --icon-button-padding-left: var(--spacing-space-4);
        --icon-button-padding-right: var(--spacing-space-4);
        --icon-button-padding-top: var(--spacing-space-4);
        --icon-button-padding-bottom: var(--spacing-space-4);
        --icon-button-row-gap: var(--spacing-space-1);
        --icon-button-column-gap: var(--spacing-space-1);
        --icon-button-font-family: sans-sarif;
        --icon-button-font-size: initial;
        --icon-button-font-weight: regular;
        --icon-button-paragraph-spacing: 0px;
        --icon-button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="icon-button-inverse-medium-primary-outlined"]:hover:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="icon-button-inverse-medium-primary-outlined"]:hover:not(:disabled):not([disabled]) {
        --icon-button-background-color: var(--interactive-surface-primary-hover);
        --icon-button-color: var(--icon-primary);
        --icon-button-border-top-left-radius: var(--corner-radius-extra-small);
        --icon-button-border-top-right-radius: var(--corner-radius-extra-small);
        --icon-button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --icon-button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --icon-button-padding-left: var(--spacing-space-4);
        --icon-button-padding-right: var(--spacing-space-4);
        --icon-button-padding-top: var(--spacing-space-4);
        --icon-button-padding-bottom: var(--spacing-space-4);
        --icon-button-row-gap: var(--spacing-space-1);
        --icon-button-column-gap: var(--spacing-space-1);
        --icon-button-font-family: sans-sarif;
        --icon-button-font-size: initial;
        --icon-button-font-weight: regular;
        --icon-button-paragraph-spacing: 0px;
        --icon-button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="icon-button-default-medium-secondary-ghost"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='light'] [component-variant="icon-button-default-medium-secondary-ghost"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="icon-button-default-medium-secondary-ghost"]:focus-visible:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="icon-button-default-medium-secondary-ghost"]:focus-visible:not(:disabled):not([disabled]) {
        --icon-button-background-color: var(--interactive-surface-ghost-pressed);
        --icon-button-color: var(--icon-primary);
        --icon-button-border-top-left-radius: var(--corner-radius-extra-small);
        --icon-button-border-top-right-radius: var(--corner-radius-extra-small);
        --icon-button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --icon-button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --icon-button-border-color: var(--border-border-grey-1);
        --icon-button-border-top-width: 1px;
        --icon-button-border-right-width: 1px;
        --icon-button-border-bottom-width: 1px;
        --icon-button-border-left-width: 1px;
        --icon-button-padding-left: var(--spacing-space-4);
        --icon-button-padding-right: var(--spacing-space-4);
        --icon-button-padding-top: var(--spacing-space-4);
        --icon-button-padding-bottom: var(--spacing-space-4);
        --icon-button-row-gap: var(--spacing-space-1);
        --icon-button-column-gap: var(--spacing-space-1);
        --icon-button-font-family: sans-sarif;
        --icon-button-font-size: initial;
        --icon-button-font-weight: regular;
        --icon-button-paragraph-spacing: 0px;
        --icon-button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="icon-button-default-medium-secondary-ghost"], [data-theme='light'] [component-variant="icon-button-default-medium-secondary-ghost"] {
        --icon-button-background-color: var(--interactive-surface-ghost-default);
        --icon-button-color: var(--icon-primary);
        --icon-button-border-top-left-radius: var(--corner-radius-extra-small);
        --icon-button-border-top-right-radius: var(--corner-radius-extra-small);
        --icon-button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --icon-button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --icon-button-padding-left: var(--spacing-space-4);
        --icon-button-padding-right: var(--spacing-space-4);
        --icon-button-padding-top: var(--spacing-space-4);
        --icon-button-padding-bottom: var(--spacing-space-4);
        --icon-button-row-gap: var(--spacing-space-1);
        --icon-button-column-gap: var(--spacing-space-1);
        --icon-button-font-family: sans-sarif;
        --icon-button-font-size: initial;
        --icon-button-font-weight: regular;
        --icon-button-paragraph-spacing: 0px;
        --icon-button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="icon-button-default-medium-secondary-ghost"][active]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="icon-button-default-medium-secondary-ghost"][active]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="icon-button-default-medium-secondary-ghost"]:active:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="icon-button-default-medium-secondary-ghost"]:active:not(:disabled):not([disabled]) {
        --icon-button-background-color: var(--interactive-surface-ghost-pressed);
        --icon-button-color: var(--icon-primary);
        --icon-button-border-top-left-radius: var(--corner-radius-extra-small);
        --icon-button-border-top-right-radius: var(--corner-radius-extra-small);
        --icon-button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --icon-button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --icon-button-padding-left: var(--spacing-space-4);
        --icon-button-padding-right: var(--spacing-space-4);
        --icon-button-padding-top: var(--spacing-space-4);
        --icon-button-padding-bottom: var(--spacing-space-4);
        --icon-button-row-gap: var(--spacing-space-1);
        --icon-button-column-gap: var(--spacing-space-1);
        --icon-button-font-family: sans-sarif;
        --icon-button-font-size: initial;
        --icon-button-font-weight: regular;
        --icon-button-paragraph-spacing: 0px;
        --icon-button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="icon-button-default-medium-secondary-ghost"][disabled],
[data-theme='light'] [component-variant="icon-button-default-medium-secondary-ghost"][disabled],
[data-theme='dark'] [component-variant="icon-button-default-medium-secondary-ghost"]:disabled,
[data-theme='light'] [component-variant="icon-button-default-medium-secondary-ghost"]:disabled {
        --icon-button-background-color: var(--interactive-surface-ghost-disabled);
        --icon-button-color: var(--colours-grey-50);
        --icon-button-border-top-left-radius: var(--corner-radius-extra-small);
        --icon-button-border-top-right-radius: var(--corner-radius-extra-small);
        --icon-button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --icon-button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --icon-button-padding-left: var(--spacing-space-4);
        --icon-button-padding-right: var(--spacing-space-4);
        --icon-button-padding-top: var(--spacing-space-4);
        --icon-button-padding-bottom: var(--spacing-space-4);
        --icon-button-row-gap: var(--spacing-space-1);
        --icon-button-column-gap: var(--spacing-space-1);
        --icon-button-font-family: sans-sarif;
        --icon-button-font-size: initial;
        --icon-button-font-weight: regular;
        --icon-button-paragraph-spacing: 0px;
        --icon-button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="icon-button-default-medium-secondary-ghost"]:hover:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="icon-button-default-medium-secondary-ghost"]:hover:not(:disabled):not([disabled]) {
        --icon-button-background-color: var(--interactive-surface-ghost-hover);
        --icon-button-color: var(--icon-primary);
        --icon-button-border-top-left-radius: var(--corner-radius-extra-small);
        --icon-button-border-top-right-radius: var(--corner-radius-extra-small);
        --icon-button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --icon-button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --icon-button-padding-left: var(--spacing-space-4);
        --icon-button-padding-right: var(--spacing-space-4);
        --icon-button-padding-top: var(--spacing-space-4);
        --icon-button-padding-bottom: var(--spacing-space-4);
        --icon-button-row-gap: var(--spacing-space-1);
        --icon-button-column-gap: var(--spacing-space-1);
        --icon-button-font-family: sans-sarif;
        --icon-button-font-size: initial;
        --icon-button-font-weight: regular;
        --icon-button-paragraph-spacing: 0px;
        --icon-button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="icon-button-inverse-medium-secondary-ghost"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='light'] [component-variant="icon-button-inverse-medium-secondary-ghost"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="icon-button-inverse-medium-secondary-ghost"]:focus-visible:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="icon-button-inverse-medium-secondary-ghost"]:focus-visible:not(:disabled):not([disabled]) {
        --icon-button-background-color: var(--interactive-surface-ghost-pressed);
        --icon-button-color: var(--icon-primary);
        --icon-button-border-top-left-radius: var(--corner-radius-extra-small);
        --icon-button-border-top-right-radius: var(--corner-radius-extra-small);
        --icon-button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --icon-button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --icon-button-border-color: var(--border-border-grey-1);
        --icon-button-border-top-width: 1px;
        --icon-button-border-right-width: 1px;
        --icon-button-border-bottom-width: 1px;
        --icon-button-border-left-width: 1px;
        --icon-button-padding-left: var(--spacing-space-4);
        --icon-button-padding-right: var(--spacing-space-4);
        --icon-button-padding-top: var(--spacing-space-4);
        --icon-button-padding-bottom: var(--spacing-space-4);
        --icon-button-row-gap: var(--spacing-space-1);
        --icon-button-column-gap: var(--spacing-space-1);
        --icon-button-font-family: sans-sarif;
        --icon-button-font-size: initial;
        --icon-button-font-weight: regular;
        --icon-button-paragraph-spacing: 0px;
        --icon-button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="icon-button-inverse-medium-secondary-ghost"], [data-theme='light'] [component-variant="icon-button-inverse-medium-secondary-ghost"] {
        --icon-button-background-color: var(--interactive-surface-ghost-default);
        --icon-button-color: var(--icon-inverse);
        --icon-button-border-top-left-radius: var(--corner-radius-extra-small);
        --icon-button-border-top-right-radius: var(--corner-radius-extra-small);
        --icon-button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --icon-button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --icon-button-padding-left: var(--spacing-space-4);
        --icon-button-padding-right: var(--spacing-space-4);
        --icon-button-padding-top: var(--spacing-space-4);
        --icon-button-padding-bottom: var(--spacing-space-4);
        --icon-button-row-gap: var(--spacing-space-1);
        --icon-button-column-gap: var(--spacing-space-1);
        --icon-button-font-family: sans-sarif;
        --icon-button-font-size: initial;
        --icon-button-font-weight: regular;
        --icon-button-paragraph-spacing: 0px;
        --icon-button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="icon-button-inverse-medium-secondary-ghost"][active]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="icon-button-inverse-medium-secondary-ghost"][active]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="icon-button-inverse-medium-secondary-ghost"]:active:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="icon-button-inverse-medium-secondary-ghost"]:active:not(:disabled):not([disabled]) {
        --icon-button-background-color: var(--interactive-surface-ghost-pressed);
        --icon-button-color: var(--icon-primary);
        --icon-button-border-top-left-radius: var(--corner-radius-extra-small);
        --icon-button-border-top-right-radius: var(--corner-radius-extra-small);
        --icon-button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --icon-button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --icon-button-padding-left: var(--spacing-space-4);
        --icon-button-padding-right: var(--spacing-space-4);
        --icon-button-padding-top: var(--spacing-space-4);
        --icon-button-padding-bottom: var(--spacing-space-4);
        --icon-button-row-gap: var(--spacing-space-1);
        --icon-button-column-gap: var(--spacing-space-1);
        --icon-button-font-family: sans-sarif;
        --icon-button-font-size: initial;
        --icon-button-font-weight: regular;
        --icon-button-paragraph-spacing: 0px;
        --icon-button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="icon-button-inverse-medium-secondary-ghost"][disabled],
[data-theme='light'] [component-variant="icon-button-inverse-medium-secondary-ghost"][disabled],
[data-theme='dark'] [component-variant="icon-button-inverse-medium-secondary-ghost"]:disabled,
[data-theme='light'] [component-variant="icon-button-inverse-medium-secondary-ghost"]:disabled {
        --icon-button-background-color: var(--interactive-surface-ghost-disabled);
        --icon-button-color: var(--colours-grey-50);
        --icon-button-border-top-left-radius: var(--corner-radius-extra-small);
        --icon-button-border-top-right-radius: var(--corner-radius-extra-small);
        --icon-button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --icon-button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --icon-button-padding-left: var(--spacing-space-4);
        --icon-button-padding-right: var(--spacing-space-4);
        --icon-button-padding-top: var(--spacing-space-4);
        --icon-button-padding-bottom: var(--spacing-space-4);
        --icon-button-row-gap: var(--spacing-space-1);
        --icon-button-column-gap: var(--spacing-space-1);
        --icon-button-font-family: sans-sarif;
        --icon-button-font-size: initial;
        --icon-button-font-weight: regular;
        --icon-button-paragraph-spacing: 0px;
        --icon-button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="icon-button-inverse-medium-secondary-ghost"]:hover:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="icon-button-inverse-medium-secondary-ghost"]:hover:not(:disabled):not([disabled]) {
        --icon-button-background-color: var(--interactive-surface-ghost-hover);
        --icon-button-color: var(--icon-primary);
        --icon-button-border-top-left-radius: var(--corner-radius-extra-small);
        --icon-button-border-top-right-radius: var(--corner-radius-extra-small);
        --icon-button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --icon-button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --icon-button-padding-left: var(--spacing-space-4);
        --icon-button-padding-right: var(--spacing-space-4);
        --icon-button-padding-top: var(--spacing-space-4);
        --icon-button-padding-bottom: var(--spacing-space-4);
        --icon-button-row-gap: var(--spacing-space-1);
        --icon-button-column-gap: var(--spacing-space-1);
        --icon-button-font-family: sans-sarif;
        --icon-button-font-size: initial;
        --icon-button-font-weight: regular;
        --icon-button-paragraph-spacing: 0px;
        --icon-button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="icon-button-default-medium-primary-ghost"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='light'] [component-variant="icon-button-default-medium-primary-ghost"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="icon-button-default-medium-primary-ghost"]:focus-visible:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="icon-button-default-medium-primary-ghost"]:focus-visible:not(:disabled):not([disabled]) {
        --icon-button-background-color: var(--interactive-surface-secondary-hover);
        --icon-button-color: var(--icon-primary);
        --icon-button-border-top-left-radius: var(--corner-radius-extra-small);
        --icon-button-border-top-right-radius: var(--corner-radius-extra-small);
        --icon-button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --icon-button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --icon-button-border-color: var(--border-border-grey-1);
        --icon-button-border-top-width: 1px;
        --icon-button-border-right-width: 1px;
        --icon-button-border-bottom-width: 1px;
        --icon-button-border-left-width: 1px;
        --icon-button-padding-left: var(--spacing-space-4);
        --icon-button-padding-right: var(--spacing-space-4);
        --icon-button-padding-top: var(--spacing-space-4);
        --icon-button-padding-bottom: var(--spacing-space-4);
        --icon-button-row-gap: var(--spacing-space-1);
        --icon-button-column-gap: var(--spacing-space-1);
        --icon-button-font-family: sans-sarif;
        --icon-button-font-size: initial;
        --icon-button-font-weight: regular;
        --icon-button-paragraph-spacing: 0px;
        --icon-button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="icon-button-default-medium-primary-ghost"], [data-theme='light'] [component-variant="icon-button-default-medium-primary-ghost"] {
        --icon-button-color: var(--icon-primary);
        --icon-button-border-top-left-radius: var(--corner-radius-extra-small);
        --icon-button-border-top-right-radius: var(--corner-radius-extra-small);
        --icon-button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --icon-button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --icon-button-padding-left: var(--spacing-space-4);
        --icon-button-padding-right: var(--spacing-space-4);
        --icon-button-padding-top: var(--spacing-space-4);
        --icon-button-padding-bottom: var(--spacing-space-4);
        --icon-button-row-gap: var(--spacing-space-1);
        --icon-button-column-gap: var(--spacing-space-1);
        --icon-button-font-family: sans-sarif;
        --icon-button-font-size: initial;
        --icon-button-font-weight: regular;
        --icon-button-paragraph-spacing: 0px;
        --icon-button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="icon-button-default-medium-primary-ghost"][active]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="icon-button-default-medium-primary-ghost"][active]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="icon-button-default-medium-primary-ghost"]:active:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="icon-button-default-medium-primary-ghost"]:active:not(:disabled):not([disabled]) {
        --icon-button-background-color: var(--interactive-surface-secondary-pressed);
        --icon-button-color: var(--icon-primary);
        --icon-button-border-top-left-radius: var(--corner-radius-extra-small);
        --icon-button-border-top-right-radius: var(--corner-radius-extra-small);
        --icon-button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --icon-button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --icon-button-padding-left: var(--spacing-space-4);
        --icon-button-padding-right: var(--spacing-space-4);
        --icon-button-padding-top: var(--spacing-space-4);
        --icon-button-padding-bottom: var(--spacing-space-4);
        --icon-button-row-gap: var(--spacing-space-1);
        --icon-button-column-gap: var(--spacing-space-1);
        --icon-button-font-family: sans-sarif;
        --icon-button-font-size: initial;
        --icon-button-font-weight: regular;
        --icon-button-paragraph-spacing: 0px;
        --icon-button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="icon-button-default-medium-primary-ghost"][disabled],
[data-theme='light'] [component-variant="icon-button-default-medium-primary-ghost"][disabled],
[data-theme='dark'] [component-variant="icon-button-default-medium-primary-ghost"]:disabled,
[data-theme='light'] [component-variant="icon-button-default-medium-primary-ghost"]:disabled {
        --icon-button-background-color: var(--interactive-surface-primary-disabled-1);
        --icon-button-color: var(--colours-grey-50);
        --icon-button-border-top-left-radius: var(--corner-radius-extra-small);
        --icon-button-border-top-right-radius: var(--corner-radius-extra-small);
        --icon-button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --icon-button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --icon-button-padding-left: var(--spacing-space-4);
        --icon-button-padding-right: var(--spacing-space-4);
        --icon-button-padding-top: var(--spacing-space-4);
        --icon-button-padding-bottom: var(--spacing-space-4);
        --icon-button-row-gap: var(--spacing-space-1);
        --icon-button-column-gap: var(--spacing-space-1);
        --icon-button-font-family: sans-sarif;
        --icon-button-font-size: initial;
        --icon-button-font-weight: regular;
        --icon-button-paragraph-spacing: 0px;
        --icon-button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="icon-button-default-medium-primary-ghost"]:hover:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="icon-button-default-medium-primary-ghost"]:hover:not(:disabled):not([disabled]) {
        --icon-button-background-color: var(--interactive-surface-secondary-hover);
        --icon-button-color: var(--icon-primary);
        --icon-button-border-top-left-radius: var(--corner-radius-extra-small);
        --icon-button-border-top-right-radius: var(--corner-radius-extra-small);
        --icon-button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --icon-button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --icon-button-padding-left: var(--spacing-space-4);
        --icon-button-padding-right: var(--spacing-space-4);
        --icon-button-padding-top: var(--spacing-space-4);
        --icon-button-padding-bottom: var(--spacing-space-4);
        --icon-button-row-gap: var(--spacing-space-1);
        --icon-button-column-gap: var(--spacing-space-1);
        --icon-button-font-family: sans-sarif;
        --icon-button-font-size: initial;
        --icon-button-font-weight: regular;
        --icon-button-paragraph-spacing: 0px;
        --icon-button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="icon-button-inverse-medium-primary-ghost"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='light'] [component-variant="icon-button-inverse-medium-primary-ghost"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="icon-button-inverse-medium-primary-ghost"]:focus-visible:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="icon-button-inverse-medium-primary-ghost"]:focus-visible:not(:disabled):not([disabled]) {
        --icon-button-background-color: var(--interactive-surface-secondary-hover);
        --icon-button-color: var(--icon-primary);
        --icon-button-border-top-left-radius: var(--corner-radius-extra-small);
        --icon-button-border-top-right-radius: var(--corner-radius-extra-small);
        --icon-button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --icon-button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --icon-button-border-color: var(--border-border-grey-1);
        --icon-button-border-top-width: 1px;
        --icon-button-border-right-width: 1px;
        --icon-button-border-bottom-width: 1px;
        --icon-button-border-left-width: 1px;
        --icon-button-padding-left: var(--spacing-space-4);
        --icon-button-padding-right: var(--spacing-space-4);
        --icon-button-padding-top: var(--spacing-space-4);
        --icon-button-padding-bottom: var(--spacing-space-4);
        --icon-button-row-gap: var(--spacing-space-1);
        --icon-button-column-gap: var(--spacing-space-1);
        --icon-button-font-family: sans-sarif;
        --icon-button-font-size: initial;
        --icon-button-font-weight: regular;
        --icon-button-paragraph-spacing: 0px;
        --icon-button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="icon-button-inverse-medium-primary-ghost"], [data-theme='light'] [component-variant="icon-button-inverse-medium-primary-ghost"] {
        --icon-button-color: var(--icon-inverse);
        --icon-button-border-top-left-radius: var(--corner-radius-extra-small);
        --icon-button-border-top-right-radius: var(--corner-radius-extra-small);
        --icon-button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --icon-button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --icon-button-padding-left: var(--spacing-space-4);
        --icon-button-padding-right: var(--spacing-space-4);
        --icon-button-padding-top: var(--spacing-space-4);
        --icon-button-padding-bottom: var(--spacing-space-4);
        --icon-button-row-gap: var(--spacing-space-1);
        --icon-button-column-gap: var(--spacing-space-1);
        --icon-button-font-family: sans-sarif;
        --icon-button-font-size: initial;
        --icon-button-font-weight: regular;
        --icon-button-paragraph-spacing: 0px;
        --icon-button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="icon-button-inverse-medium-primary-ghost"][active]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="icon-button-inverse-medium-primary-ghost"][active]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="icon-button-inverse-medium-primary-ghost"]:active:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="icon-button-inverse-medium-primary-ghost"]:active:not(:disabled):not([disabled]) {
        --icon-button-background-color: var(--interactive-surface-secondary-pressed);
        --icon-button-color: var(--icon-primary);
        --icon-button-border-top-left-radius: var(--corner-radius-extra-small);
        --icon-button-border-top-right-radius: var(--corner-radius-extra-small);
        --icon-button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --icon-button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --icon-button-padding-left: var(--spacing-space-4);
        --icon-button-padding-right: var(--spacing-space-4);
        --icon-button-padding-top: var(--spacing-space-4);
        --icon-button-padding-bottom: var(--spacing-space-4);
        --icon-button-row-gap: var(--spacing-space-1);
        --icon-button-column-gap: var(--spacing-space-1);
        --icon-button-font-family: sans-sarif;
        --icon-button-font-size: initial;
        --icon-button-font-weight: regular;
        --icon-button-paragraph-spacing: 0px;
        --icon-button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="icon-button-inverse-medium-primary-ghost"][disabled],
[data-theme='light'] [component-variant="icon-button-inverse-medium-primary-ghost"][disabled],
[data-theme='dark'] [component-variant="icon-button-inverse-medium-primary-ghost"]:disabled,
[data-theme='light'] [component-variant="icon-button-inverse-medium-primary-ghost"]:disabled {
        --icon-button-background-color: var(--interactive-surface-primary-disabled-1);
        --icon-button-color: var(--colours-grey-50);
        --icon-button-border-top-left-radius: var(--corner-radius-extra-small);
        --icon-button-border-top-right-radius: var(--corner-radius-extra-small);
        --icon-button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --icon-button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --icon-button-padding-left: var(--spacing-space-4);
        --icon-button-padding-right: var(--spacing-space-4);
        --icon-button-padding-top: var(--spacing-space-4);
        --icon-button-padding-bottom: var(--spacing-space-4);
        --icon-button-row-gap: var(--spacing-space-1);
        --icon-button-column-gap: var(--spacing-space-1);
        --icon-button-font-family: sans-sarif;
        --icon-button-font-size: initial;
        --icon-button-font-weight: regular;
        --icon-button-paragraph-spacing: 0px;
        --icon-button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="icon-button-inverse-medium-primary-ghost"]:hover:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="icon-button-inverse-medium-primary-ghost"]:hover:not(:disabled):not([disabled]) {
        --icon-button-background-color: var(--interactive-surface-secondary-hover);
        --icon-button-color: var(--icon-primary);
        --icon-button-border-top-left-radius: var(--corner-radius-extra-small);
        --icon-button-border-top-right-radius: var(--corner-radius-extra-small);
        --icon-button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --icon-button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --icon-button-padding-left: var(--spacing-space-4);
        --icon-button-padding-right: var(--spacing-space-4);
        --icon-button-padding-top: var(--spacing-space-4);
        --icon-button-padding-bottom: var(--spacing-space-4);
        --icon-button-row-gap: var(--spacing-space-1);
        --icon-button-column-gap: var(--spacing-space-1);
        --icon-button-font-family: sans-sarif;
        --icon-button-font-size: initial;
        --icon-button-font-weight: regular;
        --icon-button-paragraph-spacing: 0px;
        --icon-button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="icon-button-default-small-secondary-filled"], [data-theme='light'] [component-variant="icon-button-default-small-secondary-filled"] {
        --icon-button-background-color: var(--interactive-surface-secondary-default);
        --icon-button-color: var(--icon-primary);
        --icon-button-border-top-left-radius: var(--spacing-space-2);
        --icon-button-border-top-right-radius: var(--spacing-space-2);
        --icon-button-border-bottom-left-radius: var(--spacing-space-2);
        --icon-button-border-bottom-right-radius: var(--spacing-space-2);
        --icon-button-padding-left: var(--spacing-space-3);
        --icon-button-padding-right: var(--spacing-space-3);
        --icon-button-padding-top: var(--spacing-space-3);
        --icon-button-padding-bottom: var(--spacing-space-3);
        --icon-button-row-gap: var(--spacing-space-1);
        --icon-button-column-gap: var(--spacing-space-1);
        --icon-button-font-family: sans-sarif;
        --icon-button-font-size: initial;
        --icon-button-font-weight: regular;
        --icon-button-paragraph-spacing: 0px;
        --icon-button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="icon-button-default-small-secondary-filled"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='light'] [component-variant="icon-button-default-small-secondary-filled"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="icon-button-default-small-secondary-filled"]:focus-visible:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="icon-button-default-small-secondary-filled"]:focus-visible:not(:disabled):not([disabled]) {
        --icon-button-background-color: var(--interactive-surface-secondary-hover);
        --icon-button-color: var(--icon-primary);
        --icon-button-border-top-left-radius: var(--spacing-space-2);
        --icon-button-border-top-right-radius: var(--spacing-space-2);
        --icon-button-border-bottom-left-radius: var(--spacing-space-2);
        --icon-button-border-bottom-right-radius: var(--spacing-space-2);
        --icon-button-border-color: var(--border-border-grey-1);
        --icon-button-border-top-width: 1px;
        --icon-button-border-right-width: 1px;
        --icon-button-border-bottom-width: 1px;
        --icon-button-border-left-width: 1px;
        --icon-button-padding-left: var(--spacing-space-3);
        --icon-button-padding-right: var(--spacing-space-3);
        --icon-button-padding-top: var(--spacing-space-3);
        --icon-button-padding-bottom: var(--spacing-space-3);
        --icon-button-row-gap: var(--spacing-space-1);
        --icon-button-column-gap: var(--spacing-space-1);
        --icon-button-font-family: sans-sarif;
        --icon-button-font-size: initial;
        --icon-button-font-weight: regular;
        --icon-button-paragraph-spacing: 0px;
        --icon-button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="icon-button-default-small-secondary-filled"]:hover:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="icon-button-default-small-secondary-filled"]:hover:not(:disabled):not([disabled]) {
        --icon-button-background-color: var(--interactive-surface-secondary-hover);
        --icon-button-color: var(--icon-primary);
        --icon-button-border-top-left-radius: var(--spacing-space-2);
        --icon-button-border-top-right-radius: var(--spacing-space-2);
        --icon-button-border-bottom-left-radius: var(--spacing-space-2);
        --icon-button-border-bottom-right-radius: var(--spacing-space-2);
        --icon-button-padding-left: var(--spacing-space-3);
        --icon-button-padding-right: var(--spacing-space-3);
        --icon-button-padding-top: var(--spacing-space-3);
        --icon-button-padding-bottom: var(--spacing-space-3);
        --icon-button-row-gap: var(--spacing-space-1);
        --icon-button-column-gap: var(--spacing-space-1);
        --icon-button-font-family: sans-sarif;
        --icon-button-font-size: initial;
        --icon-button-font-weight: regular;
        --icon-button-paragraph-spacing: 0px;
        --icon-button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="icon-button-default-small-secondary-filled"][active]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="icon-button-default-small-secondary-filled"][active]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="icon-button-default-small-secondary-filled"]:active:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="icon-button-default-small-secondary-filled"]:active:not(:disabled):not([disabled]) {
        --icon-button-background-color: var(--interactive-surface-secondary-pressed);
        --icon-button-color: var(--icon-primary);
        --icon-button-border-top-left-radius: var(--spacing-space-2);
        --icon-button-border-top-right-radius: var(--spacing-space-2);
        --icon-button-border-bottom-left-radius: var(--spacing-space-2);
        --icon-button-border-bottom-right-radius: var(--spacing-space-2);
        --icon-button-padding-left: var(--spacing-space-3);
        --icon-button-padding-right: var(--spacing-space-3);
        --icon-button-padding-top: var(--spacing-space-3);
        --icon-button-padding-bottom: var(--spacing-space-3);
        --icon-button-row-gap: var(--spacing-space-1);
        --icon-button-column-gap: var(--spacing-space-1);
        --icon-button-font-family: sans-sarif;
        --icon-button-font-size: initial;
        --icon-button-font-weight: regular;
        --icon-button-paragraph-spacing: 0px;
        --icon-button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="icon-button-default-small-secondary-filled"][disabled],
[data-theme='light'] [component-variant="icon-button-default-small-secondary-filled"][disabled],
[data-theme='dark'] [component-variant="icon-button-default-small-secondary-filled"]:disabled,
[data-theme='light'] [component-variant="icon-button-default-small-secondary-filled"]:disabled {
        --icon-button-background-color: rgb(56, 58, 68);
        --icon-button-color: rgb(153, 154, 159);
        --icon-button-border-top-left-radius: var(--spacing-space-2);
        --icon-button-border-top-right-radius: var(--spacing-space-2);
        --icon-button-border-bottom-left-radius: var(--spacing-space-2);
        --icon-button-border-bottom-right-radius: var(--spacing-space-2);
        --icon-button-padding-left: var(--spacing-space-3);
        --icon-button-padding-right: var(--spacing-space-3);
        --icon-button-padding-top: var(--spacing-space-3);
        --icon-button-padding-bottom: var(--spacing-space-3);
        --icon-button-row-gap: var(--spacing-space-1);
        --icon-button-column-gap: var(--spacing-space-1);
        --icon-button-font-family: sans-sarif;
        --icon-button-font-size: initial;
        --icon-button-font-weight: regular;
        --icon-button-paragraph-spacing: 0px;
        --icon-button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="icon-button-inverse-small-secondary-filled"], [data-theme='light'] [component-variant="icon-button-inverse-small-secondary-filled"] {
        --icon-button-background-color: var(--interactive-surface-secondary-default);
        --icon-button-color: var(--icon-primary);
        --icon-button-border-top-left-radius: var(--spacing-space-2);
        --icon-button-border-top-right-radius: var(--spacing-space-2);
        --icon-button-border-bottom-left-radius: var(--spacing-space-2);
        --icon-button-border-bottom-right-radius: var(--spacing-space-2);
        --icon-button-padding-left: var(--spacing-space-3);
        --icon-button-padding-right: var(--spacing-space-3);
        --icon-button-padding-top: var(--spacing-space-3);
        --icon-button-padding-bottom: var(--spacing-space-3);
        --icon-button-row-gap: var(--spacing-space-1);
        --icon-button-column-gap: var(--spacing-space-1);
        --icon-button-font-family: sans-sarif;
        --icon-button-font-size: initial;
        --icon-button-font-weight: regular;
        --icon-button-paragraph-spacing: 0px;
        --icon-button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="icon-button-inverse-small-secondary-filled"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='light'] [component-variant="icon-button-inverse-small-secondary-filled"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="icon-button-inverse-small-secondary-filled"]:focus-visible:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="icon-button-inverse-small-secondary-filled"]:focus-visible:not(:disabled):not([disabled]) {
        --icon-button-background-color: var(--interactive-surface-secondary-hover);
        --icon-button-color: var(--icon-primary);
        --icon-button-border-top-left-radius: var(--spacing-space-2);
        --icon-button-border-top-right-radius: var(--spacing-space-2);
        --icon-button-border-bottom-left-radius: var(--spacing-space-2);
        --icon-button-border-bottom-right-radius: var(--spacing-space-2);
        --icon-button-border-color: var(--border-border-grey-1);
        --icon-button-border-top-width: 1px;
        --icon-button-border-right-width: 1px;
        --icon-button-border-bottom-width: 1px;
        --icon-button-border-left-width: 1px;
        --icon-button-padding-left: var(--spacing-space-3);
        --icon-button-padding-right: var(--spacing-space-3);
        --icon-button-padding-top: var(--spacing-space-3);
        --icon-button-padding-bottom: var(--spacing-space-3);
        --icon-button-row-gap: var(--spacing-space-1);
        --icon-button-column-gap: var(--spacing-space-1);
        --icon-button-font-family: sans-sarif;
        --icon-button-font-size: initial;
        --icon-button-font-weight: regular;
        --icon-button-paragraph-spacing: 0px;
        --icon-button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="icon-button-inverse-small-secondary-filled"]:hover:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="icon-button-inverse-small-secondary-filled"]:hover:not(:disabled):not([disabled]) {
        --icon-button-background-color: var(--interactive-surface-secondary-hover);
        --icon-button-color: var(--icon-primary);
        --icon-button-border-top-left-radius: var(--spacing-space-2);
        --icon-button-border-top-right-radius: var(--spacing-space-2);
        --icon-button-border-bottom-left-radius: var(--spacing-space-2);
        --icon-button-border-bottom-right-radius: var(--spacing-space-2);
        --icon-button-padding-left: var(--spacing-space-3);
        --icon-button-padding-right: var(--spacing-space-3);
        --icon-button-padding-top: var(--spacing-space-3);
        --icon-button-padding-bottom: var(--spacing-space-3);
        --icon-button-row-gap: var(--spacing-space-1);
        --icon-button-column-gap: var(--spacing-space-1);
        --icon-button-font-family: sans-sarif;
        --icon-button-font-size: initial;
        --icon-button-font-weight: regular;
        --icon-button-paragraph-spacing: 0px;
        --icon-button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="icon-button-inverse-small-secondary-filled"][active]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="icon-button-inverse-small-secondary-filled"][active]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="icon-button-inverse-small-secondary-filled"]:active:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="icon-button-inverse-small-secondary-filled"]:active:not(:disabled):not([disabled]) {
        --icon-button-background-color: var(--interactive-surface-secondary-pressed);
        --icon-button-color: var(--icon-primary);
        --icon-button-border-top-left-radius: var(--spacing-space-2);
        --icon-button-border-top-right-radius: var(--spacing-space-2);
        --icon-button-border-bottom-left-radius: var(--spacing-space-2);
        --icon-button-border-bottom-right-radius: var(--spacing-space-2);
        --icon-button-padding-left: var(--spacing-space-3);
        --icon-button-padding-right: var(--spacing-space-3);
        --icon-button-padding-top: var(--spacing-space-3);
        --icon-button-padding-bottom: var(--spacing-space-3);
        --icon-button-row-gap: var(--spacing-space-1);
        --icon-button-column-gap: var(--spacing-space-1);
        --icon-button-font-family: sans-sarif;
        --icon-button-font-size: initial;
        --icon-button-font-weight: regular;
        --icon-button-paragraph-spacing: 0px;
        --icon-button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="icon-button-inverse-small-secondary-filled"][disabled],
[data-theme='light'] [component-variant="icon-button-inverse-small-secondary-filled"][disabled],
[data-theme='dark'] [component-variant="icon-button-inverse-small-secondary-filled"]:disabled,
[data-theme='light'] [component-variant="icon-button-inverse-small-secondary-filled"]:disabled {
        --icon-button-background-color: rgb(56, 58, 68);
        --icon-button-color: rgb(153, 154, 159);
        --icon-button-border-top-left-radius: var(--spacing-space-2);
        --icon-button-border-top-right-radius: var(--spacing-space-2);
        --icon-button-border-bottom-left-radius: var(--spacing-space-2);
        --icon-button-border-bottom-right-radius: var(--spacing-space-2);
        --icon-button-padding-left: var(--spacing-space-3);
        --icon-button-padding-right: var(--spacing-space-3);
        --icon-button-padding-top: var(--spacing-space-3);
        --icon-button-padding-bottom: var(--spacing-space-3);
        --icon-button-row-gap: var(--spacing-space-1);
        --icon-button-column-gap: var(--spacing-space-1);
        --icon-button-font-family: sans-sarif;
        --icon-button-font-size: initial;
        --icon-button-font-weight: regular;
        --icon-button-paragraph-spacing: 0px;
        --icon-button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="icon-button-default-small-secondary-outlined"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='light'] [component-variant="icon-button-default-small-secondary-outlined"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="icon-button-default-small-secondary-outlined"]:focus-visible:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="icon-button-default-small-secondary-outlined"]:focus-visible:not(:disabled):not([disabled]) {
        --icon-button-background-color: var(--interactive-surface-secondary-hover);
        --icon-button-color: var(--icon-primary);
        --icon-button-border-top-left-radius: var(--spacing-space-2);
        --icon-button-border-top-right-radius: var(--spacing-space-2);
        --icon-button-border-bottom-left-radius: var(--spacing-space-2);
        --icon-button-border-bottom-right-radius: var(--spacing-space-2);
        --icon-button-border-color: var(--border-border-grey-1);
        --icon-button-border-top-width: 1px;
        --icon-button-border-right-width: 1px;
        --icon-button-border-bottom-width: 1px;
        --icon-button-border-left-width: 1px;
        --icon-button-padding-left: var(--spacing-space-3);
        --icon-button-padding-right: var(--spacing-space-3);
        --icon-button-padding-top: var(--spacing-space-3);
        --icon-button-padding-bottom: var(--spacing-space-3);
        --icon-button-row-gap: var(--spacing-space-1);
        --icon-button-column-gap: var(--spacing-space-1);
        --icon-button-font-family: sans-sarif;
        --icon-button-font-size: initial;
        --icon-button-font-weight: regular;
        --icon-button-paragraph-spacing: 0px;
        --icon-button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="icon-button-default-small-secondary-outlined"], [data-theme='light'] [component-variant="icon-button-default-small-secondary-outlined"] {
        --icon-button-color: var(--icon-primary);
        --icon-button-border-top-left-radius: var(--spacing-space-2);
        --icon-button-border-top-right-radius: var(--spacing-space-2);
        --icon-button-border-bottom-left-radius: var(--spacing-space-2);
        --icon-button-border-bottom-right-radius: var(--spacing-space-2);
        --icon-button-border-color: var(--border-border-grey-3);
        --icon-button-border-top-width: 1px;
        --icon-button-border-right-width: 1px;
        --icon-button-border-bottom-width: 1px;
        --icon-button-border-left-width: 1px;
        --icon-button-padding-left: var(--spacing-space-3);
        --icon-button-padding-right: var(--spacing-space-3);
        --icon-button-padding-top: var(--spacing-space-3);
        --icon-button-padding-bottom: var(--spacing-space-3);
        --icon-button-row-gap: var(--spacing-space-1);
        --icon-button-column-gap: var(--spacing-space-1);
        --icon-button-font-family: sans-sarif;
        --icon-button-font-size: initial;
        --icon-button-font-weight: regular;
        --icon-button-paragraph-spacing: 0px;
        --icon-button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="icon-button-default-small-secondary-outlined"][active]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="icon-button-default-small-secondary-outlined"][active]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="icon-button-default-small-secondary-outlined"]:active:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="icon-button-default-small-secondary-outlined"]:active:not(:disabled):not([disabled]) {
        --icon-button-background-color: var(--interactive-surface-secondary-pressed);
        --icon-button-color: var(--icon-primary);
        --icon-button-border-top-left-radius: var(--spacing-space-2);
        --icon-button-border-top-right-radius: var(--spacing-space-2);
        --icon-button-border-bottom-left-radius: var(--spacing-space-2);
        --icon-button-border-bottom-right-radius: var(--spacing-space-2);
        --icon-button-padding-left: var(--spacing-space-3);
        --icon-button-padding-right: var(--spacing-space-3);
        --icon-button-padding-top: var(--spacing-space-3);
        --icon-button-padding-bottom: var(--spacing-space-3);
        --icon-button-row-gap: var(--spacing-space-1);
        --icon-button-column-gap: var(--spacing-space-1);
        --icon-button-font-family: sans-sarif;
        --icon-button-font-size: initial;
        --icon-button-font-weight: regular;
        --icon-button-paragraph-spacing: 0px;
        --icon-button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="icon-button-default-small-secondary-outlined"][disabled],
[data-theme='light'] [component-variant="icon-button-default-small-secondary-outlined"][disabled],
[data-theme='dark'] [component-variant="icon-button-default-small-secondary-outlined"]:disabled,
[data-theme='light'] [component-variant="icon-button-default-small-secondary-outlined"]:disabled {
        --icon-button-background-color: var(--interactive-surface-secondary-disabled);
        --icon-button-color: var(--icon-tertiary);
        --icon-button-border-top-left-radius: var(--spacing-space-2);
        --icon-button-border-top-right-radius: var(--spacing-space-2);
        --icon-button-border-bottom-left-radius: var(--spacing-space-2);
        --icon-button-border-bottom-right-radius: var(--spacing-space-2);
        --icon-button-padding-left: var(--spacing-space-3);
        --icon-button-padding-right: var(--spacing-space-3);
        --icon-button-padding-top: var(--spacing-space-3);
        --icon-button-padding-bottom: var(--spacing-space-3);
        --icon-button-row-gap: var(--spacing-space-1);
        --icon-button-column-gap: var(--spacing-space-1);
        --icon-button-font-family: sans-sarif;
        --icon-button-font-size: initial;
        --icon-button-font-weight: regular;
        --icon-button-paragraph-spacing: 0px;
        --icon-button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="icon-button-default-small-secondary-outlined"]:hover:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="icon-button-default-small-secondary-outlined"]:hover:not(:disabled):not([disabled]) {
        --icon-button-background-color: var(--interactive-surface-secondary-hover);
        --icon-button-color: var(--icon-primary);
        --icon-button-border-top-left-radius: var(--spacing-space-2);
        --icon-button-border-top-right-radius: var(--spacing-space-2);
        --icon-button-border-bottom-left-radius: var(--spacing-space-2);
        --icon-button-border-bottom-right-radius: var(--spacing-space-2);
        --icon-button-padding-left: var(--spacing-space-3);
        --icon-button-padding-right: var(--spacing-space-3);
        --icon-button-padding-top: var(--spacing-space-3);
        --icon-button-padding-bottom: var(--spacing-space-3);
        --icon-button-row-gap: var(--spacing-space-1);
        --icon-button-column-gap: var(--spacing-space-1);
        --icon-button-font-family: sans-sarif;
        --icon-button-font-size: initial;
        --icon-button-font-weight: regular;
        --icon-button-paragraph-spacing: 0px;
        --icon-button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="icon-button-inverse-small-secondary-outlined"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='light'] [component-variant="icon-button-inverse-small-secondary-outlined"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="icon-button-inverse-small-secondary-outlined"]:focus-visible:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="icon-button-inverse-small-secondary-outlined"]:focus-visible:not(:disabled):not([disabled]) {
        --icon-button-background-color: var(--interactive-surface-secondary-hover);
        --icon-button-color: var(--icon-primary);
        --icon-button-border-top-left-radius: var(--spacing-space-2);
        --icon-button-border-top-right-radius: var(--spacing-space-2);
        --icon-button-border-bottom-left-radius: var(--spacing-space-2);
        --icon-button-border-bottom-right-radius: var(--spacing-space-2);
        --icon-button-border-color: var(--border-border-grey-1);
        --icon-button-border-top-width: 1px;
        --icon-button-border-right-width: 1px;
        --icon-button-border-bottom-width: 1px;
        --icon-button-border-left-width: 1px;
        --icon-button-padding-left: var(--spacing-space-3);
        --icon-button-padding-right: var(--spacing-space-3);
        --icon-button-padding-top: var(--spacing-space-3);
        --icon-button-padding-bottom: var(--spacing-space-3);
        --icon-button-row-gap: var(--spacing-space-1);
        --icon-button-column-gap: var(--spacing-space-1);
        --icon-button-font-family: sans-sarif;
        --icon-button-font-size: initial;
        --icon-button-font-weight: regular;
        --icon-button-paragraph-spacing: 0px;
        --icon-button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="icon-button-inverse-small-secondary-outlined"], [data-theme='light'] [component-variant="icon-button-inverse-small-secondary-outlined"] {
        --icon-button-color: var(--icon-inverse);
        --icon-button-border-top-left-radius: var(--spacing-space-2);
        --icon-button-border-top-right-radius: var(--spacing-space-2);
        --icon-button-border-bottom-left-radius: var(--spacing-space-2);
        --icon-button-border-bottom-right-radius: var(--spacing-space-2);
        --icon-button-border-color: var(--border-border-grey-3);
        --icon-button-border-top-width: 1px;
        --icon-button-border-right-width: 1px;
        --icon-button-border-bottom-width: 1px;
        --icon-button-border-left-width: 1px;
        --icon-button-padding-left: var(--spacing-space-3);
        --icon-button-padding-right: var(--spacing-space-3);
        --icon-button-padding-top: var(--spacing-space-3);
        --icon-button-padding-bottom: var(--spacing-space-3);
        --icon-button-row-gap: var(--spacing-space-1);
        --icon-button-column-gap: var(--spacing-space-1);
        --icon-button-font-family: sans-sarif;
        --icon-button-font-size: initial;
        --icon-button-font-weight: regular;
        --icon-button-paragraph-spacing: 0px;
        --icon-button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="icon-button-inverse-small-secondary-outlined"][active]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="icon-button-inverse-small-secondary-outlined"][active]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="icon-button-inverse-small-secondary-outlined"]:active:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="icon-button-inverse-small-secondary-outlined"]:active:not(:disabled):not([disabled]) {
        --icon-button-background-color: var(--interactive-surface-secondary-pressed);
        --icon-button-color: var(--icon-primary);
        --icon-button-border-top-left-radius: var(--spacing-space-2);
        --icon-button-border-top-right-radius: var(--spacing-space-2);
        --icon-button-border-bottom-left-radius: var(--spacing-space-2);
        --icon-button-border-bottom-right-radius: var(--spacing-space-2);
        --icon-button-padding-left: var(--spacing-space-3);
        --icon-button-padding-right: var(--spacing-space-3);
        --icon-button-padding-top: var(--spacing-space-3);
        --icon-button-padding-bottom: var(--spacing-space-3);
        --icon-button-row-gap: var(--spacing-space-1);
        --icon-button-column-gap: var(--spacing-space-1);
        --icon-button-font-family: sans-sarif;
        --icon-button-font-size: initial;
        --icon-button-font-weight: regular;
        --icon-button-paragraph-spacing: 0px;
        --icon-button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="icon-button-inverse-small-secondary-outlined"][disabled],
[data-theme='light'] [component-variant="icon-button-inverse-small-secondary-outlined"][disabled],
[data-theme='dark'] [component-variant="icon-button-inverse-small-secondary-outlined"]:disabled,
[data-theme='light'] [component-variant="icon-button-inverse-small-secondary-outlined"]:disabled {
        --icon-button-background-color: var(--interactive-surface-secondary-disabled);
        --icon-button-color: var(--icon-tertiary);
        --icon-button-border-top-left-radius: var(--spacing-space-2);
        --icon-button-border-top-right-radius: var(--spacing-space-2);
        --icon-button-border-bottom-left-radius: var(--spacing-space-2);
        --icon-button-border-bottom-right-radius: var(--spacing-space-2);
        --icon-button-padding-left: var(--spacing-space-3);
        --icon-button-padding-right: var(--spacing-space-3);
        --icon-button-padding-top: var(--spacing-space-3);
        --icon-button-padding-bottom: var(--spacing-space-3);
        --icon-button-row-gap: var(--spacing-space-1);
        --icon-button-column-gap: var(--spacing-space-1);
        --icon-button-font-family: sans-sarif;
        --icon-button-font-size: initial;
        --icon-button-font-weight: regular;
        --icon-button-paragraph-spacing: 0px;
        --icon-button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="icon-button-inverse-small-secondary-outlined"]:hover:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="icon-button-inverse-small-secondary-outlined"]:hover:not(:disabled):not([disabled]) {
        --icon-button-background-color: var(--interactive-surface-secondary-hover);
        --icon-button-color: var(--icon-primary);
        --icon-button-border-top-left-radius: var(--spacing-space-2);
        --icon-button-border-top-right-radius: var(--spacing-space-2);
        --icon-button-border-bottom-left-radius: var(--spacing-space-2);
        --icon-button-border-bottom-right-radius: var(--spacing-space-2);
        --icon-button-padding-left: var(--spacing-space-3);
        --icon-button-padding-right: var(--spacing-space-3);
        --icon-button-padding-top: var(--spacing-space-3);
        --icon-button-padding-bottom: var(--spacing-space-3);
        --icon-button-row-gap: var(--spacing-space-1);
        --icon-button-column-gap: var(--spacing-space-1);
        --icon-button-font-family: sans-sarif;
        --icon-button-font-size: initial;
        --icon-button-font-weight: regular;
        --icon-button-paragraph-spacing: 0px;
        --icon-button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="icon-button-default-small-primary-outlined"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='light'] [component-variant="icon-button-default-small-primary-outlined"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="icon-button-default-small-primary-outlined"]:focus-visible:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="icon-button-default-small-primary-outlined"]:focus-visible:not(:disabled):not([disabled]) {
        --icon-button-background-color: var(--interactive-surface-primary-hover);
        --icon-button-color: var(--icon-primary);
        --icon-button-border-top-left-radius: var(--spacing-space-2);
        --icon-button-border-top-right-radius: var(--spacing-space-2);
        --icon-button-border-bottom-left-radius: var(--spacing-space-2);
        --icon-button-border-bottom-right-radius: var(--spacing-space-2);
        --icon-button-border-color: var(--border-border-grey-1);
        --icon-button-border-top-width: 1px;
        --icon-button-border-right-width: 1px;
        --icon-button-border-bottom-width: 1px;
        --icon-button-border-left-width: 1px;
        --icon-button-padding-left: var(--spacing-space-3);
        --icon-button-padding-right: var(--spacing-space-3);
        --icon-button-padding-top: var(--spacing-space-3);
        --icon-button-padding-bottom: var(--spacing-space-3);
        --icon-button-row-gap: var(--spacing-space-1);
        --icon-button-column-gap: var(--spacing-space-1);
        --icon-button-font-family: sans-sarif;
        --icon-button-font-size: initial;
        --icon-button-font-weight: regular;
        --icon-button-paragraph-spacing: 0px;
        --icon-button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="icon-button-default-small-primary-outlined"], [data-theme='light'] [component-variant="icon-button-default-small-primary-outlined"] {
        --icon-button-color: rgb(233, 233, 234);
        --icon-button-border-top-left-radius: var(--spacing-space-2);
        --icon-button-border-top-right-radius: var(--spacing-space-2);
        --icon-button-border-bottom-left-radius: var(--spacing-space-2);
        --icon-button-border-bottom-right-radius: var(--spacing-space-2);
        --icon-button-border-color: var(--border-primary);
        --icon-button-border-top-width: 1px;
        --icon-button-border-right-width: 1px;
        --icon-button-border-bottom-width: 1px;
        --icon-button-border-left-width: 1px;
        --icon-button-padding-left: var(--spacing-space-3);
        --icon-button-padding-right: var(--spacing-space-3);
        --icon-button-padding-top: var(--spacing-space-3);
        --icon-button-padding-bottom: var(--spacing-space-3);
        --icon-button-row-gap: var(--spacing-space-1);
        --icon-button-column-gap: var(--spacing-space-1);
        --icon-button-font-family: sans-sarif;
        --icon-button-font-size: initial;
        --icon-button-font-weight: regular;
        --icon-button-paragraph-spacing: 0px;
        --icon-button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="icon-button-default-small-primary-outlined"][active]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="icon-button-default-small-primary-outlined"][active]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="icon-button-default-small-primary-outlined"]:active:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="icon-button-default-small-primary-outlined"]:active:not(:disabled):not([disabled]) {
        --icon-button-background-color: var(--interactive-surface-primary-pressed);
        --icon-button-color: var(--icon-primary);
        --icon-button-border-top-left-radius: var(--spacing-space-2);
        --icon-button-border-top-right-radius: var(--spacing-space-2);
        --icon-button-border-bottom-left-radius: var(--spacing-space-2);
        --icon-button-border-bottom-right-radius: var(--spacing-space-2);
        --icon-button-padding-left: var(--spacing-space-3);
        --icon-button-padding-right: var(--spacing-space-3);
        --icon-button-padding-top: var(--spacing-space-3);
        --icon-button-padding-bottom: var(--spacing-space-3);
        --icon-button-row-gap: var(--spacing-space-1);
        --icon-button-column-gap: var(--spacing-space-1);
        --icon-button-font-family: sans-sarif;
        --icon-button-font-size: initial;
        --icon-button-font-weight: regular;
        --icon-button-paragraph-spacing: 0px;
        --icon-button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="icon-button-default-small-primary-outlined"][disabled],
[data-theme='light'] [component-variant="icon-button-default-small-primary-outlined"][disabled],
[data-theme='dark'] [component-variant="icon-button-default-small-primary-outlined"]:disabled,
[data-theme='light'] [component-variant="icon-button-default-small-primary-outlined"]:disabled {
        --icon-button-background-color: rgb(56, 58, 68);
        --icon-button-color: rgb(153, 154, 159);
        --icon-button-border-top-left-radius: var(--spacing-space-2);
        --icon-button-border-top-right-radius: var(--spacing-space-2);
        --icon-button-border-bottom-left-radius: var(--spacing-space-2);
        --icon-button-border-bottom-right-radius: var(--spacing-space-2);
        --icon-button-padding-left: var(--spacing-space-3);
        --icon-button-padding-right: var(--spacing-space-3);
        --icon-button-padding-top: var(--spacing-space-3);
        --icon-button-padding-bottom: var(--spacing-space-3);
        --icon-button-row-gap: var(--spacing-space-1);
        --icon-button-column-gap: var(--spacing-space-1);
        --icon-button-font-family: sans-sarif;
        --icon-button-font-size: initial;
        --icon-button-font-weight: regular;
        --icon-button-paragraph-spacing: 0px;
        --icon-button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="icon-button-default-small-primary-outlined"]:hover:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="icon-button-default-small-primary-outlined"]:hover:not(:disabled):not([disabled]) {
        --icon-button-background-color: var(--interactive-surface-primary-hover);
        --icon-button-color: var(--icon-primary);
        --icon-button-border-top-left-radius: var(--spacing-space-2);
        --icon-button-border-top-right-radius: var(--spacing-space-2);
        --icon-button-border-bottom-left-radius: var(--spacing-space-2);
        --icon-button-border-bottom-right-radius: var(--spacing-space-2);
        --icon-button-padding-left: var(--spacing-space-3);
        --icon-button-padding-right: var(--spacing-space-3);
        --icon-button-padding-top: var(--spacing-space-3);
        --icon-button-padding-bottom: var(--spacing-space-3);
        --icon-button-row-gap: var(--spacing-space-1);
        --icon-button-column-gap: var(--spacing-space-1);
        --icon-button-font-family: sans-sarif;
        --icon-button-font-size: initial;
        --icon-button-font-weight: regular;
        --icon-button-paragraph-spacing: 0px;
        --icon-button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="icon-button-inverse-small-primary-outlined"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='light'] [component-variant="icon-button-inverse-small-primary-outlined"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="icon-button-inverse-small-primary-outlined"]:focus-visible:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="icon-button-inverse-small-primary-outlined"]:focus-visible:not(:disabled):not([disabled]) {
        --icon-button-background-color: var(--interactive-surface-primary-hover);
        --icon-button-color: var(--icon-primary);
        --icon-button-border-top-left-radius: var(--spacing-space-2);
        --icon-button-border-top-right-radius: var(--spacing-space-2);
        --icon-button-border-bottom-left-radius: var(--spacing-space-2);
        --icon-button-border-bottom-right-radius: var(--spacing-space-2);
        --icon-button-border-color: var(--border-border-grey-1);
        --icon-button-border-top-width: 1px;
        --icon-button-border-right-width: 1px;
        --icon-button-border-bottom-width: 1px;
        --icon-button-border-left-width: 1px;
        --icon-button-padding-left: var(--spacing-space-3);
        --icon-button-padding-right: var(--spacing-space-3);
        --icon-button-padding-top: var(--spacing-space-3);
        --icon-button-padding-bottom: var(--spacing-space-3);
        --icon-button-row-gap: var(--spacing-space-1);
        --icon-button-column-gap: var(--spacing-space-1);
        --icon-button-font-family: sans-sarif;
        --icon-button-font-size: initial;
        --icon-button-font-weight: regular;
        --icon-button-paragraph-spacing: 0px;
        --icon-button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="icon-button-inverse-small-primary-outlined"], [data-theme='light'] [component-variant="icon-button-inverse-small-primary-outlined"] {
        --icon-button-color: var(--icon-inverse);
        --icon-button-border-top-left-radius: var(--spacing-space-2);
        --icon-button-border-top-right-radius: var(--spacing-space-2);
        --icon-button-border-bottom-left-radius: var(--spacing-space-2);
        --icon-button-border-bottom-right-radius: var(--spacing-space-2);
        --icon-button-border-color: var(--border-primary);
        --icon-button-border-top-width: 1px;
        --icon-button-border-right-width: 1px;
        --icon-button-border-bottom-width: 1px;
        --icon-button-border-left-width: 1px;
        --icon-button-padding-left: var(--spacing-space-3);
        --icon-button-padding-right: var(--spacing-space-3);
        --icon-button-padding-top: var(--spacing-space-3);
        --icon-button-padding-bottom: var(--spacing-space-3);
        --icon-button-row-gap: var(--spacing-space-1);
        --icon-button-column-gap: var(--spacing-space-1);
        --icon-button-font-family: sans-sarif;
        --icon-button-font-size: initial;
        --icon-button-font-weight: regular;
        --icon-button-paragraph-spacing: 0px;
        --icon-button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="icon-button-inverse-small-primary-outlined"][active]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="icon-button-inverse-small-primary-outlined"][active]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="icon-button-inverse-small-primary-outlined"]:active:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="icon-button-inverse-small-primary-outlined"]:active:not(:disabled):not([disabled]) {
        --icon-button-background-color: var(--interactive-surface-primary-pressed);
        --icon-button-color: var(--icon-primary);
        --icon-button-border-top-left-radius: var(--spacing-space-2);
        --icon-button-border-top-right-radius: var(--spacing-space-2);
        --icon-button-border-bottom-left-radius: var(--spacing-space-2);
        --icon-button-border-bottom-right-radius: var(--spacing-space-2);
        --icon-button-padding-left: var(--spacing-space-3);
        --icon-button-padding-right: var(--spacing-space-3);
        --icon-button-padding-top: var(--spacing-space-3);
        --icon-button-padding-bottom: var(--spacing-space-3);
        --icon-button-row-gap: var(--spacing-space-1);
        --icon-button-column-gap: var(--spacing-space-1);
        --icon-button-font-family: sans-sarif;
        --icon-button-font-size: initial;
        --icon-button-font-weight: regular;
        --icon-button-paragraph-spacing: 0px;
        --icon-button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="icon-button-inverse-small-primary-outlined"][disabled],
[data-theme='light'] [component-variant="icon-button-inverse-small-primary-outlined"][disabled],
[data-theme='dark'] [component-variant="icon-button-inverse-small-primary-outlined"]:disabled,
[data-theme='light'] [component-variant="icon-button-inverse-small-primary-outlined"]:disabled {
        --icon-button-background-color: rgb(56, 58, 68);
        --icon-button-color: rgb(153, 154, 159);
        --icon-button-border-top-left-radius: var(--spacing-space-2);
        --icon-button-border-top-right-radius: var(--spacing-space-2);
        --icon-button-border-bottom-left-radius: var(--spacing-space-2);
        --icon-button-border-bottom-right-radius: var(--spacing-space-2);
        --icon-button-padding-left: var(--spacing-space-3);
        --icon-button-padding-right: var(--spacing-space-3);
        --icon-button-padding-top: var(--spacing-space-3);
        --icon-button-padding-bottom: var(--spacing-space-3);
        --icon-button-row-gap: var(--spacing-space-1);
        --icon-button-column-gap: var(--spacing-space-1);
        --icon-button-font-family: sans-sarif;
        --icon-button-font-size: initial;
        --icon-button-font-weight: regular;
        --icon-button-paragraph-spacing: 0px;
        --icon-button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="icon-button-inverse-small-primary-outlined"]:hover:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="icon-button-inverse-small-primary-outlined"]:hover:not(:disabled):not([disabled]) {
        --icon-button-background-color: var(--interactive-surface-primary-hover);
        --icon-button-color: var(--icon-primary);
        --icon-button-border-top-left-radius: var(--spacing-space-2);
        --icon-button-border-top-right-radius: var(--spacing-space-2);
        --icon-button-border-bottom-left-radius: var(--spacing-space-2);
        --icon-button-border-bottom-right-radius: var(--spacing-space-2);
        --icon-button-padding-left: var(--spacing-space-3);
        --icon-button-padding-right: var(--spacing-space-3);
        --icon-button-padding-top: var(--spacing-space-3);
        --icon-button-padding-bottom: var(--spacing-space-3);
        --icon-button-row-gap: var(--spacing-space-1);
        --icon-button-column-gap: var(--spacing-space-1);
        --icon-button-font-family: sans-sarif;
        --icon-button-font-size: initial;
        --icon-button-font-weight: regular;
        --icon-button-paragraph-spacing: 0px;
        --icon-button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="icon-button-default-small-secondary-ghost"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='light'] [component-variant="icon-button-default-small-secondary-ghost"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="icon-button-default-small-secondary-ghost"]:focus-visible:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="icon-button-default-small-secondary-ghost"]:focus-visible:not(:disabled):not([disabled]) {
        --icon-button-background-color: var(--interactive-surface-ghost-pressed);
        --icon-button-color: var(--icon-primary);
        --icon-button-border-top-left-radius: var(--spacing-space-2);
        --icon-button-border-top-right-radius: var(--spacing-space-2);
        --icon-button-border-bottom-left-radius: var(--spacing-space-2);
        --icon-button-border-bottom-right-radius: var(--spacing-space-2);
        --icon-button-border-color: var(--border-border-grey-1);
        --icon-button-border-top-width: 1px;
        --icon-button-border-right-width: 1px;
        --icon-button-border-bottom-width: 1px;
        --icon-button-border-left-width: 1px;
        --icon-button-padding-left: var(--spacing-space-3);
        --icon-button-padding-right: var(--spacing-space-3);
        --icon-button-padding-top: var(--spacing-space-3);
        --icon-button-padding-bottom: var(--spacing-space-3);
        --icon-button-row-gap: var(--spacing-space-1);
        --icon-button-column-gap: var(--spacing-space-1);
        --icon-button-font-family: sans-sarif;
        --icon-button-font-size: initial;
        --icon-button-font-weight: regular;
        --icon-button-paragraph-spacing: 0px;
        --icon-button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="icon-button-default-small-secondary-ghost"][active]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="icon-button-default-small-secondary-ghost"][active]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="icon-button-default-small-secondary-ghost"]:active:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="icon-button-default-small-secondary-ghost"]:active:not(:disabled):not([disabled]) {
        --icon-button-background-color: var(--interactive-surface-ghost-pressed);
        --icon-button-color: var(--icon-primary);
        --icon-button-border-top-left-radius: var(--spacing-space-2);
        --icon-button-border-top-right-radius: var(--spacing-space-2);
        --icon-button-border-bottom-left-radius: var(--spacing-space-2);
        --icon-button-border-bottom-right-radius: var(--spacing-space-2);
        --icon-button-padding-left: var(--spacing-space-3);
        --icon-button-padding-right: var(--spacing-space-3);
        --icon-button-padding-top: var(--spacing-space-3);
        --icon-button-padding-bottom: var(--spacing-space-3);
        --icon-button-row-gap: var(--spacing-space-1);
        --icon-button-column-gap: var(--spacing-space-1);
        --icon-button-font-family: sans-sarif;
        --icon-button-font-size: initial;
        --icon-button-font-weight: regular;
        --icon-button-paragraph-spacing: 0px;
        --icon-button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="icon-button-default-small-secondary-ghost"][disabled],
[data-theme='light'] [component-variant="icon-button-default-small-secondary-ghost"][disabled],
[data-theme='dark'] [component-variant="icon-button-default-small-secondary-ghost"]:disabled,
[data-theme='light'] [component-variant="icon-button-default-small-secondary-ghost"]:disabled {
        --icon-button-background-color: var(--interactive-surface-ghost-disabled);
        --icon-button-color: var(--icon-tertiary);
        --icon-button-border-top-left-radius: var(--spacing-space-2);
        --icon-button-border-top-right-radius: var(--spacing-space-2);
        --icon-button-border-bottom-left-radius: var(--spacing-space-2);
        --icon-button-border-bottom-right-radius: var(--spacing-space-2);
        --icon-button-padding-left: var(--spacing-space-3);
        --icon-button-padding-right: var(--spacing-space-3);
        --icon-button-padding-top: var(--spacing-space-3);
        --icon-button-padding-bottom: var(--spacing-space-3);
        --icon-button-row-gap: var(--spacing-space-1);
        --icon-button-column-gap: var(--spacing-space-1);
        --icon-button-font-family: sans-sarif;
        --icon-button-font-size: initial;
        --icon-button-font-weight: regular;
        --icon-button-paragraph-spacing: 0px;
        --icon-button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="icon-button-default-small-secondary-ghost"], [data-theme='light'] [component-variant="icon-button-default-small-secondary-ghost"] {
        --icon-button-background-color: var(--interactive-surface-ghost-default);
        --icon-button-color: var(--icon-primary);
        --icon-button-border-top-left-radius: var(--spacing-space-2);
        --icon-button-border-top-right-radius: var(--spacing-space-2);
        --icon-button-border-bottom-left-radius: var(--spacing-space-2);
        --icon-button-border-bottom-right-radius: var(--spacing-space-2);
        --icon-button-padding-left: var(--spacing-space-3);
        --icon-button-padding-right: var(--spacing-space-3);
        --icon-button-padding-top: var(--spacing-space-3);
        --icon-button-padding-bottom: var(--spacing-space-3);
        --icon-button-row-gap: var(--spacing-space-1);
        --icon-button-column-gap: var(--spacing-space-1);
        --icon-button-font-family: sans-sarif;
        --icon-button-font-size: initial;
        --icon-button-font-weight: regular;
        --icon-button-paragraph-spacing: 0px;
        --icon-button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="icon-button-default-small-secondary-ghost"]:hover:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="icon-button-default-small-secondary-ghost"]:hover:not(:disabled):not([disabled]) {
        --icon-button-background-color: var(--interactive-surface-ghost-hover);
        --icon-button-color: var(--icon-primary);
        --icon-button-border-top-left-radius: var(--spacing-space-2);
        --icon-button-border-top-right-radius: var(--spacing-space-2);
        --icon-button-border-bottom-left-radius: var(--spacing-space-2);
        --icon-button-border-bottom-right-radius: var(--spacing-space-2);
        --icon-button-padding-left: var(--spacing-space-3);
        --icon-button-padding-right: var(--spacing-space-3);
        --icon-button-padding-top: var(--spacing-space-3);
        --icon-button-padding-bottom: var(--spacing-space-3);
        --icon-button-row-gap: var(--spacing-space-1);
        --icon-button-column-gap: var(--spacing-space-1);
        --icon-button-font-family: sans-sarif;
        --icon-button-font-size: initial;
        --icon-button-font-weight: regular;
        --icon-button-paragraph-spacing: 0px;
        --icon-button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="icon-button-inverse-small-secondary-ghost"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='light'] [component-variant="icon-button-inverse-small-secondary-ghost"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="icon-button-inverse-small-secondary-ghost"]:focus-visible:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="icon-button-inverse-small-secondary-ghost"]:focus-visible:not(:disabled):not([disabled]) {
        --icon-button-background-color: var(--interactive-surface-ghost-pressed);
        --icon-button-color: var(--icon-primary);
        --icon-button-border-top-left-radius: var(--spacing-space-2);
        --icon-button-border-top-right-radius: var(--spacing-space-2);
        --icon-button-border-bottom-left-radius: var(--spacing-space-2);
        --icon-button-border-bottom-right-radius: var(--spacing-space-2);
        --icon-button-border-color: var(--border-border-grey-1);
        --icon-button-border-top-width: 1px;
        --icon-button-border-right-width: 1px;
        --icon-button-border-bottom-width: 1px;
        --icon-button-border-left-width: 1px;
        --icon-button-padding-left: var(--spacing-space-3);
        --icon-button-padding-right: var(--spacing-space-3);
        --icon-button-padding-top: var(--spacing-space-3);
        --icon-button-padding-bottom: var(--spacing-space-3);
        --icon-button-row-gap: var(--spacing-space-1);
        --icon-button-column-gap: var(--spacing-space-1);
        --icon-button-font-family: sans-sarif;
        --icon-button-font-size: initial;
        --icon-button-font-weight: regular;
        --icon-button-paragraph-spacing: 0px;
        --icon-button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="icon-button-inverse-small-secondary-ghost"][active]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="icon-button-inverse-small-secondary-ghost"][active]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="icon-button-inverse-small-secondary-ghost"]:active:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="icon-button-inverse-small-secondary-ghost"]:active:not(:disabled):not([disabled]) {
        --icon-button-background-color: var(--interactive-surface-ghost-pressed);
        --icon-button-color: var(--icon-primary);
        --icon-button-border-top-left-radius: var(--spacing-space-2);
        --icon-button-border-top-right-radius: var(--spacing-space-2);
        --icon-button-border-bottom-left-radius: var(--spacing-space-2);
        --icon-button-border-bottom-right-radius: var(--spacing-space-2);
        --icon-button-padding-left: var(--spacing-space-3);
        --icon-button-padding-right: var(--spacing-space-3);
        --icon-button-padding-top: var(--spacing-space-3);
        --icon-button-padding-bottom: var(--spacing-space-3);
        --icon-button-row-gap: var(--spacing-space-1);
        --icon-button-column-gap: var(--spacing-space-1);
        --icon-button-font-family: sans-sarif;
        --icon-button-font-size: initial;
        --icon-button-font-weight: regular;
        --icon-button-paragraph-spacing: 0px;
        --icon-button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="icon-button-inverse-small-secondary-ghost"][disabled],
[data-theme='light'] [component-variant="icon-button-inverse-small-secondary-ghost"][disabled],
[data-theme='dark'] [component-variant="icon-button-inverse-small-secondary-ghost"]:disabled,
[data-theme='light'] [component-variant="icon-button-inverse-small-secondary-ghost"]:disabled {
        --icon-button-background-color: var(--interactive-surface-ghost-disabled);
        --icon-button-color: var(--icon-tertiary);
        --icon-button-border-top-left-radius: var(--spacing-space-2);
        --icon-button-border-top-right-radius: var(--spacing-space-2);
        --icon-button-border-bottom-left-radius: var(--spacing-space-2);
        --icon-button-border-bottom-right-radius: var(--spacing-space-2);
        --icon-button-padding-left: var(--spacing-space-3);
        --icon-button-padding-right: var(--spacing-space-3);
        --icon-button-padding-top: var(--spacing-space-3);
        --icon-button-padding-bottom: var(--spacing-space-3);
        --icon-button-row-gap: var(--spacing-space-1);
        --icon-button-column-gap: var(--spacing-space-1);
        --icon-button-font-family: sans-sarif;
        --icon-button-font-size: initial;
        --icon-button-font-weight: regular;
        --icon-button-paragraph-spacing: 0px;
        --icon-button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="icon-button-inverse-small-secondary-ghost"], [data-theme='light'] [component-variant="icon-button-inverse-small-secondary-ghost"] {
        --icon-button-background-color: var(--interactive-surface-ghost-default);
        --icon-button-color: var(--icon-inverse);
        --icon-button-border-top-left-radius: var(--spacing-space-2);
        --icon-button-border-top-right-radius: var(--spacing-space-2);
        --icon-button-border-bottom-left-radius: var(--spacing-space-2);
        --icon-button-border-bottom-right-radius: var(--spacing-space-2);
        --icon-button-padding-left: var(--spacing-space-3);
        --icon-button-padding-right: var(--spacing-space-3);
        --icon-button-padding-top: var(--spacing-space-3);
        --icon-button-padding-bottom: var(--spacing-space-3);
        --icon-button-row-gap: var(--spacing-space-1);
        --icon-button-column-gap: var(--spacing-space-1);
        --icon-button-font-family: sans-sarif;
        --icon-button-font-size: initial;
        --icon-button-font-weight: regular;
        --icon-button-paragraph-spacing: 0px;
        --icon-button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="icon-button-inverse-small-secondary-ghost"]:hover:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="icon-button-inverse-small-secondary-ghost"]:hover:not(:disabled):not([disabled]) {
        --icon-button-background-color: var(--interactive-surface-ghost-hover);
        --icon-button-color: var(--icon-primary);
        --icon-button-border-top-left-radius: var(--spacing-space-2);
        --icon-button-border-top-right-radius: var(--spacing-space-2);
        --icon-button-border-bottom-left-radius: var(--spacing-space-2);
        --icon-button-border-bottom-right-radius: var(--spacing-space-2);
        --icon-button-padding-left: var(--spacing-space-3);
        --icon-button-padding-right: var(--spacing-space-3);
        --icon-button-padding-top: var(--spacing-space-3);
        --icon-button-padding-bottom: var(--spacing-space-3);
        --icon-button-row-gap: var(--spacing-space-1);
        --icon-button-column-gap: var(--spacing-space-1);
        --icon-button-font-family: sans-sarif;
        --icon-button-font-size: initial;
        --icon-button-font-weight: regular;
        --icon-button-paragraph-spacing: 0px;
        --icon-button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="icon-button-default-small-primary-ghost"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='light'] [component-variant="icon-button-default-small-primary-ghost"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="icon-button-default-small-primary-ghost"]:focus-visible:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="icon-button-default-small-primary-ghost"]:focus-visible:not(:disabled):not([disabled]) {
        --icon-button-background-color: var(--interactive-surface-secondary-hover);
        --icon-button-color: var(--icon-primary);
        --icon-button-border-top-left-radius: var(--spacing-space-2);
        --icon-button-border-top-right-radius: var(--spacing-space-2);
        --icon-button-border-bottom-left-radius: var(--spacing-space-2);
        --icon-button-border-bottom-right-radius: var(--spacing-space-2);
        --icon-button-border-color: var(--border-border-grey-1);
        --icon-button-border-top-width: 1px;
        --icon-button-border-right-width: 1px;
        --icon-button-border-bottom-width: 1px;
        --icon-button-border-left-width: 1px;
        --icon-button-padding-left: var(--spacing-space-3);
        --icon-button-padding-right: var(--spacing-space-3);
        --icon-button-padding-top: var(--spacing-space-3);
        --icon-button-padding-bottom: var(--spacing-space-3);
        --icon-button-row-gap: var(--spacing-space-1);
        --icon-button-column-gap: var(--spacing-space-1);
        --icon-button-font-family: sans-sarif;
        --icon-button-font-size: initial;
        --icon-button-font-weight: regular;
        --icon-button-paragraph-spacing: 0px;
        --icon-button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="icon-button-default-small-primary-ghost"][active]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="icon-button-default-small-primary-ghost"][active]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="icon-button-default-small-primary-ghost"]:active:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="icon-button-default-small-primary-ghost"]:active:not(:disabled):not([disabled]) {
        --icon-button-background-color: var(--interactive-surface-secondary-pressed);
        --icon-button-color: var(--icon-primary);
        --icon-button-border-top-left-radius: var(--spacing-space-2);
        --icon-button-border-top-right-radius: var(--spacing-space-2);
        --icon-button-border-bottom-left-radius: var(--spacing-space-2);
        --icon-button-border-bottom-right-radius: var(--spacing-space-2);
        --icon-button-padding-left: var(--spacing-space-3);
        --icon-button-padding-right: var(--spacing-space-3);
        --icon-button-padding-top: var(--spacing-space-3);
        --icon-button-padding-bottom: var(--spacing-space-3);
        --icon-button-row-gap: var(--spacing-space-1);
        --icon-button-column-gap: var(--spacing-space-1);
        --icon-button-font-family: sans-sarif;
        --icon-button-font-size: initial;
        --icon-button-font-weight: regular;
        --icon-button-paragraph-spacing: 0px;
        --icon-button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="icon-button-default-small-primary-ghost"][disabled],
[data-theme='light'] [component-variant="icon-button-default-small-primary-ghost"][disabled],
[data-theme='dark'] [component-variant="icon-button-default-small-primary-ghost"]:disabled,
[data-theme='light'] [component-variant="icon-button-default-small-primary-ghost"]:disabled {
        --icon-button-background-color: var(--interactive-surface-primary-disabled-1);
        --icon-button-color: var(--icon-tertiary);
        --icon-button-border-top-left-radius: var(--spacing-space-2);
        --icon-button-border-top-right-radius: var(--spacing-space-2);
        --icon-button-border-bottom-left-radius: var(--spacing-space-2);
        --icon-button-border-bottom-right-radius: var(--spacing-space-2);
        --icon-button-padding-left: var(--spacing-space-3);
        --icon-button-padding-right: var(--spacing-space-3);
        --icon-button-padding-top: var(--spacing-space-3);
        --icon-button-padding-bottom: var(--spacing-space-3);
        --icon-button-row-gap: var(--spacing-space-1);
        --icon-button-column-gap: var(--spacing-space-1);
        --icon-button-font-family: sans-sarif;
        --icon-button-font-size: initial;
        --icon-button-font-weight: regular;
        --icon-button-paragraph-spacing: 0px;
        --icon-button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="icon-button-default-small-primary-ghost"], [data-theme='light'] [component-variant="icon-button-default-small-primary-ghost"] {
        --icon-button-color: var(--icon-primary);
        --icon-button-border-top-left-radius: var(--spacing-space-2);
        --icon-button-border-top-right-radius: var(--spacing-space-2);
        --icon-button-border-bottom-left-radius: var(--spacing-space-2);
        --icon-button-border-bottom-right-radius: var(--spacing-space-2);
        --icon-button-padding-left: var(--spacing-space-3);
        --icon-button-padding-right: var(--spacing-space-3);
        --icon-button-padding-top: var(--spacing-space-3);
        --icon-button-padding-bottom: var(--spacing-space-3);
        --icon-button-row-gap: var(--spacing-space-1);
        --icon-button-column-gap: var(--spacing-space-1);
        --icon-button-font-family: sans-sarif;
        --icon-button-font-size: initial;
        --icon-button-font-weight: regular;
        --icon-button-paragraph-spacing: 0px;
        --icon-button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="icon-button-default-small-primary-ghost"]:hover:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="icon-button-default-small-primary-ghost"]:hover:not(:disabled):not([disabled]) {
        --icon-button-background-color: var(--interactive-surface-secondary-hover);
        --icon-button-color: var(--icon-primary);
        --icon-button-border-top-left-radius: var(--spacing-space-2);
        --icon-button-border-top-right-radius: var(--spacing-space-2);
        --icon-button-border-bottom-left-radius: var(--spacing-space-2);
        --icon-button-border-bottom-right-radius: var(--spacing-space-2);
        --icon-button-padding-left: var(--spacing-space-3);
        --icon-button-padding-right: var(--spacing-space-3);
        --icon-button-padding-top: var(--spacing-space-3);
        --icon-button-padding-bottom: var(--spacing-space-3);
        --icon-button-row-gap: var(--spacing-space-1);
        --icon-button-column-gap: var(--spacing-space-1);
        --icon-button-font-family: sans-sarif;
        --icon-button-font-size: initial;
        --icon-button-font-weight: regular;
        --icon-button-paragraph-spacing: 0px;
        --icon-button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="icon-button-inverse-small-primary-ghost"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='light'] [component-variant="icon-button-inverse-small-primary-ghost"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="icon-button-inverse-small-primary-ghost"]:focus-visible:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="icon-button-inverse-small-primary-ghost"]:focus-visible:not(:disabled):not([disabled]) {
        --icon-button-background-color: var(--interactive-surface-secondary-hover);
        --icon-button-color: var(--icon-primary);
        --icon-button-border-top-left-radius: var(--spacing-space-2);
        --icon-button-border-top-right-radius: var(--spacing-space-2);
        --icon-button-border-bottom-left-radius: var(--spacing-space-2);
        --icon-button-border-bottom-right-radius: var(--spacing-space-2);
        --icon-button-border-color: var(--border-border-grey-1);
        --icon-button-border-top-width: 1px;
        --icon-button-border-right-width: 1px;
        --icon-button-border-bottom-width: 1px;
        --icon-button-border-left-width: 1px;
        --icon-button-padding-left: var(--spacing-space-3);
        --icon-button-padding-right: var(--spacing-space-3);
        --icon-button-padding-top: var(--spacing-space-3);
        --icon-button-padding-bottom: var(--spacing-space-3);
        --icon-button-row-gap: var(--spacing-space-1);
        --icon-button-column-gap: var(--spacing-space-1);
        --icon-button-font-family: sans-sarif;
        --icon-button-font-size: initial;
        --icon-button-font-weight: regular;
        --icon-button-paragraph-spacing: 0px;
        --icon-button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="icon-button-inverse-small-primary-ghost"][active]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="icon-button-inverse-small-primary-ghost"][active]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="icon-button-inverse-small-primary-ghost"]:active:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="icon-button-inverse-small-primary-ghost"]:active:not(:disabled):not([disabled]) {
        --icon-button-background-color: var(--interactive-surface-secondary-pressed);
        --icon-button-color: var(--icon-primary);
        --icon-button-border-top-left-radius: var(--spacing-space-2);
        --icon-button-border-top-right-radius: var(--spacing-space-2);
        --icon-button-border-bottom-left-radius: var(--spacing-space-2);
        --icon-button-border-bottom-right-radius: var(--spacing-space-2);
        --icon-button-padding-left: var(--spacing-space-3);
        --icon-button-padding-right: var(--spacing-space-3);
        --icon-button-padding-top: var(--spacing-space-3);
        --icon-button-padding-bottom: var(--spacing-space-3);
        --icon-button-row-gap: var(--spacing-space-1);
        --icon-button-column-gap: var(--spacing-space-1);
        --icon-button-font-family: sans-sarif;
        --icon-button-font-size: initial;
        --icon-button-font-weight: regular;
        --icon-button-paragraph-spacing: 0px;
        --icon-button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="icon-button-inverse-small-primary-ghost"][disabled],
[data-theme='light'] [component-variant="icon-button-inverse-small-primary-ghost"][disabled],
[data-theme='dark'] [component-variant="icon-button-inverse-small-primary-ghost"]:disabled,
[data-theme='light'] [component-variant="icon-button-inverse-small-primary-ghost"]:disabled {
        --icon-button-background-color: var(--interactive-surface-primary-disabled-1);
        --icon-button-color: var(--icon-tertiary);
        --icon-button-border-top-left-radius: var(--spacing-space-2);
        --icon-button-border-top-right-radius: var(--spacing-space-2);
        --icon-button-border-bottom-left-radius: var(--spacing-space-2);
        --icon-button-border-bottom-right-radius: var(--spacing-space-2);
        --icon-button-padding-left: var(--spacing-space-3);
        --icon-button-padding-right: var(--spacing-space-3);
        --icon-button-padding-top: var(--spacing-space-3);
        --icon-button-padding-bottom: var(--spacing-space-3);
        --icon-button-row-gap: var(--spacing-space-1);
        --icon-button-column-gap: var(--spacing-space-1);
        --icon-button-font-family: sans-sarif;
        --icon-button-font-size: initial;
        --icon-button-font-weight: regular;
        --icon-button-paragraph-spacing: 0px;
        --icon-button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="icon-button-inverse-small-primary-ghost"], [data-theme='light'] [component-variant="icon-button-inverse-small-primary-ghost"] {
        --icon-button-color: var(--icon-inverse);
        --icon-button-border-top-left-radius: var(--spacing-space-2);
        --icon-button-border-top-right-radius: var(--spacing-space-2);
        --icon-button-border-bottom-left-radius: var(--spacing-space-2);
        --icon-button-border-bottom-right-radius: var(--spacing-space-2);
        --icon-button-padding-left: var(--spacing-space-3);
        --icon-button-padding-right: var(--spacing-space-3);
        --icon-button-padding-top: var(--spacing-space-3);
        --icon-button-padding-bottom: var(--spacing-space-3);
        --icon-button-row-gap: var(--spacing-space-1);
        --icon-button-column-gap: var(--spacing-space-1);
        --icon-button-font-family: sans-sarif;
        --icon-button-font-size: initial;
        --icon-button-font-weight: regular;
        --icon-button-paragraph-spacing: 0px;
        --icon-button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="icon-button-inverse-small-primary-ghost"]:hover:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="icon-button-inverse-small-primary-ghost"]:hover:not(:disabled):not([disabled]) {
        --icon-button-background-color: var(--interactive-surface-secondary-hover);
        --icon-button-color: var(--icon-primary);
        --icon-button-border-top-left-radius: var(--spacing-space-2);
        --icon-button-border-top-right-radius: var(--spacing-space-2);
        --icon-button-border-bottom-left-radius: var(--spacing-space-2);
        --icon-button-border-bottom-right-radius: var(--spacing-space-2);
        --icon-button-padding-left: var(--spacing-space-3);
        --icon-button-padding-right: var(--spacing-space-3);
        --icon-button-padding-top: var(--spacing-space-3);
        --icon-button-padding-bottom: var(--spacing-space-3);
        --icon-button-row-gap: var(--spacing-space-1);
        --icon-button-column-gap: var(--spacing-space-1);
        --icon-button-font-family: sans-sarif;
        --icon-button-font-size: initial;
        --icon-button-font-weight: regular;
        --icon-button-paragraph-spacing: 0px;
        --icon-button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant^="text-area-"], [data-theme='light'] [component-variant^="text-area-"] {
        --text-area-opacity: 1;
        --text-area-height: auto;
        --text-area-min-height: auto;
        --text-area-max-height: none;
        --text-area-width: auto;
        --text-area-min-width: auto;
        --text-area-max-width: none;
        --text-area-background-color: transparent;
        --text-area-fill: currentcolor;
        --text-area-border-top-left-radius: 0px;
        --text-area-border-top-right-radius: 0px;
        --text-area-border-bottom-left-radius: 0px;
        --text-area-border-bottom-right-radius: 0px;
        --text-area-border-color: transparent;
        --text-area-border-style: solid;
        --text-area-border-gap: normal;
        --text-area-border-dash: none;
        --text-area-border-top-width: 0px;
        --text-area-border-right-width: 0px;
        --text-area-border-bottom-width: 0px;
        --text-area-border-left-width: 0px;
        --text-area-outline-color: auto;
        --text-area-outline-style: solid;
        --text-area-outline-width: 0px;
        --text-area-padding-left: 0px;
        --text-area-padding-right: 0px;
        --text-area-padding-top: 0px;
        --text-area-padding-bottom: 0px;
        --text-area-row-gap: 0px;
        --text-area-column-gap: 0px;
        --text-area-font-family: sans-serif;
        --text-area-font-size: medium;
        --text-area-color: currentcolor;
        --text-area-letter-spacing: normal;
        --text-area-line-height: normal;
        --text-area-paragraph-spacing: ;
        --text-area-paragraph-indent: 
    }
[data-theme='dark'] [component-variant="text-area-default"], [data-theme='light'] [component-variant="text-area-default"] {
        --text-area-height: 64px;
        --text-area-min-height: 64px;
        --text-area-width: 284px;
        --text-area-background-color: var(--interactive-surface-secondary-default);
        --text-area-color: var(--text-secondary);
        --text-area-border-top-left-radius: var(--corner-radius-extra-small);
        --text-area-border-top-right-radius: var(--corner-radius-extra-small);
        --text-area-border-bottom-left-radius: var(--corner-radius-extra-small);
        --text-area-border-bottom-right-radius: var(--corner-radius-extra-small);
        --text-area-border-color: var(--border-border-grey-3);
        --text-area-border-top-width: 1px;
        --text-area-border-right-width: 1px;
        --text-area-border-bottom-width: 1px;
        --text-area-border-left-width: 1px;
        --text-area-padding-left: var(--spacing-space-5);
        --text-area-padding-right: var(--spacing-space-5);
        --text-area-padding-top: var(--spacing-space-5);
        --text-area-padding-bottom: var(--spacing-space-5);
        --text-area-row-gap: var(--spacing-space-5);
        --text-area-column-gap: var(--spacing-space-5);
        --text-area-font-family: var(--font-family-body);
        --text-area-font-size: var(--font-size-body-small);
        --text-area-font-weight: var(--font-weight-regular);
        --text-area-line-height: var(--line-height-body-small);
        --text-area-paragraph-spacing: 0px;
        --text-area-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="text-area-default"]:hover:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="text-area-default"]:hover:not(:disabled):not([disabled]) {
        --text-area-height: 64px;
        --text-area-width: 284px;
        --text-area-background-color: var(--interactive-surface-secondary-default);
        --text-area-color: var(--text-primary);
        --text-area-border-top-left-radius: var(--corner-radius-extra-small);
        --text-area-border-top-right-radius: var(--corner-radius-extra-small);
        --text-area-border-bottom-left-radius: var(--corner-radius-extra-small);
        --text-area-border-bottom-right-radius: var(--corner-radius-extra-small);
        --text-area-border-color: var(--border-border-grey-2);
        --text-area-border-top-width: 1px;
        --text-area-border-right-width: 1px;
        --text-area-border-bottom-width: 1px;
        --text-area-border-left-width: 1px;
        --text-area-padding-left: var(--spacing-space-5);
        --text-area-padding-right: var(--spacing-space-5);
        --text-area-padding-top: var(--spacing-space-5);
        --text-area-padding-bottom: var(--spacing-space-5);
        --text-area-row-gap: var(--spacing-space-5);
        --text-area-column-gap: var(--spacing-space-5);
        --text-area-font-family: var(--font-family-body);
        --text-area-font-size: var(--font-size-body-small);
        --text-area-font-weight: var(--font-weight-regular);
        --text-area-line-height: var(--line-height-body-small);
        --text-area-paragraph-spacing: 0px;
        --text-area-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="text-area-default"][active]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="text-area-default"][active]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="text-area-default"]:active:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="text-area-default"]:active:not(:disabled):not([disabled]) {
        --text-area-height: 64px;
        --text-area-width: 284px;
        --text-area-background-color: var(--interactive-surface-secondary-default);
        --text-area-color: var(--text-primary);
        --text-area-border-top-left-radius: var(--corner-radius-extra-small);
        --text-area-border-top-right-radius: var(--corner-radius-extra-small);
        --text-area-border-bottom-left-radius: var(--corner-radius-extra-small);
        --text-area-border-bottom-right-radius: var(--corner-radius-extra-small);
        --text-area-border-color: var(--border-border-grey-2);
        --text-area-border-top-width: 1px;
        --text-area-border-right-width: 1px;
        --text-area-border-bottom-width: 1px;
        --text-area-border-left-width: 1px;
        --text-area-padding-left: var(--spacing-space-5);
        --text-area-padding-right: var(--spacing-space-5);
        --text-area-padding-top: var(--spacing-space-5);
        --text-area-padding-bottom: var(--spacing-space-5);
        --text-area-row-gap: var(--spacing-space-5);
        --text-area-column-gap: var(--spacing-space-5);
        --text-area-font-family: var(--font-family-body);
        --text-area-font-size: var(--font-size-body-small);
        --text-area-font-weight: var(--font-weight-regular);
        --text-area-line-height: var(--line-height-body-small);
        --text-area-paragraph-spacing: 0px;
        --text-area-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="text-area-default"]:has(:focus):not(:disabled):not([disabled]), [data-theme='light'] [component-variant="text-area-default"]:has(:focus):not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="text-area-default"]:focus:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="text-area-default"]:focus:not(:disabled):not([disabled]) {
        --text-area-height: 64px;
        --text-area-width: 284px;
        --text-area-background-color: var(--interactive-surface-secondary-default);
        --text-area-color: var(--text-primary);
        --text-area-border-top-left-radius: var(--corner-radius-extra-small);
        --text-area-border-top-right-radius: var(--corner-radius-extra-small);
        --text-area-border-bottom-left-radius: var(--corner-radius-extra-small);
        --text-area-border-bottom-right-radius: var(--corner-radius-extra-small);
        --text-area-border-color: var(--border-primary);
        --text-area-border-top-width: 1px;
        --text-area-border-right-width: 1px;
        --text-area-border-bottom-width: 1px;
        --text-area-border-left-width: 1px;
        --text-area-padding-left: var(--spacing-space-5);
        --text-area-padding-right: var(--spacing-space-5);
        --text-area-padding-top: var(--spacing-space-5);
        --text-area-padding-bottom: var(--spacing-space-5);
        --text-area-row-gap: var(--spacing-space-5);
        --text-area-column-gap: var(--spacing-space-5);
        --text-area-font-family: var(--font-family-body);
        --text-area-font-size: var(--font-size-body-small);
        --text-area-font-weight: var(--font-weight-regular);
        --text-area-line-height: var(--line-height-body-small);
        --text-area-paragraph-spacing: 0px;
        --text-area-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="text-area-default"][invalid]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="text-area-default"][invalid]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="text-area-default"]:invalid:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="text-area-default"]:invalid:not(:disabled):not([disabled]) {
        --text-area-height: 64px;
        --text-area-width: 284px;
        --text-area-background-color: var(--interactive-surface-secondary-default);
        --text-area-color: var(--text-primary);
        --text-area-border-top-left-radius: var(--corner-radius-extra-small);
        --text-area-border-top-right-radius: var(--corner-radius-extra-small);
        --text-area-border-bottom-left-radius: var(--corner-radius-extra-small);
        --text-area-border-bottom-right-radius: var(--corner-radius-extra-small);
        --text-area-border-color: var(--border-destructive);
        --text-area-border-top-width: 1px;
        --text-area-border-right-width: 1px;
        --text-area-border-bottom-width: 1px;
        --text-area-border-left-width: 1px;
        --text-area-padding-left: var(--spacing-space-5);
        --text-area-padding-right: var(--spacing-space-5);
        --text-area-padding-top: var(--spacing-space-5);
        --text-area-padding-bottom: var(--spacing-space-5);
        --text-area-row-gap: var(--spacing-space-5);
        --text-area-column-gap: var(--spacing-space-5);
        --text-area-font-family: var(--font-family-body);
        --text-area-font-size: var(--font-size-body-small);
        --text-area-font-weight: var(--font-weight-regular);
        --text-area-line-height: var(--line-height-body-small);
        --text-area-paragraph-spacing: 0px;
        --text-area-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="text-area-default"][disabled],
[data-theme='light'] [component-variant="text-area-default"][disabled],
[data-theme='dark'] [component-variant="text-area-default"]:disabled,
[data-theme='light'] [component-variant="text-area-default"]:disabled {
        --text-area-height: 64px;
        --text-area-width: 284px;
        --text-area-background-color: var(--interactive-surface-secondary-disabled);
        --text-area-color: var(--text-tertiary);
        --text-area-border-top-left-radius: var(--corner-radius-extra-small);
        --text-area-border-top-right-radius: var(--corner-radius-extra-small);
        --text-area-border-bottom-left-radius: var(--corner-radius-extra-small);
        --text-area-border-bottom-right-radius: var(--corner-radius-extra-small);
        --text-area-border-color: var(--border-border-grey-2);
        --text-area-border-top-width: 1px;
        --text-area-border-right-width: 1px;
        --text-area-border-bottom-width: 1px;
        --text-area-border-left-width: 1px;
        --text-area-padding-left: var(--spacing-space-5);
        --text-area-padding-right: var(--spacing-space-5);
        --text-area-padding-top: var(--spacing-space-5);
        --text-area-padding-bottom: var(--spacing-space-5);
        --text-area-row-gap: var(--spacing-space-5);
        --text-area-column-gap: var(--spacing-space-5);
        --text-area-font-family: var(--font-family-body);
        --text-area-font-size: var(--font-size-body-small);
        --text-area-font-weight: var(--font-weight-regular);
        --text-area-line-height: var(--line-height-body-small);
        --text-area-paragraph-spacing: 0px;
        --text-area-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant^="popover-"], [data-theme='light'] [component-variant^="popover-"] {
        --popover-opacity: 1;
        --popover-height: auto;
        --popover-min-height: auto;
        --popover-max-height: none;
        --popover-width: auto;
        --popover-min-width: auto;
        --popover-max-width: none;
        --popover-background-color: transparent;
        --popover-fill: currentcolor;
        --popover-border-top-left-radius: 0px;
        --popover-border-top-right-radius: 0px;
        --popover-border-bottom-left-radius: 0px;
        --popover-border-bottom-right-radius: 0px;
        --popover-border-color: transparent;
        --popover-border-style: solid;
        --popover-border-gap: normal;
        --popover-border-dash: none;
        --popover-border-top-width: 0px;
        --popover-border-right-width: 0px;
        --popover-border-bottom-width: 0px;
        --popover-border-left-width: 0px;
        --popover-outline-color: auto;
        --popover-outline-style: solid;
        --popover-outline-width: 0px;
        --popover-padding-left: 0px;
        --popover-padding-right: 0px;
        --popover-padding-top: 0px;
        --popover-padding-bottom: 0px;
        --popover-row-gap: 0px;
        --popover-column-gap: 0px;
        --popover-font-family: sans-serif;
        --popover-font-size: medium;
        --popover-color: currentcolor;
        --popover-letter-spacing: normal;
        --popover-line-height: normal;
        --popover-paragraph-spacing: ;
        --popover-paragraph-indent: 
    }
[data-theme='dark'] [component-variant="popover-down"], [data-theme='light'] [component-variant="popover-down"] {
        --popover-padding-left: var(--spacing-space-1);
        --popover-padding-right: var(--spacing-space-1);
        --popover-padding-top: var(--spacing-space-1);
        --popover-padding-bottom: var(--spacing-space-1);
        --popover-row-gap: var(--spacing-space-3);
        --popover-column-gap: var(--spacing-space-3);
        --popover-font-family: var(--font-family-body);
        --popover-font-size: var(--font-size-body-small);
        --popover-font-weight: var(--font-weight-medium);
        --popover-line-height: var(--line-height-body-small);
        --popover-paragraph-spacing: 0px;
        --popover-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="popover-up"], [data-theme='light'] [component-variant="popover-up"] {
        --popover-padding-left: var(--spacing-space-1);
        --popover-padding-right: var(--spacing-space-1);
        --popover-padding-top: var(--spacing-space-1);
        --popover-padding-bottom: var(--spacing-space-1);
        --popover-row-gap: var(--spacing-space-3);
        --popover-column-gap: var(--spacing-space-3);
        --popover-font-family: var(--font-family-body);
        --popover-font-size: var(--font-size-body-small);
        --popover-font-weight: var(--font-weight-medium);
        --popover-line-height: var(--line-height-body-small);
        --popover-paragraph-spacing: 0px;
        --popover-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="popover-right"], [data-theme='light'] [component-variant="popover-right"] {
        --popover-padding-left: var(--spacing-space-1);
        --popover-padding-right: var(--spacing-space-1);
        --popover-padding-top: var(--spacing-space-1);
        --popover-padding-bottom: var(--spacing-space-1);
        --popover-row-gap: var(--spacing-space-3);
        --popover-column-gap: var(--spacing-space-3);
        --popover-font-family: var(--font-family-body);
        --popover-font-size: var(--font-size-body-small);
        --popover-font-weight: var(--font-weight-medium);
        --popover-line-height: var(--line-height-body-small);
        --popover-paragraph-spacing: 0px;
        --popover-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="popover-left"], [data-theme='light'] [component-variant="popover-left"] {
        --popover-padding-left: var(--spacing-space-1);
        --popover-padding-right: var(--spacing-space-1);
        --popover-padding-top: var(--spacing-space-1);
        --popover-padding-bottom: var(--spacing-space-1);
        --popover-row-gap: var(--spacing-space-3);
        --popover-column-gap: var(--spacing-space-3);
        --popover-font-family: var(--font-family-body);
        --popover-font-size: var(--font-size-body-small);
        --popover-font-weight: var(--font-weight-medium);
        --popover-line-height: var(--line-height-body-small);
        --popover-paragraph-spacing: 0px;
        --popover-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant^="context-menu-"], [data-theme='light'] [component-variant^="context-menu-"] {
        --context-menu-opacity: 1;
        --context-menu-height: auto;
        --context-menu-min-height: auto;
        --context-menu-max-height: none;
        --context-menu-width: auto;
        --context-menu-min-width: auto;
        --context-menu-max-width: none;
        --context-menu-background-color: transparent;
        --context-menu-fill: currentcolor;
        --context-menu-border-top-left-radius: 0px;
        --context-menu-border-top-right-radius: 0px;
        --context-menu-border-bottom-left-radius: 0px;
        --context-menu-border-bottom-right-radius: 0px;
        --context-menu-border-color: transparent;
        --context-menu-border-style: solid;
        --context-menu-border-gap: normal;
        --context-menu-border-dash: none;
        --context-menu-border-top-width: 0px;
        --context-menu-border-right-width: 0px;
        --context-menu-border-bottom-width: 0px;
        --context-menu-border-left-width: 0px;
        --context-menu-outline-color: auto;
        --context-menu-outline-style: solid;
        --context-menu-outline-width: 0px;
        --context-menu-padding-left: 0px;
        --context-menu-padding-right: 0px;
        --context-menu-padding-top: 0px;
        --context-menu-padding-bottom: 0px;
        --context-menu-row-gap: 0px;
        --context-menu-column-gap: 0px;
        --context-menu-font-family: sans-serif;
        --context-menu-font-size: medium;
        --context-menu-color: currentcolor;
        --context-menu-letter-spacing: normal;
        --context-menu-line-height: normal;
        --context-menu-paragraph-spacing: ;
        --context-menu-paragraph-indent: 
    }
[data-theme='dark'] [component-variant="context-menu-default"], [data-theme='light'] [component-variant="context-menu-default"] {
        --context-menu-width: 100%;
        --context-menu-background-color: var(--surface-background-4);
        --context-menu-color: var(--text-primary);
        --context-menu-border-top-left-radius: var(--corner-radius-extra-small);
        --context-menu-border-top-right-radius: var(--corner-radius-extra-small);
        --context-menu-border-bottom-left-radius: var(--corner-radius-extra-small);
        --context-menu-border-bottom-right-radius: var(--corner-radius-extra-small);
        --context-menu-border-color: var(--border-border-grey-3);
        --context-menu-border-top-width: 1px;
        --context-menu-border-right-width: 1px;
        --context-menu-border-bottom-width: 1px;
        --context-menu-border-left-width: 1px;
        --context-menu-padding-left: var(--spacing-space-5);
        --context-menu-padding-right: var(--spacing-space-5);
        --context-menu-padding-top: var(--spacing-space-5);
        --context-menu-padding-bottom: var(--spacing-space-5);
        --context-menu-row-gap: var(--spacing-space-3);
        --context-menu-column-gap: var(--spacing-space-3);
        --context-menu-font-family: var(--font-family-body);
        --context-menu-font-size: var(--font-size-body-small);
        --context-menu-font-weight: var(--font-weight-regular);
        --context-menu-line-height: var(--line-height-body-small);
        --context-menu-paragraph-spacing: 0px;
        --context-menu-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant^="list-item-"], [data-theme='light'] [component-variant^="list-item-"] {
        --list-item-opacity: 1;
        --list-item-height: auto;
        --list-item-min-height: auto;
        --list-item-max-height: none;
        --list-item-width: auto;
        --list-item-min-width: auto;
        --list-item-max-width: none;
        --list-item-background-color: transparent;
        --list-item-fill: currentcolor;
        --list-item-border-top-left-radius: 0px;
        --list-item-border-top-right-radius: 0px;
        --list-item-border-bottom-left-radius: 0px;
        --list-item-border-bottom-right-radius: 0px;
        --list-item-border-color: transparent;
        --list-item-border-style: solid;
        --list-item-border-gap: normal;
        --list-item-border-dash: none;
        --list-item-border-top-width: 0px;
        --list-item-border-right-width: 0px;
        --list-item-border-bottom-width: 0px;
        --list-item-border-left-width: 0px;
        --list-item-outline-color: auto;
        --list-item-outline-style: solid;
        --list-item-outline-width: 0px;
        --list-item-padding-left: 0px;
        --list-item-padding-right: 0px;
        --list-item-padding-top: 0px;
        --list-item-padding-bottom: 0px;
        --list-item-row-gap: 0px;
        --list-item-column-gap: 0px;
        --list-item-font-family: sans-serif;
        --list-item-font-size: medium;
        --list-item-color: currentcolor;
        --list-item-letter-spacing: normal;
        --list-item-line-height: normal;
        --list-item-paragraph-spacing: ;
        --list-item-paragraph-indent: 
    }
[data-theme='dark'] [component-variant="list-item-default"], [data-theme='light'] [component-variant="list-item-default"] {
        --list-item-width: 100%;
        --list-item-background-color: var(--interactive-surface-secondary-default);
        --list-item-color: var(--text-primary);
        --list-item-border-top-left-radius: var(--corner-radius-extra-small);
        --list-item-border-top-right-radius: var(--corner-radius-extra-small);
        --list-item-border-bottom-left-radius: var(--corner-radius-extra-small);
        --list-item-border-bottom-right-radius: var(--corner-radius-extra-small);
        --list-item-padding-left: var(--spacing-space-5);
        --list-item-padding-right: var(--spacing-space-5);
        --list-item-padding-top: var(--spacing-space-5);
        --list-item-padding-bottom: var(--spacing-space-5);
        --list-item-row-gap: var(--spacing-space-3);
        --list-item-column-gap: var(--spacing-space-3);
        --list-item-font-family: var(--font-family-body);
        --list-item-font-size: var(--font-size-body-small);
        --list-item-font-weight: var(--font-weight-regular);
        --list-item-line-height: var(--line-height-body-small);
        --list-item-paragraph-spacing: 0px;
        --list-item-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="list-item-default"]:hover:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="list-item-default"]:hover:not(:disabled):not([disabled]) {
        --list-item-width: 100%;
        --list-item-background-color: var(--interactive-surface-secondary-hover);
        --list-item-color: var(--text-primary);
        --list-item-border-top-left-radius: var(--corner-radius-extra-small);
        --list-item-border-top-right-radius: var(--corner-radius-extra-small);
        --list-item-border-bottom-left-radius: var(--corner-radius-extra-small);
        --list-item-border-bottom-right-radius: var(--corner-radius-extra-small);
        --list-item-padding-left: var(--spacing-space-5);
        --list-item-padding-right: var(--spacing-space-5);
        --list-item-padding-top: var(--spacing-space-5);
        --list-item-padding-bottom: var(--spacing-space-5);
        --list-item-row-gap: var(--spacing-space-3);
        --list-item-column-gap: var(--spacing-space-3);
        --list-item-font-family: var(--font-family-body);
        --list-item-font-size: var(--font-size-body-small);
        --list-item-font-weight: var(--font-weight-regular);
        --list-item-line-height: var(--line-height-body-small);
        --list-item-paragraph-spacing: 0px;
        --list-item-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="list-item-default"][active]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="list-item-default"][active]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="list-item-default"]:active:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="list-item-default"]:active:not(:disabled):not([disabled]) {
        --list-item-width: 100%;
        --list-item-background-color: var(--interactive-surface-secondary-pressed);
        --list-item-color: var(--text-primary);
        --list-item-border-top-left-radius: var(--corner-radius-extra-small);
        --list-item-border-top-right-radius: var(--corner-radius-extra-small);
        --list-item-border-bottom-left-radius: var(--corner-radius-extra-small);
        --list-item-border-bottom-right-radius: var(--corner-radius-extra-small);
        --list-item-padding-left: var(--spacing-space-5);
        --list-item-padding-right: var(--spacing-space-5);
        --list-item-padding-top: var(--spacing-space-5);
        --list-item-padding-bottom: var(--spacing-space-5);
        --list-item-row-gap: var(--spacing-space-3);
        --list-item-column-gap: var(--spacing-space-3);
        --list-item-font-family: var(--font-family-body);
        --list-item-font-size: var(--font-size-body-small);
        --list-item-font-weight: var(--font-weight-regular);
        --list-item-line-height: var(--line-height-body-small);
        --list-item-paragraph-spacing: 0px;
        --list-item-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="list-item-default"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='light'] [component-variant="list-item-default"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="list-item-default"]:focus-visible:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="list-item-default"]:focus-visible:not(:disabled):not([disabled]) {
        --list-item-width: 100%;
        --list-item-background-color: var(--interactive-surface-secondary-hover);
        --list-item-color: var(--text-primary);
        --list-item-border-top-left-radius: var(--corner-radius-extra-small);
        --list-item-border-top-right-radius: var(--corner-radius-extra-small);
        --list-item-border-bottom-left-radius: var(--corner-radius-extra-small);
        --list-item-border-bottom-right-radius: var(--corner-radius-extra-small);
        --list-item-border-color: var(--border-border-grey-1);
        --list-item-border-top-width: 1px;
        --list-item-border-right-width: 1px;
        --list-item-border-bottom-width: 1px;
        --list-item-border-left-width: 1px;
        --list-item-padding-left: var(--spacing-space-5);
        --list-item-padding-right: var(--spacing-space-5);
        --list-item-padding-top: var(--spacing-space-5);
        --list-item-padding-bottom: var(--spacing-space-5);
        --list-item-row-gap: var(--spacing-space-3);
        --list-item-column-gap: var(--spacing-space-3);
        --list-item-font-family: var(--font-family-body);
        --list-item-font-size: var(--font-size-body-small);
        --list-item-font-weight: var(--font-weight-regular);
        --list-item-line-height: var(--line-height-body-small);
        --list-item-paragraph-spacing: 0px;
        --list-item-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="list-item-default"][disabled],
[data-theme='light'] [component-variant="list-item-default"][disabled],
[data-theme='dark'] [component-variant="list-item-default"]:disabled,
[data-theme='light'] [component-variant="list-item-default"]:disabled {
        --list-item-width: 100%;
        --list-item-background-color: var(--interactive-surface-secondary-disabled);
        --list-item-color: var(--text-tertiary);
        --list-item-border-top-left-radius: var(--corner-radius-extra-small);
        --list-item-border-top-right-radius: var(--corner-radius-extra-small);
        --list-item-border-bottom-left-radius: var(--corner-radius-extra-small);
        --list-item-border-bottom-right-radius: var(--corner-radius-extra-small);
        --list-item-padding-left: var(--spacing-space-5);
        --list-item-padding-right: var(--spacing-space-5);
        --list-item-padding-top: var(--spacing-space-5);
        --list-item-padding-bottom: var(--spacing-space-5);
        --list-item-row-gap: var(--spacing-space-3);
        --list-item-column-gap: var(--spacing-space-3);
        --list-item-font-family: var(--font-family-body);
        --list-item-font-size: var(--font-size-body-small);
        --list-item-font-weight: var(--font-weight-regular);
        --list-item-line-height: var(--line-height-body-small);
        --list-item-paragraph-spacing: 0px;
        --list-item-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="list-item-default"], [data-theme='light'] [component-variant="list-item-default"] {
        --list-item-leading-icon-color: var(--icon-primary)
    }
[data-theme='dark'] [component-variant="list-item-default"]:hover:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="list-item-default"]:hover:not(:disabled):not([disabled]) {
        --list-item-leading-icon-color: var(--icon-primary)
    }
[data-theme='dark'] [component-variant="list-item-default"][active]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="list-item-default"][active]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="list-item-default"]:active:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="list-item-default"]:active:not(:disabled):not([disabled]) {
        --list-item-leading-icon-color: var(--icon-primary)
    }
[data-theme='dark'] [component-variant="list-item-default"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='light'] [component-variant="list-item-default"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="list-item-default"]:focus-visible:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="list-item-default"]:focus-visible:not(:disabled):not([disabled]) {
        --list-item-leading-icon-color: var(--icon-primary)
    }
[data-theme='dark'] [component-variant="list-item-default"][disabled],
[data-theme='light'] [component-variant="list-item-default"][disabled],
[data-theme='dark'] [component-variant="list-item-default"]:disabled,
[data-theme='light'] [component-variant="list-item-default"]:disabled {
        --list-item-leading-icon-color: var(--icon-tertiary)
    }
[data-theme='dark'] [component-variant="list-item-default"], [data-theme='light'] [component-variant="list-item-default"] {
        --list-item-text-font-family: var(--font-family-body);
        --list-item-text-font-size: var(--font-size-body-small);
        --list-item-text-font-weight: var(--font-weight-regular);
        --list-item-text-color: var(--text-primary);
        --list-item-text-line-height: var(--line-height-body-small);
        --list-item-text-paragraph-spacing: 0px;
        --list-item-text-paragraph-indent: 0px;
        --list-item-text-width: 100%
    }
[data-theme='dark'] [component-variant="list-item-default"]:hover:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="list-item-default"]:hover:not(:disabled):not([disabled]) {
        --list-item-text-font-family: var(--font-family-body);
        --list-item-text-font-size: var(--font-size-body-small);
        --list-item-text-font-weight: var(--font-weight-regular);
        --list-item-text-color: var(--text-primary);
        --list-item-text-line-height: var(--line-height-body-small);
        --list-item-text-paragraph-spacing: 0px;
        --list-item-text-paragraph-indent: 0px;
        --list-item-text-width: 100%
    }
[data-theme='dark'] [component-variant="list-item-default"][active]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="list-item-default"][active]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="list-item-default"]:active:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="list-item-default"]:active:not(:disabled):not([disabled]) {
        --list-item-text-font-family: var(--font-family-body);
        --list-item-text-font-size: var(--font-size-body-small);
        --list-item-text-font-weight: var(--font-weight-regular);
        --list-item-text-color: var(--text-primary);
        --list-item-text-line-height: var(--line-height-body-small);
        --list-item-text-paragraph-spacing: 0px;
        --list-item-text-paragraph-indent: 0px;
        --list-item-text-width: 100%
    }
[data-theme='dark'] [component-variant="list-item-default"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='light'] [component-variant="list-item-default"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="list-item-default"]:focus-visible:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="list-item-default"]:focus-visible:not(:disabled):not([disabled]) {
        --list-item-text-font-family: var(--font-family-body);
        --list-item-text-font-size: var(--font-size-body-small);
        --list-item-text-font-weight: var(--font-weight-regular);
        --list-item-text-color: var(--text-primary);
        --list-item-text-line-height: var(--line-height-body-small);
        --list-item-text-paragraph-spacing: 0px;
        --list-item-text-paragraph-indent: 0px;
        --list-item-text-width: 100%
    }
[data-theme='dark'] [component-variant="list-item-default"][disabled],
[data-theme='light'] [component-variant="list-item-default"][disabled],
[data-theme='dark'] [component-variant="list-item-default"]:disabled,
[data-theme='light'] [component-variant="list-item-default"]:disabled {
        --list-item-text-font-family: var(--font-family-body);
        --list-item-text-font-size: var(--font-size-body-small);
        --list-item-text-font-weight: var(--font-weight-regular);
        --list-item-text-color: var(--text-tertiary);
        --list-item-text-line-height: var(--line-height-body-small);
        --list-item-text-paragraph-spacing: 0px;
        --list-item-text-paragraph-indent: 0px;
        --list-item-text-width: 100%
    }
[data-theme='dark'] [component-variant="list-item-default"], [data-theme='light'] [component-variant="list-item-default"] {
        --list-item-trailing-icon-color: var(--icon-primary)
    }
[data-theme='dark'] [component-variant="list-item-default"]:hover:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="list-item-default"]:hover:not(:disabled):not([disabled]) {
        --list-item-trailing-icon-color: var(--icon-primary)
    }
[data-theme='dark'] [component-variant="list-item-default"][active]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="list-item-default"][active]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="list-item-default"]:active:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="list-item-default"]:active:not(:disabled):not([disabled]) {
        --list-item-trailing-icon-color: var(--icon-primary)
    }
[data-theme='dark'] [component-variant="list-item-default"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='light'] [component-variant="list-item-default"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="list-item-default"]:focus-visible:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="list-item-default"]:focus-visible:not(:disabled):not([disabled]) {
        --list-item-trailing-icon-color: var(--icon-primary)
    }
[data-theme='dark'] [component-variant="list-item-default"][disabled],
[data-theme='light'] [component-variant="list-item-default"][disabled],
[data-theme='dark'] [component-variant="list-item-default"]:disabled,
[data-theme='light'] [component-variant="list-item-default"]:disabled {
        --list-item-trailing-icon-color: var(--icon-tertiary)
    }
[data-theme='dark'] [component-variant^="action-card-"], [data-theme='light'] [component-variant^="action-card-"] {
        --action-card-opacity: 1;
        --action-card-height: auto;
        --action-card-min-height: auto;
        --action-card-max-height: none;
        --action-card-width: auto;
        --action-card-min-width: auto;
        --action-card-max-width: none;
        --action-card-background-color: transparent;
        --action-card-fill: currentcolor;
        --action-card-border-top-left-radius: 0px;
        --action-card-border-top-right-radius: 0px;
        --action-card-border-bottom-left-radius: 0px;
        --action-card-border-bottom-right-radius: 0px;
        --action-card-border-color: transparent;
        --action-card-border-style: solid;
        --action-card-border-gap: normal;
        --action-card-border-dash: none;
        --action-card-border-top-width: 0px;
        --action-card-border-right-width: 0px;
        --action-card-border-bottom-width: 0px;
        --action-card-border-left-width: 0px;
        --action-card-outline-color: auto;
        --action-card-outline-style: solid;
        --action-card-outline-width: 0px;
        --action-card-padding-left: 0px;
        --action-card-padding-right: 0px;
        --action-card-padding-top: 0px;
        --action-card-padding-bottom: 0px;
        --action-card-row-gap: 0px;
        --action-card-column-gap: 0px;
        --action-card-font-family: sans-serif;
        --action-card-font-size: medium;
        --action-card-color: currentcolor;
        --action-card-letter-spacing: normal;
        --action-card-line-height: normal;
        --action-card-paragraph-spacing: ;
        --action-card-paragraph-indent: 
    }
[data-theme='dark'] [component-variant="action-card-default"], [data-theme='light'] [component-variant="action-card-default"] {
        --action-card-height: 172px;
        --action-card-width: 315.75px;
        --action-card-background-color: var(--interactive-surface-secondary-default);
        --action-card-border-top-left-radius: var(--corner-radius-extra-small);
        --action-card-border-top-right-radius: var(--corner-radius-extra-small);
        --action-card-border-bottom-left-radius: var(--corner-radius-extra-small);
        --action-card-border-bottom-right-radius: var(--corner-radius-extra-small);
        --action-card-border-color: var(--border-border-grey-3);
        --action-card-border-top-width: 1px;
        --action-card-border-right-width: 1px;
        --action-card-border-bottom-width: 1px;
        --action-card-border-left-width: 1px;
        --action-card-padding-left: var(--spacing-space-1);
        --action-card-padding-right: var(--spacing-space-1);
        --action-card-padding-top: var(--spacing-space-1);
        --action-card-padding-bottom: var(--spacing-space-1);
        --action-card-row-gap: 8px;
        --action-card-column-gap: 8px;
        --action-card-font-family: var(--font-family-body);
        --action-card-font-size: var(--font-size-body-small);
        --action-card-font-weight: var(--font-weight-medium);
        --action-card-line-height: var(--line-height-body-small);
        --action-card-paragraph-spacing: 0px;
        --action-card-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="action-card-default"]:hover:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="action-card-default"]:hover:not(:disabled):not([disabled]) {
        --action-card-height: 172px;
        --action-card-width: 315.75px;
        --action-card-background-color: var(--interactive-surface-secondary-hover);
        --action-card-border-top-left-radius: var(--corner-radius-extra-small);
        --action-card-border-top-right-radius: var(--corner-radius-extra-small);
        --action-card-border-bottom-left-radius: var(--corner-radius-extra-small);
        --action-card-border-bottom-right-radius: var(--corner-radius-extra-small);
        --action-card-border-color: var(--border-border-grey-3);
        --action-card-border-top-width: 1px;
        --action-card-border-right-width: 1px;
        --action-card-border-bottom-width: 1px;
        --action-card-border-left-width: 1px;
        --action-card-padding-left: var(--spacing-space-1);
        --action-card-padding-right: var(--spacing-space-1);
        --action-card-padding-top: var(--spacing-space-1);
        --action-card-padding-bottom: var(--spacing-space-1);
        --action-card-row-gap: 8px;
        --action-card-column-gap: 8px;
        --action-card-font-family: var(--font-family-body);
        --action-card-font-size: var(--font-size-body-small);
        --action-card-font-weight: var(--font-weight-medium);
        --action-card-line-height: var(--line-height-body-small);
        --action-card-paragraph-spacing: 0px;
        --action-card-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="action-card-default"][active]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="action-card-default"][active]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="action-card-default"]:active:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="action-card-default"]:active:not(:disabled):not([disabled]) {
        --action-card-height: 172px;
        --action-card-width: 315.75px;
        --action-card-background-color: var(--interactive-surface-secondary-pressed);
        --action-card-border-top-left-radius: var(--corner-radius-extra-small);
        --action-card-border-top-right-radius: var(--corner-radius-extra-small);
        --action-card-border-bottom-left-radius: var(--corner-radius-extra-small);
        --action-card-border-bottom-right-radius: var(--corner-radius-extra-small);
        --action-card-border-color: var(--border-border-grey-2);
        --action-card-border-top-width: 1px;
        --action-card-border-right-width: 1px;
        --action-card-border-bottom-width: 1px;
        --action-card-border-left-width: 1px;
        --action-card-padding-left: var(--spacing-space-1);
        --action-card-padding-right: var(--spacing-space-1);
        --action-card-padding-top: var(--spacing-space-1);
        --action-card-padding-bottom: var(--spacing-space-1);
        --action-card-row-gap: 8px;
        --action-card-column-gap: 8px;
        --action-card-font-family: var(--font-family-body);
        --action-card-font-size: var(--font-size-body-small);
        --action-card-font-weight: var(--font-weight-medium);
        --action-card-line-height: var(--line-height-body-small);
        --action-card-paragraph-spacing: 0px;
        --action-card-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="action-card-default"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='light'] [component-variant="action-card-default"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="action-card-default"]:focus-visible:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="action-card-default"]:focus-visible:not(:disabled):not([disabled]) {
        --action-card-height: 172px;
        --action-card-width: 315.75px;
        --action-card-background-color: var(--interactive-surface-secondary-hover);
        --action-card-border-top-left-radius: var(--corner-radius-extra-small);
        --action-card-border-top-right-radius: var(--corner-radius-extra-small);
        --action-card-border-bottom-left-radius: var(--corner-radius-extra-small);
        --action-card-border-bottom-right-radius: var(--corner-radius-extra-small);
        --action-card-border-color: var(--border-border-grey-1);
        --action-card-border-top-width: 1px;
        --action-card-border-right-width: 1px;
        --action-card-border-bottom-width: 1px;
        --action-card-border-left-width: 1px;
        --action-card-padding-left: var(--spacing-space-1);
        --action-card-padding-right: var(--spacing-space-1);
        --action-card-padding-top: var(--spacing-space-1);
        --action-card-padding-bottom: var(--spacing-space-1);
        --action-card-row-gap: 8px;
        --action-card-column-gap: 8px;
        --action-card-font-family: var(--font-family-body);
        --action-card-font-size: var(--font-size-body-small);
        --action-card-font-weight: var(--font-weight-medium);
        --action-card-line-height: var(--line-height-body-small);
        --action-card-paragraph-spacing: 0px;
        --action-card-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="action-card-default"][disabled],
[data-theme='light'] [component-variant="action-card-default"][disabled],
[data-theme='dark'] [component-variant="action-card-default"]:disabled,
[data-theme='light'] [component-variant="action-card-default"]:disabled {
        --action-card-height: 172px;
        --action-card-width: 315.75px;
        --action-card-background-color: var(--interactive-surface-secondary-disabled);
        --action-card-border-top-left-radius: var(--corner-radius-extra-small);
        --action-card-border-top-right-radius: var(--corner-radius-extra-small);
        --action-card-border-bottom-left-radius: var(--corner-radius-extra-small);
        --action-card-border-bottom-right-radius: var(--corner-radius-extra-small);
        --action-card-border-color: var(--border-border-grey-2);
        --action-card-border-top-width: 1px;
        --action-card-border-right-width: 1px;
        --action-card-border-bottom-width: 1px;
        --action-card-border-left-width: 1px;
        --action-card-padding-left: var(--spacing-space-1);
        --action-card-padding-right: var(--spacing-space-1);
        --action-card-padding-top: var(--spacing-space-1);
        --action-card-padding-bottom: var(--spacing-space-1);
        --action-card-row-gap: 8px;
        --action-card-column-gap: 8px;
        --action-card-font-family: var(--font-family-body);
        --action-card-font-size: var(--font-size-body-small);
        --action-card-font-weight: var(--font-weight-medium);
        --action-card-line-height: var(--line-height-body-small);
        --action-card-paragraph-spacing: 0px;
        --action-card-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant^="select-trigger-"], [data-theme='light'] [component-variant^="select-trigger-"] {
        --select-trigger-opacity: 1;
        --select-trigger-height: auto;
        --select-trigger-min-height: auto;
        --select-trigger-max-height: none;
        --select-trigger-width: auto;
        --select-trigger-min-width: auto;
        --select-trigger-max-width: none;
        --select-trigger-background-color: transparent;
        --select-trigger-fill: currentcolor;
        --select-trigger-border-top-left-radius: 0px;
        --select-trigger-border-top-right-radius: 0px;
        --select-trigger-border-bottom-left-radius: 0px;
        --select-trigger-border-bottom-right-radius: 0px;
        --select-trigger-border-color: transparent;
        --select-trigger-border-style: solid;
        --select-trigger-border-gap: normal;
        --select-trigger-border-dash: none;
        --select-trigger-border-top-width: 0px;
        --select-trigger-border-right-width: 0px;
        --select-trigger-border-bottom-width: 0px;
        --select-trigger-border-left-width: 0px;
        --select-trigger-outline-color: auto;
        --select-trigger-outline-style: solid;
        --select-trigger-outline-width: 0px;
        --select-trigger-padding-left: 0px;
        --select-trigger-padding-right: 0px;
        --select-trigger-padding-top: 0px;
        --select-trigger-padding-bottom: 0px;
        --select-trigger-row-gap: 0px;
        --select-trigger-column-gap: 0px;
        --select-trigger-font-family: sans-serif;
        --select-trigger-font-size: medium;
        --select-trigger-color: currentcolor;
        --select-trigger-letter-spacing: normal;
        --select-trigger-line-height: normal;
        --select-trigger-paragraph-spacing: ;
        --select-trigger-paragraph-indent: 
    }
[data-theme='dark'] [component-variant="select-trigger-default"], [data-theme='light'] [component-variant="select-trigger-default"] {
        --select-trigger-height: 32px;
        --select-trigger-width: 100%;
        --select-trigger-background-color: var(--interactive-surface-secondary-default);
        --select-trigger-color: var(--text-secondary);
        --select-trigger-border-top-left-radius: var(--corner-radius-extra-small);
        --select-trigger-border-top-right-radius: var(--corner-radius-extra-small);
        --select-trigger-border-bottom-left-radius: var(--corner-radius-extra-small);
        --select-trigger-border-bottom-right-radius: var(--corner-radius-extra-small);
        --select-trigger-border-color: var(--border-border-grey-3);
        --select-trigger-border-top-width: 1px;
        --select-trigger-border-right-width: 1px;
        --select-trigger-border-bottom-width: 1px;
        --select-trigger-border-left-width: 1px;
        --select-trigger-padding-left: var(--spacing-space-5);
        --select-trigger-padding-right: var(--spacing-space-5);
        --select-trigger-padding-top: var(--spacing-space-5);
        --select-trigger-padding-bottom: var(--spacing-space-5);
        --select-trigger-row-gap: var(--spacing-space-5);
        --select-trigger-column-gap: var(--spacing-space-5);
        --select-trigger-font-family: var(--font-family-body);
        --select-trigger-font-size: var(--font-size-body-small);
        --select-trigger-font-weight: var(--font-weight-regular);
        --select-trigger-line-height: var(--line-height-body-small);
        --select-trigger-paragraph-spacing: 0px;
        --select-trigger-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="select-trigger-default"]:hover:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="select-trigger-default"]:hover:not(:disabled):not([disabled]) {
        --select-trigger-height: 32px;
        --select-trigger-width: 100%;
        --select-trigger-background-color: var(--interactive-surface-secondary-default);
        --select-trigger-color: var(--text-primary);
        --select-trigger-border-top-left-radius: var(--corner-radius-extra-small);
        --select-trigger-border-top-right-radius: var(--corner-radius-extra-small);
        --select-trigger-border-bottom-left-radius: var(--corner-radius-extra-small);
        --select-trigger-border-bottom-right-radius: var(--corner-radius-extra-small);
        --select-trigger-border-color: var(--border-border-grey-3);
        --select-trigger-border-top-width: 1px;
        --select-trigger-border-right-width: 1px;
        --select-trigger-border-bottom-width: 1px;
        --select-trigger-border-left-width: 1px;
        --select-trigger-padding-left: var(--spacing-space-5);
        --select-trigger-padding-right: var(--spacing-space-5);
        --select-trigger-padding-top: var(--spacing-space-5);
        --select-trigger-padding-bottom: var(--spacing-space-5);
        --select-trigger-row-gap: var(--spacing-space-5);
        --select-trigger-column-gap: var(--spacing-space-5);
        --select-trigger-font-family: var(--font-family-body);
        --select-trigger-font-size: var(--font-size-body-small);
        --select-trigger-font-weight: var(--font-weight-regular);
        --select-trigger-line-height: var(--line-height-body-small);
        --select-trigger-paragraph-spacing: 0px;
        --select-trigger-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="select-trigger-default"][active]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="select-trigger-default"][active]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="select-trigger-default"]:active:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="select-trigger-default"]:active:not(:disabled):not([disabled]) {
        --select-trigger-height: 32px;
        --select-trigger-width: 100%;
        --select-trigger-background-color: var(--interactive-surface-secondary-default);
        --select-trigger-color: var(--text-primary);
        --select-trigger-border-top-left-radius: var(--corner-radius-extra-small);
        --select-trigger-border-top-right-radius: var(--corner-radius-extra-small);
        --select-trigger-border-bottom-left-radius: var(--corner-radius-extra-small);
        --select-trigger-border-bottom-right-radius: var(--corner-radius-extra-small);
        --select-trigger-border-color: var(--border-border-grey-3);
        --select-trigger-border-top-width: 1px;
        --select-trigger-border-right-width: 1px;
        --select-trigger-border-bottom-width: 1px;
        --select-trigger-border-left-width: 1px;
        --select-trigger-padding-left: var(--spacing-space-5);
        --select-trigger-padding-right: var(--spacing-space-5);
        --select-trigger-padding-top: var(--spacing-space-5);
        --select-trigger-padding-bottom: var(--spacing-space-5);
        --select-trigger-row-gap: var(--spacing-space-5);
        --select-trigger-column-gap: var(--spacing-space-5);
        --select-trigger-font-family: var(--font-family-body);
        --select-trigger-font-size: var(--font-size-body-small);
        --select-trigger-font-weight: var(--font-weight-regular);
        --select-trigger-line-height: var(--line-height-body-small);
        --select-trigger-paragraph-spacing: 0px;
        --select-trigger-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="select-trigger-default"]:has(:focus):not(:disabled):not([disabled]), [data-theme='light'] [component-variant="select-trigger-default"]:has(:focus):not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="select-trigger-default"]:focus:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="select-trigger-default"]:focus:not(:disabled):not([disabled]) {
        --select-trigger-height: 32px;
        --select-trigger-width: 100%;
        --select-trigger-background-color: var(--interactive-surface-secondary-default);
        --select-trigger-color: var(--text-primary);
        --select-trigger-border-top-left-radius: var(--corner-radius-extra-small);
        --select-trigger-border-top-right-radius: var(--corner-radius-extra-small);
        --select-trigger-border-bottom-left-radius: var(--corner-radius-extra-small);
        --select-trigger-border-bottom-right-radius: var(--corner-radius-extra-small);
        --select-trigger-border-color: var(--border-primary);
        --select-trigger-border-top-width: 1px;
        --select-trigger-border-right-width: 1px;
        --select-trigger-border-bottom-width: 1px;
        --select-trigger-border-left-width: 1px;
        --select-trigger-padding-left: var(--spacing-space-5);
        --select-trigger-padding-right: var(--spacing-space-5);
        --select-trigger-padding-top: var(--spacing-space-5);
        --select-trigger-padding-bottom: var(--spacing-space-5);
        --select-trigger-row-gap: var(--spacing-space-5);
        --select-trigger-column-gap: var(--spacing-space-5);
        --select-trigger-font-family: var(--font-family-body);
        --select-trigger-font-size: var(--font-size-body-small);
        --select-trigger-font-weight: var(--font-weight-regular);
        --select-trigger-line-height: var(--line-height-body-small);
        --select-trigger-paragraph-spacing: 0px;
        --select-trigger-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="select-trigger-default"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='light'] [component-variant="select-trigger-default"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="select-trigger-default"]:focus-visible:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="select-trigger-default"]:focus-visible:not(:disabled):not([disabled]) {
        --select-trigger-height: 32px;
        --select-trigger-width: 100%;
        --select-trigger-background-color: var(--interactive-surface-secondary-default);
        --select-trigger-color: var(--text-primary);
        --select-trigger-border-top-left-radius: var(--corner-radius-extra-small);
        --select-trigger-border-top-right-radius: var(--corner-radius-extra-small);
        --select-trigger-border-bottom-left-radius: var(--corner-radius-extra-small);
        --select-trigger-border-bottom-right-radius: var(--corner-radius-extra-small);
        --select-trigger-border-color: var(--border-border-grey-1);
        --select-trigger-border-top-width: 1px;
        --select-trigger-border-right-width: 1px;
        --select-trigger-border-bottom-width: 1px;
        --select-trigger-border-left-width: 1px;
        --select-trigger-padding-left: var(--spacing-space-5);
        --select-trigger-padding-right: var(--spacing-space-5);
        --select-trigger-padding-top: var(--spacing-space-5);
        --select-trigger-padding-bottom: var(--spacing-space-5);
        --select-trigger-row-gap: var(--spacing-space-5);
        --select-trigger-column-gap: var(--spacing-space-5);
        --select-trigger-font-family: var(--font-family-body);
        --select-trigger-font-size: var(--font-size-body-small);
        --select-trigger-font-weight: var(--font-weight-regular);
        --select-trigger-line-height: var(--line-height-body-small);
        --select-trigger-paragraph-spacing: 0px;
        --select-trigger-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="select-trigger-default"][invalid]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="select-trigger-default"][invalid]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="select-trigger-default"]:invalid:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="select-trigger-default"]:invalid:not(:disabled):not([disabled]) {
        --select-trigger-height: 32px;
        --select-trigger-width: 100%;
        --select-trigger-background-color: var(--interactive-surface-secondary-default);
        --select-trigger-color: var(--text-primary);
        --select-trigger-border-top-left-radius: var(--corner-radius-extra-small);
        --select-trigger-border-top-right-radius: var(--corner-radius-extra-small);
        --select-trigger-border-bottom-left-radius: var(--corner-radius-extra-small);
        --select-trigger-border-bottom-right-radius: var(--corner-radius-extra-small);
        --select-trigger-border-color: var(--border-destructive);
        --select-trigger-border-top-width: 1px;
        --select-trigger-border-right-width: 1px;
        --select-trigger-border-bottom-width: 1px;
        --select-trigger-border-left-width: 1px;
        --select-trigger-padding-left: var(--spacing-space-5);
        --select-trigger-padding-right: var(--spacing-space-5);
        --select-trigger-padding-top: var(--spacing-space-5);
        --select-trigger-padding-bottom: var(--spacing-space-5);
        --select-trigger-row-gap: var(--spacing-space-5);
        --select-trigger-column-gap: var(--spacing-space-5);
        --select-trigger-font-family: var(--font-family-body);
        --select-trigger-font-size: var(--font-size-body-small);
        --select-trigger-font-weight: var(--font-weight-regular);
        --select-trigger-line-height: var(--line-height-body-small);
        --select-trigger-paragraph-spacing: 0px;
        --select-trigger-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="select-trigger-default"][disabled],
[data-theme='light'] [component-variant="select-trigger-default"][disabled],
[data-theme='dark'] [component-variant="select-trigger-default"]:disabled,
[data-theme='light'] [component-variant="select-trigger-default"]:disabled {
        --select-trigger-height: 32px;
        --select-trigger-width: 100%;
        --select-trigger-background-color: var(--interactive-surface-secondary-disabled);
        --select-trigger-color: var(--text-tertiary);
        --select-trigger-border-top-left-radius: var(--corner-radius-extra-small);
        --select-trigger-border-top-right-radius: var(--corner-radius-extra-small);
        --select-trigger-border-bottom-left-radius: var(--corner-radius-extra-small);
        --select-trigger-border-bottom-right-radius: var(--corner-radius-extra-small);
        --select-trigger-border-color: var(--border-border-grey-2);
        --select-trigger-border-top-width: 1px;
        --select-trigger-border-right-width: 1px;
        --select-trigger-border-bottom-width: 1px;
        --select-trigger-border-left-width: 1px;
        --select-trigger-padding-left: var(--spacing-space-5);
        --select-trigger-padding-right: var(--spacing-space-5);
        --select-trigger-padding-top: var(--spacing-space-5);
        --select-trigger-padding-bottom: var(--spacing-space-5);
        --select-trigger-row-gap: var(--spacing-space-5);
        --select-trigger-column-gap: var(--spacing-space-5);
        --select-trigger-font-family: var(--font-family-body);
        --select-trigger-font-size: var(--font-size-body-small);
        --select-trigger-font-weight: var(--font-weight-regular);
        --select-trigger-line-height: var(--line-height-body-small);
        --select-trigger-paragraph-spacing: 0px;
        --select-trigger-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="select-trigger-ghost"], [data-theme='light'] [component-variant="select-trigger-ghost"] {
        --select-trigger-height: 32px;
        --select-trigger-background-color: var(--interactive-surface-ghost-default);
        --select-trigger-color: var(--text-secondary);
        --select-trigger-border-top-left-radius: var(--corner-radius-extra-small);
        --select-trigger-border-top-right-radius: var(--corner-radius-extra-small);
        --select-trigger-border-bottom-left-radius: var(--corner-radius-extra-small);
        --select-trigger-border-bottom-right-radius: var(--corner-radius-extra-small);
        --select-trigger-padding-left: var(--spacing-space-5);
        --select-trigger-padding-right: var(--spacing-space-5);
        --select-trigger-padding-top: var(--spacing-space-5);
        --select-trigger-padding-bottom: var(--spacing-space-5);
        --select-trigger-row-gap: var(--spacing-space-5);
        --select-trigger-column-gap: var(--spacing-space-5);
        --select-trigger-font-family: var(--font-family-body);
        --select-trigger-font-size: var(--font-size-body-small);
        --select-trigger-font-weight: var(--font-weight-regular);
        --select-trigger-line-height: var(--line-height-body-small);
        --select-trigger-paragraph-spacing: 0px;
        --select-trigger-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="select-trigger-ghost"]:hover:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="select-trigger-ghost"]:hover:not(:disabled):not([disabled]) {
        --select-trigger-height: 32px;
        --select-trigger-background-color: var(--interactive-surface-ghost-hover);
        --select-trigger-color: var(--text-primary);
        --select-trigger-border-top-left-radius: var(--corner-radius-extra-small);
        --select-trigger-border-top-right-radius: var(--corner-radius-extra-small);
        --select-trigger-border-bottom-left-radius: var(--corner-radius-extra-small);
        --select-trigger-border-bottom-right-radius: var(--corner-radius-extra-small);
        --select-trigger-padding-left: var(--spacing-space-5);
        --select-trigger-padding-right: var(--spacing-space-5);
        --select-trigger-padding-top: var(--spacing-space-5);
        --select-trigger-padding-bottom: var(--spacing-space-5);
        --select-trigger-row-gap: var(--spacing-space-5);
        --select-trigger-column-gap: var(--spacing-space-5);
        --select-trigger-font-family: var(--font-family-body);
        --select-trigger-font-size: var(--font-size-body-small);
        --select-trigger-font-weight: var(--font-weight-regular);
        --select-trigger-line-height: var(--line-height-body-small);
        --select-trigger-paragraph-spacing: 0px;
        --select-trigger-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="select-trigger-ghost"][active]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="select-trigger-ghost"][active]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="select-trigger-ghost"]:active:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="select-trigger-ghost"]:active:not(:disabled):not([disabled]) {
        --select-trigger-height: 32px;
        --select-trigger-background-color: var(--interactive-surface-ghost-pressed);
        --select-trigger-color: var(--text-primary);
        --select-trigger-border-top-left-radius: var(--corner-radius-extra-small);
        --select-trigger-border-top-right-radius: var(--corner-radius-extra-small);
        --select-trigger-border-bottom-left-radius: var(--corner-radius-extra-small);
        --select-trigger-border-bottom-right-radius: var(--corner-radius-extra-small);
        --select-trigger-padding-left: var(--spacing-space-5);
        --select-trigger-padding-right: var(--spacing-space-5);
        --select-trigger-padding-top: var(--spacing-space-5);
        --select-trigger-padding-bottom: var(--spacing-space-5);
        --select-trigger-row-gap: var(--spacing-space-5);
        --select-trigger-column-gap: var(--spacing-space-5);
        --select-trigger-font-family: var(--font-family-body);
        --select-trigger-font-size: var(--font-size-body-small);
        --select-trigger-font-weight: var(--font-weight-regular);
        --select-trigger-line-height: var(--line-height-body-small);
        --select-trigger-paragraph-spacing: 0px;
        --select-trigger-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="select-trigger-ghost"]:has(:focus):not(:disabled):not([disabled]), [data-theme='light'] [component-variant="select-trigger-ghost"]:has(:focus):not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="select-trigger-ghost"]:focus:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="select-trigger-ghost"]:focus:not(:disabled):not([disabled]) {
        --select-trigger-height: 32px;
        --select-trigger-background-color: var(--interactive-surface-ghost-default);
        --select-trigger-color: var(--text-primary);
        --select-trigger-border-top-left-radius: var(--corner-radius-extra-small);
        --select-trigger-border-top-right-radius: var(--corner-radius-extra-small);
        --select-trigger-border-bottom-left-radius: var(--corner-radius-extra-small);
        --select-trigger-border-bottom-right-radius: var(--corner-radius-extra-small);
        --select-trigger-border-color: var(--border-primary);
        --select-trigger-border-top-width: 1px;
        --select-trigger-border-right-width: 1px;
        --select-trigger-border-bottom-width: 1px;
        --select-trigger-border-left-width: 1px;
        --select-trigger-padding-left: var(--spacing-space-5);
        --select-trigger-padding-right: var(--spacing-space-5);
        --select-trigger-padding-top: var(--spacing-space-5);
        --select-trigger-padding-bottom: var(--spacing-space-5);
        --select-trigger-row-gap: var(--spacing-space-5);
        --select-trigger-column-gap: var(--spacing-space-5);
        --select-trigger-font-family: var(--font-family-body);
        --select-trigger-font-size: var(--font-size-body-small);
        --select-trigger-font-weight: var(--font-weight-regular);
        --select-trigger-line-height: var(--line-height-body-small);
        --select-trigger-paragraph-spacing: 0px;
        --select-trigger-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="select-trigger-ghost"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='light'] [component-variant="select-trigger-ghost"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="select-trigger-ghost"]:focus-visible:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="select-trigger-ghost"]:focus-visible:not(:disabled):not([disabled]) {
        --select-trigger-height: 32px;
        --select-trigger-background-color: var(--interactive-surface-ghost-default);
        --select-trigger-color: var(--text-primary);
        --select-trigger-border-top-left-radius: var(--corner-radius-extra-small);
        --select-trigger-border-top-right-radius: var(--corner-radius-extra-small);
        --select-trigger-border-bottom-left-radius: var(--corner-radius-extra-small);
        --select-trigger-border-bottom-right-radius: var(--corner-radius-extra-small);
        --select-trigger-border-color: var(--border-border-grey-1);
        --select-trigger-border-top-width: 1px;
        --select-trigger-border-right-width: 1px;
        --select-trigger-border-bottom-width: 1px;
        --select-trigger-border-left-width: 1px;
        --select-trigger-padding-left: var(--spacing-space-5);
        --select-trigger-padding-right: var(--spacing-space-5);
        --select-trigger-padding-top: var(--spacing-space-5);
        --select-trigger-padding-bottom: var(--spacing-space-5);
        --select-trigger-row-gap: var(--spacing-space-5);
        --select-trigger-column-gap: var(--spacing-space-5);
        --select-trigger-font-family: var(--font-family-body);
        --select-trigger-font-size: var(--font-size-body-small);
        --select-trigger-font-weight: var(--font-weight-regular);
        --select-trigger-line-height: var(--line-height-body-small);
        --select-trigger-paragraph-spacing: 0px;
        --select-trigger-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="select-trigger-ghost"][invalid]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="select-trigger-ghost"][invalid]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="select-trigger-ghost"]:invalid:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="select-trigger-ghost"]:invalid:not(:disabled):not([disabled]) {
        --select-trigger-height: 32px;
        --select-trigger-background-color: var(--interactive-surface-ghost-default);
        --select-trigger-color: var(--text-primary);
        --select-trigger-border-top-left-radius: var(--corner-radius-extra-small);
        --select-trigger-border-top-right-radius: var(--corner-radius-extra-small);
        --select-trigger-border-bottom-left-radius: var(--corner-radius-extra-small);
        --select-trigger-border-bottom-right-radius: var(--corner-radius-extra-small);
        --select-trigger-border-color: var(--border-destructive);
        --select-trigger-border-top-width: 1px;
        --select-trigger-border-right-width: 1px;
        --select-trigger-border-bottom-width: 1px;
        --select-trigger-border-left-width: 1px;
        --select-trigger-padding-left: var(--spacing-space-5);
        --select-trigger-padding-right: var(--spacing-space-5);
        --select-trigger-padding-top: var(--spacing-space-5);
        --select-trigger-padding-bottom: var(--spacing-space-5);
        --select-trigger-row-gap: var(--spacing-space-5);
        --select-trigger-column-gap: var(--spacing-space-5);
        --select-trigger-font-family: var(--font-family-body);
        --select-trigger-font-size: var(--font-size-body-small);
        --select-trigger-font-weight: var(--font-weight-regular);
        --select-trigger-line-height: var(--line-height-body-small);
        --select-trigger-paragraph-spacing: 0px;
        --select-trigger-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="select-trigger-ghost"][disabled],
[data-theme='light'] [component-variant="select-trigger-ghost"][disabled],
[data-theme='dark'] [component-variant="select-trigger-ghost"]:disabled,
[data-theme='light'] [component-variant="select-trigger-ghost"]:disabled {
        --select-trigger-height: 32px;
        --select-trigger-background-color: var(--interactive-surface-ghost-disabled);
        --select-trigger-color: var(--text-tertiary);
        --select-trigger-border-top-left-radius: var(--corner-radius-extra-small);
        --select-trigger-border-top-right-radius: var(--corner-radius-extra-small);
        --select-trigger-border-bottom-left-radius: var(--corner-radius-extra-small);
        --select-trigger-border-bottom-right-radius: var(--corner-radius-extra-small);
        --select-trigger-padding-left: var(--spacing-space-5);
        --select-trigger-padding-right: var(--spacing-space-5);
        --select-trigger-padding-top: var(--spacing-space-5);
        --select-trigger-padding-bottom: var(--spacing-space-5);
        --select-trigger-row-gap: var(--spacing-space-5);
        --select-trigger-column-gap: var(--spacing-space-5);
        --select-trigger-font-family: var(--font-family-body);
        --select-trigger-font-size: var(--font-size-body-small);
        --select-trigger-font-weight: var(--font-weight-regular);
        --select-trigger-line-height: var(--line-height-body-small);
        --select-trigger-paragraph-spacing: 0px;
        --select-trigger-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant^="date-input-"], [data-theme='light'] [component-variant^="date-input-"] {
        --date-input-opacity: 1;
        --date-input-height: auto;
        --date-input-min-height: auto;
        --date-input-max-height: none;
        --date-input-width: auto;
        --date-input-min-width: auto;
        --date-input-max-width: none;
        --date-input-background-color: transparent;
        --date-input-fill: currentcolor;
        --date-input-border-top-left-radius: 0px;
        --date-input-border-top-right-radius: 0px;
        --date-input-border-bottom-left-radius: 0px;
        --date-input-border-bottom-right-radius: 0px;
        --date-input-border-color: transparent;
        --date-input-border-style: solid;
        --date-input-border-gap: normal;
        --date-input-border-dash: none;
        --date-input-border-top-width: 0px;
        --date-input-border-right-width: 0px;
        --date-input-border-bottom-width: 0px;
        --date-input-border-left-width: 0px;
        --date-input-outline-color: auto;
        --date-input-outline-style: solid;
        --date-input-outline-width: 0px;
        --date-input-padding-left: 0px;
        --date-input-padding-right: 0px;
        --date-input-padding-top: 0px;
        --date-input-padding-bottom: 0px;
        --date-input-row-gap: 0px;
        --date-input-column-gap: 0px;
        --date-input-font-family: sans-serif;
        --date-input-font-size: medium;
        --date-input-color: currentcolor;
        --date-input-letter-spacing: normal;
        --date-input-line-height: normal;
        --date-input-paragraph-spacing: ;
        --date-input-paragraph-indent:
    }
[data-theme='dark'] [component-variant="date-input-default"], [data-theme='light'] [component-variant="date-input-default"] {
        --date-input-height: 32px;
        --date-input-width: 284px;
        --date-input-background-color: var(--interactive-surface-secondary-default);
        --date-input-color: var(--text-secondary);
        --date-input-border-top-left-radius: var(--corner-radius-extra-small);
        --date-input-border-top-right-radius: var(--corner-radius-extra-small);
        --date-input-border-bottom-left-radius: var(--corner-radius-extra-small);
        --date-input-border-bottom-right-radius: var(--corner-radius-extra-small);
        --date-input-border-color: var(--border-border-grey-3);
        --date-input-border-top-width: 1px;
        --date-input-border-right-width: 1px;
        --date-input-border-bottom-width: 1px;
        --date-input-border-left-width: 1px;
        --date-input-padding-left: var(--spacing-space-5);
        --date-input-padding-right: var(--spacing-space-5);
        --date-input-padding-top: var(--spacing-space-3);
        --date-input-padding-bottom: var(--spacing-space-3);
        --date-input-row-gap: var(--spacing-space-5);
        --date-input-column-gap: var(--spacing-space-5);
        --date-input-font-family: var(--font-family-body);
        --date-input-font-size: var(--font-size-body-small);
        --date-input-font-weight: var(--font-weight-regular);
        --date-input-line-height: var(--line-height-body-small);
        --date-input-paragraph-spacing: 0px;
        --date-input-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="date-input-default"]:hover:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="date-input-default"]:hover:not(:disabled):not([disabled]) {
        --date-input-height: 32px;
        --date-input-width: 284px;
        --date-input-background-color: var(--interactive-surface-secondary-default);
        --date-input-color: var(--text-primary);
        --date-input-border-top-left-radius: var(--corner-radius-extra-small);
        --date-input-border-top-right-radius: var(--corner-radius-extra-small);
        --date-input-border-bottom-left-radius: var(--corner-radius-extra-small);
        --date-input-border-bottom-right-radius: var(--corner-radius-extra-small);
        --date-input-border-color: var(--border-border-grey-2);
        --date-input-border-top-width: 1px;
        --date-input-border-right-width: 1px;
        --date-input-border-bottom-width: 1px;
        --date-input-border-left-width: 1px;
        --date-input-padding-left: var(--spacing-space-5);
        --date-input-padding-right: var(--spacing-space-5);
        --date-input-padding-top: var(--spacing-space-3);
        --date-input-padding-bottom: var(--spacing-space-3);
        --date-input-row-gap: var(--spacing-space-5);
        --date-input-column-gap: var(--spacing-space-5);
        --date-input-font-family: var(--font-family-body);
        --date-input-font-size: var(--font-size-body-small);
        --date-input-font-weight: var(--font-weight-regular);
        --date-input-line-height: var(--line-height-body-small);
        --date-input-paragraph-spacing: 0px;
        --date-input-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="date-input-default"][active]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="date-input-default"][active]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="date-input-default"]:active:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="date-input-default"]:active:not(:disabled):not([disabled]) {
        --date-input-height: 32px;
        --date-input-width: 284px;
        --date-input-background-color: var(--interactive-surface-secondary-default);
        --date-input-color: var(--text-primary);
        --date-input-border-top-left-radius: var(--corner-radius-extra-small);
        --date-input-border-top-right-radius: var(--corner-radius-extra-small);
        --date-input-border-bottom-left-radius: var(--corner-radius-extra-small);
        --date-input-border-bottom-right-radius: var(--corner-radius-extra-small);
        --date-input-border-color: var(--border-border-grey-2);
        --date-input-border-top-width: 1px;
        --date-input-border-right-width: 1px;
        --date-input-border-bottom-width: 1px;
        --date-input-border-left-width: 1px;
        --date-input-padding-left: var(--spacing-space-5);
        --date-input-padding-right: var(--spacing-space-5);
        --date-input-padding-top: var(--spacing-space-3);
        --date-input-padding-bottom: var(--spacing-space-3);
        --date-input-row-gap: var(--spacing-space-5);
        --date-input-column-gap: var(--spacing-space-5);
        --date-input-font-family: var(--font-family-body);
        --date-input-font-size: var(--font-size-body-small);
        --date-input-font-weight: var(--font-weight-regular);
        --date-input-line-height: var(--line-height-body-small);
        --date-input-paragraph-spacing: 0px;
        --date-input-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="date-input-default"]:has(:focus):not(:disabled):not([disabled]), [data-theme='light'] [component-variant="date-input-default"]:has(:focus):not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="date-input-default"]:focus:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="date-input-default"]:focus:not(:disabled):not([disabled]) {
        --date-input-height: 32px;
        --date-input-width: 284px;
        --date-input-background-color: var(--interactive-surface-secondary-default);
        --date-input-color: var(--text-primary);
        --date-input-border-top-left-radius: var(--corner-radius-extra-small);
        --date-input-border-top-right-radius: var(--corner-radius-extra-small);
        --date-input-border-bottom-left-radius: var(--corner-radius-extra-small);
        --date-input-border-bottom-right-radius: var(--corner-radius-extra-small);
        --date-input-border-color: var(--border-primary);
        --date-input-border-top-width: 1px;
        --date-input-border-right-width: 1px;
        --date-input-border-bottom-width: 1px;
        --date-input-border-left-width: 1px;
        --date-input-padding-left: var(--spacing-space-5);
        --date-input-padding-right: var(--spacing-space-5);
        --date-input-padding-top: var(--spacing-space-3);
        --date-input-padding-bottom: var(--spacing-space-3);
        --date-input-row-gap: var(--spacing-space-5);
        --date-input-column-gap: var(--spacing-space-5);
        --date-input-font-family: var(--font-family-body);
        --date-input-font-size: var(--font-size-body-small);
        --date-input-font-weight: var(--font-weight-regular);
        --date-input-line-height: var(--line-height-body-small);
        --date-input-paragraph-spacing: 0px;
        --date-input-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="date-input-default"][invalid]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="date-input-default"][invalid]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="date-input-default"]:invalid:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="date-input-default"]:invalid:not(:disabled):not([disabled]) {
        --date-input-height: 32px;
        --date-input-width: 284px;
        --date-input-background-color: var(--interactive-surface-secondary-default);
        --date-input-color: var(--text-primary);
        --date-input-border-top-left-radius: var(--corner-radius-extra-small);
        --date-input-border-top-right-radius: var(--corner-radius-extra-small);
        --date-input-border-bottom-left-radius: var(--corner-radius-extra-small);
        --date-input-border-bottom-right-radius: var(--corner-radius-extra-small);
        --date-input-border-color: var(--border-destructive);
        --date-input-border-top-width: 1px;
        --date-input-border-right-width: 1px;
        --date-input-border-bottom-width: 1px;
        --date-input-border-left-width: 1px;
        --date-input-padding-left: var(--spacing-space-5);
        --date-input-padding-right: var(--spacing-space-5);
        --date-input-padding-top: var(--spacing-space-3);
        --date-input-padding-bottom: var(--spacing-space-3);
        --date-input-row-gap: var(--spacing-space-5);
        --date-input-column-gap: var(--spacing-space-5);
        --date-input-font-family: var(--font-family-body);
        --date-input-font-size: var(--font-size-body-small);
        --date-input-font-weight: var(--font-weight-regular);
        --date-input-line-height: var(--line-height-body-small);
        --date-input-paragraph-spacing: 0px;
        --date-input-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="date-input-default"][disabled],
    [data-theme='light'] [component-variant="date-input-default"][disabled],
    [data-theme='dark'] [component-variant="date-input-default"]:disabled,
    [data-theme='light'] [component-variant="date-input-default"]:disabled {
        --date-input-height: 32px;
        --date-input-width: 284px;
        --date-input-background-color: var(--interactive-surface-secondary-disabled);
        --date-input-color: var(--text-tertiary);
        --date-input-border-top-left-radius: var(--corner-radius-extra-small);
        --date-input-border-top-right-radius: var(--corner-radius-extra-small);
        --date-input-border-bottom-left-radius: var(--corner-radius-extra-small);
        --date-input-border-bottom-right-radius: var(--corner-radius-extra-small);
        --date-input-border-color: var(--border-border-grey-2);
        --date-input-border-top-width: 1px;
        --date-input-border-right-width: 1px;
        --date-input-border-bottom-width: 1px;
        --date-input-border-left-width: 1px;
        --date-input-padding-left: var(--spacing-space-5);
        --date-input-padding-right: var(--spacing-space-5);
        --date-input-padding-top: var(--spacing-space-3);
        --date-input-padding-bottom: var(--spacing-space-3);
        --date-input-row-gap: var(--spacing-space-5);
        --date-input-column-gap: var(--spacing-space-5);
        --date-input-font-family: var(--font-family-body);
        --date-input-font-size: var(--font-size-body-small);
        --date-input-font-weight: var(--font-weight-regular);
        --date-input-line-height: var(--line-height-body-small);
        --date-input-paragraph-spacing: 0px;
        --date-input-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant^="date-picker-day-"], [data-theme='light'] [component-variant^="date-picker-day-"] {
        --date-picker-day-opacity: 1;
        --date-picker-day-height: auto;
        --date-picker-day-min-height: auto;
        --date-picker-day-max-height: none;
        --date-picker-day-width: auto;
        --date-picker-day-min-width: auto;
        --date-picker-day-max-width: none;
        --date-picker-day-background-color: transparent;
        --date-picker-day-fill: currentcolor;
        --date-picker-day-border-top-left-radius: 0px;
        --date-picker-day-border-top-right-radius: 0px;
        --date-picker-day-border-bottom-left-radius: 0px;
        --date-picker-day-border-bottom-right-radius: 0px;
        --date-picker-day-border-color: transparent;
        --date-picker-day-border-style: solid;
        --date-picker-day-border-gap: normal;
        --date-picker-day-border-dash: none;
        --date-picker-day-border-top-width: 0px;
        --date-picker-day-border-right-width: 0px;
        --date-picker-day-border-bottom-width: 0px;
        --date-picker-day-border-left-width: 0px;
        --date-picker-day-outline-color: auto;
        --date-picker-day-outline-style: solid;
        --date-picker-day-outline-width: 0px;
        --date-picker-day-padding-left: 0px;
        --date-picker-day-padding-right: 0px;
        --date-picker-day-padding-top: 0px;
        --date-picker-day-padding-bottom: 0px;
        --date-picker-day-row-gap: 0px;
        --date-picker-day-column-gap: 0px;
        --date-picker-day-font-family: sans-serif;
        --date-picker-day-font-size: medium;
        --date-picker-day-color: currentcolor;
        --date-picker-day-letter-spacing: normal;
        --date-picker-day-line-height: normal;
        --date-picker-day-paragraph-spacing: ;
        --date-picker-day-paragraph-indent: 
    }
[data-theme='dark'] [component-variant="date-picker-day-default"], [data-theme='light'] [component-variant="date-picker-day-default"] {
        --date-picker-day-height: 30px;
        --date-picker-day-width: 30px;
        --date-picker-day-color: var(--text-primary);
        --date-picker-day-border-top-left-radius: var(--corner-radius-extra-small);
        --date-picker-day-border-top-right-radius: var(--corner-radius-extra-small);
        --date-picker-day-border-bottom-left-radius: var(--corner-radius-extra-small);
        --date-picker-day-border-bottom-right-radius: var(--corner-radius-extra-small);
        --date-picker-day-padding-left: var(--spacing-space-1);
        --date-picker-day-padding-right: var(--spacing-space-1);
        --date-picker-day-padding-top: var(--spacing-space-5);
        --date-picker-day-padding-bottom: var(--spacing-space-5);
        --date-picker-day-row-gap: var(--spacing-space-1);
        --date-picker-day-column-gap: var(--spacing-space-1);
        --date-picker-day-font-family: var(--font-family-body);
        --date-picker-day-font-size: var(--font-size-body-small);
        --date-picker-day-font-weight: var(--font-weight-regular);
        --date-picker-day-line-height: var(--line-height-body-small);
        --date-picker-day-paragraph-spacing: 0px;
        --date-picker-day-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="date-picker-day-default"]:hover:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="date-picker-day-default"]:hover:not(:disabled):not([disabled]) {
        --date-picker-day-height: 30px;
        --date-picker-day-width: 30px;
        --date-picker-day-background-color: var(--interactive-surface-secondary-hover);
        --date-picker-day-color: var(--text-primary);
        --date-picker-day-border-top-left-radius: var(--corner-radius-extra-small);
        --date-picker-day-border-top-right-radius: var(--corner-radius-extra-small);
        --date-picker-day-border-bottom-left-radius: var(--corner-radius-extra-small);
        --date-picker-day-border-bottom-right-radius: var(--corner-radius-extra-small);
        --date-picker-day-padding-left: var(--spacing-space-1);
        --date-picker-day-padding-right: var(--spacing-space-1);
        --date-picker-day-padding-top: var(--spacing-space-5);
        --date-picker-day-padding-bottom: var(--spacing-space-5);
        --date-picker-day-row-gap: var(--spacing-space-1);
        --date-picker-day-column-gap: var(--spacing-space-1);
        --date-picker-day-font-family: var(--font-family-body);
        --date-picker-day-font-size: var(--font-size-body-small);
        --date-picker-day-font-weight: var(--font-weight-regular);
        --date-picker-day-line-height: var(--line-height-body-small);
        --date-picker-day-paragraph-spacing: 0px;
        --date-picker-day-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="date-picker-day-default"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='light'] [component-variant="date-picker-day-default"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="date-picker-day-default"]:focus-visible:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="date-picker-day-default"]:focus-visible:not(:disabled):not([disabled]) {
        --date-picker-day-height: 30px;
        --date-picker-day-width: 30px;
        --date-picker-day-background-color: var(--interactive-surface-secondary-hover);
        --date-picker-day-color: var(--text-primary);
        --date-picker-day-border-top-left-radius: var(--corner-radius-extra-small);
        --date-picker-day-border-top-right-radius: var(--corner-radius-extra-small);
        --date-picker-day-border-bottom-left-radius: var(--corner-radius-extra-small);
        --date-picker-day-border-bottom-right-radius: var(--corner-radius-extra-small);
        --date-picker-day-border-color: var(--border-border-grey-1);
        --date-picker-day-border-top-width: 1px;
        --date-picker-day-border-right-width: 1px;
        --date-picker-day-border-bottom-width: 1px;
        --date-picker-day-border-left-width: 1px;
        --date-picker-day-padding-left: var(--spacing-space-1);
        --date-picker-day-padding-right: var(--spacing-space-1);
        --date-picker-day-padding-top: var(--spacing-space-5);
        --date-picker-day-padding-bottom: var(--spacing-space-5);
        --date-picker-day-row-gap: var(--spacing-space-1);
        --date-picker-day-column-gap: var(--spacing-space-1);
        --date-picker-day-font-family: var(--font-family-body);
        --date-picker-day-font-size: var(--font-size-body-small);
        --date-picker-day-font-weight: var(--font-weight-regular);
        --date-picker-day-line-height: var(--line-height-body-small);
        --date-picker-day-paragraph-spacing: 0px;
        --date-picker-day-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="date-picker-day-default"][active]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="date-picker-day-default"][active]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="date-picker-day-default"]:active:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="date-picker-day-default"]:active:not(:disabled):not([disabled]) {
        --date-picker-day-height: 30px;
        --date-picker-day-width: 30px;
        --date-picker-day-background-color: var(--interactive-surface-primary-default);
        --date-picker-day-color: var(--text-primary);
        --date-picker-day-border-top-left-radius: var(--corner-radius-extra-small);
        --date-picker-day-border-top-right-radius: var(--corner-radius-extra-small);
        --date-picker-day-border-bottom-left-radius: var(--corner-radius-extra-small);
        --date-picker-day-border-bottom-right-radius: var(--corner-radius-extra-small);
        --date-picker-day-padding-left: var(--spacing-space-1);
        --date-picker-day-padding-right: var(--spacing-space-1);
        --date-picker-day-padding-top: var(--spacing-space-5);
        --date-picker-day-padding-bottom: var(--spacing-space-5);
        --date-picker-day-row-gap: var(--spacing-space-1);
        --date-picker-day-column-gap: var(--spacing-space-1);
        --date-picker-day-font-family: var(--font-family-body);
        --date-picker-day-font-size: var(--font-size-body-small);
        --date-picker-day-font-weight: var(--font-weight-regular);
        --date-picker-day-line-height: var(--line-height-body-small);
        --date-picker-day-paragraph-spacing: 0px;
        --date-picker-day-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="date-picker-day-default"][disabled],
[data-theme='light'] [component-variant="date-picker-day-default"][disabled],
[data-theme='dark'] [component-variant="date-picker-day-default"]:disabled,
[data-theme='light'] [component-variant="date-picker-day-default"]:disabled {
        --date-picker-day-height: 30px;
        --date-picker-day-width: 30px;
        --date-picker-day-color: var(--text-tertiary);
        --date-picker-day-border-top-left-radius: var(--corner-radius-extra-small);
        --date-picker-day-border-top-right-radius: var(--corner-radius-extra-small);
        --date-picker-day-border-bottom-left-radius: var(--corner-radius-extra-small);
        --date-picker-day-border-bottom-right-radius: var(--corner-radius-extra-small);
        --date-picker-day-padding-left: var(--spacing-space-1);
        --date-picker-day-padding-right: var(--spacing-space-1);
        --date-picker-day-padding-top: var(--spacing-space-5);
        --date-picker-day-padding-bottom: var(--spacing-space-5);
        --date-picker-day-row-gap: var(--spacing-space-1);
        --date-picker-day-column-gap: var(--spacing-space-1);
        --date-picker-day-font-family: var(--font-family-body);
        --date-picker-day-font-size: var(--font-size-body-small);
        --date-picker-day-font-weight: var(--font-weight-regular);
        --date-picker-day-line-height: var(--line-height-body-small);
        --date-picker-day-paragraph-spacing: 0px;
        --date-picker-day-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="date-picker-day-default"]:blank:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="date-picker-day-default"]:blank:not(:disabled):not([disabled]) {
        --date-picker-day-height: 30px;
        --date-picker-day-width: 30px;
        --date-picker-day-border-top-left-radius: var(--corner-radius-extra-small);
        --date-picker-day-border-top-right-radius: var(--corner-radius-extra-small);
        --date-picker-day-border-bottom-left-radius: var(--corner-radius-extra-small);
        --date-picker-day-border-bottom-right-radius: var(--corner-radius-extra-small);
        --date-picker-day-padding-left: var(--spacing-space-1);
        --date-picker-day-padding-right: var(--spacing-space-1);
        --date-picker-day-padding-top: var(--spacing-space-5);
        --date-picker-day-padding-bottom: var(--spacing-space-5);
        --date-picker-day-row-gap: var(--spacing-space-1);
        --date-picker-day-column-gap: var(--spacing-space-1);
        --date-picker-day-font-family: sans-sarif;
        --date-picker-day-font-size: initial;
        --date-picker-day-font-weight: regular;
        --date-picker-day-paragraph-spacing: 0px;
        --date-picker-day-paragraph-indent: 0px
    }
[data-theme='custom'] [component-variant^="search-"], [data-theme='dark'] [component-variant^="search-"], [data-theme='light'] [component-variant^="search-"] {
        --search-opacity: 1;
        --search-height: auto;
        --search-min-height: auto;
        --search-max-height: none;
        --search-width: auto;
        --search-min-width: auto;
        --search-max-width: none;
        --search-background-color: transparent;
        --search-fill: currentcolor;
        --search-border-top-left-radius: 0px;
        --search-border-top-right-radius: 0px;
        --search-border-bottom-left-radius: 0px;
        --search-border-bottom-right-radius: 0px;
        --search-border-color: transparent;
        --search-border-style: solid;
        --search-border-gap: normal;
        --search-border-dash: none;
        --search-border-top-width: 0px;
        --search-border-right-width: 0px;
        --search-border-bottom-width: 0px;
        --search-border-left-width: 0px;
        --search-outline-color: auto;
        --search-outline-style: solid;
        --search-outline-width: 0px;
        --search-padding-left: 0px;
        --search-padding-right: 0px;
        --search-padding-top: 0px;
        --search-padding-bottom: 0px;
        --search-row-gap: 0px;
        --search-column-gap: 0px;
        --search-font-family: sans-serif;
        --search-font-size: medium;
        --search-color: currentcolor;
        --search-letter-spacing: normal;
        --search-line-height: normal;
        --search-paragraph-spacing: ;
        --search-paragraph-indent: 
    }
[data-theme='custom'] [component-variant="search-auto-default"], [data-theme='dark'] [component-variant="search-auto-default"], [data-theme='light'] [component-variant="search-auto-default"] {
        --search-width: 100%;
        --search-background-color: var(--interactive-surface-secondary-default);
        --search-color: var(--text-secondary);
        --search-border-top-left-radius: var(--corner-radius-extra-small);
        --search-border-top-right-radius: var(--corner-radius-extra-small);
        --search-border-bottom-left-radius: var(--corner-radius-extra-small);
        --search-border-bottom-right-radius: var(--corner-radius-extra-small);
        --search-border-color: var(--border-border-grey-3);
        --search-border-top-width: 1px;
        --search-border-right-width: 1px;
        --search-border-bottom-width: 1px;
        --search-border-left-width: 1px;
        --search-row-gap: var(--spacing-space-5);
        --search-column-gap: var(--spacing-space-5);
        --search-font-family: var(--font-family-body);
        --search-font-size: var(--font-size-body-small);
        --search-font-weight: var(--font-weight-regular);
        --search-line-height: var(--line-height-body-small);
        --search-paragraph-spacing: 0px;
        --search-paragraph-indent: 0px
    }
[data-theme='custom'] [component-variant="search-auto-default"]:hover:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="search-auto-default"]:hover:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="search-auto-default"]:hover:not(:disabled):not([disabled]) {
        --search-width: 100%;
        --search-color: var(--text-secondary);
        --search-border-top-left-radius: var(--corner-radius-extra-small);
        --search-border-top-right-radius: var(--corner-radius-extra-small);
        --search-border-bottom-left-radius: var(--corner-radius-extra-small);
        --search-border-bottom-right-radius: var(--corner-radius-extra-small);
        --search-row-gap: var(--spacing-space-5);
        --search-column-gap: var(--spacing-space-5);
        --search-font-family: var(--font-family-body);
        --search-font-size: var(--font-size-body-small);
        --search-font-weight: var(--font-weight-regular);
        --search-line-height: var(--line-height-body-small);
        --search-paragraph-spacing: 0px;
        --search-paragraph-indent: 0px
    }
[data-theme='custom'] [component-variant="search-auto-default"][active]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="search-auto-default"][active]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="search-auto-default"][active]:not(:disabled):not([disabled]), [data-theme='custom'] [component-variant="search-auto-default"]:active:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="search-auto-default"]:active:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="search-auto-default"]:active:not(:disabled):not([disabled]) {
        --search-width: 100%;
        --search-color: var(--text-secondary);
        --search-border-top-left-radius: var(--corner-radius-extra-small);
        --search-border-top-right-radius: var(--corner-radius-extra-small);
        --search-border-bottom-left-radius: var(--corner-radius-extra-small);
        --search-border-bottom-right-radius: var(--corner-radius-extra-small);
        --search-row-gap: var(--spacing-space-5);
        --search-column-gap: var(--spacing-space-5);
        --search-font-family: var(--font-family-body);
        --search-font-size: var(--font-size-body-small);
        --search-font-weight: var(--font-weight-regular);
        --search-line-height: var(--line-height-body-small);
        --search-paragraph-spacing: 0px;
        --search-paragraph-indent: 0px
    }
[data-theme='custom'] [component-variant="search-auto-default"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="search-auto-default"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='light'] [component-variant="search-auto-default"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='custom'] [component-variant="search-auto-default"]:focus-visible:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="search-auto-default"]:focus-visible:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="search-auto-default"]:focus-visible:not(:disabled):not([disabled]) {
        --search-width: 100%;
        --search-color: var(--text-secondary);
        --search-border-top-left-radius: var(--corner-radius-extra-small);
        --search-border-top-right-radius: var(--corner-radius-extra-small);
        --search-border-bottom-left-radius: var(--corner-radius-extra-small);
        --search-border-bottom-right-radius: var(--corner-radius-extra-small);
        --search-row-gap: var(--spacing-space-5);
        --search-column-gap: var(--spacing-space-5);
        --search-font-family: var(--font-family-body);
        --search-font-size: var(--font-size-body-small);
        --search-font-weight: var(--font-weight-regular);
        --search-line-height: var(--line-height-body-small);
        --search-paragraph-spacing: 0px;
        --search-paragraph-indent: 0px
    }
[data-theme='custom'] [component-variant="search-auto-default"][invalid]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="search-auto-default"][invalid]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="search-auto-default"][invalid]:not(:disabled):not([disabled]), [data-theme='custom'] [component-variant="search-auto-default"]:invalid:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="search-auto-default"]:invalid:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="search-auto-default"]:invalid:not(:disabled):not([disabled]) {
        --search-width: 100%;
        --search-color: var(--text-secondary);
        --search-border-top-left-radius: var(--corner-radius-extra-small);
        --search-border-top-right-radius: var(--corner-radius-extra-small);
        --search-border-bottom-left-radius: var(--corner-radius-extra-small);
        --search-border-bottom-right-radius: var(--corner-radius-extra-small);
        --search-row-gap: var(--spacing-space-5);
        --search-column-gap: var(--spacing-space-5);
        --search-font-family: var(--font-family-body);
        --search-font-size: var(--font-size-body-small);
        --search-font-weight: var(--font-weight-regular);
        --search-line-height: var(--line-height-body-small);
        --search-paragraph-spacing: 0px;
        --search-paragraph-indent: 0px
    }
[data-theme='custom'] [component-variant="search-auto-default"][disabled],
[data-theme='dark'] [component-variant="search-auto-default"][disabled],
[data-theme='light'] [component-variant="search-auto-default"][disabled],
[data-theme='custom'] [component-variant="search-auto-default"]:disabled,
[data-theme='dark'] [component-variant="search-auto-default"]:disabled,
[data-theme='light'] [component-variant="search-auto-default"]:disabled {
        --search-width: 100%;
        --search-color: var(--text-secondary);
        --search-border-top-left-radius: var(--corner-radius-extra-small);
        --search-border-top-right-radius: var(--corner-radius-extra-small);
        --search-border-bottom-left-radius: var(--corner-radius-extra-small);
        --search-border-bottom-right-radius: var(--corner-radius-extra-small);
        --search-row-gap: var(--spacing-space-5);
        --search-column-gap: var(--spacing-space-5);
        --search-font-family: var(--font-family-body);
        --search-font-size: var(--font-size-body-small);
        --search-font-weight: var(--font-weight-regular);
        --search-line-height: var(--line-height-body-small);
        --search-paragraph-spacing: 0px;
        --search-paragraph-indent: 0px
    }
[data-theme='custom'] [component-variant="search-auto-filled"], [data-theme='dark'] [component-variant="search-auto-filled"], [data-theme='light'] [component-variant="search-auto-filled"] {
        --search-width: 100%;
        --search-color: var(--text-secondary);
        --search-border-top-left-radius: var(--corner-radius-extra-small);
        --search-border-top-right-radius: var(--corner-radius-extra-small);
        --search-border-bottom-left-radius: var(--corner-radius-extra-small);
        --search-border-bottom-right-radius: var(--corner-radius-extra-small);
        --search-row-gap: var(--spacing-space-5);
        --search-column-gap: var(--spacing-space-5);
        --search-font-family: var(--font-family-body);
        --search-font-size: var(--font-size-body-small);
        --search-font-weight: var(--font-weight-regular);
        --search-line-height: var(--line-height-body-small);
        --search-paragraph-spacing: 0px;
        --search-paragraph-indent: 0px
    }
[data-theme='custom'] [component-variant="search-auto-filled"]:hover:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="search-auto-filled"]:hover:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="search-auto-filled"]:hover:not(:disabled):not([disabled]) {
        --search-width: 100%;
        --search-color: var(--text-secondary);
        --search-border-top-left-radius: var(--corner-radius-extra-small);
        --search-border-top-right-radius: var(--corner-radius-extra-small);
        --search-border-bottom-left-radius: var(--corner-radius-extra-small);
        --search-border-bottom-right-radius: var(--corner-radius-extra-small);
        --search-row-gap: var(--spacing-space-5);
        --search-column-gap: var(--spacing-space-5);
        --search-font-family: var(--font-family-body);
        --search-font-size: var(--font-size-body-small);
        --search-font-weight: var(--font-weight-regular);
        --search-line-height: var(--line-height-body-small);
        --search-paragraph-spacing: 0px;
        --search-paragraph-indent: 0px
    }
[data-theme='custom'] [component-variant="search-auto-filled"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="search-auto-filled"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='light'] [component-variant="search-auto-filled"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='custom'] [component-variant="search-auto-filled"]:focus-visible:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="search-auto-filled"]:focus-visible:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="search-auto-filled"]:focus-visible:not(:disabled):not([disabled]) {
        --search-width: 100%;
        --search-color: var(--text-secondary);
        --search-border-top-left-radius: var(--corner-radius-extra-small);
        --search-border-top-right-radius: var(--corner-radius-extra-small);
        --search-border-bottom-left-radius: var(--corner-radius-extra-small);
        --search-border-bottom-right-radius: var(--corner-radius-extra-small);
        --search-row-gap: var(--spacing-space-5);
        --search-column-gap: var(--spacing-space-5);
        --search-font-family: var(--font-family-body);
        --search-font-size: var(--font-size-body-small);
        --search-font-weight: var(--font-weight-regular);
        --search-line-height: var(--line-height-body-small);
        --search-paragraph-spacing: 0px;
        --search-paragraph-indent: 0px
    }
[data-theme='custom'] [component-variant="search-auto-filled"][invalid]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="search-auto-filled"][invalid]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="search-auto-filled"][invalid]:not(:disabled):not([disabled]), [data-theme='custom'] [component-variant="search-auto-filled"]:invalid:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="search-auto-filled"]:invalid:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="search-auto-filled"]:invalid:not(:disabled):not([disabled]) {
        --search-width: 100%;
        --search-color: var(--text-secondary);
        --search-border-top-left-radius: var(--corner-radius-extra-small);
        --search-border-top-right-radius: var(--corner-radius-extra-small);
        --search-border-bottom-left-radius: var(--corner-radius-extra-small);
        --search-border-bottom-right-radius: var(--corner-radius-extra-small);
        --search-row-gap: var(--spacing-space-5);
        --search-column-gap: var(--spacing-space-5);
        --search-font-family: var(--font-family-body);
        --search-font-size: var(--font-size-body-small);
        --search-font-weight: var(--font-weight-regular);
        --search-line-height: var(--line-height-body-small);
        --search-paragraph-spacing: 0px;
        --search-paragraph-indent: 0px
    }
[data-theme='custom'] [component-variant="search-auto-filled"][disabled],
[data-theme='dark'] [component-variant="search-auto-filled"][disabled],
[data-theme='light'] [component-variant="search-auto-filled"][disabled],
[data-theme='custom'] [component-variant="search-auto-filled"]:disabled,
[data-theme='dark'] [component-variant="search-auto-filled"]:disabled,
[data-theme='light'] [component-variant="search-auto-filled"]:disabled {
        --search-width: 100%;
        --search-color: var(--text-secondary);
        --search-border-top-left-radius: var(--corner-radius-extra-small);
        --search-border-top-right-radius: var(--corner-radius-extra-small);
        --search-border-bottom-left-radius: var(--corner-radius-extra-small);
        --search-border-bottom-right-radius: var(--corner-radius-extra-small);
        --search-row-gap: var(--spacing-space-5);
        --search-column-gap: var(--spacing-space-5);
        --search-font-family: var(--font-family-body);
        --search-font-size: var(--font-size-body-small);
        --search-font-weight: var(--font-weight-regular);
        --search-line-height: var(--line-height-body-small);
        --search-paragraph-spacing: 0px;
        --search-paragraph-indent: 0px
    }
[data-theme='custom'] [component-variant="search-button-default"], [data-theme='dark'] [component-variant="search-button-default"], [data-theme='light'] [component-variant="search-button-default"] {
        --search-width: 100%;
        --search-color: var(--text-secondary);
        --search-row-gap: var(--spacing-space-3);
        --search-column-gap: var(--spacing-space-3);
        --search-font-family: var(--font-family-body);
        --search-font-size: var(--font-size-body-small);
        --search-font-weight: var(--font-weight-regular);
        --search-line-height: var(--line-height-body-small);
        --search-paragraph-spacing: 0px;
        --search-paragraph-indent: 0px
    }
[data-theme='custom'] [component-variant="search-button-default"]:hover:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="search-button-default"]:hover:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="search-button-default"]:hover:not(:disabled):not([disabled]) {
        --search-width: 100%;
        --search-color: var(--text-primary);
        --search-row-gap: var(--spacing-space-3);
        --search-column-gap: var(--spacing-space-3);
        --search-font-family: var(--font-family-body);
        --search-font-size: var(--font-size-body-small);
        --search-font-weight: var(--font-weight-regular);
        --search-line-height: var(--line-height-body-small);
        --search-paragraph-spacing: 0px;
        --search-paragraph-indent: 0px
    }
[data-theme='custom'] [component-variant="search-button-default"][active]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="search-button-default"][active]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="search-button-default"][active]:not(:disabled):not([disabled]), [data-theme='custom'] [component-variant="search-button-default"]:active:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="search-button-default"]:active:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="search-button-default"]:active:not(:disabled):not([disabled]) {
        --search-width: 100%;
        --search-color: var(--text-primary);
        --search-row-gap: var(--spacing-space-3);
        --search-column-gap: var(--spacing-space-3);
        --search-font-family: var(--font-family-body);
        --search-font-size: var(--font-size-body-small);
        --search-font-weight: var(--font-weight-regular);
        --search-line-height: var(--line-height-body-small);
        --search-paragraph-spacing: 0px;
        --search-paragraph-indent: 0px
    }
[data-theme='custom'] [component-variant="search-button-default"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="search-button-default"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='light'] [component-variant="search-button-default"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='custom'] [component-variant="search-button-default"]:focus-visible:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="search-button-default"]:focus-visible:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="search-button-default"]:focus-visible:not(:disabled):not([disabled]) {
        --search-width: 100%;
        --search-color: var(--text-primary);
        --search-row-gap: var(--spacing-space-3);
        --search-column-gap: var(--spacing-space-3);
        --search-font-family: var(--font-family-body);
        --search-font-size: var(--font-size-body-small);
        --search-font-weight: var(--font-weight-regular);
        --search-line-height: var(--line-height-body-small);
        --search-paragraph-spacing: 0px;
        --search-paragraph-indent: 0px
    }
[data-theme='custom'] [component-variant="search-button-default"][invalid]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="search-button-default"][invalid]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="search-button-default"][invalid]:not(:disabled):not([disabled]), [data-theme='custom'] [component-variant="search-button-default"]:invalid:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="search-button-default"]:invalid:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="search-button-default"]:invalid:not(:disabled):not([disabled]) {
        --search-width: 100%;
        --search-color: var(--text-primary);
        --search-row-gap: var(--spacing-space-3);
        --search-column-gap: var(--spacing-space-3);
        --search-font-family: var(--font-family-body);
        --search-font-size: var(--font-size-body-small);
        --search-font-weight: var(--font-weight-regular);
        --search-line-height: var(--line-height-body-small);
        --search-paragraph-spacing: 0px;
        --search-paragraph-indent: 0px
    }
[data-theme='custom'] [component-variant="search-button-default"][disabled],
[data-theme='dark'] [component-variant="search-button-default"][disabled],
[data-theme='light'] [component-variant="search-button-default"][disabled],
[data-theme='custom'] [component-variant="search-button-default"]:disabled,
[data-theme='dark'] [component-variant="search-button-default"]:disabled,
[data-theme='light'] [component-variant="search-button-default"]:disabled {
        --search-width: 100%;
        --search-color: var(--text-tertiary);
        --search-row-gap: var(--spacing-space-3);
        --search-column-gap: var(--spacing-space-3);
        --search-font-family: var(--font-family-body);
        --search-font-size: var(--font-size-body-small);
        --search-font-weight: var(--font-weight-regular);
        --search-line-height: var(--line-height-body-small);
        --search-paragraph-spacing: 0px;
        --search-paragraph-indent: 0px
    }
[data-theme='custom'] [component-variant="search-button-filled"][active]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="search-button-filled"][active]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="search-button-filled"][active]:not(:disabled):not([disabled]), [data-theme='custom'] [component-variant="search-button-filled"]:active:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="search-button-filled"]:active:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="search-button-filled"]:active:not(:disabled):not([disabled]) {
        --search-width: 100%;
        --search-color: var(--text-primary);
        --search-row-gap: var(--spacing-space-3);
        --search-column-gap: var(--spacing-space-3);
        --search-font-family: var(--font-family-body);
        --search-font-size: var(--font-size-body-small);
        --search-font-weight: var(--font-weight-regular);
        --search-line-height: var(--line-height-body-small);
        --search-paragraph-spacing: 0px;
        --search-paragraph-indent: 0px
    }
[data-theme='custom'] [component-variant="search-button-filled"], [data-theme='dark'] [component-variant="search-button-filled"], [data-theme='light'] [component-variant="search-button-filled"] {
        --search-width: 100%;
        --search-color: var(--text-secondary);
        --search-row-gap: var(--spacing-space-3);
        --search-column-gap: var(--spacing-space-3);
        --search-font-family: var(--font-family-body);
        --search-font-size: var(--font-size-body-small);
        --search-font-weight: var(--font-weight-regular);
        --search-line-height: var(--line-height-body-small);
        --search-paragraph-spacing: 0px;
        --search-paragraph-indent: 0px
    }
[data-theme='custom'] [component-variant="search-button-filled"]:hover:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="search-button-filled"]:hover:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="search-button-filled"]:hover:not(:disabled):not([disabled]) {
        --search-width: 100%;
        --search-color: var(--text-primary);
        --search-row-gap: var(--spacing-space-3);
        --search-column-gap: var(--spacing-space-3);
        --search-font-family: var(--font-family-body);
        --search-font-size: var(--font-size-body-small);
        --search-font-weight: var(--font-weight-regular);
        --search-line-height: var(--line-height-body-small);
        --search-paragraph-spacing: 0px;
        --search-paragraph-indent: 0px
    }
[data-theme='custom'] [component-variant="search-button-filled"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="search-button-filled"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='light'] [component-variant="search-button-filled"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='custom'] [component-variant="search-button-filled"]:focus-visible:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="search-button-filled"]:focus-visible:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="search-button-filled"]:focus-visible:not(:disabled):not([disabled]) {
        --search-width: 100%;
        --search-color: var(--text-primary);
        --search-row-gap: var(--spacing-space-3);
        --search-column-gap: var(--spacing-space-3);
        --search-font-family: var(--font-family-body);
        --search-font-size: var(--font-size-body-small);
        --search-font-weight: var(--font-weight-regular);
        --search-line-height: var(--line-height-body-small);
        --search-paragraph-spacing: 0px;
        --search-paragraph-indent: 0px
    }
[data-theme='custom'] [component-variant="search-button-filled"][invalid]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="search-button-filled"][invalid]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="search-button-filled"][invalid]:not(:disabled):not([disabled]), [data-theme='custom'] [component-variant="search-button-filled"]:invalid:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="search-button-filled"]:invalid:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="search-button-filled"]:invalid:not(:disabled):not([disabled]) {
        --search-width: 100%;
        --search-color: var(--text-primary);
        --search-row-gap: var(--spacing-space-3);
        --search-column-gap: var(--spacing-space-3);
        --search-font-family: var(--font-family-body);
        --search-font-size: var(--font-size-body-small);
        --search-font-weight: var(--font-weight-regular);
        --search-line-height: var(--line-height-body-small);
        --search-paragraph-spacing: 0px;
        --search-paragraph-indent: 0px
    }
[data-theme='custom'] [component-variant="search-button-filled"][disabled],
[data-theme='dark'] [component-variant="search-button-filled"][disabled],
[data-theme='light'] [component-variant="search-button-filled"][disabled],
[data-theme='custom'] [component-variant="search-button-filled"]:disabled,
[data-theme='dark'] [component-variant="search-button-filled"]:disabled,
[data-theme='light'] [component-variant="search-button-filled"]:disabled {
        --search-width: 100%;
        --search-color: var(--text-tertiary);
        --search-row-gap: var(--spacing-space-3);
        --search-column-gap: var(--spacing-space-3);
        --search-font-family: var(--font-family-body);
        --search-font-size: var(--font-size-body-small);
        --search-font-weight: var(--font-weight-regular);
        --search-line-height: var(--line-height-body-small);
        --search-paragraph-spacing: 0px;
        --search-paragraph-indent: 0px
    }
[data-theme='custom'] [component-variant="search-auto-default"], [data-theme='dark'] [component-variant="search-auto-default"], [data-theme='light'] [component-variant="search-auto-default"] {
        --search-input-width: 100%;
        --search-input-background-color: var(--interactive-surface-secondary-default);
        --search-input-color: var(--text-secondary);
        --search-input-border-top-left-radius: var(--corner-radius-extra-small);
        --search-input-border-top-right-radius: var(--corner-radius-extra-small);
        --search-input-border-bottom-left-radius: var(--corner-radius-extra-small);
        --search-input-border-bottom-right-radius: var(--corner-radius-extra-small);
        --search-input-border-color: var(--border-border-grey-3);
        --search-input-border-top-width: 1px;
        --search-input-border-right-width: 1px;
        --search-input-border-bottom-width: 1px;
        --search-input-border-left-width: 1px;
        --search-input-padding-left: var(--spacing-space-5);
        --search-input-padding-right: var(--spacing-space-5);
        --search-input-padding-top: var(--spacing-space-5);
        --search-input-padding-bottom: var(--spacing-space-5);
        --search-input-row-gap: var(--spacing-space-5);
        --search-input-column-gap: var(--spacing-space-5);
        --search-input-font-family: var(--font-family-body);
        --search-input-font-size: var(--font-size-body-small);
        --search-input-font-weight: var(--font-weight-regular);
        --search-input-line-height: var(--line-height-body-small);
        --search-input-paragraph-spacing: 0px;
        --search-input-paragraph-indent: 0px
    }
[data-theme='custom'] [component-variant="search-auto-default"]:hover:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="search-auto-default"]:hover:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="search-auto-default"]:hover:not(:disabled):not([disabled]) {
        --search-input-width: 100%;
        --search-input-background-color: var(--interactive-surface-secondary-default);
        --search-input-color: var(--text-secondary);
        --search-input-border-top-left-radius: var(--corner-radius-extra-small);
        --search-input-border-top-right-radius: var(--corner-radius-extra-small);
        --search-input-border-bottom-left-radius: var(--corner-radius-extra-small);
        --search-input-border-bottom-right-radius: var(--corner-radius-extra-small);
        --search-input-border-color: var(--border-border-grey-3);
        --search-input-border-top-width: 1px;
        --search-input-border-right-width: 1px;
        --search-input-border-bottom-width: 1px;
        --search-input-border-left-width: 1px;
        --search-input-padding-left: var(--spacing-space-5);
        --search-input-padding-right: var(--spacing-space-5);
        --search-input-padding-top: var(--spacing-space-5);
        --search-input-padding-bottom: var(--spacing-space-5);
        --search-input-row-gap: var(--spacing-space-5);
        --search-input-column-gap: var(--spacing-space-5);
        --search-input-font-family: var(--font-family-body);
        --search-input-font-size: var(--font-size-body-small);
        --search-input-font-weight: var(--font-weight-regular);
        --search-input-line-height: var(--line-height-body-small);
        --search-input-paragraph-spacing: 0px;
        --search-input-paragraph-indent: 0px
    }
[data-theme='custom'] [component-variant="search-auto-default"][active]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="search-auto-default"][active]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="search-auto-default"][active]:not(:disabled):not([disabled]), [data-theme='custom'] [component-variant="search-auto-default"]:active:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="search-auto-default"]:active:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="search-auto-default"]:active:not(:disabled):not([disabled]) {
        --search-input-width: 100%;
        --search-input-background-color: var(--interactive-surface-secondary-default);
        --search-input-color: var(--text-secondary);
        --search-input-border-top-left-radius: var(--corner-radius-extra-small);
        --search-input-border-top-right-radius: var(--corner-radius-extra-small);
        --search-input-border-bottom-left-radius: var(--corner-radius-extra-small);
        --search-input-border-bottom-right-radius: var(--corner-radius-extra-small);
        --search-input-border-color: var(--border-primary);
        --search-input-border-top-width: 1px;
        --search-input-border-right-width: 1px;
        --search-input-border-bottom-width: 1px;
        --search-input-border-left-width: 1px;
        --search-input-padding-left: var(--spacing-space-5);
        --search-input-padding-right: var(--spacing-space-5);
        --search-input-padding-top: var(--spacing-space-3);
        --search-input-padding-bottom: var(--spacing-space-3);
        --search-input-row-gap: var(--spacing-space-5);
        --search-input-column-gap: var(--spacing-space-5);
        --search-input-font-family: var(--font-family-body);
        --search-input-font-size: var(--font-size-body-small);
        --search-input-font-weight: var(--font-weight-regular);
        --search-input-line-height: var(--line-height-body-small);
        --search-input-paragraph-spacing: 0px;
        --search-input-paragraph-indent: 0px
    }
[data-theme='custom'] [component-variant="search-auto-default"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="search-auto-default"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='light'] [component-variant="search-auto-default"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='custom'] [component-variant="search-auto-default"]:focus-visible:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="search-auto-default"]:focus-visible:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="search-auto-default"]:focus-visible:not(:disabled):not([disabled]) {
        --search-input-width: 100%;
        --search-input-background-color: var(--interactive-surface-secondary-default);
        --search-input-color: var(--text-secondary);
        --search-input-border-top-left-radius: var(--corner-radius-extra-small);
        --search-input-border-top-right-radius: var(--corner-radius-extra-small);
        --search-input-border-bottom-left-radius: var(--corner-radius-extra-small);
        --search-input-border-bottom-right-radius: var(--corner-radius-extra-small);
        --search-input-border-color: var(--border-border-grey-1);
        --search-input-border-top-width: 1px;
        --search-input-border-right-width: 1px;
        --search-input-border-bottom-width: 1px;
        --search-input-border-left-width: 1px;
        --search-input-padding-left: var(--spacing-space-5);
        --search-input-padding-right: var(--spacing-space-5);
        --search-input-padding-top: var(--spacing-space-5);
        --search-input-padding-bottom: var(--spacing-space-5);
        --search-input-row-gap: var(--spacing-space-5);
        --search-input-column-gap: var(--spacing-space-5);
        --search-input-font-family: var(--font-family-body);
        --search-input-font-size: var(--font-size-body-small);
        --search-input-font-weight: var(--font-weight-regular);
        --search-input-line-height: var(--line-height-body-small);
        --search-input-paragraph-spacing: 0px;
        --search-input-paragraph-indent: 0px
    }
[data-theme='custom'] [component-variant="search-auto-default"][invalid]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="search-auto-default"][invalid]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="search-auto-default"][invalid]:not(:disabled):not([disabled]), [data-theme='custom'] [component-variant="search-auto-default"]:invalid:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="search-auto-default"]:invalid:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="search-auto-default"]:invalid:not(:disabled):not([disabled]) {
        --search-input-width: 100%;
        --search-input-background-color: var(--interactive-surface-secondary-default);
        --search-input-color: var(--text-secondary);
        --search-input-border-top-left-radius: var(--corner-radius-extra-small);
        --search-input-border-top-right-radius: var(--corner-radius-extra-small);
        --search-input-border-bottom-left-radius: var(--corner-radius-extra-small);
        --search-input-border-bottom-right-radius: var(--corner-radius-extra-small);
        --search-input-border-color: var(--border-destructive);
        --search-input-border-top-width: 1px;
        --search-input-border-right-width: 1px;
        --search-input-border-bottom-width: 1px;
        --search-input-border-left-width: 1px;
        --search-input-padding-left: var(--spacing-space-5);
        --search-input-padding-right: var(--spacing-space-5);
        --search-input-padding-top: var(--spacing-space-5);
        --search-input-padding-bottom: var(--spacing-space-5);
        --search-input-row-gap: var(--spacing-space-5);
        --search-input-column-gap: var(--spacing-space-5);
        --search-input-font-family: var(--font-family-body);
        --search-input-font-size: var(--font-size-body-small);
        --search-input-font-weight: var(--font-weight-regular);
        --search-input-line-height: var(--line-height-body-small);
        --search-input-paragraph-spacing: 0px;
        --search-input-paragraph-indent: 0px
    }
[data-theme='custom'] [component-variant="search-auto-default"][disabled],
[data-theme='dark'] [component-variant="search-auto-default"][disabled],
[data-theme='light'] [component-variant="search-auto-default"][disabled],
[data-theme='custom'] [component-variant="search-auto-default"]:disabled,
[data-theme='dark'] [component-variant="search-auto-default"]:disabled,
[data-theme='light'] [component-variant="search-auto-default"]:disabled {
        --search-input-width: 100%;
        --search-input-background-color: var(--interactive-surface-secondary-disabled);
        --search-input-color: var(--text-secondary);
        --search-input-border-top-left-radius: var(--corner-radius-extra-small);
        --search-input-border-top-right-radius: var(--corner-radius-extra-small);
        --search-input-border-bottom-left-radius: var(--corner-radius-extra-small);
        --search-input-border-bottom-right-radius: var(--corner-radius-extra-small);
        --search-input-border-color: var(--border-border-grey-2);
        --search-input-border-top-width: 1px;
        --search-input-border-right-width: 1px;
        --search-input-border-bottom-width: 1px;
        --search-input-border-left-width: 1px;
        --search-input-padding-left: var(--spacing-space-5);
        --search-input-padding-right: var(--spacing-space-5);
        --search-input-padding-top: var(--spacing-space-5);
        --search-input-padding-bottom: var(--spacing-space-5);
        --search-input-row-gap: var(--spacing-space-5);
        --search-input-column-gap: var(--spacing-space-5);
        --search-input-font-family: var(--font-family-body);
        --search-input-font-size: var(--font-size-body-small);
        --search-input-font-weight: var(--font-weight-regular);
        --search-input-line-height: var(--line-height-body-small);
        --search-input-paragraph-spacing: 0px;
        --search-input-paragraph-indent: 0px
    }
[data-theme='custom'] [component-variant="search-auto-filled"], [data-theme='dark'] [component-variant="search-auto-filled"], [data-theme='light'] [component-variant="search-auto-filled"] {
        --search-input-width: 100%;
        --search-input-background-color: var(--interactive-surface-secondary-default);
        --search-input-color: var(--text-secondary);
        --search-input-border-top-left-radius: var(--corner-radius-extra-small);
        --search-input-border-top-right-radius: var(--corner-radius-extra-small);
        --search-input-border-bottom-left-radius: var(--corner-radius-extra-small);
        --search-input-border-bottom-right-radius: var(--corner-radius-extra-small);
        --search-input-border-color: var(--border-border-grey-3);
        --search-input-border-top-width: 1px;
        --search-input-border-right-width: 1px;
        --search-input-border-bottom-width: 1px;
        --search-input-border-left-width: 1px;
        --search-input-padding-left: var(--spacing-space-5);
        --search-input-padding-right: var(--spacing-space-5);
        --search-input-padding-top: var(--spacing-space-3);
        --search-input-padding-bottom: var(--spacing-space-3);
        --search-input-row-gap: var(--spacing-space-5);
        --search-input-column-gap: var(--spacing-space-5);
        --search-input-font-family: var(--font-family-body);
        --search-input-font-size: var(--font-size-body-small);
        --search-input-font-weight: var(--font-weight-regular);
        --search-input-line-height: var(--line-height-body-small);
        --search-input-paragraph-spacing: 0px;
        --search-input-paragraph-indent: 0px
    }
[data-theme='custom'] [component-variant="search-auto-filled"]:hover:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="search-auto-filled"]:hover:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="search-auto-filled"]:hover:not(:disabled):not([disabled]) {
        --search-input-width: 100%;
        --search-input-background-color: var(--interactive-surface-secondary-default);
        --search-input-color: var(--text-secondary);
        --search-input-border-top-left-radius: var(--corner-radius-extra-small);
        --search-input-border-top-right-radius: var(--corner-radius-extra-small);
        --search-input-border-bottom-left-radius: var(--corner-radius-extra-small);
        --search-input-border-bottom-right-radius: var(--corner-radius-extra-small);
        --search-input-border-color: var(--border-border-grey-3);
        --search-input-border-top-width: 1px;
        --search-input-border-right-width: 1px;
        --search-input-border-bottom-width: 1px;
        --search-input-border-left-width: 1px;
        --search-input-padding-left: var(--spacing-space-5);
        --search-input-padding-right: var(--spacing-space-5);
        --search-input-padding-top: var(--spacing-space-3);
        --search-input-padding-bottom: var(--spacing-space-3);
        --search-input-row-gap: var(--spacing-space-5);
        --search-input-column-gap: var(--spacing-space-5);
        --search-input-font-family: var(--font-family-body);
        --search-input-font-size: var(--font-size-body-small);
        --search-input-font-weight: var(--font-weight-regular);
        --search-input-line-height: var(--line-height-body-small);
        --search-input-paragraph-spacing: 0px;
        --search-input-paragraph-indent: 0px
    }
[data-theme='custom'] [component-variant="search-auto-filled"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="search-auto-filled"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='light'] [component-variant="search-auto-filled"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='custom'] [component-variant="search-auto-filled"]:focus-visible:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="search-auto-filled"]:focus-visible:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="search-auto-filled"]:focus-visible:not(:disabled):not([disabled]) {
        --search-input-width: 100%;
        --search-input-background-color: var(--interactive-surface-secondary-default);
        --search-input-color: var(--text-secondary);
        --search-input-border-top-left-radius: var(--corner-radius-extra-small);
        --search-input-border-top-right-radius: var(--corner-radius-extra-small);
        --search-input-border-bottom-left-radius: var(--corner-radius-extra-small);
        --search-input-border-bottom-right-radius: var(--corner-radius-extra-small);
        --search-input-border-color: var(--border-border-grey-1);
        --search-input-border-top-width: 1px;
        --search-input-border-right-width: 1px;
        --search-input-border-bottom-width: 1px;
        --search-input-border-left-width: 1px;
        --search-input-padding-left: var(--spacing-space-5);
        --search-input-padding-right: var(--spacing-space-5);
        --search-input-padding-top: var(--spacing-space-3);
        --search-input-padding-bottom: var(--spacing-space-3);
        --search-input-row-gap: var(--spacing-space-5);
        --search-input-column-gap: var(--spacing-space-5);
        --search-input-font-family: var(--font-family-body);
        --search-input-font-size: var(--font-size-body-small);
        --search-input-font-weight: var(--font-weight-regular);
        --search-input-line-height: var(--line-height-body-small);
        --search-input-paragraph-spacing: 0px;
        --search-input-paragraph-indent: 0px
    }
[data-theme='custom'] [component-variant="search-auto-filled"][invalid]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="search-auto-filled"][invalid]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="search-auto-filled"][invalid]:not(:disabled):not([disabled]), [data-theme='custom'] [component-variant="search-auto-filled"]:invalid:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="search-auto-filled"]:invalid:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="search-auto-filled"]:invalid:not(:disabled):not([disabled]) {
        --search-input-width: 100%;
        --search-input-background-color: var(--interactive-surface-secondary-default);
        --search-input-color: var(--text-secondary);
        --search-input-border-top-left-radius: var(--corner-radius-extra-small);
        --search-input-border-top-right-radius: var(--corner-radius-extra-small);
        --search-input-border-bottom-left-radius: var(--corner-radius-extra-small);
        --search-input-border-bottom-right-radius: var(--corner-radius-extra-small);
        --search-input-border-color: var(--border-destructive);
        --search-input-border-top-width: 1px;
        --search-input-border-right-width: 1px;
        --search-input-border-bottom-width: 1px;
        --search-input-border-left-width: 1px;
        --search-input-padding-left: var(--spacing-space-5);
        --search-input-padding-right: var(--spacing-space-5);
        --search-input-padding-top: var(--spacing-space-3);
        --search-input-padding-bottom: var(--spacing-space-3);
        --search-input-row-gap: var(--spacing-space-5);
        --search-input-column-gap: var(--spacing-space-5);
        --search-input-font-family: var(--font-family-body);
        --search-input-font-size: var(--font-size-body-small);
        --search-input-font-weight: var(--font-weight-regular);
        --search-input-line-height: var(--line-height-body-small);
        --search-input-paragraph-spacing: 0px;
        --search-input-paragraph-indent: 0px
    }
[data-theme='custom'] [component-variant="search-auto-filled"][disabled],
[data-theme='dark'] [component-variant="search-auto-filled"][disabled],
[data-theme='light'] [component-variant="search-auto-filled"][disabled],
[data-theme='custom'] [component-variant="search-auto-filled"]:disabled,
[data-theme='dark'] [component-variant="search-auto-filled"]:disabled,
[data-theme='light'] [component-variant="search-auto-filled"]:disabled {
        --search-input-width: 100%;
        --search-input-background-color: var(--interactive-surface-secondary-disabled);
        --search-input-color: var(--text-secondary);
        --search-input-border-top-left-radius: var(--corner-radius-extra-small);
        --search-input-border-top-right-radius: var(--corner-radius-extra-small);
        --search-input-border-bottom-left-radius: var(--corner-radius-extra-small);
        --search-input-border-bottom-right-radius: var(--corner-radius-extra-small);
        --search-input-border-color: var(--border-border-grey-2);
        --search-input-border-top-width: 1px;
        --search-input-border-right-width: 1px;
        --search-input-border-bottom-width: 1px;
        --search-input-border-left-width: 1px;
        --search-input-padding-left: var(--spacing-space-5);
        --search-input-padding-right: var(--spacing-space-5);
        --search-input-padding-top: var(--spacing-space-3);
        --search-input-padding-bottom: var(--spacing-space-3);
        --search-input-row-gap: var(--spacing-space-5);
        --search-input-column-gap: var(--spacing-space-5);
        --search-input-font-family: var(--font-family-body);
        --search-input-font-size: var(--font-size-body-small);
        --search-input-font-weight: var(--font-weight-regular);
        --search-input-line-height: var(--line-height-body-small);
        --search-input-paragraph-spacing: 0px;
        --search-input-paragraph-indent: 0px
    }
[data-theme='custom'] [component-variant="search-button-default"], [data-theme='dark'] [component-variant="search-button-default"], [data-theme='light'] [component-variant="search-button-default"] {
        --search-input-width: 100%;
        --search-input-background-color: var(--interactive-surface-secondary-default);
        --search-input-color: var(--text-secondary);
        --search-input-border-top-left-radius: var(--corner-radius-extra-small);
        --search-input-border-top-right-radius: var(--corner-radius-extra-small);
        --search-input-border-bottom-left-radius: var(--corner-radius-extra-small);
        --search-input-border-bottom-right-radius: var(--corner-radius-extra-small);
        --search-input-border-color: var(--border-border-grey-3);
        --search-input-border-top-width: 1px;
        --search-input-border-right-width: 1px;
        --search-input-border-bottom-width: 1px;
        --search-input-border-left-width: 1px;
        --search-input-padding-left: var(--spacing-space-5);
        --search-input-padding-right: var(--spacing-space-5);
        --search-input-padding-top: var(--spacing-space-5);
        --search-input-padding-bottom: var(--spacing-space-5);
        --search-input-row-gap: var(--spacing-space-5);
        --search-input-column-gap: var(--spacing-space-5);
        --search-input-font-family: var(--font-family-body);
        --search-input-font-size: var(--font-size-body-small);
        --search-input-font-weight: var(--font-weight-regular);
        --search-input-line-height: var(--line-height-body-small);
        --search-input-paragraph-spacing: 0px;
        --search-input-paragraph-indent: 0px
    }
[data-theme='custom'] [component-variant="search-button-default"]:hover:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="search-button-default"]:hover:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="search-button-default"]:hover:not(:disabled):not([disabled]) {
        --search-input-width: 100%;
        --search-input-background-color: var(--interactive-surface-secondary-default);
        --search-input-color: var(--text-primary);
        --search-input-border-top-left-radius: var(--corner-radius-extra-small);
        --search-input-border-top-right-radius: var(--corner-radius-extra-small);
        --search-input-border-bottom-left-radius: var(--corner-radius-extra-small);
        --search-input-border-bottom-right-radius: var(--corner-radius-extra-small);
        --search-input-border-color: var(--border-border-grey-3);
        --search-input-border-top-width: 1px;
        --search-input-border-right-width: 1px;
        --search-input-border-bottom-width: 1px;
        --search-input-border-left-width: 1px;
        --search-input-padding-left: var(--spacing-space-5);
        --search-input-padding-right: var(--spacing-space-5);
        --search-input-padding-top: var(--spacing-space-5);
        --search-input-padding-bottom: var(--spacing-space-5);
        --search-input-row-gap: var(--spacing-space-5);
        --search-input-column-gap: var(--spacing-space-5);
        --search-input-font-family: var(--font-family-body);
        --search-input-font-size: var(--font-size-body-small);
        --search-input-font-weight: var(--font-weight-regular);
        --search-input-line-height: var(--line-height-body-small);
        --search-input-paragraph-spacing: 0px;
        --search-input-paragraph-indent: 0px
    }
[data-theme='custom'] [component-variant="search-button-default"][active]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="search-button-default"][active]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="search-button-default"][active]:not(:disabled):not([disabled]), [data-theme='custom'] [component-variant="search-button-default"]:active:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="search-button-default"]:active:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="search-button-default"]:active:not(:disabled):not([disabled]) {
        --search-input-width: 100%;
        --search-input-background-color: var(--interactive-surface-secondary-default);
        --search-input-color: var(--text-primary);
        --search-input-border-top-left-radius: var(--corner-radius-extra-small);
        --search-input-border-top-right-radius: var(--corner-radius-extra-small);
        --search-input-border-bottom-left-radius: var(--corner-radius-extra-small);
        --search-input-border-bottom-right-radius: var(--corner-radius-extra-small);
        --search-input-border-color: var(--border-border-grey-3);
        --search-input-border-top-width: 1px;
        --search-input-border-right-width: 1px;
        --search-input-border-bottom-width: 1px;
        --search-input-border-left-width: 1px;
        --search-input-padding-left: var(--spacing-space-5);
        --search-input-padding-right: var(--spacing-space-5);
        --search-input-padding-top: var(--spacing-space-5);
        --search-input-padding-bottom: var(--spacing-space-5);
        --search-input-row-gap: var(--spacing-space-5);
        --search-input-column-gap: var(--spacing-space-5);
        --search-input-font-family: var(--font-family-body);
        --search-input-font-size: var(--font-size-body-small);
        --search-input-font-weight: var(--font-weight-regular);
        --search-input-line-height: var(--line-height-body-small);
        --search-input-paragraph-spacing: 0px;
        --search-input-paragraph-indent: 0px
    }
[data-theme='custom'] [component-variant="search-button-default"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="search-button-default"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='light'] [component-variant="search-button-default"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='custom'] [component-variant="search-button-default"]:focus-visible:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="search-button-default"]:focus-visible:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="search-button-default"]:focus-visible:not(:disabled):not([disabled]) {
        --search-input-width: 100%;
        --search-input-background-color: var(--interactive-surface-secondary-default);
        --search-input-color: var(--text-primary);
        --search-input-border-top-left-radius: var(--corner-radius-extra-small);
        --search-input-border-top-right-radius: var(--corner-radius-extra-small);
        --search-input-border-bottom-left-radius: var(--corner-radius-extra-small);
        --search-input-border-bottom-right-radius: var(--corner-radius-extra-small);
        --search-input-border-color: var(--border-border-grey-1);
        --search-input-border-top-width: 1px;
        --search-input-border-right-width: 1px;
        --search-input-border-bottom-width: 1px;
        --search-input-border-left-width: 1px;
        --search-input-padding-left: var(--spacing-space-5);
        --search-input-padding-right: var(--spacing-space-5);
        --search-input-padding-top: var(--spacing-space-5);
        --search-input-padding-bottom: var(--spacing-space-5);
        --search-input-row-gap: var(--spacing-space-5);
        --search-input-column-gap: var(--spacing-space-5);
        --search-input-font-family: var(--font-family-body);
        --search-input-font-size: var(--font-size-body-small);
        --search-input-font-weight: var(--font-weight-regular);
        --search-input-line-height: var(--line-height-body-small);
        --search-input-paragraph-spacing: 0px;
        --search-input-paragraph-indent: 0px
    }
[data-theme='custom'] [component-variant="search-button-default"][invalid]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="search-button-default"][invalid]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="search-button-default"][invalid]:not(:disabled):not([disabled]), [data-theme='custom'] [component-variant="search-button-default"]:invalid:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="search-button-default"]:invalid:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="search-button-default"]:invalid:not(:disabled):not([disabled]) {
        --search-input-width: 100%;
        --search-input-background-color: var(--interactive-surface-secondary-default);
        --search-input-color: var(--text-primary);
        --search-input-border-top-left-radius: var(--corner-radius-extra-small);
        --search-input-border-top-right-radius: var(--corner-radius-extra-small);
        --search-input-border-bottom-left-radius: var(--corner-radius-extra-small);
        --search-input-border-bottom-right-radius: var(--corner-radius-extra-small);
        --search-input-border-color: var(--border-destructive);
        --search-input-border-top-width: 1px;
        --search-input-border-right-width: 1px;
        --search-input-border-bottom-width: 1px;
        --search-input-border-left-width: 1px;
        --search-input-padding-left: var(--spacing-space-5);
        --search-input-padding-right: var(--spacing-space-5);
        --search-input-padding-top: var(--spacing-space-5);
        --search-input-padding-bottom: var(--spacing-space-5);
        --search-input-row-gap: var(--spacing-space-5);
        --search-input-column-gap: var(--spacing-space-5);
        --search-input-font-family: var(--font-family-body);
        --search-input-font-size: var(--font-size-body-small);
        --search-input-font-weight: var(--font-weight-regular);
        --search-input-line-height: var(--line-height-body-small);
        --search-input-paragraph-spacing: 0px;
        --search-input-paragraph-indent: 0px
    }
[data-theme='custom'] [component-variant="search-button-default"][disabled],
[data-theme='dark'] [component-variant="search-button-default"][disabled],
[data-theme='light'] [component-variant="search-button-default"][disabled],
[data-theme='custom'] [component-variant="search-button-default"]:disabled,
[data-theme='dark'] [component-variant="search-button-default"]:disabled,
[data-theme='light'] [component-variant="search-button-default"]:disabled {
        --search-input-width: 100%;
        --search-input-background-color: var(--interactive-surface-secondary-disabled);
        --search-input-color: var(--text-tertiary);
        --search-input-border-top-left-radius: var(--corner-radius-extra-small);
        --search-input-border-top-right-radius: var(--corner-radius-extra-small);
        --search-input-border-bottom-left-radius: var(--corner-radius-extra-small);
        --search-input-border-bottom-right-radius: var(--corner-radius-extra-small);
        --search-input-border-color: var(--border-border-grey-3);
        --search-input-border-top-width: 1px;
        --search-input-border-right-width: 1px;
        --search-input-border-bottom-width: 1px;
        --search-input-border-left-width: 1px;
        --search-input-padding-left: var(--spacing-space-5);
        --search-input-padding-right: var(--spacing-space-5);
        --search-input-padding-top: var(--spacing-space-5);
        --search-input-padding-bottom: var(--spacing-space-5);
        --search-input-row-gap: var(--spacing-space-5);
        --search-input-column-gap: var(--spacing-space-5);
        --search-input-font-family: var(--font-family-body);
        --search-input-font-size: var(--font-size-body-small);
        --search-input-font-weight: var(--font-weight-regular);
        --search-input-line-height: var(--line-height-body-small);
        --search-input-paragraph-spacing: 0px;
        --search-input-paragraph-indent: 0px
    }
[data-theme='custom'] [component-variant="search-button-filled"][active]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="search-button-filled"][active]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="search-button-filled"][active]:not(:disabled):not([disabled]), [data-theme='custom'] [component-variant="search-button-filled"]:active:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="search-button-filled"]:active:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="search-button-filled"]:active:not(:disabled):not([disabled]) {
        --search-input-width: 100%;
        --search-input-background-color: var(--interactive-surface-secondary-default);
        --search-input-color: var(--text-primary);
        --search-input-border-top-left-radius: var(--corner-radius-extra-small);
        --search-input-border-top-right-radius: var(--corner-radius-extra-small);
        --search-input-border-bottom-left-radius: var(--corner-radius-extra-small);
        --search-input-border-bottom-right-radius: var(--corner-radius-extra-small);
        --search-input-border-color: var(--border-border-grey-3);
        --search-input-border-top-width: 1px;
        --search-input-border-right-width: 1px;
        --search-input-border-bottom-width: 1px;
        --search-input-border-left-width: 1px;
        --search-input-padding-left: var(--spacing-space-5);
        --search-input-padding-right: var(--spacing-space-5);
        --search-input-padding-top: var(--spacing-space-3);
        --search-input-padding-bottom: var(--spacing-space-3);
        --search-input-row-gap: var(--spacing-space-5);
        --search-input-column-gap: var(--spacing-space-5);
        --search-input-font-family: var(--font-family-body);
        --search-input-font-size: var(--font-size-body-small);
        --search-input-font-weight: var(--font-weight-regular);
        --search-input-line-height: var(--line-height-body-small);
        --search-input-paragraph-spacing: 0px;
        --search-input-paragraph-indent: 0px
    }
[data-theme='custom'] [component-variant="search-button-filled"], [data-theme='dark'] [component-variant="search-button-filled"], [data-theme='light'] [component-variant="search-button-filled"] {
        --search-input-width: 100%;
        --search-input-background-color: var(--interactive-surface-secondary-default);
        --search-input-color: var(--text-secondary);
        --search-input-border-top-left-radius: var(--corner-radius-extra-small);
        --search-input-border-top-right-radius: var(--corner-radius-extra-small);
        --search-input-border-bottom-left-radius: var(--corner-radius-extra-small);
        --search-input-border-bottom-right-radius: var(--corner-radius-extra-small);
        --search-input-border-color: var(--border-border-grey-3);
        --search-input-border-top-width: 1px;
        --search-input-border-right-width: 1px;
        --search-input-border-bottom-width: 1px;
        --search-input-border-left-width: 1px;
        --search-input-padding-left: var(--spacing-space-5);
        --search-input-padding-right: var(--spacing-space-5);
        --search-input-padding-top: var(--spacing-space-3);
        --search-input-padding-bottom: var(--spacing-space-3);
        --search-input-row-gap: var(--spacing-space-5);
        --search-input-column-gap: var(--spacing-space-5);
        --search-input-font-family: var(--font-family-body);
        --search-input-font-size: var(--font-size-body-small);
        --search-input-font-weight: var(--font-weight-regular);
        --search-input-line-height: var(--line-height-body-small);
        --search-input-paragraph-spacing: 0px;
        --search-input-paragraph-indent: 0px
    }
[data-theme='custom'] [component-variant="search-button-filled"]:hover:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="search-button-filled"]:hover:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="search-button-filled"]:hover:not(:disabled):not([disabled]) {
        --search-input-width: 100%;
        --search-input-background-color: var(--interactive-surface-secondary-default);
        --search-input-color: var(--text-primary);
        --search-input-border-top-left-radius: var(--corner-radius-extra-small);
        --search-input-border-top-right-radius: var(--corner-radius-extra-small);
        --search-input-border-bottom-left-radius: var(--corner-radius-extra-small);
        --search-input-border-bottom-right-radius: var(--corner-radius-extra-small);
        --search-input-border-color: var(--border-border-grey-3);
        --search-input-border-top-width: 1px;
        --search-input-border-right-width: 1px;
        --search-input-border-bottom-width: 1px;
        --search-input-border-left-width: 1px;
        --search-input-padding-left: var(--spacing-space-5);
        --search-input-padding-right: var(--spacing-space-5);
        --search-input-padding-top: var(--spacing-space-3);
        --search-input-padding-bottom: var(--spacing-space-3);
        --search-input-row-gap: var(--spacing-space-5);
        --search-input-column-gap: var(--spacing-space-5);
        --search-input-font-family: var(--font-family-body);
        --search-input-font-size: var(--font-size-body-small);
        --search-input-font-weight: var(--font-weight-regular);
        --search-input-line-height: var(--line-height-body-small);
        --search-input-paragraph-spacing: 0px;
        --search-input-paragraph-indent: 0px
    }
[data-theme='custom'] [component-variant="search-button-filled"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="search-button-filled"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='light'] [component-variant="search-button-filled"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='custom'] [component-variant="search-button-filled"]:focus-visible:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="search-button-filled"]:focus-visible:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="search-button-filled"]:focus-visible:not(:disabled):not([disabled]) {
        --search-input-width: 100%;
        --search-input-background-color: var(--interactive-surface-secondary-default);
        --search-input-color: var(--text-primary);
        --search-input-border-top-left-radius: var(--corner-radius-extra-small);
        --search-input-border-top-right-radius: var(--corner-radius-extra-small);
        --search-input-border-bottom-left-radius: var(--corner-radius-extra-small);
        --search-input-border-bottom-right-radius: var(--corner-radius-extra-small);
        --search-input-border-color: var(--border-border-grey-1);
        --search-input-border-top-width: 1px;
        --search-input-border-right-width: 1px;
        --search-input-border-bottom-width: 1px;
        --search-input-border-left-width: 1px;
        --search-input-padding-left: var(--spacing-space-5);
        --search-input-padding-right: var(--spacing-space-5);
        --search-input-padding-top: var(--spacing-space-3);
        --search-input-padding-bottom: var(--spacing-space-3);
        --search-input-row-gap: var(--spacing-space-5);
        --search-input-column-gap: var(--spacing-space-5);
        --search-input-font-family: var(--font-family-body);
        --search-input-font-size: var(--font-size-body-small);
        --search-input-font-weight: var(--font-weight-regular);
        --search-input-line-height: var(--line-height-body-small);
        --search-input-paragraph-spacing: 0px;
        --search-input-paragraph-indent: 0px
    }
[data-theme='custom'] [component-variant="search-button-filled"][invalid]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="search-button-filled"][invalid]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="search-button-filled"][invalid]:not(:disabled):not([disabled]), [data-theme='custom'] [component-variant="search-button-filled"]:invalid:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="search-button-filled"]:invalid:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="search-button-filled"]:invalid:not(:disabled):not([disabled]) {
        --search-input-width: 100%;
        --search-input-background-color: var(--interactive-surface-secondary-default);
        --search-input-color: var(--text-primary);
        --search-input-border-top-left-radius: var(--corner-radius-extra-small);
        --search-input-border-top-right-radius: var(--corner-radius-extra-small);
        --search-input-border-bottom-left-radius: var(--corner-radius-extra-small);
        --search-input-border-bottom-right-radius: var(--corner-radius-extra-small);
        --search-input-border-color: var(--border-destructive);
        --search-input-border-top-width: 1px;
        --search-input-border-right-width: 1px;
        --search-input-border-bottom-width: 1px;
        --search-input-border-left-width: 1px;
        --search-input-padding-left: var(--spacing-space-5);
        --search-input-padding-right: var(--spacing-space-5);
        --search-input-padding-top: var(--spacing-space-3);
        --search-input-padding-bottom: var(--spacing-space-3);
        --search-input-row-gap: var(--spacing-space-5);
        --search-input-column-gap: var(--spacing-space-5);
        --search-input-font-family: var(--font-family-body);
        --search-input-font-size: var(--font-size-body-small);
        --search-input-font-weight: var(--font-weight-regular);
        --search-input-line-height: var(--line-height-body-small);
        --search-input-paragraph-spacing: 0px;
        --search-input-paragraph-indent: 0px
    }
[data-theme='custom'] [component-variant="search-button-filled"][disabled],
[data-theme='dark'] [component-variant="search-button-filled"][disabled],
[data-theme='light'] [component-variant="search-button-filled"][disabled],
[data-theme='custom'] [component-variant="search-button-filled"]:disabled,
[data-theme='dark'] [component-variant="search-button-filled"]:disabled,
[data-theme='light'] [component-variant="search-button-filled"]:disabled {
        --search-input-width: 100%;
        --search-input-background-color: var(--interactive-surface-secondary-disabled);
        --search-input-color: var(--text-tertiary);
        --search-input-border-top-left-radius: var(--corner-radius-extra-small);
        --search-input-border-top-right-radius: var(--corner-radius-extra-small);
        --search-input-border-bottom-left-radius: var(--corner-radius-extra-small);
        --search-input-border-bottom-right-radius: var(--corner-radius-extra-small);
        --search-input-border-color: var(--border-border-grey-3);
        --search-input-border-top-width: 1px;
        --search-input-border-right-width: 1px;
        --search-input-border-bottom-width: 1px;
        --search-input-border-left-width: 1px;
        --search-input-padding-left: var(--spacing-space-5);
        --search-input-padding-right: var(--spacing-space-5);
        --search-input-padding-top: var(--spacing-space-3);
        --search-input-padding-bottom: var(--spacing-space-3);
        --search-input-row-gap: var(--spacing-space-5);
        --search-input-column-gap: var(--spacing-space-5);
        --search-input-font-family: var(--font-family-body);
        --search-input-font-size: var(--font-size-body-small);
        --search-input-font-weight: var(--font-weight-regular);
        --search-input-line-height: var(--line-height-body-small);
        --search-input-paragraph-spacing: 0px;
        --search-input-paragraph-indent: 0px
    }
[data-theme='custom'] [component-variant="search-auto-default"], [data-theme='dark'] [component-variant="search-auto-default"], [data-theme='light'] [component-variant="search-auto-default"] {
        --search-icon-height: 16px;
        --search-icon-width: 16px;
        --search-icon-background-color: rgb(233, 233, 234);
        --search-icon-font-family: sans-sarif;
        --search-icon-font-size: initial;
        --search-icon-font-weight: regular;
        --search-icon-paragraph-spacing: 0px;
        --search-icon-paragraph-indent: 0px
    }
[data-theme='custom'] [component-variant="search-auto-default"]:hover:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="search-auto-default"]:hover:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="search-auto-default"]:hover:not(:disabled):not([disabled]) {
        --search-icon-height: 16px;
        --search-icon-width: 16px;
        --search-icon-background-color: rgb(233, 233, 234);
        --search-icon-font-family: sans-sarif;
        --search-icon-font-size: initial;
        --search-icon-font-weight: regular;
        --search-icon-paragraph-spacing: 0px;
        --search-icon-paragraph-indent: 0px
    }
[data-theme='custom'] [component-variant="search-auto-default"][active]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="search-auto-default"][active]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="search-auto-default"][active]:not(:disabled):not([disabled]), [data-theme='custom'] [component-variant="search-auto-default"]:active:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="search-auto-default"]:active:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="search-auto-default"]:active:not(:disabled):not([disabled]) {
        --search-icon-height: 16px;
        --search-icon-width: 16px;
        --search-icon-background-color: rgb(233, 233, 234);
        --search-icon-font-family: sans-sarif;
        --search-icon-font-size: initial;
        --search-icon-font-weight: regular;
        --search-icon-paragraph-spacing: 0px;
        --search-icon-paragraph-indent: 0px
    }
[data-theme='custom'] [component-variant="search-auto-default"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="search-auto-default"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='light'] [component-variant="search-auto-default"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='custom'] [component-variant="search-auto-default"]:focus-visible:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="search-auto-default"]:focus-visible:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="search-auto-default"]:focus-visible:not(:disabled):not([disabled]) {
        --search-icon-height: 16px;
        --search-icon-width: 16px;
        --search-icon-background-color: rgb(233, 233, 234);
        --search-icon-font-family: sans-sarif;
        --search-icon-font-size: initial;
        --search-icon-font-weight: regular;
        --search-icon-paragraph-spacing: 0px;
        --search-icon-paragraph-indent: 0px
    }
[data-theme='custom'] [component-variant="search-auto-default"][invalid]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="search-auto-default"][invalid]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="search-auto-default"][invalid]:not(:disabled):not([disabled]), [data-theme='custom'] [component-variant="search-auto-default"]:invalid:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="search-auto-default"]:invalid:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="search-auto-default"]:invalid:not(:disabled):not([disabled]) {
        --search-icon-height: 16px;
        --search-icon-width: 16px;
        --search-icon-background-color: rgb(233, 233, 234);
        --search-icon-font-family: sans-sarif;
        --search-icon-font-size: initial;
        --search-icon-font-weight: regular;
        --search-icon-paragraph-spacing: 0px;
        --search-icon-paragraph-indent: 0px
    }
[data-theme='custom'] [component-variant="search-auto-default"][disabled],
[data-theme='dark'] [component-variant="search-auto-default"][disabled],
[data-theme='light'] [component-variant="search-auto-default"][disabled],
[data-theme='custom'] [component-variant="search-auto-default"]:disabled,
[data-theme='dark'] [component-variant="search-auto-default"]:disabled,
[data-theme='light'] [component-variant="search-auto-default"]:disabled {
        --search-icon-height: 16px;
        --search-icon-width: 16px;
        --search-icon-background-color: rgb(233, 233, 234);
        --search-icon-font-family: sans-sarif;
        --search-icon-font-size: initial;
        --search-icon-font-weight: regular;
        --search-icon-paragraph-spacing: 0px;
        --search-icon-paragraph-indent: 0px
    }
[data-theme='custom'] [component-variant="search-auto-filled"], [data-theme='dark'] [component-variant="search-auto-filled"], [data-theme='light'] [component-variant="search-auto-filled"] {
        --search-icon-height: 16px;
        --search-icon-width: 16px;
        --search-icon-background-color: rgb(233, 233, 234);
        --search-icon-font-family: sans-sarif;
        --search-icon-font-size: initial;
        --search-icon-font-weight: regular;
        --search-icon-paragraph-spacing: 0px;
        --search-icon-paragraph-indent: 0px
    }
[data-theme='custom'] [component-variant="search-auto-filled"]:hover:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="search-auto-filled"]:hover:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="search-auto-filled"]:hover:not(:disabled):not([disabled]) {
        --search-icon-height: 16px;
        --search-icon-width: 16px;
        --search-icon-background-color: rgb(233, 233, 234);
        --search-icon-font-family: sans-sarif;
        --search-icon-font-size: initial;
        --search-icon-font-weight: regular;
        --search-icon-paragraph-spacing: 0px;
        --search-icon-paragraph-indent: 0px
    }
[data-theme='custom'] [component-variant="search-auto-filled"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="search-auto-filled"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='light'] [component-variant="search-auto-filled"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='custom'] [component-variant="search-auto-filled"]:focus-visible:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="search-auto-filled"]:focus-visible:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="search-auto-filled"]:focus-visible:not(:disabled):not([disabled]) {
        --search-icon-height: 16px;
        --search-icon-width: 16px;
        --search-icon-background-color: rgb(233, 233, 234);
        --search-icon-font-family: sans-sarif;
        --search-icon-font-size: initial;
        --search-icon-font-weight: regular;
        --search-icon-paragraph-spacing: 0px;
        --search-icon-paragraph-indent: 0px
    }
[data-theme='custom'] [component-variant="search-auto-filled"][invalid]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="search-auto-filled"][invalid]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="search-auto-filled"][invalid]:not(:disabled):not([disabled]), [data-theme='custom'] [component-variant="search-auto-filled"]:invalid:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="search-auto-filled"]:invalid:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="search-auto-filled"]:invalid:not(:disabled):not([disabled]) {
        --search-icon-height: 16px;
        --search-icon-width: 16px;
        --search-icon-background-color: rgb(233, 233, 234);
        --search-icon-font-family: sans-sarif;
        --search-icon-font-size: initial;
        --search-icon-font-weight: regular;
        --search-icon-paragraph-spacing: 0px;
        --search-icon-paragraph-indent: 0px
    }
[data-theme='custom'] [component-variant="search-auto-filled"][disabled],
[data-theme='dark'] [component-variant="search-auto-filled"][disabled],
[data-theme='light'] [component-variant="search-auto-filled"][disabled],
[data-theme='custom'] [component-variant="search-auto-filled"]:disabled,
[data-theme='dark'] [component-variant="search-auto-filled"]:disabled,
[data-theme='light'] [component-variant="search-auto-filled"]:disabled {
        --search-icon-height: 16px;
        --search-icon-width: 16px;
        --search-icon-background-color: rgb(233, 233, 234);
        --search-icon-font-family: sans-sarif;
        --search-icon-font-size: initial;
        --search-icon-font-weight: regular;
        --search-icon-paragraph-spacing: 0px;
        --search-icon-paragraph-indent: 0px
    }
[data-theme='custom'] [component-variant="search-auto-default"][active]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="search-auto-default"][active]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="search-auto-default"][active]:not(:disabled):not([disabled]), [data-theme='custom'] [component-variant="search-auto-default"]:active:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="search-auto-default"]:active:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="search-auto-default"]:active:not(:disabled):not([disabled]) {
        --search-clear-button-background-color: var(--interactive-surface-ghost-default);
        --search-clear-button-border-top-left-radius: var(--spacing-space-2);
        --search-clear-button-border-top-right-radius: var(--spacing-space-2);
        --search-clear-button-border-bottom-left-radius: var(--spacing-space-2);
        --search-clear-button-border-bottom-right-radius: var(--spacing-space-2);
        --search-clear-button-padding-left: var(--spacing-space-3);
        --search-clear-button-padding-right: var(--spacing-space-3);
        --search-clear-button-padding-top: var(--spacing-space-3);
        --search-clear-button-padding-bottom: var(--spacing-space-3);
        --search-clear-button-row-gap: var(--spacing-space-1);
        --search-clear-button-column-gap: var(--spacing-space-1);
        --search-clear-button-font-family: sans-sarif;
        --search-clear-button-font-size: initial;
        --search-clear-button-font-weight: regular;
        --search-clear-button-paragraph-spacing: 0px;
        --search-clear-button-paragraph-indent: 0px
    }
[data-theme='custom'] [component-variant="search-auto-filled"], [data-theme='dark'] [component-variant="search-auto-filled"], [data-theme='light'] [component-variant="search-auto-filled"] {
        --search-clear-button-background-color: var(--interactive-surface-ghost-default);
        --search-clear-button-border-top-left-radius: var(--spacing-space-2);
        --search-clear-button-border-top-right-radius: var(--spacing-space-2);
        --search-clear-button-border-bottom-left-radius: var(--spacing-space-2);
        --search-clear-button-border-bottom-right-radius: var(--spacing-space-2);
        --search-clear-button-padding-left: var(--spacing-space-3);
        --search-clear-button-padding-right: var(--spacing-space-3);
        --search-clear-button-padding-top: var(--spacing-space-3);
        --search-clear-button-padding-bottom: var(--spacing-space-3);
        --search-clear-button-row-gap: var(--spacing-space-1);
        --search-clear-button-column-gap: var(--spacing-space-1);
        --search-clear-button-font-family: sans-sarif;
        --search-clear-button-font-size: initial;
        --search-clear-button-font-weight: regular;
        --search-clear-button-paragraph-spacing: 0px;
        --search-clear-button-paragraph-indent: 0px
    }
[data-theme='custom'] [component-variant="search-auto-filled"]:hover:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="search-auto-filled"]:hover:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="search-auto-filled"]:hover:not(:disabled):not([disabled]) {
        --search-clear-button-background-color: var(--interactive-surface-ghost-default);
        --search-clear-button-border-top-left-radius: var(--spacing-space-2);
        --search-clear-button-border-top-right-radius: var(--spacing-space-2);
        --search-clear-button-border-bottom-left-radius: var(--spacing-space-2);
        --search-clear-button-border-bottom-right-radius: var(--spacing-space-2);
        --search-clear-button-padding-left: var(--spacing-space-3);
        --search-clear-button-padding-right: var(--spacing-space-3);
        --search-clear-button-padding-top: var(--spacing-space-3);
        --search-clear-button-padding-bottom: var(--spacing-space-3);
        --search-clear-button-row-gap: var(--spacing-space-1);
        --search-clear-button-column-gap: var(--spacing-space-1);
        --search-clear-button-font-family: sans-sarif;
        --search-clear-button-font-size: initial;
        --search-clear-button-font-weight: regular;
        --search-clear-button-paragraph-spacing: 0px;
        --search-clear-button-paragraph-indent: 0px
    }
[data-theme='custom'] [component-variant="search-auto-filled"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="search-auto-filled"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='light'] [component-variant="search-auto-filled"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='custom'] [component-variant="search-auto-filled"]:focus-visible:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="search-auto-filled"]:focus-visible:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="search-auto-filled"]:focus-visible:not(:disabled):not([disabled]) {
        --search-clear-button-background-color: var(--interactive-surface-ghost-default);
        --search-clear-button-border-top-left-radius: var(--spacing-space-2);
        --search-clear-button-border-top-right-radius: var(--spacing-space-2);
        --search-clear-button-border-bottom-left-radius: var(--spacing-space-2);
        --search-clear-button-border-bottom-right-radius: var(--spacing-space-2);
        --search-clear-button-padding-left: var(--spacing-space-3);
        --search-clear-button-padding-right: var(--spacing-space-3);
        --search-clear-button-padding-top: var(--spacing-space-3);
        --search-clear-button-padding-bottom: var(--spacing-space-3);
        --search-clear-button-row-gap: var(--spacing-space-1);
        --search-clear-button-column-gap: var(--spacing-space-1);
        --search-clear-button-font-family: sans-sarif;
        --search-clear-button-font-size: initial;
        --search-clear-button-font-weight: regular;
        --search-clear-button-paragraph-spacing: 0px;
        --search-clear-button-paragraph-indent: 0px
    }
[data-theme='custom'] [component-variant="search-auto-filled"][invalid]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="search-auto-filled"][invalid]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="search-auto-filled"][invalid]:not(:disabled):not([disabled]), [data-theme='custom'] [component-variant="search-auto-filled"]:invalid:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="search-auto-filled"]:invalid:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="search-auto-filled"]:invalid:not(:disabled):not([disabled]) {
        --search-clear-button-background-color: var(--interactive-surface-ghost-default);
        --search-clear-button-border-top-left-radius: var(--spacing-space-2);
        --search-clear-button-border-top-right-radius: var(--spacing-space-2);
        --search-clear-button-border-bottom-left-radius: var(--spacing-space-2);
        --search-clear-button-border-bottom-right-radius: var(--spacing-space-2);
        --search-clear-button-padding-left: var(--spacing-space-3);
        --search-clear-button-padding-right: var(--spacing-space-3);
        --search-clear-button-padding-top: var(--spacing-space-3);
        --search-clear-button-padding-bottom: var(--spacing-space-3);
        --search-clear-button-row-gap: var(--spacing-space-1);
        --search-clear-button-column-gap: var(--spacing-space-1);
        --search-clear-button-font-family: sans-sarif;
        --search-clear-button-font-size: initial;
        --search-clear-button-font-weight: regular;
        --search-clear-button-paragraph-spacing: 0px;
        --search-clear-button-paragraph-indent: 0px
    }
[data-theme='custom'] [component-variant="search-auto-filled"][disabled],
[data-theme='dark'] [component-variant="search-auto-filled"][disabled],
[data-theme='light'] [component-variant="search-auto-filled"][disabled],
[data-theme='custom'] [component-variant="search-auto-filled"]:disabled,
[data-theme='dark'] [component-variant="search-auto-filled"]:disabled,
[data-theme='light'] [component-variant="search-auto-filled"]:disabled {
        --search-clear-button-background-color: var(--interactive-surface-ghost-default);
        --search-clear-button-border-top-left-radius: var(--spacing-space-2);
        --search-clear-button-border-top-right-radius: var(--spacing-space-2);
        --search-clear-button-border-bottom-left-radius: var(--spacing-space-2);
        --search-clear-button-border-bottom-right-radius: var(--spacing-space-2);
        --search-clear-button-padding-left: var(--spacing-space-3);
        --search-clear-button-padding-right: var(--spacing-space-3);
        --search-clear-button-padding-top: var(--spacing-space-3);
        --search-clear-button-padding-bottom: var(--spacing-space-3);
        --search-clear-button-row-gap: var(--spacing-space-1);
        --search-clear-button-column-gap: var(--spacing-space-1);
        --search-clear-button-font-family: sans-sarif;
        --search-clear-button-font-size: initial;
        --search-clear-button-font-weight: regular;
        --search-clear-button-paragraph-spacing: 0px;
        --search-clear-button-paragraph-indent: 0px
    }
[data-theme='custom'] [component-variant="search-button-filled"], [data-theme='dark'] [component-variant="search-button-filled"], [data-theme='light'] [component-variant="search-button-filled"] {
        --search-clear-button-background-color: var(--interactive-surface-ghost-default);
        --search-clear-button-border-top-left-radius: var(--spacing-space-2);
        --search-clear-button-border-top-right-radius: var(--spacing-space-2);
        --search-clear-button-border-bottom-left-radius: var(--spacing-space-2);
        --search-clear-button-border-bottom-right-radius: var(--spacing-space-2);
        --search-clear-button-padding-left: var(--spacing-space-3);
        --search-clear-button-padding-right: var(--spacing-space-3);
        --search-clear-button-padding-top: var(--spacing-space-3);
        --search-clear-button-padding-bottom: var(--spacing-space-3);
        --search-clear-button-row-gap: var(--spacing-space-1);
        --search-clear-button-column-gap: var(--spacing-space-1);
        --search-clear-button-font-family: sans-sarif;
        --search-clear-button-font-size: initial;
        --search-clear-button-font-weight: regular;
        --search-clear-button-paragraph-spacing: 0px;
        --search-clear-button-paragraph-indent: 0px
    }
[data-theme='custom'] [component-variant="search-button-filled"]:hover:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="search-button-filled"]:hover:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="search-button-filled"]:hover:not(:disabled):not([disabled]) {
        --search-clear-button-background-color: var(--interactive-surface-ghost-default);
        --search-clear-button-border-top-left-radius: var(--spacing-space-2);
        --search-clear-button-border-top-right-radius: var(--spacing-space-2);
        --search-clear-button-border-bottom-left-radius: var(--spacing-space-2);
        --search-clear-button-border-bottom-right-radius: var(--spacing-space-2);
        --search-clear-button-padding-left: var(--spacing-space-3);
        --search-clear-button-padding-right: var(--spacing-space-3);
        --search-clear-button-padding-top: var(--spacing-space-3);
        --search-clear-button-padding-bottom: var(--spacing-space-3);
        --search-clear-button-row-gap: var(--spacing-space-1);
        --search-clear-button-column-gap: var(--spacing-space-1);
        --search-clear-button-font-family: sans-sarif;
        --search-clear-button-font-size: initial;
        --search-clear-button-font-weight: regular;
        --search-clear-button-paragraph-spacing: 0px;
        --search-clear-button-paragraph-indent: 0px
    }
[data-theme='custom'] [component-variant="search-button-filled"][active]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="search-button-filled"][active]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="search-button-filled"][active]:not(:disabled):not([disabled]), [data-theme='custom'] [component-variant="search-button-filled"]:active:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="search-button-filled"]:active:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="search-button-filled"]:active:not(:disabled):not([disabled]) {
        --search-clear-button-background-color: var(--interactive-surface-ghost-default);
        --search-clear-button-border-top-left-radius: var(--spacing-space-2);
        --search-clear-button-border-top-right-radius: var(--spacing-space-2);
        --search-clear-button-border-bottom-left-radius: var(--spacing-space-2);
        --search-clear-button-border-bottom-right-radius: var(--spacing-space-2);
        --search-clear-button-padding-left: var(--spacing-space-3);
        --search-clear-button-padding-right: var(--spacing-space-3);
        --search-clear-button-padding-top: var(--spacing-space-3);
        --search-clear-button-padding-bottom: var(--spacing-space-3);
        --search-clear-button-row-gap: var(--spacing-space-1);
        --search-clear-button-column-gap: var(--spacing-space-1);
        --search-clear-button-font-family: sans-sarif;
        --search-clear-button-font-size: initial;
        --search-clear-button-font-weight: regular;
        --search-clear-button-paragraph-spacing: 0px;
        --search-clear-button-paragraph-indent: 0px
    }
[data-theme='custom'] [component-variant="search-button-filled"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="search-button-filled"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='light'] [component-variant="search-button-filled"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='custom'] [component-variant="search-button-filled"]:focus-visible:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="search-button-filled"]:focus-visible:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="search-button-filled"]:focus-visible:not(:disabled):not([disabled]) {
        --search-clear-button-background-color: var(--interactive-surface-ghost-default);
        --search-clear-button-border-top-left-radius: var(--spacing-space-2);
        --search-clear-button-border-top-right-radius: var(--spacing-space-2);
        --search-clear-button-border-bottom-left-radius: var(--spacing-space-2);
        --search-clear-button-border-bottom-right-radius: var(--spacing-space-2);
        --search-clear-button-padding-left: var(--spacing-space-3);
        --search-clear-button-padding-right: var(--spacing-space-3);
        --search-clear-button-padding-top: var(--spacing-space-3);
        --search-clear-button-padding-bottom: var(--spacing-space-3);
        --search-clear-button-row-gap: var(--spacing-space-1);
        --search-clear-button-column-gap: var(--spacing-space-1);
        --search-clear-button-font-family: sans-sarif;
        --search-clear-button-font-size: initial;
        --search-clear-button-font-weight: regular;
        --search-clear-button-paragraph-spacing: 0px;
        --search-clear-button-paragraph-indent: 0px
    }
[data-theme='custom'] [component-variant="search-button-filled"][invalid]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="search-button-filled"][invalid]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="search-button-filled"][invalid]:not(:disabled):not([disabled]), [data-theme='custom'] [component-variant="search-button-filled"]:invalid:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="search-button-filled"]:invalid:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="search-button-filled"]:invalid:not(:disabled):not([disabled]) {
        --search-clear-button-background-color: var(--interactive-surface-ghost-default);
        --search-clear-button-border-top-left-radius: var(--spacing-space-2);
        --search-clear-button-border-top-right-radius: var(--spacing-space-2);
        --search-clear-button-border-bottom-left-radius: var(--spacing-space-2);
        --search-clear-button-border-bottom-right-radius: var(--spacing-space-2);
        --search-clear-button-padding-left: var(--spacing-space-3);
        --search-clear-button-padding-right: var(--spacing-space-3);
        --search-clear-button-padding-top: var(--spacing-space-3);
        --search-clear-button-padding-bottom: var(--spacing-space-3);
        --search-clear-button-row-gap: var(--spacing-space-1);
        --search-clear-button-column-gap: var(--spacing-space-1);
        --search-clear-button-font-family: sans-sarif;
        --search-clear-button-font-size: initial;
        --search-clear-button-font-weight: regular;
        --search-clear-button-paragraph-spacing: 0px;
        --search-clear-button-paragraph-indent: 0px
    }
[data-theme='custom'] [component-variant="search-button-filled"][disabled],
[data-theme='dark'] [component-variant="search-button-filled"][disabled],
[data-theme='light'] [component-variant="search-button-filled"][disabled],
[data-theme='custom'] [component-variant="search-button-filled"]:disabled,
[data-theme='dark'] [component-variant="search-button-filled"]:disabled,
[data-theme='light'] [component-variant="search-button-filled"]:disabled {
        --search-clear-button-background-color: var(--interactive-surface-ghost-disabled);
        --search-clear-button-border-top-left-radius: var(--spacing-space-2);
        --search-clear-button-border-top-right-radius: var(--spacing-space-2);
        --search-clear-button-border-bottom-left-radius: var(--spacing-space-2);
        --search-clear-button-border-bottom-right-radius: var(--spacing-space-2);
        --search-clear-button-padding-left: var(--spacing-space-3);
        --search-clear-button-padding-right: var(--spacing-space-3);
        --search-clear-button-padding-top: var(--spacing-space-3);
        --search-clear-button-padding-bottom: var(--spacing-space-3);
        --search-clear-button-row-gap: var(--spacing-space-1);
        --search-clear-button-column-gap: var(--spacing-space-1);
        --search-clear-button-font-family: sans-sarif;
        --search-clear-button-font-size: initial;
        --search-clear-button-font-weight: regular;
        --search-clear-button-paragraph-spacing: 0px;
        --search-clear-button-paragraph-indent: 0px
    }
[data-theme='custom'] [component-variant="search-button-default"], [data-theme='dark'] [component-variant="search-button-default"], [data-theme='light'] [component-variant="search-button-default"] {
        --search-search-button-background-color: var(--interactive-surface-primary-disabled-1);
        --search-search-button-border-top-left-radius: var(--corner-radius-extra-small);
        --search-search-button-border-top-right-radius: var(--corner-radius-extra-small);
        --search-search-button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --search-search-button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --search-search-button-padding-left: var(--spacing-space-4);
        --search-search-button-padding-right: var(--spacing-space-4);
        --search-search-button-padding-top: var(--spacing-space-4);
        --search-search-button-padding-bottom: var(--spacing-space-4);
        --search-search-button-row-gap: var(--spacing-space-1);
        --search-search-button-column-gap: var(--spacing-space-1);
        --search-search-button-font-family: sans-sarif;
        --search-search-button-font-size: initial;
        --search-search-button-font-weight: regular;
        --search-search-button-paragraph-spacing: 0px;
        --search-search-button-paragraph-indent: 0px
    }
[data-theme='custom'] [component-variant="search-button-default"]:hover:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="search-button-default"]:hover:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="search-button-default"]:hover:not(:disabled):not([disabled]) {
        --search-search-button-background-color: var(--interactive-surface-primary-disabled-1);
        --search-search-button-border-top-left-radius: var(--corner-radius-extra-small);
        --search-search-button-border-top-right-radius: var(--corner-radius-extra-small);
        --search-search-button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --search-search-button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --search-search-button-padding-left: var(--spacing-space-4);
        --search-search-button-padding-right: var(--spacing-space-4);
        --search-search-button-padding-top: var(--spacing-space-4);
        --search-search-button-padding-bottom: var(--spacing-space-4);
        --search-search-button-row-gap: var(--spacing-space-1);
        --search-search-button-column-gap: var(--spacing-space-1);
        --search-search-button-font-family: sans-sarif;
        --search-search-button-font-size: initial;
        --search-search-button-font-weight: regular;
        --search-search-button-paragraph-spacing: 0px;
        --search-search-button-paragraph-indent: 0px
    }
[data-theme='custom'] [component-variant="search-button-default"][active]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="search-button-default"][active]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="search-button-default"][active]:not(:disabled):not([disabled]), [data-theme='custom'] [component-variant="search-button-default"]:active:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="search-button-default"]:active:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="search-button-default"]:active:not(:disabled):not([disabled]) {
        --search-search-button-background-color: var(--interactive-surface-primary-disabled-1);
        --search-search-button-border-top-left-radius: var(--corner-radius-extra-small);
        --search-search-button-border-top-right-radius: var(--corner-radius-extra-small);
        --search-search-button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --search-search-button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --search-search-button-padding-left: var(--spacing-space-4);
        --search-search-button-padding-right: var(--spacing-space-4);
        --search-search-button-padding-top: var(--spacing-space-4);
        --search-search-button-padding-bottom: var(--spacing-space-4);
        --search-search-button-row-gap: var(--spacing-space-1);
        --search-search-button-column-gap: var(--spacing-space-1);
        --search-search-button-font-family: sans-sarif;
        --search-search-button-font-size: initial;
        --search-search-button-font-weight: regular;
        --search-search-button-paragraph-spacing: 0px;
        --search-search-button-paragraph-indent: 0px
    }
[data-theme='custom'] [component-variant="search-button-default"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="search-button-default"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='light'] [component-variant="search-button-default"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='custom'] [component-variant="search-button-default"]:focus-visible:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="search-button-default"]:focus-visible:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="search-button-default"]:focus-visible:not(:disabled):not([disabled]) {
        --search-search-button-background-color: var(--interactive-surface-primary-disabled-1);
        --search-search-button-border-top-left-radius: var(--corner-radius-extra-small);
        --search-search-button-border-top-right-radius: var(--corner-radius-extra-small);
        --search-search-button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --search-search-button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --search-search-button-padding-left: var(--spacing-space-4);
        --search-search-button-padding-right: var(--spacing-space-4);
        --search-search-button-padding-top: var(--spacing-space-4);
        --search-search-button-padding-bottom: var(--spacing-space-4);
        --search-search-button-row-gap: var(--spacing-space-1);
        --search-search-button-column-gap: var(--spacing-space-1);
        --search-search-button-font-family: sans-sarif;
        --search-search-button-font-size: initial;
        --search-search-button-font-weight: regular;
        --search-search-button-paragraph-spacing: 0px;
        --search-search-button-paragraph-indent: 0px
    }
[data-theme='custom'] [component-variant="search-button-default"][invalid]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="search-button-default"][invalid]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="search-button-default"][invalid]:not(:disabled):not([disabled]), [data-theme='custom'] [component-variant="search-button-default"]:invalid:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="search-button-default"]:invalid:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="search-button-default"]:invalid:not(:disabled):not([disabled]) {
        --search-search-button-background-color: var(--interactive-surface-primary-disabled-1);
        --search-search-button-border-top-left-radius: var(--corner-radius-extra-small);
        --search-search-button-border-top-right-radius: var(--corner-radius-extra-small);
        --search-search-button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --search-search-button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --search-search-button-padding-left: var(--spacing-space-4);
        --search-search-button-padding-right: var(--spacing-space-4);
        --search-search-button-padding-top: var(--spacing-space-4);
        --search-search-button-padding-bottom: var(--spacing-space-4);
        --search-search-button-row-gap: var(--spacing-space-1);
        --search-search-button-column-gap: var(--spacing-space-1);
        --search-search-button-font-family: sans-sarif;
        --search-search-button-font-size: initial;
        --search-search-button-font-weight: regular;
        --search-search-button-paragraph-spacing: 0px;
        --search-search-button-paragraph-indent: 0px
    }
[data-theme='custom'] [component-variant="search-button-default"][disabled],
[data-theme='dark'] [component-variant="search-button-default"][disabled],
[data-theme='light'] [component-variant="search-button-default"][disabled],
[data-theme='custom'] [component-variant="search-button-default"]:disabled,
[data-theme='dark'] [component-variant="search-button-default"]:disabled,
[data-theme='light'] [component-variant="search-button-default"]:disabled {
        --search-search-button-background-color: var(--interactive-surface-primary-disabled-1);
        --search-search-button-border-top-left-radius: var(--corner-radius-extra-small);
        --search-search-button-border-top-right-radius: var(--corner-radius-extra-small);
        --search-search-button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --search-search-button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --search-search-button-padding-left: var(--spacing-space-4);
        --search-search-button-padding-right: var(--spacing-space-4);
        --search-search-button-padding-top: var(--spacing-space-4);
        --search-search-button-padding-bottom: var(--spacing-space-4);
        --search-search-button-row-gap: var(--spacing-space-1);
        --search-search-button-column-gap: var(--spacing-space-1);
        --search-search-button-font-family: sans-sarif;
        --search-search-button-font-size: initial;
        --search-search-button-font-weight: regular;
        --search-search-button-paragraph-spacing: 0px;
        --search-search-button-paragraph-indent: 0px
    }
[data-theme='custom'] [component-variant="search-button-filled"][active]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="search-button-filled"][active]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="search-button-filled"][active]:not(:disabled):not([disabled]), [data-theme='custom'] [component-variant="search-button-filled"]:active:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="search-button-filled"]:active:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="search-button-filled"]:active:not(:disabled):not([disabled]) {
        --search-search-button-background-color: var(--interactive-surface-primary-default);
        --search-search-button-border-top-left-radius: var(--corner-radius-extra-small);
        --search-search-button-border-top-right-radius: var(--corner-radius-extra-small);
        --search-search-button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --search-search-button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --search-search-button-padding-left: var(--spacing-space-4);
        --search-search-button-padding-right: var(--spacing-space-4);
        --search-search-button-padding-top: var(--spacing-space-4);
        --search-search-button-padding-bottom: var(--spacing-space-4);
        --search-search-button-row-gap: var(--spacing-space-1);
        --search-search-button-column-gap: var(--spacing-space-1);
        --search-search-button-font-family: sans-sarif;
        --search-search-button-font-size: initial;
        --search-search-button-font-weight: regular;
        --search-search-button-paragraph-spacing: 0px;
        --search-search-button-paragraph-indent: 0px
    }
[data-theme='custom'] [component-variant="search-button-filled"], [data-theme='dark'] [component-variant="search-button-filled"], [data-theme='light'] [component-variant="search-button-filled"] {
        --search-search-button-background-color: var(--interactive-surface-primary-default);
        --search-search-button-border-top-left-radius: var(--corner-radius-extra-small);
        --search-search-button-border-top-right-radius: var(--corner-radius-extra-small);
        --search-search-button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --search-search-button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --search-search-button-padding-left: var(--spacing-space-4);
        --search-search-button-padding-right: var(--spacing-space-4);
        --search-search-button-padding-top: var(--spacing-space-4);
        --search-search-button-padding-bottom: var(--spacing-space-4);
        --search-search-button-row-gap: var(--spacing-space-1);
        --search-search-button-column-gap: var(--spacing-space-1);
        --search-search-button-font-family: sans-sarif;
        --search-search-button-font-size: initial;
        --search-search-button-font-weight: regular;
        --search-search-button-paragraph-spacing: 0px;
        --search-search-button-paragraph-indent: 0px
    }
[data-theme='custom'] [component-variant="search-button-filled"]:hover:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="search-button-filled"]:hover:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="search-button-filled"]:hover:not(:disabled):not([disabled]) {
        --search-search-button-background-color: var(--interactive-surface-primary-default);
        --search-search-button-border-top-left-radius: var(--corner-radius-extra-small);
        --search-search-button-border-top-right-radius: var(--corner-radius-extra-small);
        --search-search-button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --search-search-button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --search-search-button-padding-left: var(--spacing-space-4);
        --search-search-button-padding-right: var(--spacing-space-4);
        --search-search-button-padding-top: var(--spacing-space-4);
        --search-search-button-padding-bottom: var(--spacing-space-4);
        --search-search-button-row-gap: var(--spacing-space-1);
        --search-search-button-column-gap: var(--spacing-space-1);
        --search-search-button-font-family: sans-sarif;
        --search-search-button-font-size: initial;
        --search-search-button-font-weight: regular;
        --search-search-button-paragraph-spacing: 0px;
        --search-search-button-paragraph-indent: 0px
    }
[data-theme='custom'] [component-variant="search-button-filled"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="search-button-filled"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='light'] [component-variant="search-button-filled"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='custom'] [component-variant="search-button-filled"]:focus-visible:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="search-button-filled"]:focus-visible:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="search-button-filled"]:focus-visible:not(:disabled):not([disabled]) {
        --search-search-button-background-color: var(--interactive-surface-primary-default);
        --search-search-button-border-top-left-radius: var(--corner-radius-extra-small);
        --search-search-button-border-top-right-radius: var(--corner-radius-extra-small);
        --search-search-button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --search-search-button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --search-search-button-padding-left: var(--spacing-space-4);
        --search-search-button-padding-right: var(--spacing-space-4);
        --search-search-button-padding-top: var(--spacing-space-4);
        --search-search-button-padding-bottom: var(--spacing-space-4);
        --search-search-button-row-gap: var(--spacing-space-1);
        --search-search-button-column-gap: var(--spacing-space-1);
        --search-search-button-font-family: sans-sarif;
        --search-search-button-font-size: initial;
        --search-search-button-font-weight: regular;
        --search-search-button-paragraph-spacing: 0px;
        --search-search-button-paragraph-indent: 0px
    }
[data-theme='custom'] [component-variant="search-button-filled"][invalid]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="search-button-filled"][invalid]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="search-button-filled"][invalid]:not(:disabled):not([disabled]), [data-theme='custom'] [component-variant="search-button-filled"]:invalid:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="search-button-filled"]:invalid:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="search-button-filled"]:invalid:not(:disabled):not([disabled]) {
        --search-search-button-background-color: var(--interactive-surface-primary-default);
        --search-search-button-border-top-left-radius: var(--corner-radius-extra-small);
        --search-search-button-border-top-right-radius: var(--corner-radius-extra-small);
        --search-search-button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --search-search-button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --search-search-button-padding-left: var(--spacing-space-4);
        --search-search-button-padding-right: var(--spacing-space-4);
        --search-search-button-padding-top: var(--spacing-space-4);
        --search-search-button-padding-bottom: var(--spacing-space-4);
        --search-search-button-row-gap: var(--spacing-space-1);
        --search-search-button-column-gap: var(--spacing-space-1);
        --search-search-button-font-family: sans-sarif;
        --search-search-button-font-size: initial;
        --search-search-button-font-weight: regular;
        --search-search-button-paragraph-spacing: 0px;
        --search-search-button-paragraph-indent: 0px
    }
[data-theme='custom'] [component-variant="search-button-filled"][disabled],
[data-theme='dark'] [component-variant="search-button-filled"][disabled],
[data-theme='light'] [component-variant="search-button-filled"][disabled],
[data-theme='custom'] [component-variant="search-button-filled"]:disabled,
[data-theme='dark'] [component-variant="search-button-filled"]:disabled,
[data-theme='light'] [component-variant="search-button-filled"]:disabled {
        --search-search-button-background-color: var(--interactive-surface-primary-disabled-1);
        --search-search-button-border-top-left-radius: var(--corner-radius-extra-small);
        --search-search-button-border-top-right-radius: var(--corner-radius-extra-small);
        --search-search-button-border-bottom-left-radius: var(--corner-radius-extra-small);
        --search-search-button-border-bottom-right-radius: var(--corner-radius-extra-small);
        --search-search-button-padding-left: var(--spacing-space-4);
        --search-search-button-padding-right: var(--spacing-space-4);
        --search-search-button-padding-top: var(--spacing-space-4);
        --search-search-button-padding-bottom: var(--spacing-space-4);
        --search-search-button-row-gap: var(--spacing-space-1);
        --search-search-button-column-gap: var(--spacing-space-1);
        --search-search-button-font-family: sans-sarif;
        --search-search-button-font-size: initial;
        --search-search-button-font-weight: regular;
        --search-search-button-paragraph-spacing: 0px;
        --search-search-button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant^="form-field-"], [data-theme='light'] [component-variant^="form-field-"] {
        --form-field-opacity: 1;
        --form-field-height: auto;
        --form-field-min-height: auto;
        --form-field-max-height: none;
        --form-field-width: auto;
        --form-field-min-width: auto;
        --form-field-max-width: none;
        --form-field-background-color: transparent;
        --form-field-fill: currentcolor;
        --form-field-border-top-left-radius: 0px;
        --form-field-border-top-right-radius: 0px;
        --form-field-border-bottom-left-radius: 0px;
        --form-field-border-bottom-right-radius: 0px;
        --form-field-border-color: transparent;
        --form-field-border-style: solid;
        --form-field-border-gap: normal;
        --form-field-border-dash: none;
        --form-field-border-top-width: 0px;
        --form-field-border-right-width: 0px;
        --form-field-border-bottom-width: 0px;
        --form-field-border-left-width: 0px;
        --form-field-outline-color: auto;
        --form-field-outline-style: solid;
        --form-field-outline-width: 0px;
        --form-field-padding-left: 0px;
        --form-field-padding-right: 0px;
        --form-field-padding-top: 0px;
        --form-field-padding-bottom: 0px;
        --form-field-row-gap: 0px;
        --form-field-column-gap: 0px;
        --form-field-font-family: sans-serif;
        --form-field-font-size: medium;
        --form-field-color: currentcolor;
        --form-field-letter-spacing: normal;
        --form-field-line-height: normal;
        --form-field-paragraph-spacing: ;
        --form-field-paragraph-indent: 
    }
[data-theme='dark'] [component-variant="form-field-default"], [data-theme='light'] [component-variant="form-field-default"] {
        --form-field-width: 100%;
        --form-field-border-top-left-radius: var(--corner-radius-none);
        --form-field-border-top-right-radius: var(--corner-radius-none);
        --form-field-border-bottom-left-radius: var(--corner-radius-none);
        --form-field-border-bottom-right-radius: var(--corner-radius-none);
        --form-field-padding-left: var(--spacing-space-1);
        --form-field-padding-right: var(--spacing-space-1);
        --form-field-padding-top: var(--spacing-space-1);
        --form-field-padding-bottom: var(--spacing-space-1);
        --form-field-row-gap: var(--spacing-space-3);
        --form-field-column-gap: var(--spacing-space-3);
        --form-field-font-family: sans-sarif;
        --form-field-font-size: initial;
        --form-field-font-weight: regular;
        --form-field-paragraph-spacing: 0px;
        --form-field-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="form-field-error"], [data-theme='light'] [component-variant="form-field-error"] {
        --form-field-width: 100%;
        --form-field-border-top-left-radius: var(--corner-radius-none);
        --form-field-border-top-right-radius: var(--corner-radius-none);
        --form-field-border-bottom-left-radius: var(--corner-radius-none);
        --form-field-border-bottom-right-radius: var(--corner-radius-none);
        --form-field-padding-left: var(--spacing-space-1);
        --form-field-padding-right: var(--spacing-space-1);
        --form-field-padding-top: var(--spacing-space-1);
        --form-field-padding-bottom: var(--spacing-space-1);
        --form-field-row-gap: var(--spacing-space-3);
        --form-field-column-gap: var(--spacing-space-3);
        --form-field-font-family: sans-sarif;
        --form-field-font-size: initial;
        --form-field-font-weight: regular;
        --form-field-paragraph-spacing: 0px;
        --form-field-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="form-field-default"], [data-theme='light'] [component-variant="form-field-default"] {
        --form-field-field-width: 100%;
        --form-field-field-row-gap: 4px;
        --form-field-field-column-gap: 4px;
        --form-field-field-font-family: sans-sarif;
        --form-field-field-font-size: initial;
        --form-field-field-font-weight: regular;
        --form-field-field-paragraph-spacing: 0px;
        --form-field-field-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="form-field-error"], [data-theme='light'] [component-variant="form-field-error"] {
        --form-field-field-width: 100%;
        --form-field-field-row-gap: 4px;
        --form-field-field-column-gap: 4px;
        --form-field-field-font-family: sans-sarif;
        --form-field-field-font-size: initial;
        --form-field-field-font-weight: regular;
        --form-field-field-paragraph-spacing: 0px;
        --form-field-field-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="form-field-default"], [data-theme='light'] [component-variant="form-field-default"] {
        --form-field-label-width: 100%;
        --form-field-label-color: var(--text-primary);
        --form-field-label-row-gap: 4px;
        --form-field-label-column-gap: 4px;
        --form-field-label-font-family: var(--font-family-body);
        --form-field-label-font-size: var(--font-size-body-small);
        --form-field-label-font-weight: var(--font-weight-bold);
        --form-field-label-line-height: var(--line-height-body-small);
        --form-field-label-paragraph-spacing: 0px;
        --form-field-label-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="form-field-error"], [data-theme='light'] [component-variant="form-field-error"] {
        --form-field-label-width: 100%;
        --form-field-label-color: var(--text-primary);
        --form-field-label-row-gap: 4px;
        --form-field-label-column-gap: 4px;
        --form-field-label-font-family: var(--font-family-body);
        --form-field-label-font-size: var(--font-size-body-small);
        --form-field-label-font-weight: var(--font-weight-bold);
        --form-field-label-line-height: var(--line-height-body-small);
        --form-field-label-paragraph-spacing: 0px;
        --form-field-label-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="form-field-default"], [data-theme='light'] [component-variant="form-field-default"] {
        --form-field-message-height: 16px;
        --form-field-message-width: 100%;
        --form-field-message-color: var(--text-secondary);
        --form-field-message-padding-left: var(--spacing-space-1);
        --form-field-message-padding-right: var(--spacing-space-1);
        --form-field-message-padding-top: var(--spacing-space-1);
        --form-field-message-padding-bottom: var(--spacing-space-1);
        --form-field-message-row-gap: var(--spacing-space-3);
        --form-field-message-column-gap: var(--spacing-space-3);
        --form-field-message-font-family: var(--font-family-body);
        --form-field-message-font-size: var(--font-size-body-small);
        --form-field-message-font-weight: var(--font-weight-regular);
        --form-field-message-line-height: var(--line-height-body-small);
        --form-field-message-paragraph-spacing: 0px;
        --form-field-message-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="form-field-error"], [data-theme='light'] [component-variant="form-field-error"] {
        --form-field-message-height: 16px;
        --form-field-message-width: 100%;
        --form-field-message-color: var(--text-primary);
        --form-field-message-border-top-left-radius: var(--corner-radius-none);
        --form-field-message-border-top-right-radius: var(--corner-radius-none);
        --form-field-message-border-bottom-left-radius: var(--corner-radius-none);
        --form-field-message-border-bottom-right-radius: var(--corner-radius-none);
        --form-field-message-padding-left: var(--spacing-space-1);
        --form-field-message-padding-right: var(--spacing-space-1);
        --form-field-message-padding-top: var(--spacing-space-1);
        --form-field-message-padding-bottom: var(--spacing-space-1);
        --form-field-message-row-gap: var(--spacing-space-3);
        --form-field-message-column-gap: var(--spacing-space-3);
        --form-field-message-font-family: var(--font-family-body);
        --form-field-message-font-size: var(--font-size-body-small);
        --form-field-message-font-weight: var(--font-weight-regular);
        --form-field-message-line-height: var(--line-height-body-small);
        --form-field-message-paragraph-spacing: 0px;
        --form-field-message-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="form-field-default"], [data-theme='light'] [component-variant="form-field-default"] {
        --form-field-message-icon-color: var(--icon-secondary)
    }
[data-theme='dark'] [component-variant="form-field-error"], [data-theme='light'] [component-variant="form-field-error"] {
        --form-field-message-icon-color: var(--icon-destructive)
    }
[data-theme='dark'] [component-variant^="select-"], [data-theme='light'] [component-variant^="select-"] {
        --select-opacity: 1;
        --select-height: auto;
        --select-min-height: auto;
        --select-max-height: none;
        --select-width: auto;
        --select-min-width: auto;
        --select-max-width: none;
        --select-background-color: transparent;
        --select-fill: currentcolor;
        --select-border-top-left-radius: 0px;
        --select-border-top-right-radius: 0px;
        --select-border-bottom-left-radius: 0px;
        --select-border-bottom-right-radius: 0px;
        --select-border-color: transparent;
        --select-border-style: solid;
        --select-border-gap: normal;
        --select-border-dash: none;
        --select-border-top-width: 0px;
        --select-border-right-width: 0px;
        --select-border-bottom-width: 0px;
        --select-border-left-width: 0px;
        --select-outline-color: auto;
        --select-outline-style: solid;
        --select-outline-width: 0px;
        --select-padding-left: 0px;
        --select-padding-right: 0px;
        --select-padding-top: 0px;
        --select-padding-bottom: 0px;
        --select-row-gap: 0px;
        --select-column-gap: 0px;
        --select-font-family: sans-serif;
        --select-font-size: medium;
        --select-color: currentcolor;
        --select-letter-spacing: normal;
        --select-line-height: normal;
        --select-paragraph-spacing: ;
        --select-paragraph-indent: 
    }
[data-theme='dark'] [component-variant="select-single-select"], [data-theme='light'] [component-variant="select-single-select"] {
        --select-width: 100%;
        --select-row-gap: var(--spacing-space-2);
        --select-column-gap: var(--spacing-space-2);
        --select-font-family: sans-sarif;
        --select-font-size: initial;
        --select-font-weight: regular;
        --select-paragraph-spacing: 0px;
        --select-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="select-single-select"]:hover:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="select-single-select"]:hover:not(:disabled):not([disabled]) {
        --select-width: 100%;
        --select-row-gap: var(--spacing-space-2);
        --select-column-gap: var(--spacing-space-2);
        --select-font-family: sans-sarif;
        --select-font-size: initial;
        --select-font-weight: regular;
        --select-paragraph-spacing: 0px;
        --select-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="select-single-select"][active]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="select-single-select"][active]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="select-single-select"]:active:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="select-single-select"]:active:not(:disabled):not([disabled]) {
        --select-width: 100%;
        --select-row-gap: var(--spacing-space-2);
        --select-column-gap: var(--spacing-space-2);
        --select-font-family: sans-sarif;
        --select-font-size: initial;
        --select-font-weight: regular;
        --select-paragraph-spacing: 0px;
        --select-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="select-single-select"]:has(:focus):not(:disabled):not([disabled]), [data-theme='light'] [component-variant="select-single-select"]:has(:focus):not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="select-single-select"]:focus:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="select-single-select"]:focus:not(:disabled):not([disabled]) {
        --select-width: 100%;
        --select-row-gap: var(--spacing-space-2);
        --select-column-gap: var(--spacing-space-2);
        --select-font-family: sans-sarif;
        --select-font-size: initial;
        --select-font-weight: regular;
        --select-paragraph-spacing: 0px;
        --select-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="select-single-select"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='light'] [component-variant="select-single-select"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="select-single-select"]:focus-visible:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="select-single-select"]:focus-visible:not(:disabled):not([disabled]) {
        --select-width: 100%;
        --select-row-gap: var(--spacing-space-2);
        --select-column-gap: var(--spacing-space-2);
        --select-font-family: sans-sarif;
        --select-font-size: initial;
        --select-font-weight: regular;
        --select-paragraph-spacing: 0px;
        --select-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="select-single-select"][invalid]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="select-single-select"][invalid]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="select-single-select"]:invalid:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="select-single-select"]:invalid:not(:disabled):not([disabled]) {
        --select-width: 100%;
        --select-row-gap: var(--spacing-space-2);
        --select-column-gap: var(--spacing-space-2);
        --select-font-family: sans-sarif;
        --select-font-size: initial;
        --select-font-weight: regular;
        --select-paragraph-spacing: 0px;
        --select-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="select-single-select"][disabled],
[data-theme='light'] [component-variant="select-single-select"][disabled],
[data-theme='dark'] [component-variant="select-single-select"]:disabled,
[data-theme='light'] [component-variant="select-single-select"]:disabled {
        --select-width: 100%;
        --select-row-gap: var(--spacing-space-2);
        --select-column-gap: var(--spacing-space-2);
        --select-font-family: sans-sarif;
        --select-font-size: initial;
        --select-font-weight: regular;
        --select-paragraph-spacing: 0px;
        --select-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="select-multi-select"], [data-theme='light'] [component-variant="select-multi-select"] {
        --select-width: 100%;
        --select-row-gap: var(--spacing-space-2);
        --select-column-gap: var(--spacing-space-2);
        --select-font-family: sans-sarif;
        --select-font-size: initial;
        --select-font-weight: regular;
        --select-paragraph-spacing: 0px;
        --select-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="select-multi-select"]:hover:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="select-multi-select"]:hover:not(:disabled):not([disabled]) {
        --select-width: 100%;
        --select-row-gap: var(--spacing-space-2);
        --select-column-gap: var(--spacing-space-2);
        --select-font-family: sans-sarif;
        --select-font-size: initial;
        --select-font-weight: regular;
        --select-paragraph-spacing: 0px;
        --select-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="select-multi-select"][active]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="select-multi-select"][active]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="select-multi-select"]:active:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="select-multi-select"]:active:not(:disabled):not([disabled]) {
        --select-width: 100%;
        --select-row-gap: var(--spacing-space-2);
        --select-column-gap: var(--spacing-space-2);
        --select-font-family: sans-sarif;
        --select-font-size: initial;
        --select-font-weight: regular;
        --select-paragraph-spacing: 0px;
        --select-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="select-multi-select"]:has(:focus):not(:disabled):not([disabled]), [data-theme='light'] [component-variant="select-multi-select"]:has(:focus):not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="select-multi-select"]:focus:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="select-multi-select"]:focus:not(:disabled):not([disabled]) {
        --select-width: 100%;
        --select-row-gap: var(--spacing-space-2);
        --select-column-gap: var(--spacing-space-2);
        --select-font-family: sans-sarif;
        --select-font-size: initial;
        --select-font-weight: regular;
        --select-paragraph-spacing: 0px;
        --select-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="select-multi-select"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='light'] [component-variant="select-multi-select"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="select-multi-select"]:focus-visible:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="select-multi-select"]:focus-visible:not(:disabled):not([disabled]) {
        --select-width: 100%;
        --select-row-gap: var(--spacing-space-2);
        --select-column-gap: var(--spacing-space-2);
        --select-font-family: sans-sarif;
        --select-font-size: initial;
        --select-font-weight: regular;
        --select-paragraph-spacing: 0px;
        --select-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="select-multi-select"][invalid]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="select-multi-select"][invalid]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="select-multi-select"]:invalid:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="select-multi-select"]:invalid:not(:disabled):not([disabled]) {
        --select-width: 100%;
        --select-row-gap: var(--spacing-space-2);
        --select-column-gap: var(--spacing-space-2);
        --select-font-family: sans-sarif;
        --select-font-size: initial;
        --select-font-weight: regular;
        --select-paragraph-spacing: 0px;
        --select-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="select-multi-select"][disabled],
[data-theme='light'] [component-variant="select-multi-select"][disabled],
[data-theme='dark'] [component-variant="select-multi-select"]:disabled,
[data-theme='light'] [component-variant="select-multi-select"]:disabled {
        --select-width: 100%;
        --select-row-gap: var(--spacing-space-2);
        --select-column-gap: var(--spacing-space-2);
        --select-font-family: sans-sarif;
        --select-font-size: initial;
        --select-font-weight: regular;
        --select-paragraph-spacing: 0px;
        --select-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="select-single-select"], [data-theme='light'] [component-variant="select-single-select"] {
        --select-trigger-height: 32px;
        --select-trigger-width: 100%;
        --select-trigger-background-color: var(--interactive-surface-secondary-default);
        --select-trigger-color: var(--text-secondary);
        --select-trigger-border-top-left-radius: var(--corner-radius-extra-small);
        --select-trigger-border-top-right-radius: var(--corner-radius-extra-small);
        --select-trigger-border-bottom-left-radius: var(--corner-radius-extra-small);
        --select-trigger-border-bottom-right-radius: var(--corner-radius-extra-small);
        --select-trigger-border-color: var(--border-border-grey-3);
        --select-trigger-border-top-width: 1px;
        --select-trigger-border-right-width: 1px;
        --select-trigger-border-bottom-width: 1px;
        --select-trigger-border-left-width: 1px;
        --select-trigger-padding-left: var(--spacing-space-5);
        --select-trigger-padding-right: var(--spacing-space-5);
        --select-trigger-padding-top: var(--spacing-space-5);
        --select-trigger-padding-bottom: var(--spacing-space-5);
        --select-trigger-row-gap: var(--spacing-space-5);
        --select-trigger-column-gap: var(--spacing-space-5);
        --select-trigger-font-family: var(--font-family-body);
        --select-trigger-font-size: var(--font-size-body-small);
        --select-trigger-font-weight: var(--font-weight-regular);
        --select-trigger-line-height: var(--line-height-body-small);
        --select-trigger-paragraph-spacing: 0px;
        --select-trigger-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="select-single-select"]:hover:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="select-single-select"]:hover:not(:disabled):not([disabled]) {
        --select-trigger-height: 32px;
        --select-trigger-width: 100%;
        --select-trigger-background-color: var(--interactive-surface-secondary-default);
        --select-trigger-color: var(--text-primary);
        --select-trigger-border-top-left-radius: var(--corner-radius-extra-small);
        --select-trigger-border-top-right-radius: var(--corner-radius-extra-small);
        --select-trigger-border-bottom-left-radius: var(--corner-radius-extra-small);
        --select-trigger-border-bottom-right-radius: var(--corner-radius-extra-small);
        --select-trigger-border-color: var(--border-border-grey-3);
        --select-trigger-border-top-width: 1px;
        --select-trigger-border-right-width: 1px;
        --select-trigger-border-bottom-width: 1px;
        --select-trigger-border-left-width: 1px;
        --select-trigger-padding-left: var(--spacing-space-5);
        --select-trigger-padding-right: var(--spacing-space-5);
        --select-trigger-padding-top: var(--spacing-space-5);
        --select-trigger-padding-bottom: var(--spacing-space-5);
        --select-trigger-row-gap: var(--spacing-space-5);
        --select-trigger-column-gap: var(--spacing-space-5);
        --select-trigger-font-family: var(--font-family-body);
        --select-trigger-font-size: var(--font-size-body-small);
        --select-trigger-font-weight: var(--font-weight-regular);
        --select-trigger-line-height: var(--line-height-body-small);
        --select-trigger-paragraph-spacing: 0px;
        --select-trigger-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="select-single-select"][active]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="select-single-select"][active]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="select-single-select"]:active:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="select-single-select"]:active:not(:disabled):not([disabled]) {
        --select-trigger-height: 32px;
        --select-trigger-width: 100%;
        --select-trigger-background-color: var(--interactive-surface-secondary-default);
        --select-trigger-color: var(--text-primary);
        --select-trigger-border-top-left-radius: var(--corner-radius-extra-small);
        --select-trigger-border-top-right-radius: var(--corner-radius-extra-small);
        --select-trigger-border-bottom-left-radius: var(--corner-radius-extra-small);
        --select-trigger-border-bottom-right-radius: var(--corner-radius-extra-small);
        --select-trigger-border-color: var(--border-border-grey-3);
        --select-trigger-border-top-width: 1px;
        --select-trigger-border-right-width: 1px;
        --select-trigger-border-bottom-width: 1px;
        --select-trigger-border-left-width: 1px;
        --select-trigger-padding-left: var(--spacing-space-5);
        --select-trigger-padding-right: var(--spacing-space-5);
        --select-trigger-padding-top: var(--spacing-space-5);
        --select-trigger-padding-bottom: var(--spacing-space-5);
        --select-trigger-row-gap: var(--spacing-space-5);
        --select-trigger-column-gap: var(--spacing-space-5);
        --select-trigger-font-family: var(--font-family-body);
        --select-trigger-font-size: var(--font-size-body-small);
        --select-trigger-font-weight: var(--font-weight-regular);
        --select-trigger-line-height: var(--line-height-body-small);
        --select-trigger-paragraph-spacing: 0px;
        --select-trigger-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="select-single-select"]:has(:focus):not(:disabled):not([disabled]), [data-theme='light'] [component-variant="select-single-select"]:has(:focus):not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="select-single-select"]:focus:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="select-single-select"]:focus:not(:disabled):not([disabled]) {
        --select-trigger-height: 32px;
        --select-trigger-width: 100%;
        --select-trigger-background-color: var(--interactive-surface-secondary-default);
        --select-trigger-color: var(--text-primary);
        --select-trigger-border-top-left-radius: var(--corner-radius-extra-small);
        --select-trigger-border-top-right-radius: var(--corner-radius-extra-small);
        --select-trigger-border-bottom-left-radius: var(--corner-radius-extra-small);
        --select-trigger-border-bottom-right-radius: var(--corner-radius-extra-small);
        --select-trigger-border-color: var(--border-primary);
        --select-trigger-border-top-width: 1px;
        --select-trigger-border-right-width: 1px;
        --select-trigger-border-bottom-width: 1px;
        --select-trigger-border-left-width: 1px;
        --select-trigger-padding-left: var(--spacing-space-5);
        --select-trigger-padding-right: var(--spacing-space-5);
        --select-trigger-padding-top: var(--spacing-space-5);
        --select-trigger-padding-bottom: var(--spacing-space-5);
        --select-trigger-row-gap: var(--spacing-space-5);
        --select-trigger-column-gap: var(--spacing-space-5);
        --select-trigger-font-family: var(--font-family-body);
        --select-trigger-font-size: var(--font-size-body-small);
        --select-trigger-font-weight: var(--font-weight-regular);
        --select-trigger-line-height: var(--line-height-body-small);
        --select-trigger-paragraph-spacing: 0px;
        --select-trigger-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="select-single-select"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='light'] [component-variant="select-single-select"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="select-single-select"]:focus-visible:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="select-single-select"]:focus-visible:not(:disabled):not([disabled]) {
        --select-trigger-height: 32px;
        --select-trigger-width: 100%;
        --select-trigger-background-color: var(--interactive-surface-secondary-default);
        --select-trigger-color: var(--text-primary);
        --select-trigger-border-top-left-radius: var(--corner-radius-extra-small);
        --select-trigger-border-top-right-radius: var(--corner-radius-extra-small);
        --select-trigger-border-bottom-left-radius: var(--corner-radius-extra-small);
        --select-trigger-border-bottom-right-radius: var(--corner-radius-extra-small);
        --select-trigger-border-color: var(--border-border-grey-1);
        --select-trigger-border-top-width: 1px;
        --select-trigger-border-right-width: 1px;
        --select-trigger-border-bottom-width: 1px;
        --select-trigger-border-left-width: 1px;
        --select-trigger-padding-left: var(--spacing-space-5);
        --select-trigger-padding-right: var(--spacing-space-5);
        --select-trigger-padding-top: var(--spacing-space-5);
        --select-trigger-padding-bottom: var(--spacing-space-5);
        --select-trigger-row-gap: var(--spacing-space-5);
        --select-trigger-column-gap: var(--spacing-space-5);
        --select-trigger-font-family: var(--font-family-body);
        --select-trigger-font-size: var(--font-size-body-small);
        --select-trigger-font-weight: var(--font-weight-regular);
        --select-trigger-line-height: var(--line-height-body-small);
        --select-trigger-paragraph-spacing: 0px;
        --select-trigger-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="select-single-select"][invalid]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="select-single-select"][invalid]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="select-single-select"]:invalid:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="select-single-select"]:invalid:not(:disabled):not([disabled]) {
        --select-trigger-height: 32px;
        --select-trigger-width: 100%;
        --select-trigger-background-color: var(--interactive-surface-secondary-default);
        --select-trigger-color: var(--text-primary);
        --select-trigger-border-top-left-radius: var(--corner-radius-extra-small);
        --select-trigger-border-top-right-radius: var(--corner-radius-extra-small);
        --select-trigger-border-bottom-left-radius: var(--corner-radius-extra-small);
        --select-trigger-border-bottom-right-radius: var(--corner-radius-extra-small);
        --select-trigger-border-color: var(--border-destructive);
        --select-trigger-border-top-width: 1px;
        --select-trigger-border-right-width: 1px;
        --select-trigger-border-bottom-width: 1px;
        --select-trigger-border-left-width: 1px;
        --select-trigger-padding-left: var(--spacing-space-5);
        --select-trigger-padding-right: var(--spacing-space-5);
        --select-trigger-padding-top: var(--spacing-space-5);
        --select-trigger-padding-bottom: var(--spacing-space-5);
        --select-trigger-row-gap: var(--spacing-space-5);
        --select-trigger-column-gap: var(--spacing-space-5);
        --select-trigger-font-family: var(--font-family-body);
        --select-trigger-font-size: var(--font-size-body-small);
        --select-trigger-font-weight: var(--font-weight-regular);
        --select-trigger-line-height: var(--line-height-body-small);
        --select-trigger-paragraph-spacing: 0px;
        --select-trigger-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="select-single-select"][disabled],
[data-theme='light'] [component-variant="select-single-select"][disabled],
[data-theme='dark'] [component-variant="select-single-select"]:disabled,
[data-theme='light'] [component-variant="select-single-select"]:disabled {
        --select-trigger-height: 32px;
        --select-trigger-width: 100%;
        --select-trigger-background-color: var(--interactive-surface-secondary-disabled);
        --select-trigger-color: var(--text-tertiary);
        --select-trigger-border-top-left-radius: var(--corner-radius-extra-small);
        --select-trigger-border-top-right-radius: var(--corner-radius-extra-small);
        --select-trigger-border-bottom-left-radius: var(--corner-radius-extra-small);
        --select-trigger-border-bottom-right-radius: var(--corner-radius-extra-small);
        --select-trigger-border-color: var(--border-border-grey-2);
        --select-trigger-border-top-width: 1px;
        --select-trigger-border-right-width: 1px;
        --select-trigger-border-bottom-width: 1px;
        --select-trigger-border-left-width: 1px;
        --select-trigger-padding-left: var(--spacing-space-5);
        --select-trigger-padding-right: var(--spacing-space-5);
        --select-trigger-padding-top: var(--spacing-space-5);
        --select-trigger-padding-bottom: var(--spacing-space-5);
        --select-trigger-row-gap: var(--spacing-space-5);
        --select-trigger-column-gap: var(--spacing-space-5);
        --select-trigger-font-family: var(--font-family-body);
        --select-trigger-font-size: var(--font-size-body-small);
        --select-trigger-font-weight: var(--font-weight-regular);
        --select-trigger-line-height: var(--line-height-body-small);
        --select-trigger-paragraph-spacing: 0px;
        --select-trigger-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="select-multi-select"], [data-theme='light'] [component-variant="select-multi-select"] {
        --select-trigger-height: 32px;
        --select-trigger-width: 100%;
        --select-trigger-background-color: var(--interactive-surface-secondary-default);
        --select-trigger-color: var(--text-secondary);
        --select-trigger-border-top-left-radius: var(--corner-radius-extra-small);
        --select-trigger-border-top-right-radius: var(--corner-radius-extra-small);
        --select-trigger-border-bottom-left-radius: var(--corner-radius-extra-small);
        --select-trigger-border-bottom-right-radius: var(--corner-radius-extra-small);
        --select-trigger-border-color: var(--border-border-grey-3);
        --select-trigger-border-top-width: 1px;
        --select-trigger-border-right-width: 1px;
        --select-trigger-border-bottom-width: 1px;
        --select-trigger-border-left-width: 1px;
        --select-trigger-padding-left: var(--spacing-space-5);
        --select-trigger-padding-right: var(--spacing-space-5);
        --select-trigger-padding-top: var(--spacing-space-5);
        --select-trigger-padding-bottom: var(--spacing-space-5);
        --select-trigger-row-gap: var(--spacing-space-5);
        --select-trigger-column-gap: var(--spacing-space-5);
        --select-trigger-font-family: var(--font-family-body);
        --select-trigger-font-size: var(--font-size-body-small);
        --select-trigger-font-weight: var(--font-weight-regular);
        --select-trigger-line-height: var(--line-height-body-small);
        --select-trigger-paragraph-spacing: 0px;
        --select-trigger-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="select-multi-select"]:hover:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="select-multi-select"]:hover:not(:disabled):not([disabled]) {
        --select-trigger-height: 32px;
        --select-trigger-width: 100%;
        --select-trigger-background-color: var(--interactive-surface-secondary-default);
        --select-trigger-color: var(--text-primary);
        --select-trigger-border-top-left-radius: var(--corner-radius-extra-small);
        --select-trigger-border-top-right-radius: var(--corner-radius-extra-small);
        --select-trigger-border-bottom-left-radius: var(--corner-radius-extra-small);
        --select-trigger-border-bottom-right-radius: var(--corner-radius-extra-small);
        --select-trigger-border-color: var(--border-border-grey-3);
        --select-trigger-border-top-width: 1px;
        --select-trigger-border-right-width: 1px;
        --select-trigger-border-bottom-width: 1px;
        --select-trigger-border-left-width: 1px;
        --select-trigger-padding-left: var(--spacing-space-5);
        --select-trigger-padding-right: var(--spacing-space-5);
        --select-trigger-padding-top: var(--spacing-space-5);
        --select-trigger-padding-bottom: var(--spacing-space-5);
        --select-trigger-row-gap: var(--spacing-space-5);
        --select-trigger-column-gap: var(--spacing-space-5);
        --select-trigger-font-family: var(--font-family-body);
        --select-trigger-font-size: var(--font-size-body-small);
        --select-trigger-font-weight: var(--font-weight-regular);
        --select-trigger-line-height: var(--line-height-body-small);
        --select-trigger-paragraph-spacing: 0px;
        --select-trigger-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="select-multi-select"][active]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="select-multi-select"][active]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="select-multi-select"]:active:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="select-multi-select"]:active:not(:disabled):not([disabled]) {
        --select-trigger-height: 32px;
        --select-trigger-width: 100%;
        --select-trigger-background-color: var(--interactive-surface-secondary-default);
        --select-trigger-color: var(--text-primary);
        --select-trigger-border-top-left-radius: var(--corner-radius-extra-small);
        --select-trigger-border-top-right-radius: var(--corner-radius-extra-small);
        --select-trigger-border-bottom-left-radius: var(--corner-radius-extra-small);
        --select-trigger-border-bottom-right-radius: var(--corner-radius-extra-small);
        --select-trigger-border-color: var(--border-border-grey-3);
        --select-trigger-border-top-width: 1px;
        --select-trigger-border-right-width: 1px;
        --select-trigger-border-bottom-width: 1px;
        --select-trigger-border-left-width: 1px;
        --select-trigger-padding-left: var(--spacing-space-5);
        --select-trigger-padding-right: var(--spacing-space-5);
        --select-trigger-padding-top: var(--spacing-space-5);
        --select-trigger-padding-bottom: var(--spacing-space-5);
        --select-trigger-row-gap: var(--spacing-space-5);
        --select-trigger-column-gap: var(--spacing-space-5);
        --select-trigger-font-family: var(--font-family-body);
        --select-trigger-font-size: var(--font-size-body-small);
        --select-trigger-font-weight: var(--font-weight-regular);
        --select-trigger-line-height: var(--line-height-body-small);
        --select-trigger-paragraph-spacing: 0px;
        --select-trigger-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="select-multi-select"]:has(:focus):not(:disabled):not([disabled]), [data-theme='light'] [component-variant="select-multi-select"]:has(:focus):not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="select-multi-select"]:focus:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="select-multi-select"]:focus:not(:disabled):not([disabled]) {
        --select-trigger-height: 32px;
        --select-trigger-width: 100%;
        --select-trigger-background-color: var(--interactive-surface-secondary-default);
        --select-trigger-color: var(--text-primary);
        --select-trigger-border-top-left-radius: var(--corner-radius-extra-small);
        --select-trigger-border-top-right-radius: var(--corner-radius-extra-small);
        --select-trigger-border-bottom-left-radius: var(--corner-radius-extra-small);
        --select-trigger-border-bottom-right-radius: var(--corner-radius-extra-small);
        --select-trigger-border-color: var(--border-primary);
        --select-trigger-border-top-width: 1px;
        --select-trigger-border-right-width: 1px;
        --select-trigger-border-bottom-width: 1px;
        --select-trigger-border-left-width: 1px;
        --select-trigger-padding-left: var(--spacing-space-5);
        --select-trigger-padding-right: var(--spacing-space-5);
        --select-trigger-padding-top: var(--spacing-space-5);
        --select-trigger-padding-bottom: var(--spacing-space-5);
        --select-trigger-row-gap: var(--spacing-space-5);
        --select-trigger-column-gap: var(--spacing-space-5);
        --select-trigger-font-family: var(--font-family-body);
        --select-trigger-font-size: var(--font-size-body-small);
        --select-trigger-font-weight: var(--font-weight-regular);
        --select-trigger-line-height: var(--line-height-body-small);
        --select-trigger-paragraph-spacing: 0px;
        --select-trigger-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="select-multi-select"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='light'] [component-variant="select-multi-select"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="select-multi-select"]:focus-visible:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="select-multi-select"]:focus-visible:not(:disabled):not([disabled]) {
        --select-trigger-height: 32px;
        --select-trigger-width: 100%;
        --select-trigger-background-color: var(--interactive-surface-secondary-default);
        --select-trigger-color: var(--text-primary);
        --select-trigger-border-top-left-radius: var(--corner-radius-extra-small);
        --select-trigger-border-top-right-radius: var(--corner-radius-extra-small);
        --select-trigger-border-bottom-left-radius: var(--corner-radius-extra-small);
        --select-trigger-border-bottom-right-radius: var(--corner-radius-extra-small);
        --select-trigger-border-color: var(--border-border-grey-1);
        --select-trigger-border-top-width: 1px;
        --select-trigger-border-right-width: 1px;
        --select-trigger-border-bottom-width: 1px;
        --select-trigger-border-left-width: 1px;
        --select-trigger-padding-left: var(--spacing-space-5);
        --select-trigger-padding-right: var(--spacing-space-5);
        --select-trigger-padding-top: var(--spacing-space-5);
        --select-trigger-padding-bottom: var(--spacing-space-5);
        --select-trigger-row-gap: var(--spacing-space-5);
        --select-trigger-column-gap: var(--spacing-space-5);
        --select-trigger-font-family: var(--font-family-body);
        --select-trigger-font-size: var(--font-size-body-small);
        --select-trigger-font-weight: var(--font-weight-regular);
        --select-trigger-line-height: var(--line-height-body-small);
        --select-trigger-paragraph-spacing: 0px;
        --select-trigger-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="select-multi-select"][invalid]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="select-multi-select"][invalid]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="select-multi-select"]:invalid:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="select-multi-select"]:invalid:not(:disabled):not([disabled]) {
        --select-trigger-height: 32px;
        --select-trigger-width: 100%;
        --select-trigger-background-color: var(--interactive-surface-secondary-default);
        --select-trigger-color: var(--text-primary);
        --select-trigger-border-top-left-radius: var(--corner-radius-extra-small);
        --select-trigger-border-top-right-radius: var(--corner-radius-extra-small);
        --select-trigger-border-bottom-left-radius: var(--corner-radius-extra-small);
        --select-trigger-border-bottom-right-radius: var(--corner-radius-extra-small);
        --select-trigger-border-color: var(--border-destructive);
        --select-trigger-border-top-width: 1px;
        --select-trigger-border-right-width: 1px;
        --select-trigger-border-bottom-width: 1px;
        --select-trigger-border-left-width: 1px;
        --select-trigger-padding-left: var(--spacing-space-5);
        --select-trigger-padding-right: var(--spacing-space-5);
        --select-trigger-padding-top: var(--spacing-space-5);
        --select-trigger-padding-bottom: var(--spacing-space-5);
        --select-trigger-row-gap: var(--spacing-space-5);
        --select-trigger-column-gap: var(--spacing-space-5);
        --select-trigger-font-family: var(--font-family-body);
        --select-trigger-font-size: var(--font-size-body-small);
        --select-trigger-font-weight: var(--font-weight-regular);
        --select-trigger-line-height: var(--line-height-body-small);
        --select-trigger-paragraph-spacing: 0px;
        --select-trigger-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="select-multi-select"][disabled],
[data-theme='light'] [component-variant="select-multi-select"][disabled],
[data-theme='dark'] [component-variant="select-multi-select"]:disabled,
[data-theme='light'] [component-variant="select-multi-select"]:disabled {
        --select-trigger-height: 32px;
        --select-trigger-width: 100%;
        --select-trigger-background-color: var(--interactive-surface-secondary-disabled);
        --select-trigger-color: var(--text-tertiary);
        --select-trigger-border-top-left-radius: var(--corner-radius-extra-small);
        --select-trigger-border-top-right-radius: var(--corner-radius-extra-small);
        --select-trigger-border-bottom-left-radius: var(--corner-radius-extra-small);
        --select-trigger-border-bottom-right-radius: var(--corner-radius-extra-small);
        --select-trigger-border-color: var(--border-border-grey-2);
        --select-trigger-border-top-width: 1px;
        --select-trigger-border-right-width: 1px;
        --select-trigger-border-bottom-width: 1px;
        --select-trigger-border-left-width: 1px;
        --select-trigger-padding-left: var(--spacing-space-5);
        --select-trigger-padding-right: var(--spacing-space-5);
        --select-trigger-padding-top: var(--spacing-space-5);
        --select-trigger-padding-bottom: var(--spacing-space-5);
        --select-trigger-row-gap: var(--spacing-space-5);
        --select-trigger-column-gap: var(--spacing-space-5);
        --select-trigger-font-family: var(--font-family-body);
        --select-trigger-font-size: var(--font-size-body-small);
        --select-trigger-font-weight: var(--font-weight-regular);
        --select-trigger-line-height: var(--line-height-body-small);
        --select-trigger-paragraph-spacing: 0px;
        --select-trigger-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="select-single-select"], [data-theme='light'] [component-variant="select-single-select"] {
        --select-options-width: 100%;
        --select-options-background-color: var(--surface-background-4);
        --select-options-border-top-left-radius: var(--corner-radius-extra-small);
        --select-options-border-top-right-radius: var(--corner-radius-extra-small);
        --select-options-border-bottom-left-radius: var(--corner-radius-extra-small);
        --select-options-border-bottom-right-radius: var(--corner-radius-extra-small);
        --select-options-border-color: var(--border-border-grey-3);
        --select-options-border-top-width: 1px;
        --select-options-border-right-width: 1px;
        --select-options-border-bottom-width: 1px;
        --select-options-border-left-width: 1px;
        --select-options-padding-left: var(--spacing-space-5);
        --select-options-padding-right: var(--spacing-space-5);
        --select-options-padding-top: var(--spacing-space-5);
        --select-options-padding-bottom: var(--spacing-space-5);
        --select-options-row-gap: var(--spacing-space-3);
        --select-options-column-gap: var(--spacing-space-3);
        --select-options-font-family: sans-sarif;
        --select-options-font-size: initial;
        --select-options-font-weight: regular;
        --select-options-paragraph-spacing: 0px;
        --select-options-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="select-single-select"]:hover:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="select-single-select"]:hover:not(:disabled):not([disabled]) {
        --select-options-width: 100%;
        --select-options-background-color: var(--surface-background-4);
        --select-options-border-top-left-radius: var(--corner-radius-extra-small);
        --select-options-border-top-right-radius: var(--corner-radius-extra-small);
        --select-options-border-bottom-left-radius: var(--corner-radius-extra-small);
        --select-options-border-bottom-right-radius: var(--corner-radius-extra-small);
        --select-options-border-color: var(--border-border-grey-3);
        --select-options-border-top-width: 1px;
        --select-options-border-right-width: 1px;
        --select-options-border-bottom-width: 1px;
        --select-options-border-left-width: 1px;
        --select-options-padding-left: var(--spacing-space-5);
        --select-options-padding-right: var(--spacing-space-5);
        --select-options-padding-top: var(--spacing-space-5);
        --select-options-padding-bottom: var(--spacing-space-5);
        --select-options-row-gap: var(--spacing-space-3);
        --select-options-column-gap: var(--spacing-space-3);
        --select-options-font-family: sans-sarif;
        --select-options-font-size: initial;
        --select-options-font-weight: regular;
        --select-options-paragraph-spacing: 0px;
        --select-options-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="select-single-select"][active]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="select-single-select"][active]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="select-single-select"]:active:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="select-single-select"]:active:not(:disabled):not([disabled]) {
        --select-options-width: 100%;
        --select-options-background-color: var(--surface-background-4);
        --select-options-border-top-left-radius: var(--corner-radius-extra-small);
        --select-options-border-top-right-radius: var(--corner-radius-extra-small);
        --select-options-border-bottom-left-radius: var(--corner-radius-extra-small);
        --select-options-border-bottom-right-radius: var(--corner-radius-extra-small);
        --select-options-border-color: var(--border-border-grey-3);
        --select-options-border-top-width: 1px;
        --select-options-border-right-width: 1px;
        --select-options-border-bottom-width: 1px;
        --select-options-border-left-width: 1px;
        --select-options-padding-left: var(--spacing-space-5);
        --select-options-padding-right: var(--spacing-space-5);
        --select-options-padding-top: var(--spacing-space-5);
        --select-options-padding-bottom: var(--spacing-space-5);
        --select-options-row-gap: var(--spacing-space-3);
        --select-options-column-gap: var(--spacing-space-3);
        --select-options-font-family: sans-sarif;
        --select-options-font-size: initial;
        --select-options-font-weight: regular;
        --select-options-paragraph-spacing: 0px;
        --select-options-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="select-single-select"]:has(:focus):not(:disabled):not([disabled]), [data-theme='light'] [component-variant="select-single-select"]:has(:focus):not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="select-single-select"]:focus:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="select-single-select"]:focus:not(:disabled):not([disabled]) {
        --select-options-width: 100%;
        --select-options-background-color: var(--surface-background-4);
        --select-options-border-top-left-radius: var(--corner-radius-extra-small);
        --select-options-border-top-right-radius: var(--corner-radius-extra-small);
        --select-options-border-bottom-left-radius: var(--corner-radius-extra-small);
        --select-options-border-bottom-right-radius: var(--corner-radius-extra-small);
        --select-options-border-color: var(--border-border-grey-3);
        --select-options-border-top-width: 1px;
        --select-options-border-right-width: 1px;
        --select-options-border-bottom-width: 1px;
        --select-options-border-left-width: 1px;
        --select-options-padding-left: var(--spacing-space-5);
        --select-options-padding-right: var(--spacing-space-5);
        --select-options-padding-top: var(--spacing-space-5);
        --select-options-padding-bottom: var(--spacing-space-5);
        --select-options-row-gap: var(--spacing-space-3);
        --select-options-column-gap: var(--spacing-space-3);
        --select-options-font-family: sans-sarif;
        --select-options-font-size: initial;
        --select-options-font-weight: regular;
        --select-options-paragraph-spacing: 0px;
        --select-options-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="select-single-select"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='light'] [component-variant="select-single-select"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="select-single-select"]:focus-visible:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="select-single-select"]:focus-visible:not(:disabled):not([disabled]) {
        --select-options-width: 100%;
        --select-options-background-color: var(--surface-background-4);
        --select-options-border-top-left-radius: var(--corner-radius-extra-small);
        --select-options-border-top-right-radius: var(--corner-radius-extra-small);
        --select-options-border-bottom-left-radius: var(--corner-radius-extra-small);
        --select-options-border-bottom-right-radius: var(--corner-radius-extra-small);
        --select-options-border-color: var(--border-border-grey-3);
        --select-options-border-top-width: 1px;
        --select-options-border-right-width: 1px;
        --select-options-border-bottom-width: 1px;
        --select-options-border-left-width: 1px;
        --select-options-padding-left: var(--spacing-space-5);
        --select-options-padding-right: var(--spacing-space-5);
        --select-options-padding-top: var(--spacing-space-5);
        --select-options-padding-bottom: var(--spacing-space-5);
        --select-options-row-gap: var(--spacing-space-3);
        --select-options-column-gap: var(--spacing-space-3);
        --select-options-font-family: sans-sarif;
        --select-options-font-size: initial;
        --select-options-font-weight: regular;
        --select-options-paragraph-spacing: 0px;
        --select-options-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="select-single-select"][invalid]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="select-single-select"][invalid]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="select-single-select"]:invalid:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="select-single-select"]:invalid:not(:disabled):not([disabled]) {
        --select-options-width: 100%;
        --select-options-background-color: var(--surface-background-4);
        --select-options-border-top-left-radius: var(--corner-radius-extra-small);
        --select-options-border-top-right-radius: var(--corner-radius-extra-small);
        --select-options-border-bottom-left-radius: var(--corner-radius-extra-small);
        --select-options-border-bottom-right-radius: var(--corner-radius-extra-small);
        --select-options-border-color: var(--border-border-grey-3);
        --select-options-border-top-width: 1px;
        --select-options-border-right-width: 1px;
        --select-options-border-bottom-width: 1px;
        --select-options-border-left-width: 1px;
        --select-options-padding-left: var(--spacing-space-5);
        --select-options-padding-right: var(--spacing-space-5);
        --select-options-padding-top: var(--spacing-space-5);
        --select-options-padding-bottom: var(--spacing-space-5);
        --select-options-row-gap: var(--spacing-space-3);
        --select-options-column-gap: var(--spacing-space-3);
        --select-options-font-family: sans-sarif;
        --select-options-font-size: initial;
        --select-options-font-weight: regular;
        --select-options-paragraph-spacing: 0px;
        --select-options-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="select-multi-select"], [data-theme='light'] [component-variant="select-multi-select"] {
        --select-options-width: 100%;
        --select-options-background-color: var(--surface-background-4);
        --select-options-border-top-left-radius: var(--corner-radius-extra-small);
        --select-options-border-top-right-radius: var(--corner-radius-extra-small);
        --select-options-border-bottom-left-radius: var(--corner-radius-extra-small);
        --select-options-border-bottom-right-radius: var(--corner-radius-extra-small);
        --select-options-border-color: var(--border-border-grey-3);
        --select-options-border-top-width: 1px;
        --select-options-border-right-width: 1px;
        --select-options-border-bottom-width: 1px;
        --select-options-border-left-width: 1px;
        --select-options-padding-left: var(--spacing-space-5);
        --select-options-padding-right: var(--spacing-space-5);
        --select-options-padding-top: var(--spacing-space-5);
        --select-options-padding-bottom: var(--spacing-space-5);
        --select-options-row-gap: var(--spacing-space-3);
        --select-options-column-gap: var(--spacing-space-3);
        --select-options-font-family: sans-sarif;
        --select-options-font-size: initial;
        --select-options-font-weight: regular;
        --select-options-paragraph-spacing: 0px;
        --select-options-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="select-multi-select"]:hover:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="select-multi-select"]:hover:not(:disabled):not([disabled]) {
        --select-options-width: 100%;
        --select-options-background-color: var(--surface-background-4);
        --select-options-border-top-left-radius: var(--corner-radius-extra-small);
        --select-options-border-top-right-radius: var(--corner-radius-extra-small);
        --select-options-border-bottom-left-radius: var(--corner-radius-extra-small);
        --select-options-border-bottom-right-radius: var(--corner-radius-extra-small);
        --select-options-border-color: var(--border-border-grey-3);
        --select-options-border-top-width: 1px;
        --select-options-border-right-width: 1px;
        --select-options-border-bottom-width: 1px;
        --select-options-border-left-width: 1px;
        --select-options-padding-left: var(--spacing-space-5);
        --select-options-padding-right: var(--spacing-space-5);
        --select-options-padding-top: var(--spacing-space-5);
        --select-options-padding-bottom: var(--spacing-space-5);
        --select-options-row-gap: var(--spacing-space-3);
        --select-options-column-gap: var(--spacing-space-3);
        --select-options-font-family: sans-sarif;
        --select-options-font-size: initial;
        --select-options-font-weight: regular;
        --select-options-paragraph-spacing: 0px;
        --select-options-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="select-multi-select"][active]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="select-multi-select"][active]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="select-multi-select"]:active:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="select-multi-select"]:active:not(:disabled):not([disabled]) {
        --select-options-width: 100%;
        --select-options-background-color: var(--surface-background-4);
        --select-options-border-top-left-radius: var(--corner-radius-extra-small);
        --select-options-border-top-right-radius: var(--corner-radius-extra-small);
        --select-options-border-bottom-left-radius: var(--corner-radius-extra-small);
        --select-options-border-bottom-right-radius: var(--corner-radius-extra-small);
        --select-options-border-color: var(--border-border-grey-3);
        --select-options-border-top-width: 1px;
        --select-options-border-right-width: 1px;
        --select-options-border-bottom-width: 1px;
        --select-options-border-left-width: 1px;
        --select-options-padding-left: var(--spacing-space-5);
        --select-options-padding-right: var(--spacing-space-5);
        --select-options-padding-top: var(--spacing-space-5);
        --select-options-padding-bottom: var(--spacing-space-5);
        --select-options-row-gap: var(--spacing-space-3);
        --select-options-column-gap: var(--spacing-space-3);
        --select-options-font-family: sans-sarif;
        --select-options-font-size: initial;
        --select-options-font-weight: regular;
        --select-options-paragraph-spacing: 0px;
        --select-options-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="select-multi-select"]:has(:focus):not(:disabled):not([disabled]), [data-theme='light'] [component-variant="select-multi-select"]:has(:focus):not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="select-multi-select"]:focus:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="select-multi-select"]:focus:not(:disabled):not([disabled]) {
        --select-options-width: 100%;
        --select-options-background-color: var(--surface-background-4);
        --select-options-border-top-left-radius: var(--corner-radius-extra-small);
        --select-options-border-top-right-radius: var(--corner-radius-extra-small);
        --select-options-border-bottom-left-radius: var(--corner-radius-extra-small);
        --select-options-border-bottom-right-radius: var(--corner-radius-extra-small);
        --select-options-border-color: var(--border-border-grey-3);
        --select-options-border-top-width: 1px;
        --select-options-border-right-width: 1px;
        --select-options-border-bottom-width: 1px;
        --select-options-border-left-width: 1px;
        --select-options-padding-left: var(--spacing-space-5);
        --select-options-padding-right: var(--spacing-space-5);
        --select-options-padding-top: var(--spacing-space-5);
        --select-options-padding-bottom: var(--spacing-space-5);
        --select-options-row-gap: var(--spacing-space-3);
        --select-options-column-gap: var(--spacing-space-3);
        --select-options-font-family: sans-sarif;
        --select-options-font-size: initial;
        --select-options-font-weight: regular;
        --select-options-paragraph-spacing: 0px;
        --select-options-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="select-multi-select"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='light'] [component-variant="select-multi-select"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="select-multi-select"]:focus-visible:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="select-multi-select"]:focus-visible:not(:disabled):not([disabled]) {
        --select-options-width: 100%;
        --select-options-background-color: var(--surface-background-4);
        --select-options-border-top-left-radius: var(--corner-radius-extra-small);
        --select-options-border-top-right-radius: var(--corner-radius-extra-small);
        --select-options-border-bottom-left-radius: var(--corner-radius-extra-small);
        --select-options-border-bottom-right-radius: var(--corner-radius-extra-small);
        --select-options-border-color: var(--border-border-grey-3);
        --select-options-border-top-width: 1px;
        --select-options-border-right-width: 1px;
        --select-options-border-bottom-width: 1px;
        --select-options-border-left-width: 1px;
        --select-options-padding-left: var(--spacing-space-5);
        --select-options-padding-right: var(--spacing-space-5);
        --select-options-padding-top: var(--spacing-space-5);
        --select-options-padding-bottom: var(--spacing-space-5);
        --select-options-row-gap: var(--spacing-space-3);
        --select-options-column-gap: var(--spacing-space-3);
        --select-options-font-family: sans-sarif;
        --select-options-font-size: initial;
        --select-options-font-weight: regular;
        --select-options-paragraph-spacing: 0px;
        --select-options-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="select-multi-select"][invalid]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="select-multi-select"][invalid]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="select-multi-select"]:invalid:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="select-multi-select"]:invalid:not(:disabled):not([disabled]) {
        --select-options-width: 100%;
        --select-options-background-color: var(--surface-background-4);
        --select-options-border-top-left-radius: var(--corner-radius-extra-small);
        --select-options-border-top-right-radius: var(--corner-radius-extra-small);
        --select-options-border-bottom-left-radius: var(--corner-radius-extra-small);
        --select-options-border-bottom-right-radius: var(--corner-radius-extra-small);
        --select-options-border-color: var(--border-border-grey-3);
        --select-options-border-top-width: 1px;
        --select-options-border-right-width: 1px;
        --select-options-border-bottom-width: 1px;
        --select-options-border-left-width: 1px;
        --select-options-padding-left: var(--spacing-space-5);
        --select-options-padding-right: var(--spacing-space-5);
        --select-options-padding-top: var(--spacing-space-5);
        --select-options-padding-bottom: var(--spacing-space-5);
        --select-options-row-gap: var(--spacing-space-3);
        --select-options-column-gap: var(--spacing-space-3);
        --select-options-font-family: sans-sarif;
        --select-options-font-size: initial;
        --select-options-font-weight: regular;
        --select-options-paragraph-spacing: 0px;
        --select-options-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant^="select-list-item-"], [data-theme='light'] [component-variant^="select-list-item-"] {
        --select-list-item-opacity: 1;
        --select-list-item-height: auto;
        --select-list-item-min-height: auto;
        --select-list-item-max-height: none;
        --select-list-item-width: auto;
        --select-list-item-min-width: auto;
        --select-list-item-max-width: none;
        --select-list-item-background-color: transparent;
        --select-list-item-fill: currentcolor;
        --select-list-item-border-top-left-radius: 0px;
        --select-list-item-border-top-right-radius: 0px;
        --select-list-item-border-bottom-left-radius: 0px;
        --select-list-item-border-bottom-right-radius: 0px;
        --select-list-item-border-color: transparent;
        --select-list-item-border-style: solid;
        --select-list-item-border-gap: normal;
        --select-list-item-border-dash: none;
        --select-list-item-border-top-width: 0px;
        --select-list-item-border-right-width: 0px;
        --select-list-item-border-bottom-width: 0px;
        --select-list-item-border-left-width: 0px;
        --select-list-item-outline-color: auto;
        --select-list-item-outline-style: solid;
        --select-list-item-outline-width: 0px;
        --select-list-item-padding-left: 0px;
        --select-list-item-padding-right: 0px;
        --select-list-item-padding-top: 0px;
        --select-list-item-padding-bottom: 0px;
        --select-list-item-row-gap: 0px;
        --select-list-item-column-gap: 0px;
        --select-list-item-font-family: sans-serif;
        --select-list-item-font-size: medium;
        --select-list-item-color: currentcolor;
        --select-list-item-letter-spacing: normal;
        --select-list-item-line-height: normal;
        --select-list-item-paragraph-spacing: ;
        --select-list-item-paragraph-indent: 
    }
[data-theme='dark'] [component-variant="select-list-item-unselected"], [data-theme='light'] [component-variant="select-list-item-unselected"] {
        --select-list-item-width: 100%;
        --select-list-item-background-color: var(--interactive-surface-secondary-default);
        --select-list-item-color: var(--text-primary);
        --select-list-item-border-top-left-radius: var(--corner-radius-extra-small);
        --select-list-item-border-top-right-radius: var(--corner-radius-extra-small);
        --select-list-item-border-bottom-left-radius: var(--corner-radius-extra-small);
        --select-list-item-border-bottom-right-radius: var(--corner-radius-extra-small);
        --select-list-item-padding-left: var(--spacing-space-5);
        --select-list-item-padding-right: var(--spacing-space-5);
        --select-list-item-padding-top: var(--spacing-space-5);
        --select-list-item-padding-bottom: var(--spacing-space-5);
        --select-list-item-row-gap: var(--spacing-space-3);
        --select-list-item-column-gap: var(--spacing-space-3);
        --select-list-item-font-family: var(--font-family-body);
        --select-list-item-font-size: var(--font-size-body-small);
        --select-list-item-font-weight: var(--font-weight-regular);
        --select-list-item-line-height: var(--line-height-body-small);
        --select-list-item-paragraph-spacing: 0px;
        --select-list-item-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="select-list-item-unselected"]:hover:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="select-list-item-unselected"]:hover:not(:disabled):not([disabled]) {
        --select-list-item-width: 100%;
        --select-list-item-background-color: var(--interactive-surface-secondary-hover);
        --select-list-item-color: var(--text-primary);
        --select-list-item-border-top-left-radius: var(--corner-radius-extra-small);
        --select-list-item-border-top-right-radius: var(--corner-radius-extra-small);
        --select-list-item-border-bottom-left-radius: var(--corner-radius-extra-small);
        --select-list-item-border-bottom-right-radius: var(--corner-radius-extra-small);
        --select-list-item-padding-left: var(--spacing-space-5);
        --select-list-item-padding-right: var(--spacing-space-5);
        --select-list-item-padding-top: var(--spacing-space-5);
        --select-list-item-padding-bottom: var(--spacing-space-5);
        --select-list-item-row-gap: var(--spacing-space-3);
        --select-list-item-column-gap: var(--spacing-space-3);
        --select-list-item-font-family: var(--font-family-body);
        --select-list-item-font-size: var(--font-size-body-small);
        --select-list-item-font-weight: var(--font-weight-regular);
        --select-list-item-line-height: var(--line-height-body-small);
        --select-list-item-paragraph-spacing: 0px;
        --select-list-item-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="select-list-item-unselected"][active]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="select-list-item-unselected"][active]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="select-list-item-unselected"]:active:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="select-list-item-unselected"]:active:not(:disabled):not([disabled]) {
        --select-list-item-width: 100%;
        --select-list-item-background-color: var(--interactive-surface-secondary-pressed);
        --select-list-item-color: var(--text-primary);
        --select-list-item-border-top-left-radius: var(--corner-radius-extra-small);
        --select-list-item-border-top-right-radius: var(--corner-radius-extra-small);
        --select-list-item-border-bottom-left-radius: var(--corner-radius-extra-small);
        --select-list-item-border-bottom-right-radius: var(--corner-radius-extra-small);
        --select-list-item-padding-left: var(--spacing-space-5);
        --select-list-item-padding-right: var(--spacing-space-5);
        --select-list-item-padding-top: var(--spacing-space-5);
        --select-list-item-padding-bottom: var(--spacing-space-5);
        --select-list-item-row-gap: var(--spacing-space-3);
        --select-list-item-column-gap: var(--spacing-space-3);
        --select-list-item-font-family: var(--font-family-body);
        --select-list-item-font-size: var(--font-size-body-small);
        --select-list-item-font-weight: var(--font-weight-regular);
        --select-list-item-line-height: var(--line-height-body-small);
        --select-list-item-paragraph-spacing: 0px;
        --select-list-item-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="select-list-item-unselected"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='light'] [component-variant="select-list-item-unselected"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="select-list-item-unselected"]:focus-visible:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="select-list-item-unselected"]:focus-visible:not(:disabled):not([disabled]) {
        --select-list-item-width: 100%;
        --select-list-item-background-color: var(--interactive-surface-secondary-hover);
        --select-list-item-color: var(--text-primary);
        --select-list-item-border-top-left-radius: var(--corner-radius-extra-small);
        --select-list-item-border-top-right-radius: var(--corner-radius-extra-small);
        --select-list-item-border-bottom-left-radius: var(--corner-radius-extra-small);
        --select-list-item-border-bottom-right-radius: var(--corner-radius-extra-small);
        --select-list-item-border-color: var(--border-border-grey-1);
        --select-list-item-border-top-width: 1px;
        --select-list-item-border-right-width: 1px;
        --select-list-item-border-bottom-width: 1px;
        --select-list-item-border-left-width: 1px;
        --select-list-item-padding-left: var(--spacing-space-5);
        --select-list-item-padding-right: var(--spacing-space-5);
        --select-list-item-padding-top: var(--spacing-space-5);
        --select-list-item-padding-bottom: var(--spacing-space-5);
        --select-list-item-row-gap: var(--spacing-space-3);
        --select-list-item-column-gap: var(--spacing-space-3);
        --select-list-item-font-family: var(--font-family-body);
        --select-list-item-font-size: var(--font-size-body-small);
        --select-list-item-font-weight: var(--font-weight-regular);
        --select-list-item-line-height: var(--line-height-body-small);
        --select-list-item-paragraph-spacing: 0px;
        --select-list-item-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="select-list-item-unselected"][disabled],
[data-theme='light'] [component-variant="select-list-item-unselected"][disabled],
[data-theme='dark'] [component-variant="select-list-item-unselected"]:disabled,
[data-theme='light'] [component-variant="select-list-item-unselected"]:disabled {
        --select-list-item-width: 100%;
        --select-list-item-background-color: var(--interactive-surface-secondary-disabled);
        --select-list-item-color: var(--text-tertiary);
        --select-list-item-border-top-left-radius: var(--corner-radius-extra-small);
        --select-list-item-border-top-right-radius: var(--corner-radius-extra-small);
        --select-list-item-border-bottom-left-radius: var(--corner-radius-extra-small);
        --select-list-item-border-bottom-right-radius: var(--corner-radius-extra-small);
        --select-list-item-padding-left: var(--spacing-space-5);
        --select-list-item-padding-right: var(--spacing-space-5);
        --select-list-item-padding-top: var(--spacing-space-5);
        --select-list-item-padding-bottom: var(--spacing-space-5);
        --select-list-item-row-gap: var(--spacing-space-3);
        --select-list-item-column-gap: var(--spacing-space-3);
        --select-list-item-font-family: var(--font-family-body);
        --select-list-item-font-size: var(--font-size-body-small);
        --select-list-item-font-weight: var(--font-weight-regular);
        --select-list-item-line-height: var(--line-height-body-small);
        --select-list-item-paragraph-spacing: 0px;
        --select-list-item-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="select-list-item-selected"], [data-theme='light'] [component-variant="select-list-item-selected"] {
        --select-list-item-width: 100%;
        --select-list-item-background-color: var(--interactive-surface-secondary-default);
        --select-list-item-color: var(--text-primary);
        --select-list-item-border-top-left-radius: var(--corner-radius-extra-small);
        --select-list-item-border-top-right-radius: var(--corner-radius-extra-small);
        --select-list-item-border-bottom-left-radius: var(--corner-radius-extra-small);
        --select-list-item-border-bottom-right-radius: var(--corner-radius-extra-small);
        --select-list-item-padding-left: var(--spacing-space-5);
        --select-list-item-padding-right: var(--spacing-space-5);
        --select-list-item-padding-top: var(--spacing-space-5);
        --select-list-item-padding-bottom: var(--spacing-space-5);
        --select-list-item-row-gap: var(--spacing-space-3);
        --select-list-item-column-gap: var(--spacing-space-3);
        --select-list-item-font-family: var(--font-family-body);
        --select-list-item-font-size: var(--font-size-body-small);
        --select-list-item-font-weight: var(--font-weight-regular);
        --select-list-item-line-height: var(--line-height-body-small);
        --select-list-item-paragraph-spacing: 0px;
        --select-list-item-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="select-list-item-selected"]:hover:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="select-list-item-selected"]:hover:not(:disabled):not([disabled]) {
        --select-list-item-width: 100%;
        --select-list-item-background-color: var(--interactive-surface-secondary-hover);
        --select-list-item-color: var(--text-primary);
        --select-list-item-border-top-left-radius: var(--corner-radius-extra-small);
        --select-list-item-border-top-right-radius: var(--corner-radius-extra-small);
        --select-list-item-border-bottom-left-radius: var(--corner-radius-extra-small);
        --select-list-item-border-bottom-right-radius: var(--corner-radius-extra-small);
        --select-list-item-padding-left: var(--spacing-space-5);
        --select-list-item-padding-right: var(--spacing-space-5);
        --select-list-item-padding-top: var(--spacing-space-5);
        --select-list-item-padding-bottom: var(--spacing-space-5);
        --select-list-item-row-gap: var(--spacing-space-3);
        --select-list-item-column-gap: var(--spacing-space-3);
        --select-list-item-font-family: var(--font-family-body);
        --select-list-item-font-size: var(--font-size-body-small);
        --select-list-item-font-weight: var(--font-weight-regular);
        --select-list-item-line-height: var(--line-height-body-small);
        --select-list-item-paragraph-spacing: 0px;
        --select-list-item-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="select-list-item-selected"][active]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="select-list-item-selected"][active]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="select-list-item-selected"]:active:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="select-list-item-selected"]:active:not(:disabled):not([disabled]) {
        --select-list-item-width: 100%;
        --select-list-item-background-color: var(--interactive-surface-secondary-pressed);
        --select-list-item-color: var(--text-primary);
        --select-list-item-border-top-left-radius: var(--corner-radius-extra-small);
        --select-list-item-border-top-right-radius: var(--corner-radius-extra-small);
        --select-list-item-border-bottom-left-radius: var(--corner-radius-extra-small);
        --select-list-item-border-bottom-right-radius: var(--corner-radius-extra-small);
        --select-list-item-padding-left: var(--spacing-space-5);
        --select-list-item-padding-right: var(--spacing-space-5);
        --select-list-item-padding-top: var(--spacing-space-5);
        --select-list-item-padding-bottom: var(--spacing-space-5);
        --select-list-item-row-gap: var(--spacing-space-3);
        --select-list-item-column-gap: var(--spacing-space-3);
        --select-list-item-font-family: var(--font-family-body);
        --select-list-item-font-size: var(--font-size-body-small);
        --select-list-item-font-weight: var(--font-weight-regular);
        --select-list-item-line-height: var(--line-height-body-small);
        --select-list-item-paragraph-spacing: 0px;
        --select-list-item-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="select-list-item-selected"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='light'] [component-variant="select-list-item-selected"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="select-list-item-selected"]:focus-visible:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="select-list-item-selected"]:focus-visible:not(:disabled):not([disabled]) {
        --select-list-item-width: 100%;
        --select-list-item-background-color: var(--interactive-surface-secondary-hover);
        --select-list-item-color: var(--text-primary);
        --select-list-item-border-top-left-radius: var(--corner-radius-extra-small);
        --select-list-item-border-top-right-radius: var(--corner-radius-extra-small);
        --select-list-item-border-bottom-left-radius: var(--corner-radius-extra-small);
        --select-list-item-border-bottom-right-radius: var(--corner-radius-extra-small);
        --select-list-item-border-color: var(--border-border-grey-1);
        --select-list-item-border-top-width: 1px;
        --select-list-item-border-right-width: 1px;
        --select-list-item-border-bottom-width: 1px;
        --select-list-item-border-left-width: 1px;
        --select-list-item-padding-left: var(--spacing-space-5);
        --select-list-item-padding-right: var(--spacing-space-5);
        --select-list-item-padding-top: var(--spacing-space-5);
        --select-list-item-padding-bottom: var(--spacing-space-5);
        --select-list-item-row-gap: var(--spacing-space-3);
        --select-list-item-column-gap: var(--spacing-space-3);
        --select-list-item-font-family: var(--font-family-body);
        --select-list-item-font-size: var(--font-size-body-small);
        --select-list-item-font-weight: var(--font-weight-regular);
        --select-list-item-line-height: var(--line-height-body-small);
        --select-list-item-paragraph-spacing: 0px;
        --select-list-item-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="select-list-item-selected"][disabled],
[data-theme='light'] [component-variant="select-list-item-selected"][disabled],
[data-theme='dark'] [component-variant="select-list-item-selected"]:disabled,
[data-theme='light'] [component-variant="select-list-item-selected"]:disabled {
        --select-list-item-width: 100%;
        --select-list-item-background-color: var(--interactive-surface-secondary-disabled);
        --select-list-item-color: var(--text-tertiary);
        --select-list-item-border-top-left-radius: var(--corner-radius-extra-small);
        --select-list-item-border-top-right-radius: var(--corner-radius-extra-small);
        --select-list-item-border-bottom-left-radius: var(--corner-radius-extra-small);
        --select-list-item-border-bottom-right-radius: var(--corner-radius-extra-small);
        --select-list-item-padding-left: var(--spacing-space-5);
        --select-list-item-padding-right: var(--spacing-space-5);
        --select-list-item-padding-top: var(--spacing-space-5);
        --select-list-item-padding-bottom: var(--spacing-space-5);
        --select-list-item-row-gap: var(--spacing-space-3);
        --select-list-item-column-gap: var(--spacing-space-3);
        --select-list-item-font-family: var(--font-family-body);
        --select-list-item-font-size: var(--font-size-body-small);
        --select-list-item-font-weight: var(--font-weight-regular);
        --select-list-item-line-height: var(--line-height-body-small);
        --select-list-item-paragraph-spacing: 0px;
        --select-list-item-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant^="modal-"], [data-theme='light'] [component-variant^="modal-"] {
        --modal-opacity: 1;
        --modal-height: auto;
        --modal-min-height: auto;
        --modal-max-height: none;
        --modal-width: auto;
        --modal-min-width: auto;
        --modal-max-width: none;
        --modal-background-color: transparent;
        --modal-fill: currentcolor;
        --modal-border-top-left-radius: 0px;
        --modal-border-top-right-radius: 0px;
        --modal-border-bottom-left-radius: 0px;
        --modal-border-bottom-right-radius: 0px;
        --modal-border-color: transparent;
        --modal-border-style: solid;
        --modal-border-gap: normal;
        --modal-border-dash: none;
        --modal-border-top-width: 0px;
        --modal-border-right-width: 0px;
        --modal-border-bottom-width: 0px;
        --modal-border-left-width: 0px;
        --modal-outline-color: auto;
        --modal-outline-style: solid;
        --modal-outline-width: 0px;
        --modal-padding-left: 0px;
        --modal-padding-right: 0px;
        --modal-padding-top: 0px;
        --modal-padding-bottom: 0px;
        --modal-row-gap: 0px;
        --modal-column-gap: 0px;
        --modal-font-family: sans-serif;
        --modal-font-size: medium;
        --modal-color: currentcolor;
        --modal-letter-spacing: normal;
        --modal-line-height: normal;
        --modal-paragraph-spacing: ;
        --modal-paragraph-indent: 
    }
[data-theme='dark'] [component-variant="modal-small"], [data-theme='light'] [component-variant="modal-small"] {
        --modal-width: 280px;
        --modal-background-color: var(--surface-background-2);
        --modal-border-top-left-radius: var(--spacing-space-3);
        --modal-border-top-right-radius: var(--spacing-space-3);
        --modal-border-bottom-left-radius: var(--spacing-space-3);
        --modal-border-bottom-right-radius: var(--spacing-space-3);
        --modal-outline-color: var(--border-border-grey-3);
        --modal-outline-width: 1px;
        --modal-padding-left: var(--spacing-space-1);
        --modal-padding-right: var(--spacing-space-1);
        --modal-padding-top: var(--spacing-space-1);
        --modal-padding-bottom: var(--spacing-space-1);
        --modal-row-gap: var(--spacing-space-1);
        --modal-column-gap: var(--spacing-space-1);
        --modal-font-family: var(--font-family-body);
        --modal-font-size: var(--font-size-body-small);
        --modal-font-weight: var(--font-weight-medium);
        --modal-line-height: var(--line-height-body-small);
        --modal-paragraph-spacing: 0px;
        --modal-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="modal-medium"], [data-theme='light'] [component-variant="modal-medium"] {
        --modal-width: 472px;
        --modal-background-color: var(--surface-background-2);
        --modal-border-top-left-radius: var(--spacing-space-3);
        --modal-border-top-right-radius: var(--spacing-space-3);
        --modal-border-bottom-left-radius: var(--spacing-space-3);
        --modal-border-bottom-right-radius: var(--spacing-space-3);
        --modal-outline-color: var(--border-border-grey-3);
        --modal-outline-width: 1px;
        --modal-padding-left: var(--spacing-space-1);
        --modal-padding-right: var(--spacing-space-1);
        --modal-padding-top: var(--spacing-space-1);
        --modal-padding-bottom: var(--spacing-space-1);
        --modal-row-gap: var(--spacing-space-1);
        --modal-column-gap: var(--spacing-space-1);
        --modal-font-family: var(--font-family-body);
        --modal-font-size: var(--font-size-body-small);
        --modal-font-weight: var(--font-weight-medium);
        --modal-line-height: var(--line-height-body-small);
        --modal-paragraph-spacing: 0px;
        --modal-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="modal-large"], [data-theme='light'] [component-variant="modal-large"] {
        --modal-width: 720px;
        --modal-background-color: var(--surface-background-2);
        --modal-border-top-left-radius: var(--spacing-space-3);
        --modal-border-top-right-radius: var(--spacing-space-3);
        --modal-border-bottom-left-radius: var(--spacing-space-3);
        --modal-border-bottom-right-radius: var(--spacing-space-3);
        --modal-outline-color: var(--border-border-grey-3);
        --modal-outline-width: 1px;
        --modal-padding-left: var(--spacing-space-1);
        --modal-padding-right: var(--spacing-space-1);
        --modal-padding-top: var(--spacing-space-1);
        --modal-padding-bottom: var(--spacing-space-1);
        --modal-row-gap: var(--spacing-space-1);
        --modal-column-gap: var(--spacing-space-1);
        --modal-font-family: var(--font-family-body);
        --modal-font-size: var(--font-size-body-small);
        --modal-font-weight: var(--font-weight-medium);
        --modal-line-height: var(--line-height-body-small);
        --modal-paragraph-spacing: 0px;
        --modal-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant^="modal-footer-"], [data-theme='light'] [component-variant^="modal-footer-"] {
        --modal-footer-opacity: 1;
        --modal-footer-height: auto;
        --modal-footer-min-height: auto;
        --modal-footer-max-height: none;
        --modal-footer-width: auto;
        --modal-footer-min-width: auto;
        --modal-footer-max-width: none;
        --modal-footer-background-color: transparent;
        --modal-footer-fill: currentcolor;
        --modal-footer-border-top-left-radius: 0px;
        --modal-footer-border-top-right-radius: 0px;
        --modal-footer-border-bottom-left-radius: 0px;
        --modal-footer-border-bottom-right-radius: 0px;
        --modal-footer-border-color: transparent;
        --modal-footer-border-style: solid;
        --modal-footer-border-gap: normal;
        --modal-footer-border-dash: none;
        --modal-footer-border-top-width: 0px;
        --modal-footer-border-right-width: 0px;
        --modal-footer-border-bottom-width: 0px;
        --modal-footer-border-left-width: 0px;
        --modal-footer-outline-color: auto;
        --modal-footer-outline-style: solid;
        --modal-footer-outline-width: 0px;
        --modal-footer-padding-left: 0px;
        --modal-footer-padding-right: 0px;
        --modal-footer-padding-top: 0px;
        --modal-footer-padding-bottom: 0px;
        --modal-footer-row-gap: 0px;
        --modal-footer-column-gap: 0px;
        --modal-footer-font-family: sans-serif;
        --modal-footer-font-size: medium;
        --modal-footer-color: currentcolor;
        --modal-footer-letter-spacing: normal;
        --modal-footer-line-height: normal;
        --modal-footer-paragraph-spacing: ;
        --modal-footer-paragraph-indent: 
    }
[data-theme='dark'] [component-variant="modal-footer-no-stroke-2-buttons"], [data-theme='light'] [component-variant="modal-footer-no-stroke-2-buttons"] {
        --modal-footer-width: 100%;
        --modal-footer-color: var(--text-primary);
        --modal-footer-padding-left: var(--spacing-space-8);
        --modal-footer-padding-right: var(--spacing-space-8);
        --modal-footer-padding-top: var(--spacing-space-6);
        --modal-footer-padding-bottom: var(--spacing-space-8);
        --modal-footer-row-gap: var(--spacing-space-6);
        --modal-footer-column-gap: var(--spacing-space-6);
        --modal-footer-font-family: var(--font-family-body);
        --modal-footer-font-size: var(--font-size-body-small);
        --modal-footer-font-weight: var(--font-weight-medium);
        --modal-footer-line-height: var(--line-height-body-small);
        --modal-footer-paragraph-spacing: 0px;
        --modal-footer-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="modal-footer-with-stroke-2-buttons"], [data-theme='light'] [component-variant="modal-footer-with-stroke-2-buttons"] {
        --modal-footer-width: 100%;
        --modal-footer-color: var(--text-primary);
        --modal-footer-border-color: var(--border-border-grey-3);
        --modal-footer-border-top-width: 1px;
        --modal-footer-padding-left: var(--spacing-space-8);
        --modal-footer-padding-right: var(--spacing-space-8);
        --modal-footer-padding-top: var(--spacing-space-6);
        --modal-footer-padding-bottom: var(--spacing-space-8);
        --modal-footer-row-gap: var(--spacing-space-6);
        --modal-footer-column-gap: var(--spacing-space-6);
        --modal-footer-font-family: var(--font-family-body);
        --modal-footer-font-size: var(--font-size-body-small);
        --modal-footer-font-weight: var(--font-weight-medium);
        --modal-footer-line-height: var(--line-height-body-small);
        --modal-footer-paragraph-spacing: 0px;
        --modal-footer-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="modal-footer-no-stroke-1-button"], [data-theme='light'] [component-variant="modal-footer-no-stroke-1-button"] {
        --modal-footer-width: 100%;
        --modal-footer-color: var(--text-colour-button-text);
        --modal-footer-padding-left: var(--spacing-space-8);
        --modal-footer-padding-right: var(--spacing-space-8);
        --modal-footer-padding-top: var(--spacing-space-6);
        --modal-footer-padding-bottom: var(--spacing-space-8);
        --modal-footer-row-gap: var(--spacing-space-6);
        --modal-footer-column-gap: var(--spacing-space-6);
        --modal-footer-font-family: var(--font-family-body);
        --modal-footer-font-size: var(--font-size-body-small);
        --modal-footer-font-weight: var(--font-weight-medium);
        --modal-footer-line-height: var(--line-height-body-small);
        --modal-footer-paragraph-spacing: 0px;
        --modal-footer-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="modal-footer-with-stroke-1-button"], [data-theme='light'] [component-variant="modal-footer-with-stroke-1-button"] {
        --modal-footer-width: 100%;
        --modal-footer-color: var(--text-colour-button-text);
        --modal-footer-border-color: var(--border-border-grey-3);
        --modal-footer-border-top-width: 1px;
        --modal-footer-padding-left: var(--spacing-space-8);
        --modal-footer-padding-right: var(--spacing-space-8);
        --modal-footer-padding-top: var(--spacing-space-6);
        --modal-footer-padding-bottom: var(--spacing-space-8);
        --modal-footer-row-gap: var(--spacing-space-6);
        --modal-footer-column-gap: var(--spacing-space-6);
        --modal-footer-font-family: var(--font-family-body);
        --modal-footer-font-size: var(--font-size-body-small);
        --modal-footer-font-weight: var(--font-weight-medium);
        --modal-footer-line-height: var(--line-height-body-small);
        --modal-footer-paragraph-spacing: 0px;
        --modal-footer-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="modal-footer-default"], [data-theme='light'] [component-variant="modal-footer-default"] {
        --modal-footer-width: 363px;
        --modal-footer-font-family: var(--font-family-body);
        --modal-footer-font-size: var(--font-size-body-small);
        --modal-footer-font-weight: var(--font-weight-medium);
        --modal-footer-line-height: var(--line-height-body-small);
        --modal-footer-paragraph-spacing: 0px;
        --modal-footer-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant^="checkbox-"], [data-theme='light'] [component-variant^="checkbox-"] {
        --checkbox-opacity: 1;
        --checkbox-height: auto;
        --checkbox-min-height: auto;
        --checkbox-max-height: none;
        --checkbox-width: auto;
        --checkbox-min-width: auto;
        --checkbox-max-width: none;
        --checkbox-background-color: transparent;
        --checkbox-fill: currentcolor;
        --checkbox-border-top-left-radius: 0px;
        --checkbox-border-top-right-radius: 0px;
        --checkbox-border-bottom-left-radius: 0px;
        --checkbox-border-bottom-right-radius: 0px;
        --checkbox-border-color: transparent;
        --checkbox-border-style: solid;
        --checkbox-border-gap: normal;
        --checkbox-border-dash: none;
        --checkbox-border-top-width: 0px;
        --checkbox-border-right-width: 0px;
        --checkbox-border-bottom-width: 0px;
        --checkbox-border-left-width: 0px;
        --checkbox-outline-color: auto;
        --checkbox-outline-style: solid;
        --checkbox-outline-width: 0px;
        --checkbox-padding-left: 0px;
        --checkbox-padding-right: 0px;
        --checkbox-padding-top: 0px;
        --checkbox-padding-bottom: 0px;
        --checkbox-row-gap: 0px;
        --checkbox-column-gap: 0px;
        --checkbox-font-family: sans-serif;
        --checkbox-font-size: medium;
        --checkbox-color: currentcolor;
        --checkbox-letter-spacing: normal;
        --checkbox-line-height: normal;
        --checkbox-paragraph-spacing: ;
        --checkbox-paragraph-indent: 
    }
[data-theme='dark'] [component-variant="checkbox-large-unselected-default"], [data-theme='light'] [component-variant="checkbox-large-unselected-default"] {
        --checkbox-color: var(--text-primary);
        --checkbox-row-gap: var(--spacing-space-5);
        --checkbox-column-gap: var(--spacing-space-5);
        --checkbox-font-family: var(--font-family-body);
        --checkbox-font-size: var(--font-size-body-small);
        --checkbox-font-weight: var(--font-weight-regular);
        --checkbox-line-height: var(--line-height-body-small);
        --checkbox-paragraph-spacing: 0px;
        --checkbox-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="checkbox-large-unselected-default"]:hover:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="checkbox-large-unselected-default"]:hover:not(:disabled):not([disabled]) {
        --checkbox-color: var(--text-primary);
        --checkbox-row-gap: var(--spacing-space-5);
        --checkbox-column-gap: var(--spacing-space-5);
        --checkbox-font-family: var(--font-family-body);
        --checkbox-font-size: var(--font-size-body-small);
        --checkbox-font-weight: var(--font-weight-regular);
        --checkbox-line-height: var(--line-height-body-small);
        --checkbox-paragraph-spacing: 0px;
        --checkbox-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="checkbox-large-unselected-default"][active]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="checkbox-large-unselected-default"][active]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="checkbox-large-unselected-default"]:active:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="checkbox-large-unselected-default"]:active:not(:disabled):not([disabled]) {
        --checkbox-color: var(--text-primary);
        --checkbox-row-gap: var(--spacing-space-5);
        --checkbox-column-gap: var(--spacing-space-5);
        --checkbox-font-family: var(--font-family-body);
        --checkbox-font-size: var(--font-size-body-small);
        --checkbox-font-weight: var(--font-weight-regular);
        --checkbox-line-height: var(--line-height-body-small);
        --checkbox-paragraph-spacing: 0px;
        --checkbox-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="checkbox-large-unselected-default"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='light'] [component-variant="checkbox-large-unselected-default"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="checkbox-large-unselected-default"]:focus-visible:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="checkbox-large-unselected-default"]:focus-visible:not(:disabled):not([disabled]) {
        --checkbox-color: var(--text-primary);
        --checkbox-row-gap: var(--spacing-space-5);
        --checkbox-column-gap: var(--spacing-space-5);
        --checkbox-font-family: var(--font-family-body);
        --checkbox-font-size: var(--font-size-body-small);
        --checkbox-font-weight: var(--font-weight-regular);
        --checkbox-line-height: var(--line-height-body-small);
        --checkbox-paragraph-spacing: 0px;
        --checkbox-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="checkbox-large-unselected-inverse"], [data-theme='light'] [component-variant="checkbox-large-unselected-inverse"] {
        --checkbox-color: var(--text-primary);
        --checkbox-row-gap: var(--spacing-space-5);
        --checkbox-column-gap: var(--spacing-space-5);
        --checkbox-font-family: var(--font-family-body);
        --checkbox-font-size: var(--font-size-body-small);
        --checkbox-font-weight: var(--font-weight-regular);
        --checkbox-line-height: var(--line-height-body-small);
        --checkbox-paragraph-spacing: 0px;
        --checkbox-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="checkbox-large-unselected-inverse"]:hover:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="checkbox-large-unselected-inverse"]:hover:not(:disabled):not([disabled]) {
        --checkbox-color: var(--text-primary);
        --checkbox-row-gap: var(--spacing-space-5);
        --checkbox-column-gap: var(--spacing-space-5);
        --checkbox-font-family: var(--font-family-body);
        --checkbox-font-size: var(--font-size-body-small);
        --checkbox-font-weight: var(--font-weight-regular);
        --checkbox-line-height: var(--line-height-body-small);
        --checkbox-paragraph-spacing: 0px;
        --checkbox-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="checkbox-large-unselected-inverse"][active]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="checkbox-large-unselected-inverse"][active]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="checkbox-large-unselected-inverse"]:active:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="checkbox-large-unselected-inverse"]:active:not(:disabled):not([disabled]) {
        --checkbox-color: var(--text-primary);
        --checkbox-row-gap: var(--spacing-space-5);
        --checkbox-column-gap: var(--spacing-space-5);
        --checkbox-font-family: var(--font-family-body);
        --checkbox-font-size: var(--font-size-body-small);
        --checkbox-font-weight: var(--font-weight-regular);
        --checkbox-line-height: var(--line-height-body-small);
        --checkbox-paragraph-spacing: 0px;
        --checkbox-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="checkbox-large-unselected-inverse"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='light'] [component-variant="checkbox-large-unselected-inverse"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="checkbox-large-unselected-inverse"]:focus-visible:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="checkbox-large-unselected-inverse"]:focus-visible:not(:disabled):not([disabled]) {
        --checkbox-color: var(--text-primary);
        --checkbox-row-gap: var(--spacing-space-5);
        --checkbox-column-gap: var(--spacing-space-5);
        --checkbox-font-family: var(--font-family-body);
        --checkbox-font-size: var(--font-size-body-small);
        --checkbox-font-weight: var(--font-weight-regular);
        --checkbox-line-height: var(--line-height-body-small);
        --checkbox-paragraph-spacing: 0px;
        --checkbox-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="checkbox-large-selected-default"], [data-theme='light'] [component-variant="checkbox-large-selected-default"] {
        --checkbox-color: var(--text-primary);
        --checkbox-row-gap: var(--spacing-space-5);
        --checkbox-column-gap: var(--spacing-space-5);
        --checkbox-font-family: var(--font-family-body);
        --checkbox-font-size: var(--font-size-body-small);
        --checkbox-font-weight: var(--font-weight-regular);
        --checkbox-line-height: var(--line-height-body-small);
        --checkbox-paragraph-spacing: 0px;
        --checkbox-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="checkbox-large-selected-default"]:hover:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="checkbox-large-selected-default"]:hover:not(:disabled):not([disabled]) {
        --checkbox-color: var(--text-primary);
        --checkbox-row-gap: var(--spacing-space-5);
        --checkbox-column-gap: var(--spacing-space-5);
        --checkbox-font-family: var(--font-family-body);
        --checkbox-font-size: var(--font-size-body-small);
        --checkbox-font-weight: var(--font-weight-regular);
        --checkbox-line-height: var(--line-height-body-small);
        --checkbox-paragraph-spacing: 0px;
        --checkbox-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="checkbox-large-selected-default"][active]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="checkbox-large-selected-default"][active]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="checkbox-large-selected-default"]:active:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="checkbox-large-selected-default"]:active:not(:disabled):not([disabled]) {
        --checkbox-color: var(--text-primary);
        --checkbox-row-gap: var(--spacing-space-5);
        --checkbox-column-gap: var(--spacing-space-5);
        --checkbox-font-family: var(--font-family-body);
        --checkbox-font-size: var(--font-size-body-small);
        --checkbox-font-weight: var(--font-weight-regular);
        --checkbox-line-height: var(--line-height-body-small);
        --checkbox-paragraph-spacing: 0px;
        --checkbox-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="checkbox-large-selected-default"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='light'] [component-variant="checkbox-large-selected-default"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="checkbox-large-selected-default"]:focus-visible:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="checkbox-large-selected-default"]:focus-visible:not(:disabled):not([disabled]) {
        --checkbox-color: var(--text-primary);
        --checkbox-row-gap: var(--spacing-space-5);
        --checkbox-column-gap: var(--spacing-space-5);
        --checkbox-font-family: var(--font-family-body);
        --checkbox-font-size: var(--font-size-body-small);
        --checkbox-font-weight: var(--font-weight-regular);
        --checkbox-line-height: var(--line-height-body-small);
        --checkbox-paragraph-spacing: 0px;
        --checkbox-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="checkbox-large-selected-inverse"], [data-theme='light'] [component-variant="checkbox-large-selected-inverse"] {
        --checkbox-color: var(--text-primary);
        --checkbox-row-gap: var(--spacing-space-5);
        --checkbox-column-gap: var(--spacing-space-5);
        --checkbox-font-family: var(--font-family-body);
        --checkbox-font-size: var(--font-size-body-small);
        --checkbox-font-weight: var(--font-weight-regular);
        --checkbox-line-height: var(--line-height-body-small);
        --checkbox-paragraph-spacing: 0px;
        --checkbox-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="checkbox-large-selected-inverse"]:hover:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="checkbox-large-selected-inverse"]:hover:not(:disabled):not([disabled]) {
        --checkbox-color: var(--text-primary);
        --checkbox-row-gap: var(--spacing-space-5);
        --checkbox-column-gap: var(--spacing-space-5);
        --checkbox-font-family: var(--font-family-body);
        --checkbox-font-size: var(--font-size-body-small);
        --checkbox-font-weight: var(--font-weight-regular);
        --checkbox-line-height: var(--line-height-body-small);
        --checkbox-paragraph-spacing: 0px;
        --checkbox-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="checkbox-large-selected-inverse"][active]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="checkbox-large-selected-inverse"][active]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="checkbox-large-selected-inverse"]:active:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="checkbox-large-selected-inverse"]:active:not(:disabled):not([disabled]) {
        --checkbox-color: var(--text-primary);
        --checkbox-row-gap: var(--spacing-space-5);
        --checkbox-column-gap: var(--spacing-space-5);
        --checkbox-font-family: var(--font-family-body);
        --checkbox-font-size: var(--font-size-body-small);
        --checkbox-font-weight: var(--font-weight-regular);
        --checkbox-line-height: var(--line-height-body-small);
        --checkbox-paragraph-spacing: 0px;
        --checkbox-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="checkbox-large-selected-inverse"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='light'] [component-variant="checkbox-large-selected-inverse"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="checkbox-large-selected-inverse"]:focus-visible:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="checkbox-large-selected-inverse"]:focus-visible:not(:disabled):not([disabled]) {
        --checkbox-color: var(--text-primary);
        --checkbox-row-gap: var(--spacing-space-5);
        --checkbox-column-gap: var(--spacing-space-5);
        --checkbox-font-family: var(--font-family-body);
        --checkbox-font-size: var(--font-size-body-small);
        --checkbox-font-weight: var(--font-weight-regular);
        --checkbox-line-height: var(--line-height-body-small);
        --checkbox-paragraph-spacing: 0px;
        --checkbox-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="checkbox-medium-unselected-default"], [data-theme='light'] [component-variant="checkbox-medium-unselected-default"] {
        --checkbox-color: var(--text-primary);
        --checkbox-row-gap: var(--spacing-space-5);
        --checkbox-column-gap: var(--spacing-space-5);
        --checkbox-font-family: var(--font-family-body);
        --checkbox-font-size: var(--font-size-body-small);
        --checkbox-font-weight: var(--font-weight-regular);
        --checkbox-line-height: var(--line-height-body-small);
        --checkbox-paragraph-spacing: 0px;
        --checkbox-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="checkbox-medium-unselected-default"]:hover:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="checkbox-medium-unselected-default"]:hover:not(:disabled):not([disabled]) {
        --checkbox-color: var(--text-primary);
        --checkbox-row-gap: var(--spacing-space-5);
        --checkbox-column-gap: var(--spacing-space-5);
        --checkbox-font-family: var(--font-family-body);
        --checkbox-font-size: var(--font-size-body-small);
        --checkbox-font-weight: var(--font-weight-regular);
        --checkbox-line-height: var(--line-height-body-small);
        --checkbox-paragraph-spacing: 0px;
        --checkbox-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="checkbox-medium-unselected-default"][active]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="checkbox-medium-unselected-default"][active]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="checkbox-medium-unselected-default"]:active:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="checkbox-medium-unselected-default"]:active:not(:disabled):not([disabled]) {
        --checkbox-color: var(--text-primary);
        --checkbox-row-gap: var(--spacing-space-5);
        --checkbox-column-gap: var(--spacing-space-5);
        --checkbox-font-family: var(--font-family-body);
        --checkbox-font-size: var(--font-size-body-small);
        --checkbox-font-weight: var(--font-weight-regular);
        --checkbox-line-height: var(--line-height-body-small);
        --checkbox-paragraph-spacing: 0px;
        --checkbox-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="checkbox-medium-unselected-default"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='light'] [component-variant="checkbox-medium-unselected-default"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="checkbox-medium-unselected-default"]:focus-visible:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="checkbox-medium-unselected-default"]:focus-visible:not(:disabled):not([disabled]) {
        --checkbox-color: var(--text-primary);
        --checkbox-row-gap: var(--spacing-space-5);
        --checkbox-column-gap: var(--spacing-space-5);
        --checkbox-font-family: var(--font-family-body);
        --checkbox-font-size: var(--font-size-body-small);
        --checkbox-font-weight: var(--font-weight-regular);
        --checkbox-line-height: var(--line-height-body-small);
        --checkbox-paragraph-spacing: 0px;
        --checkbox-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="checkbox-medium-unselected-inverse"], [data-theme='light'] [component-variant="checkbox-medium-unselected-inverse"] {
        --checkbox-color: var(--text-primary);
        --checkbox-row-gap: var(--spacing-space-5);
        --checkbox-column-gap: var(--spacing-space-5);
        --checkbox-font-family: var(--font-family-body);
        --checkbox-font-size: var(--font-size-body-small);
        --checkbox-font-weight: var(--font-weight-regular);
        --checkbox-line-height: var(--line-height-body-small);
        --checkbox-paragraph-spacing: 0px;
        --checkbox-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="checkbox-medium-unselected-inverse"]:hover:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="checkbox-medium-unselected-inverse"]:hover:not(:disabled):not([disabled]) {
        --checkbox-color: var(--text-primary);
        --checkbox-row-gap: var(--spacing-space-5);
        --checkbox-column-gap: var(--spacing-space-5);
        --checkbox-font-family: var(--font-family-body);
        --checkbox-font-size: var(--font-size-body-small);
        --checkbox-font-weight: var(--font-weight-regular);
        --checkbox-line-height: var(--line-height-body-small);
        --checkbox-paragraph-spacing: 0px;
        --checkbox-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="checkbox-medium-unselected-inverse"][active]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="checkbox-medium-unselected-inverse"][active]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="checkbox-medium-unselected-inverse"]:active:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="checkbox-medium-unselected-inverse"]:active:not(:disabled):not([disabled]) {
        --checkbox-color: var(--text-primary);
        --checkbox-row-gap: var(--spacing-space-5);
        --checkbox-column-gap: var(--spacing-space-5);
        --checkbox-font-family: var(--font-family-body);
        --checkbox-font-size: var(--font-size-body-small);
        --checkbox-font-weight: var(--font-weight-regular);
        --checkbox-line-height: var(--line-height-body-small);
        --checkbox-paragraph-spacing: 0px;
        --checkbox-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="checkbox-medium-unselected-inverse"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='light'] [component-variant="checkbox-medium-unselected-inverse"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="checkbox-medium-unselected-inverse"]:focus-visible:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="checkbox-medium-unselected-inverse"]:focus-visible:not(:disabled):not([disabled]) {
        --checkbox-color: var(--text-primary);
        --checkbox-row-gap: var(--spacing-space-5);
        --checkbox-column-gap: var(--spacing-space-5);
        --checkbox-font-family: var(--font-family-body);
        --checkbox-font-size: var(--font-size-body-small);
        --checkbox-font-weight: var(--font-weight-regular);
        --checkbox-line-height: var(--line-height-body-small);
        --checkbox-paragraph-spacing: 0px;
        --checkbox-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="checkbox-medium-selected-default"], [data-theme='light'] [component-variant="checkbox-medium-selected-default"] {
        --checkbox-color: var(--text-primary);
        --checkbox-row-gap: var(--spacing-space-5);
        --checkbox-column-gap: var(--spacing-space-5);
        --checkbox-font-family: var(--font-family-body);
        --checkbox-font-size: var(--font-size-body-small);
        --checkbox-font-weight: var(--font-weight-regular);
        --checkbox-line-height: var(--line-height-body-small);
        --checkbox-paragraph-spacing: 0px;
        --checkbox-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="checkbox-medium-selected-default"]:hover:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="checkbox-medium-selected-default"]:hover:not(:disabled):not([disabled]) {
        --checkbox-color: var(--text-primary);
        --checkbox-row-gap: var(--spacing-space-5);
        --checkbox-column-gap: var(--spacing-space-5);
        --checkbox-font-family: var(--font-family-body);
        --checkbox-font-size: var(--font-size-body-small);
        --checkbox-font-weight: var(--font-weight-regular);
        --checkbox-line-height: var(--line-height-body-small);
        --checkbox-paragraph-spacing: 0px;
        --checkbox-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="checkbox-medium-selected-default"][active]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="checkbox-medium-selected-default"][active]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="checkbox-medium-selected-default"]:active:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="checkbox-medium-selected-default"]:active:not(:disabled):not([disabled]) {
        --checkbox-color: var(--text-primary);
        --checkbox-row-gap: var(--spacing-space-5);
        --checkbox-column-gap: var(--spacing-space-5);
        --checkbox-font-family: var(--font-family-body);
        --checkbox-font-size: var(--font-size-body-small);
        --checkbox-font-weight: var(--font-weight-regular);
        --checkbox-line-height: var(--line-height-body-small);
        --checkbox-paragraph-spacing: 0px;
        --checkbox-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="checkbox-medium-selected-default"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='light'] [component-variant="checkbox-medium-selected-default"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="checkbox-medium-selected-default"]:focus-visible:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="checkbox-medium-selected-default"]:focus-visible:not(:disabled):not([disabled]) {
        --checkbox-color: var(--text-primary);
        --checkbox-row-gap: var(--spacing-space-5);
        --checkbox-column-gap: var(--spacing-space-5);
        --checkbox-font-family: var(--font-family-body);
        --checkbox-font-size: var(--font-size-body-small);
        --checkbox-font-weight: var(--font-weight-regular);
        --checkbox-line-height: var(--line-height-body-small);
        --checkbox-paragraph-spacing: 0px;
        --checkbox-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="checkbox-medium-selected-inverse"], [data-theme='light'] [component-variant="checkbox-medium-selected-inverse"] {
        --checkbox-color: var(--text-primary);
        --checkbox-row-gap: var(--spacing-space-5);
        --checkbox-column-gap: var(--spacing-space-5);
        --checkbox-font-family: var(--font-family-body);
        --checkbox-font-size: var(--font-size-body-small);
        --checkbox-font-weight: var(--font-weight-regular);
        --checkbox-line-height: var(--line-height-body-small);
        --checkbox-paragraph-spacing: 0px;
        --checkbox-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="checkbox-medium-selected-inverse"]:hover:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="checkbox-medium-selected-inverse"]:hover:not(:disabled):not([disabled]) {
        --checkbox-color: var(--text-primary);
        --checkbox-row-gap: var(--spacing-space-5);
        --checkbox-column-gap: var(--spacing-space-5);
        --checkbox-font-family: var(--font-family-body);
        --checkbox-font-size: var(--font-size-body-small);
        --checkbox-font-weight: var(--font-weight-regular);
        --checkbox-line-height: var(--line-height-body-small);
        --checkbox-paragraph-spacing: 0px;
        --checkbox-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="checkbox-medium-selected-inverse"][active]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="checkbox-medium-selected-inverse"][active]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="checkbox-medium-selected-inverse"]:active:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="checkbox-medium-selected-inverse"]:active:not(:disabled):not([disabled]) {
        --checkbox-color: var(--text-primary);
        --checkbox-row-gap: var(--spacing-space-5);
        --checkbox-column-gap: var(--spacing-space-5);
        --checkbox-font-family: var(--font-family-body);
        --checkbox-font-size: var(--font-size-body-small);
        --checkbox-font-weight: var(--font-weight-regular);
        --checkbox-line-height: var(--line-height-body-small);
        --checkbox-paragraph-spacing: 0px;
        --checkbox-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="checkbox-medium-selected-inverse"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='light'] [component-variant="checkbox-medium-selected-inverse"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="checkbox-medium-selected-inverse"]:focus-visible:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="checkbox-medium-selected-inverse"]:focus-visible:not(:disabled):not([disabled]) {
        --checkbox-color: var(--text-primary);
        --checkbox-row-gap: var(--spacing-space-5);
        --checkbox-column-gap: var(--spacing-space-5);
        --checkbox-font-family: var(--font-family-body);
        --checkbox-font-size: var(--font-size-body-small);
        --checkbox-font-weight: var(--font-weight-regular);
        --checkbox-line-height: var(--line-height-body-small);
        --checkbox-paragraph-spacing: 0px;
        --checkbox-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="checkbox-small-unselected-default"], [data-theme='light'] [component-variant="checkbox-small-unselected-default"] {
        --checkbox-color: var(--text-primary);
        --checkbox-row-gap: var(--spacing-space-5);
        --checkbox-column-gap: var(--spacing-space-5);
        --checkbox-font-family: var(--font-family-body);
        --checkbox-font-size: var(--font-size-body-small);
        --checkbox-font-weight: var(--font-weight-regular);
        --checkbox-line-height: var(--line-height-body-small);
        --checkbox-paragraph-spacing: 0px;
        --checkbox-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="checkbox-small-unselected-default"]:hover:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="checkbox-small-unselected-default"]:hover:not(:disabled):not([disabled]) {
        --checkbox-color: var(--text-primary);
        --checkbox-row-gap: var(--spacing-space-5);
        --checkbox-column-gap: var(--spacing-space-5);
        --checkbox-font-family: var(--font-family-body);
        --checkbox-font-size: var(--font-size-body-small);
        --checkbox-font-weight: var(--font-weight-regular);
        --checkbox-line-height: var(--line-height-body-small);
        --checkbox-paragraph-spacing: 0px;
        --checkbox-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="checkbox-small-unselected-default"][active]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="checkbox-small-unselected-default"][active]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="checkbox-small-unselected-default"]:active:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="checkbox-small-unselected-default"]:active:not(:disabled):not([disabled]) {
        --checkbox-color: var(--text-primary);
        --checkbox-row-gap: var(--spacing-space-5);
        --checkbox-column-gap: var(--spacing-space-5);
        --checkbox-font-family: var(--font-family-body);
        --checkbox-font-size: var(--font-size-body-small);
        --checkbox-font-weight: var(--font-weight-regular);
        --checkbox-line-height: var(--line-height-body-small);
        --checkbox-paragraph-spacing: 0px;
        --checkbox-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="checkbox-small-unselected-default"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='light'] [component-variant="checkbox-small-unselected-default"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="checkbox-small-unselected-default"]:focus-visible:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="checkbox-small-unselected-default"]:focus-visible:not(:disabled):not([disabled]) {
        --checkbox-color: var(--text-primary);
        --checkbox-row-gap: var(--spacing-space-5);
        --checkbox-column-gap: var(--spacing-space-5);
        --checkbox-font-family: var(--font-family-body);
        --checkbox-font-size: var(--font-size-body-small);
        --checkbox-font-weight: var(--font-weight-regular);
        --checkbox-line-height: var(--line-height-body-small);
        --checkbox-paragraph-spacing: 0px;
        --checkbox-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="checkbox-small-unselected-inverse"], [data-theme='light'] [component-variant="checkbox-small-unselected-inverse"] {
        --checkbox-color: var(--text-primary);
        --checkbox-row-gap: var(--spacing-space-5);
        --checkbox-column-gap: var(--spacing-space-5);
        --checkbox-font-family: var(--font-family-body);
        --checkbox-font-size: var(--font-size-body-small);
        --checkbox-font-weight: var(--font-weight-regular);
        --checkbox-line-height: var(--line-height-body-small);
        --checkbox-paragraph-spacing: 0px;
        --checkbox-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="checkbox-small-unselected-inverse"]:hover:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="checkbox-small-unselected-inverse"]:hover:not(:disabled):not([disabled]) {
        --checkbox-color: var(--text-primary);
        --checkbox-row-gap: var(--spacing-space-5);
        --checkbox-column-gap: var(--spacing-space-5);
        --checkbox-font-family: var(--font-family-body);
        --checkbox-font-size: var(--font-size-body-small);
        --checkbox-font-weight: var(--font-weight-regular);
        --checkbox-line-height: var(--line-height-body-small);
        --checkbox-paragraph-spacing: 0px;
        --checkbox-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="checkbox-small-unselected-inverse"][active]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="checkbox-small-unselected-inverse"][active]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="checkbox-small-unselected-inverse"]:active:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="checkbox-small-unselected-inverse"]:active:not(:disabled):not([disabled]) {
        --checkbox-color: var(--text-primary);
        --checkbox-row-gap: var(--spacing-space-5);
        --checkbox-column-gap: var(--spacing-space-5);
        --checkbox-font-family: var(--font-family-body);
        --checkbox-font-size: var(--font-size-body-small);
        --checkbox-font-weight: var(--font-weight-regular);
        --checkbox-line-height: var(--line-height-body-small);
        --checkbox-paragraph-spacing: 0px;
        --checkbox-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="checkbox-small-unselected-inverse"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='light'] [component-variant="checkbox-small-unselected-inverse"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="checkbox-small-unselected-inverse"]:focus-visible:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="checkbox-small-unselected-inverse"]:focus-visible:not(:disabled):not([disabled]) {
        --checkbox-color: var(--text-primary);
        --checkbox-row-gap: var(--spacing-space-5);
        --checkbox-column-gap: var(--spacing-space-5);
        --checkbox-font-family: var(--font-family-body);
        --checkbox-font-size: var(--font-size-body-small);
        --checkbox-font-weight: var(--font-weight-regular);
        --checkbox-line-height: var(--line-height-body-small);
        --checkbox-paragraph-spacing: 0px;
        --checkbox-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="checkbox-small-selected-default"], [data-theme='light'] [component-variant="checkbox-small-selected-default"] {
        --checkbox-color: var(--text-primary);
        --checkbox-row-gap: var(--spacing-space-5);
        --checkbox-column-gap: var(--spacing-space-5);
        --checkbox-font-family: var(--font-family-body);
        --checkbox-font-size: var(--font-size-body-small);
        --checkbox-font-weight: var(--font-weight-regular);
        --checkbox-line-height: var(--line-height-body-small);
        --checkbox-paragraph-spacing: 0px;
        --checkbox-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="checkbox-small-selected-default"]:hover:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="checkbox-small-selected-default"]:hover:not(:disabled):not([disabled]) {
        --checkbox-color: var(--text-primary);
        --checkbox-row-gap: var(--spacing-space-5);
        --checkbox-column-gap: var(--spacing-space-5);
        --checkbox-font-family: var(--font-family-body);
        --checkbox-font-size: var(--font-size-body-small);
        --checkbox-font-weight: var(--font-weight-regular);
        --checkbox-line-height: var(--line-height-body-small);
        --checkbox-paragraph-spacing: 0px;
        --checkbox-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="checkbox-small-selected-default"][active]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="checkbox-small-selected-default"][active]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="checkbox-small-selected-default"]:active:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="checkbox-small-selected-default"]:active:not(:disabled):not([disabled]) {
        --checkbox-color: var(--text-primary);
        --checkbox-row-gap: var(--spacing-space-5);
        --checkbox-column-gap: var(--spacing-space-5);
        --checkbox-font-family: var(--font-family-body);
        --checkbox-font-size: var(--font-size-body-small);
        --checkbox-font-weight: var(--font-weight-regular);
        --checkbox-line-height: var(--line-height-body-small);
        --checkbox-paragraph-spacing: 0px;
        --checkbox-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="checkbox-small-selected-default"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='light'] [component-variant="checkbox-small-selected-default"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="checkbox-small-selected-default"]:focus-visible:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="checkbox-small-selected-default"]:focus-visible:not(:disabled):not([disabled]) {
        --checkbox-color: var(--text-primary);
        --checkbox-row-gap: var(--spacing-space-5);
        --checkbox-column-gap: var(--spacing-space-5);
        --checkbox-font-family: var(--font-family-body);
        --checkbox-font-size: var(--font-size-body-small);
        --checkbox-font-weight: var(--font-weight-regular);
        --checkbox-line-height: var(--line-height-body-small);
        --checkbox-paragraph-spacing: 0px;
        --checkbox-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="checkbox-small-selected-inverse"], [data-theme='light'] [component-variant="checkbox-small-selected-inverse"] {
        --checkbox-color: var(--text-primary);
        --checkbox-row-gap: var(--spacing-space-5);
        --checkbox-column-gap: var(--spacing-space-5);
        --checkbox-font-family: var(--font-family-body);
        --checkbox-font-size: var(--font-size-body-small);
        --checkbox-font-weight: var(--font-weight-regular);
        --checkbox-line-height: var(--line-height-body-small);
        --checkbox-paragraph-spacing: 0px;
        --checkbox-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="checkbox-small-selected-inverse"]:hover:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="checkbox-small-selected-inverse"]:hover:not(:disabled):not([disabled]) {
        --checkbox-color: var(--text-primary);
        --checkbox-row-gap: var(--spacing-space-5);
        --checkbox-column-gap: var(--spacing-space-5);
        --checkbox-font-family: var(--font-family-body);
        --checkbox-font-size: var(--font-size-body-small);
        --checkbox-font-weight: var(--font-weight-regular);
        --checkbox-line-height: var(--line-height-body-small);
        --checkbox-paragraph-spacing: 0px;
        --checkbox-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="checkbox-small-selected-inverse"][active]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="checkbox-small-selected-inverse"][active]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="checkbox-small-selected-inverse"]:active:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="checkbox-small-selected-inverse"]:active:not(:disabled):not([disabled]) {
        --checkbox-color: var(--text-primary);
        --checkbox-row-gap: var(--spacing-space-5);
        --checkbox-column-gap: var(--spacing-space-5);
        --checkbox-font-family: var(--font-family-body);
        --checkbox-font-size: var(--font-size-body-small);
        --checkbox-font-weight: var(--font-weight-regular);
        --checkbox-line-height: var(--line-height-body-small);
        --checkbox-paragraph-spacing: 0px;
        --checkbox-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="checkbox-small-selected-inverse"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='light'] [component-variant="checkbox-small-selected-inverse"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="checkbox-small-selected-inverse"]:focus-visible:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="checkbox-small-selected-inverse"]:focus-visible:not(:disabled):not([disabled]) {
        --checkbox-color: var(--text-primary);
        --checkbox-row-gap: var(--spacing-space-5);
        --checkbox-column-gap: var(--spacing-space-5);
        --checkbox-font-family: var(--font-family-body);
        --checkbox-font-size: var(--font-size-body-small);
        --checkbox-font-weight: var(--font-weight-regular);
        --checkbox-line-height: var(--line-height-body-small);
        --checkbox-paragraph-spacing: 0px;
        --checkbox-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="checkbox-large-unselected-default"], [data-theme='light'] [component-variant="checkbox-large-unselected-default"] {
        --checkbox-icon-wrapper-height: 24px;
        --checkbox-icon-wrapper-width: 24px;
        --checkbox-icon-wrapper-border-top-left-radius: 2px;
        --checkbox-icon-wrapper-border-top-right-radius: 2px;
        --checkbox-icon-wrapper-border-bottom-left-radius: 2px;
        --checkbox-icon-wrapper-border-bottom-right-radius: 2px;
        --checkbox-icon-wrapper-font-family: sans-sarif;
        --checkbox-icon-wrapper-font-size: initial;
        --checkbox-icon-wrapper-font-weight: regular;
        --checkbox-icon-wrapper-paragraph-spacing: 0px;
        --checkbox-icon-wrapper-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="checkbox-large-unselected-default"]:hover:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="checkbox-large-unselected-default"]:hover:not(:disabled):not([disabled]) {
        --checkbox-icon-wrapper-height: 24px;
        --checkbox-icon-wrapper-width: 24px;
        --checkbox-icon-wrapper-border-top-left-radius: 2px;
        --checkbox-icon-wrapper-border-top-right-radius: 2px;
        --checkbox-icon-wrapper-border-bottom-left-radius: 2px;
        --checkbox-icon-wrapper-border-bottom-right-radius: 2px;
        --checkbox-icon-wrapper-font-family: sans-sarif;
        --checkbox-icon-wrapper-font-size: initial;
        --checkbox-icon-wrapper-font-weight: regular;
        --checkbox-icon-wrapper-paragraph-spacing: 0px;
        --checkbox-icon-wrapper-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="checkbox-large-unselected-default"][active]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="checkbox-large-unselected-default"][active]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="checkbox-large-unselected-default"]:active:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="checkbox-large-unselected-default"]:active:not(:disabled):not([disabled]) {
        --checkbox-icon-wrapper-height: 24px;
        --checkbox-icon-wrapper-width: 24px;
        --checkbox-icon-wrapper-border-top-left-radius: 2px;
        --checkbox-icon-wrapper-border-top-right-radius: 2px;
        --checkbox-icon-wrapper-border-bottom-left-radius: 2px;
        --checkbox-icon-wrapper-border-bottom-right-radius: 2px;
        --checkbox-icon-wrapper-font-family: sans-sarif;
        --checkbox-icon-wrapper-font-size: initial;
        --checkbox-icon-wrapper-font-weight: regular;
        --checkbox-icon-wrapper-paragraph-spacing: 0px;
        --checkbox-icon-wrapper-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="checkbox-large-unselected-default"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='light'] [component-variant="checkbox-large-unselected-default"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="checkbox-large-unselected-default"]:focus-visible:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="checkbox-large-unselected-default"]:focus-visible:not(:disabled):not([disabled]) {
        --checkbox-icon-wrapper-height: 24px;
        --checkbox-icon-wrapper-width: 24px;
        --checkbox-icon-wrapper-border-top-left-radius: 2px;
        --checkbox-icon-wrapper-border-top-right-radius: 2px;
        --checkbox-icon-wrapper-border-bottom-left-radius: 2px;
        --checkbox-icon-wrapper-border-bottom-right-radius: 2px;
        --checkbox-icon-wrapper-border-color: var(--border-border-grey-1);
        --checkbox-icon-wrapper-border-top-width: 1px;
        --checkbox-icon-wrapper-border-right-width: 1px;
        --checkbox-icon-wrapper-border-bottom-width: 1px;
        --checkbox-icon-wrapper-border-left-width: 1px;
        --checkbox-icon-wrapper-font-family: sans-sarif;
        --checkbox-icon-wrapper-font-size: initial;
        --checkbox-icon-wrapper-font-weight: regular;
        --checkbox-icon-wrapper-paragraph-spacing: 0px;
        --checkbox-icon-wrapper-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="checkbox-large-unselected-inverse"], [data-theme='light'] [component-variant="checkbox-large-unselected-inverse"] {
        --checkbox-icon-wrapper-height: 24px;
        --checkbox-icon-wrapper-width: 24px;
        --checkbox-icon-wrapper-border-top-left-radius: 2px;
        --checkbox-icon-wrapper-border-top-right-radius: 2px;
        --checkbox-icon-wrapper-border-bottom-left-radius: 2px;
        --checkbox-icon-wrapper-border-bottom-right-radius: 2px;
        --checkbox-icon-wrapper-font-family: sans-sarif;
        --checkbox-icon-wrapper-font-size: initial;
        --checkbox-icon-wrapper-font-weight: regular;
        --checkbox-icon-wrapper-paragraph-spacing: 0px;
        --checkbox-icon-wrapper-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="checkbox-large-unselected-inverse"]:hover:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="checkbox-large-unselected-inverse"]:hover:not(:disabled):not([disabled]) {
        --checkbox-icon-wrapper-height: 24px;
        --checkbox-icon-wrapper-width: 24px;
        --checkbox-icon-wrapper-border-top-left-radius: 2px;
        --checkbox-icon-wrapper-border-top-right-radius: 2px;
        --checkbox-icon-wrapper-border-bottom-left-radius: 2px;
        --checkbox-icon-wrapper-border-bottom-right-radius: 2px;
        --checkbox-icon-wrapper-font-family: sans-sarif;
        --checkbox-icon-wrapper-font-size: initial;
        --checkbox-icon-wrapper-font-weight: regular;
        --checkbox-icon-wrapper-paragraph-spacing: 0px;
        --checkbox-icon-wrapper-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="checkbox-large-unselected-inverse"][active]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="checkbox-large-unselected-inverse"][active]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="checkbox-large-unselected-inverse"]:active:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="checkbox-large-unselected-inverse"]:active:not(:disabled):not([disabled]) {
        --checkbox-icon-wrapper-height: 24px;
        --checkbox-icon-wrapper-width: 24px;
        --checkbox-icon-wrapper-border-top-left-radius: 2px;
        --checkbox-icon-wrapper-border-top-right-radius: 2px;
        --checkbox-icon-wrapper-border-bottom-left-radius: 2px;
        --checkbox-icon-wrapper-border-bottom-right-radius: 2px;
        --checkbox-icon-wrapper-font-family: sans-sarif;
        --checkbox-icon-wrapper-font-size: initial;
        --checkbox-icon-wrapper-font-weight: regular;
        --checkbox-icon-wrapper-paragraph-spacing: 0px;
        --checkbox-icon-wrapper-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="checkbox-large-unselected-inverse"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='light'] [component-variant="checkbox-large-unselected-inverse"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="checkbox-large-unselected-inverse"]:focus-visible:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="checkbox-large-unselected-inverse"]:focus-visible:not(:disabled):not([disabled]) {
        --checkbox-icon-wrapper-height: 24px;
        --checkbox-icon-wrapper-width: 24px;
        --checkbox-icon-wrapper-border-top-left-radius: 2px;
        --checkbox-icon-wrapper-border-top-right-radius: 2px;
        --checkbox-icon-wrapper-border-bottom-left-radius: 2px;
        --checkbox-icon-wrapper-border-bottom-right-radius: 2px;
        --checkbox-icon-wrapper-border-color: var(--border-border-grey-1);
        --checkbox-icon-wrapper-border-top-width: 1px;
        --checkbox-icon-wrapper-border-right-width: 1px;
        --checkbox-icon-wrapper-border-bottom-width: 1px;
        --checkbox-icon-wrapper-border-left-width: 1px;
        --checkbox-icon-wrapper-font-family: sans-sarif;
        --checkbox-icon-wrapper-font-size: initial;
        --checkbox-icon-wrapper-font-weight: regular;
        --checkbox-icon-wrapper-paragraph-spacing: 0px;
        --checkbox-icon-wrapper-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="checkbox-large-selected-default"], [data-theme='light'] [component-variant="checkbox-large-selected-default"] {
        --checkbox-icon-wrapper-height: 24px;
        --checkbox-icon-wrapper-width: 24px;
        --checkbox-icon-wrapper-border-top-left-radius: 2px;
        --checkbox-icon-wrapper-border-top-right-radius: 2px;
        --checkbox-icon-wrapper-border-bottom-left-radius: 2px;
        --checkbox-icon-wrapper-border-bottom-right-radius: 2px;
        --checkbox-icon-wrapper-font-family: sans-sarif;
        --checkbox-icon-wrapper-font-size: initial;
        --checkbox-icon-wrapper-font-weight: regular;
        --checkbox-icon-wrapper-paragraph-spacing: 0px;
        --checkbox-icon-wrapper-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="checkbox-large-selected-default"]:hover:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="checkbox-large-selected-default"]:hover:not(:disabled):not([disabled]) {
        --checkbox-icon-wrapper-height: 24px;
        --checkbox-icon-wrapper-width: 24px;
        --checkbox-icon-wrapper-border-top-left-radius: 2px;
        --checkbox-icon-wrapper-border-top-right-radius: 2px;
        --checkbox-icon-wrapper-border-bottom-left-radius: 2px;
        --checkbox-icon-wrapper-border-bottom-right-radius: 2px;
        --checkbox-icon-wrapper-font-family: sans-sarif;
        --checkbox-icon-wrapper-font-size: initial;
        --checkbox-icon-wrapper-font-weight: regular;
        --checkbox-icon-wrapper-paragraph-spacing: 0px;
        --checkbox-icon-wrapper-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="checkbox-large-selected-default"][active]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="checkbox-large-selected-default"][active]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="checkbox-large-selected-default"]:active:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="checkbox-large-selected-default"]:active:not(:disabled):not([disabled]) {
        --checkbox-icon-wrapper-height: 24px;
        --checkbox-icon-wrapper-width: 24px;
        --checkbox-icon-wrapper-border-top-left-radius: 2px;
        --checkbox-icon-wrapper-border-top-right-radius: 2px;
        --checkbox-icon-wrapper-border-bottom-left-radius: 2px;
        --checkbox-icon-wrapper-border-bottom-right-radius: 2px;
        --checkbox-icon-wrapper-font-family: sans-sarif;
        --checkbox-icon-wrapper-font-size: initial;
        --checkbox-icon-wrapper-font-weight: regular;
        --checkbox-icon-wrapper-paragraph-spacing: 0px;
        --checkbox-icon-wrapper-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="checkbox-large-selected-default"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='light'] [component-variant="checkbox-large-selected-default"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="checkbox-large-selected-default"]:focus-visible:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="checkbox-large-selected-default"]:focus-visible:not(:disabled):not([disabled]) {
        --checkbox-icon-wrapper-height: 24px;
        --checkbox-icon-wrapper-width: 24px;
        --checkbox-icon-wrapper-border-top-left-radius: 2px;
        --checkbox-icon-wrapper-border-top-right-radius: 2px;
        --checkbox-icon-wrapper-border-bottom-left-radius: 2px;
        --checkbox-icon-wrapper-border-bottom-right-radius: 2px;
        --checkbox-icon-wrapper-border-color: var(--border-border-grey-1);
        --checkbox-icon-wrapper-border-top-width: 1px;
        --checkbox-icon-wrapper-border-right-width: 1px;
        --checkbox-icon-wrapper-border-bottom-width: 1px;
        --checkbox-icon-wrapper-border-left-width: 1px;
        --checkbox-icon-wrapper-font-family: sans-sarif;
        --checkbox-icon-wrapper-font-size: initial;
        --checkbox-icon-wrapper-font-weight: regular;
        --checkbox-icon-wrapper-paragraph-spacing: 0px;
        --checkbox-icon-wrapper-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="checkbox-large-selected-inverse"], [data-theme='light'] [component-variant="checkbox-large-selected-inverse"] {
        --checkbox-icon-wrapper-height: 24px;
        --checkbox-icon-wrapper-width: 24px;
        --checkbox-icon-wrapper-border-top-left-radius: 2px;
        --checkbox-icon-wrapper-border-top-right-radius: 2px;
        --checkbox-icon-wrapper-border-bottom-left-radius: 2px;
        --checkbox-icon-wrapper-border-bottom-right-radius: 2px;
        --checkbox-icon-wrapper-font-family: sans-sarif;
        --checkbox-icon-wrapper-font-size: initial;
        --checkbox-icon-wrapper-font-weight: regular;
        --checkbox-icon-wrapper-paragraph-spacing: 0px;
        --checkbox-icon-wrapper-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="checkbox-large-selected-inverse"]:hover:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="checkbox-large-selected-inverse"]:hover:not(:disabled):not([disabled]) {
        --checkbox-icon-wrapper-height: 24px;
        --checkbox-icon-wrapper-width: 24px;
        --checkbox-icon-wrapper-border-top-left-radius: 2px;
        --checkbox-icon-wrapper-border-top-right-radius: 2px;
        --checkbox-icon-wrapper-border-bottom-left-radius: 2px;
        --checkbox-icon-wrapper-border-bottom-right-radius: 2px;
        --checkbox-icon-wrapper-font-family: sans-sarif;
        --checkbox-icon-wrapper-font-size: initial;
        --checkbox-icon-wrapper-font-weight: regular;
        --checkbox-icon-wrapper-paragraph-spacing: 0px;
        --checkbox-icon-wrapper-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="checkbox-large-selected-inverse"][active]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="checkbox-large-selected-inverse"][active]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="checkbox-large-selected-inverse"]:active:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="checkbox-large-selected-inverse"]:active:not(:disabled):not([disabled]) {
        --checkbox-icon-wrapper-height: 24px;
        --checkbox-icon-wrapper-width: 24px;
        --checkbox-icon-wrapper-border-top-left-radius: 2px;
        --checkbox-icon-wrapper-border-top-right-radius: 2px;
        --checkbox-icon-wrapper-border-bottom-left-radius: 2px;
        --checkbox-icon-wrapper-border-bottom-right-radius: 2px;
        --checkbox-icon-wrapper-font-family: sans-sarif;
        --checkbox-icon-wrapper-font-size: initial;
        --checkbox-icon-wrapper-font-weight: regular;
        --checkbox-icon-wrapper-paragraph-spacing: 0px;
        --checkbox-icon-wrapper-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="checkbox-large-selected-inverse"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='light'] [component-variant="checkbox-large-selected-inverse"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="checkbox-large-selected-inverse"]:focus-visible:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="checkbox-large-selected-inverse"]:focus-visible:not(:disabled):not([disabled]) {
        --checkbox-icon-wrapper-height: 24px;
        --checkbox-icon-wrapper-width: 24px;
        --checkbox-icon-wrapper-border-top-left-radius: 2px;
        --checkbox-icon-wrapper-border-top-right-radius: 2px;
        --checkbox-icon-wrapper-border-bottom-left-radius: 2px;
        --checkbox-icon-wrapper-border-bottom-right-radius: 2px;
        --checkbox-icon-wrapper-border-color: var(--border-border-grey-1);
        --checkbox-icon-wrapper-border-top-width: 1px;
        --checkbox-icon-wrapper-border-right-width: 1px;
        --checkbox-icon-wrapper-border-bottom-width: 1px;
        --checkbox-icon-wrapper-border-left-width: 1px;
        --checkbox-icon-wrapper-font-family: sans-sarif;
        --checkbox-icon-wrapper-font-size: initial;
        --checkbox-icon-wrapper-font-weight: regular;
        --checkbox-icon-wrapper-paragraph-spacing: 0px;
        --checkbox-icon-wrapper-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="checkbox-medium-unselected-default"], [data-theme='light'] [component-variant="checkbox-medium-unselected-default"] {
        --checkbox-icon-wrapper-height: 20px;
        --checkbox-icon-wrapper-width: 20px;
        --checkbox-icon-wrapper-border-top-left-radius: 1.6666666269302368px;
        --checkbox-icon-wrapper-border-top-right-radius: 1.6666666269302368px;
        --checkbox-icon-wrapper-border-bottom-left-radius: 1.6666666269302368px;
        --checkbox-icon-wrapper-border-bottom-right-radius: 1.6666666269302368px;
        --checkbox-icon-wrapper-font-family: sans-sarif;
        --checkbox-icon-wrapper-font-size: initial;
        --checkbox-icon-wrapper-font-weight: regular;
        --checkbox-icon-wrapper-paragraph-spacing: 0px;
        --checkbox-icon-wrapper-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="checkbox-medium-unselected-default"]:hover:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="checkbox-medium-unselected-default"]:hover:not(:disabled):not([disabled]) {
        --checkbox-icon-wrapper-height: 20px;
        --checkbox-icon-wrapper-width: 20px;
        --checkbox-icon-wrapper-border-top-left-radius: 1.6666666269302368px;
        --checkbox-icon-wrapper-border-top-right-radius: 1.6666666269302368px;
        --checkbox-icon-wrapper-border-bottom-left-radius: 1.6666666269302368px;
        --checkbox-icon-wrapper-border-bottom-right-radius: 1.6666666269302368px;
        --checkbox-icon-wrapper-font-family: sans-sarif;
        --checkbox-icon-wrapper-font-size: initial;
        --checkbox-icon-wrapper-font-weight: regular;
        --checkbox-icon-wrapper-paragraph-spacing: 0px;
        --checkbox-icon-wrapper-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="checkbox-medium-unselected-default"][active]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="checkbox-medium-unselected-default"][active]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="checkbox-medium-unselected-default"]:active:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="checkbox-medium-unselected-default"]:active:not(:disabled):not([disabled]) {
        --checkbox-icon-wrapper-height: 20px;
        --checkbox-icon-wrapper-width: 20px;
        --checkbox-icon-wrapper-border-top-left-radius: 1.6666666269302368px;
        --checkbox-icon-wrapper-border-top-right-radius: 1.6666666269302368px;
        --checkbox-icon-wrapper-border-bottom-left-radius: 1.6666666269302368px;
        --checkbox-icon-wrapper-border-bottom-right-radius: 1.6666666269302368px;
        --checkbox-icon-wrapper-font-family: sans-sarif;
        --checkbox-icon-wrapper-font-size: initial;
        --checkbox-icon-wrapper-font-weight: regular;
        --checkbox-icon-wrapper-paragraph-spacing: 0px;
        --checkbox-icon-wrapper-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="checkbox-medium-unselected-default"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='light'] [component-variant="checkbox-medium-unselected-default"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="checkbox-medium-unselected-default"]:focus-visible:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="checkbox-medium-unselected-default"]:focus-visible:not(:disabled):not([disabled]) {
        --checkbox-icon-wrapper-height: 20px;
        --checkbox-icon-wrapper-width: 20px;
        --checkbox-icon-wrapper-border-top-left-radius: 1.6666666269302368px;
        --checkbox-icon-wrapper-border-top-right-radius: 1.6666666269302368px;
        --checkbox-icon-wrapper-border-bottom-left-radius: 1.6666666269302368px;
        --checkbox-icon-wrapper-border-bottom-right-radius: 1.6666666269302368px;
        --checkbox-icon-wrapper-border-color: var(--border-border-grey-1);
        --checkbox-icon-wrapper-border-top-width: 0.8333333134651184px;
        --checkbox-icon-wrapper-border-right-width: 0.8333333134651184px;
        --checkbox-icon-wrapper-border-bottom-width: 0.8333333134651184px;
        --checkbox-icon-wrapper-border-left-width: 0.8333333134651184px;
        --checkbox-icon-wrapper-font-family: sans-sarif;
        --checkbox-icon-wrapper-font-size: initial;
        --checkbox-icon-wrapper-font-weight: regular;
        --checkbox-icon-wrapper-paragraph-spacing: 0px;
        --checkbox-icon-wrapper-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="checkbox-medium-unselected-inverse"], [data-theme='light'] [component-variant="checkbox-medium-unselected-inverse"] {
        --checkbox-icon-wrapper-height: 20px;
        --checkbox-icon-wrapper-width: 20px;
        --checkbox-icon-wrapper-border-top-left-radius: 1.6666666269302368px;
        --checkbox-icon-wrapper-border-top-right-radius: 1.6666666269302368px;
        --checkbox-icon-wrapper-border-bottom-left-radius: 1.6666666269302368px;
        --checkbox-icon-wrapper-border-bottom-right-radius: 1.6666666269302368px;
        --checkbox-icon-wrapper-font-family: sans-sarif;
        --checkbox-icon-wrapper-font-size: initial;
        --checkbox-icon-wrapper-font-weight: regular;
        --checkbox-icon-wrapper-paragraph-spacing: 0px;
        --checkbox-icon-wrapper-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="checkbox-medium-unselected-inverse"]:hover:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="checkbox-medium-unselected-inverse"]:hover:not(:disabled):not([disabled]) {
        --checkbox-icon-wrapper-height: 20px;
        --checkbox-icon-wrapper-width: 20px;
        --checkbox-icon-wrapper-border-top-left-radius: 1.6666666269302368px;
        --checkbox-icon-wrapper-border-top-right-radius: 1.6666666269302368px;
        --checkbox-icon-wrapper-border-bottom-left-radius: 1.6666666269302368px;
        --checkbox-icon-wrapper-border-bottom-right-radius: 1.6666666269302368px;
        --checkbox-icon-wrapper-font-family: sans-sarif;
        --checkbox-icon-wrapper-font-size: initial;
        --checkbox-icon-wrapper-font-weight: regular;
        --checkbox-icon-wrapper-paragraph-spacing: 0px;
        --checkbox-icon-wrapper-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="checkbox-medium-unselected-inverse"][active]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="checkbox-medium-unselected-inverse"][active]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="checkbox-medium-unselected-inverse"]:active:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="checkbox-medium-unselected-inverse"]:active:not(:disabled):not([disabled]) {
        --checkbox-icon-wrapper-height: 20px;
        --checkbox-icon-wrapper-width: 20px;
        --checkbox-icon-wrapper-border-top-left-radius: 1.6666666269302368px;
        --checkbox-icon-wrapper-border-top-right-radius: 1.6666666269302368px;
        --checkbox-icon-wrapper-border-bottom-left-radius: 1.6666666269302368px;
        --checkbox-icon-wrapper-border-bottom-right-radius: 1.6666666269302368px;
        --checkbox-icon-wrapper-font-family: sans-sarif;
        --checkbox-icon-wrapper-font-size: initial;
        --checkbox-icon-wrapper-font-weight: regular;
        --checkbox-icon-wrapper-paragraph-spacing: 0px;
        --checkbox-icon-wrapper-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="checkbox-medium-unselected-inverse"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='light'] [component-variant="checkbox-medium-unselected-inverse"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="checkbox-medium-unselected-inverse"]:focus-visible:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="checkbox-medium-unselected-inverse"]:focus-visible:not(:disabled):not([disabled]) {
        --checkbox-icon-wrapper-height: 20px;
        --checkbox-icon-wrapper-width: 20px;
        --checkbox-icon-wrapper-border-top-left-radius: 1.6666666269302368px;
        --checkbox-icon-wrapper-border-top-right-radius: 1.6666666269302368px;
        --checkbox-icon-wrapper-border-bottom-left-radius: 1.6666666269302368px;
        --checkbox-icon-wrapper-border-bottom-right-radius: 1.6666666269302368px;
        --checkbox-icon-wrapper-border-color: var(--border-border-grey-1);
        --checkbox-icon-wrapper-border-top-width: 0.8333333134651184px;
        --checkbox-icon-wrapper-border-right-width: 0.8333333134651184px;
        --checkbox-icon-wrapper-border-bottom-width: 0.8333333134651184px;
        --checkbox-icon-wrapper-border-left-width: 0.8333333134651184px;
        --checkbox-icon-wrapper-font-family: sans-sarif;
        --checkbox-icon-wrapper-font-size: initial;
        --checkbox-icon-wrapper-font-weight: regular;
        --checkbox-icon-wrapper-paragraph-spacing: 0px;
        --checkbox-icon-wrapper-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="checkbox-medium-selected-default"], [data-theme='light'] [component-variant="checkbox-medium-selected-default"] {
        --checkbox-icon-wrapper-height: 20px;
        --checkbox-icon-wrapper-width: 20px;
        --checkbox-icon-wrapper-border-top-left-radius: 1.6666666269302368px;
        --checkbox-icon-wrapper-border-top-right-radius: 1.6666666269302368px;
        --checkbox-icon-wrapper-border-bottom-left-radius: 1.6666666269302368px;
        --checkbox-icon-wrapper-border-bottom-right-radius: 1.6666666269302368px;
        --checkbox-icon-wrapper-font-family: sans-sarif;
        --checkbox-icon-wrapper-font-size: initial;
        --checkbox-icon-wrapper-font-weight: regular;
        --checkbox-icon-wrapper-paragraph-spacing: 0px;
        --checkbox-icon-wrapper-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="checkbox-medium-selected-default"]:hover:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="checkbox-medium-selected-default"]:hover:not(:disabled):not([disabled]) {
        --checkbox-icon-wrapper-height: 20px;
        --checkbox-icon-wrapper-width: 20px;
        --checkbox-icon-wrapper-border-top-left-radius: 1.6666666269302368px;
        --checkbox-icon-wrapper-border-top-right-radius: 1.6666666269302368px;
        --checkbox-icon-wrapper-border-bottom-left-radius: 1.6666666269302368px;
        --checkbox-icon-wrapper-border-bottom-right-radius: 1.6666666269302368px;
        --checkbox-icon-wrapper-font-family: sans-sarif;
        --checkbox-icon-wrapper-font-size: initial;
        --checkbox-icon-wrapper-font-weight: regular;
        --checkbox-icon-wrapper-paragraph-spacing: 0px;
        --checkbox-icon-wrapper-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="checkbox-medium-selected-default"][active]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="checkbox-medium-selected-default"][active]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="checkbox-medium-selected-default"]:active:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="checkbox-medium-selected-default"]:active:not(:disabled):not([disabled]) {
        --checkbox-icon-wrapper-height: 20px;
        --checkbox-icon-wrapper-width: 20px;
        --checkbox-icon-wrapper-border-top-left-radius: 1.6666666269302368px;
        --checkbox-icon-wrapper-border-top-right-radius: 1.6666666269302368px;
        --checkbox-icon-wrapper-border-bottom-left-radius: 1.6666666269302368px;
        --checkbox-icon-wrapper-border-bottom-right-radius: 1.6666666269302368px;
        --checkbox-icon-wrapper-font-family: sans-sarif;
        --checkbox-icon-wrapper-font-size: initial;
        --checkbox-icon-wrapper-font-weight: regular;
        --checkbox-icon-wrapper-paragraph-spacing: 0px;
        --checkbox-icon-wrapper-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="checkbox-medium-selected-default"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='light'] [component-variant="checkbox-medium-selected-default"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="checkbox-medium-selected-default"]:focus-visible:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="checkbox-medium-selected-default"]:focus-visible:not(:disabled):not([disabled]) {
        --checkbox-icon-wrapper-height: 20px;
        --checkbox-icon-wrapper-width: 20px;
        --checkbox-icon-wrapper-border-top-left-radius: 1.6666666269302368px;
        --checkbox-icon-wrapper-border-top-right-radius: 1.6666666269302368px;
        --checkbox-icon-wrapper-border-bottom-left-radius: 1.6666666269302368px;
        --checkbox-icon-wrapper-border-bottom-right-radius: 1.6666666269302368px;
        --checkbox-icon-wrapper-border-color: var(--border-border-grey-1);
        --checkbox-icon-wrapper-border-top-width: 0.8333333134651184px;
        --checkbox-icon-wrapper-border-right-width: 0.8333333134651184px;
        --checkbox-icon-wrapper-border-bottom-width: 0.8333333134651184px;
        --checkbox-icon-wrapper-border-left-width: 0.8333333134651184px;
        --checkbox-icon-wrapper-font-family: sans-sarif;
        --checkbox-icon-wrapper-font-size: initial;
        --checkbox-icon-wrapper-font-weight: regular;
        --checkbox-icon-wrapper-paragraph-spacing: 0px;
        --checkbox-icon-wrapper-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="checkbox-medium-selected-inverse"], [data-theme='light'] [component-variant="checkbox-medium-selected-inverse"] {
        --checkbox-icon-wrapper-height: 20px;
        --checkbox-icon-wrapper-width: 20px;
        --checkbox-icon-wrapper-border-top-left-radius: 1.6666666269302368px;
        --checkbox-icon-wrapper-border-top-right-radius: 1.6666666269302368px;
        --checkbox-icon-wrapper-border-bottom-left-radius: 1.6666666269302368px;
        --checkbox-icon-wrapper-border-bottom-right-radius: 1.6666666269302368px;
        --checkbox-icon-wrapper-font-family: sans-sarif;
        --checkbox-icon-wrapper-font-size: initial;
        --checkbox-icon-wrapper-font-weight: regular;
        --checkbox-icon-wrapper-paragraph-spacing: 0px;
        --checkbox-icon-wrapper-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="checkbox-medium-selected-inverse"]:hover:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="checkbox-medium-selected-inverse"]:hover:not(:disabled):not([disabled]) {
        --checkbox-icon-wrapper-height: 20px;
        --checkbox-icon-wrapper-width: 20px;
        --checkbox-icon-wrapper-border-top-left-radius: 1.6666666269302368px;
        --checkbox-icon-wrapper-border-top-right-radius: 1.6666666269302368px;
        --checkbox-icon-wrapper-border-bottom-left-radius: 1.6666666269302368px;
        --checkbox-icon-wrapper-border-bottom-right-radius: 1.6666666269302368px;
        --checkbox-icon-wrapper-font-family: sans-sarif;
        --checkbox-icon-wrapper-font-size: initial;
        --checkbox-icon-wrapper-font-weight: regular;
        --checkbox-icon-wrapper-paragraph-spacing: 0px;
        --checkbox-icon-wrapper-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="checkbox-medium-selected-inverse"][active]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="checkbox-medium-selected-inverse"][active]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="checkbox-medium-selected-inverse"]:active:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="checkbox-medium-selected-inverse"]:active:not(:disabled):not([disabled]) {
        --checkbox-icon-wrapper-height: 20px;
        --checkbox-icon-wrapper-width: 20px;
        --checkbox-icon-wrapper-border-top-left-radius: 1.6666666269302368px;
        --checkbox-icon-wrapper-border-top-right-radius: 1.6666666269302368px;
        --checkbox-icon-wrapper-border-bottom-left-radius: 1.6666666269302368px;
        --checkbox-icon-wrapper-border-bottom-right-radius: 1.6666666269302368px;
        --checkbox-icon-wrapper-font-family: sans-sarif;
        --checkbox-icon-wrapper-font-size: initial;
        --checkbox-icon-wrapper-font-weight: regular;
        --checkbox-icon-wrapper-paragraph-spacing: 0px;
        --checkbox-icon-wrapper-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="checkbox-medium-selected-inverse"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='light'] [component-variant="checkbox-medium-selected-inverse"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="checkbox-medium-selected-inverse"]:focus-visible:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="checkbox-medium-selected-inverse"]:focus-visible:not(:disabled):not([disabled]) {
        --checkbox-icon-wrapper-height: 20px;
        --checkbox-icon-wrapper-width: 20px;
        --checkbox-icon-wrapper-border-top-left-radius: 1.6666666269302368px;
        --checkbox-icon-wrapper-border-top-right-radius: 1.6666666269302368px;
        --checkbox-icon-wrapper-border-bottom-left-radius: 1.6666666269302368px;
        --checkbox-icon-wrapper-border-bottom-right-radius: 1.6666666269302368px;
        --checkbox-icon-wrapper-border-color: var(--border-border-grey-1);
        --checkbox-icon-wrapper-border-top-width: 1px;
        --checkbox-icon-wrapper-border-right-width: 1px;
        --checkbox-icon-wrapper-border-bottom-width: 1px;
        --checkbox-icon-wrapper-border-left-width: 1px;
        --checkbox-icon-wrapper-font-family: sans-sarif;
        --checkbox-icon-wrapper-font-size: initial;
        --checkbox-icon-wrapper-font-weight: regular;
        --checkbox-icon-wrapper-paragraph-spacing: 0px;
        --checkbox-icon-wrapper-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="checkbox-small-unselected-default"], [data-theme='light'] [component-variant="checkbox-small-unselected-default"] {
        --checkbox-icon-wrapper-height: 16px;
        --checkbox-icon-wrapper-width: 16px;
        --checkbox-icon-wrapper-border-top-left-radius: 1.3333333730697632px;
        --checkbox-icon-wrapper-border-top-right-radius: 1.3333333730697632px;
        --checkbox-icon-wrapper-border-bottom-left-radius: 1.3333333730697632px;
        --checkbox-icon-wrapper-border-bottom-right-radius: 1.3333333730697632px;
        --checkbox-icon-wrapper-font-family: sans-sarif;
        --checkbox-icon-wrapper-font-size: initial;
        --checkbox-icon-wrapper-font-weight: regular;
        --checkbox-icon-wrapper-paragraph-spacing: 0px;
        --checkbox-icon-wrapper-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="checkbox-small-unselected-default"]:hover:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="checkbox-small-unselected-default"]:hover:not(:disabled):not([disabled]) {
        --checkbox-icon-wrapper-height: 16px;
        --checkbox-icon-wrapper-width: 16px;
        --checkbox-icon-wrapper-border-top-left-radius: 1.3333333730697632px;
        --checkbox-icon-wrapper-border-top-right-radius: 1.3333333730697632px;
        --checkbox-icon-wrapper-border-bottom-left-radius: 1.3333333730697632px;
        --checkbox-icon-wrapper-border-bottom-right-radius: 1.3333333730697632px;
        --checkbox-icon-wrapper-font-family: sans-sarif;
        --checkbox-icon-wrapper-font-size: initial;
        --checkbox-icon-wrapper-font-weight: regular;
        --checkbox-icon-wrapper-paragraph-spacing: 0px;
        --checkbox-icon-wrapper-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="checkbox-small-unselected-default"][active]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="checkbox-small-unselected-default"][active]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="checkbox-small-unselected-default"]:active:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="checkbox-small-unselected-default"]:active:not(:disabled):not([disabled]) {
        --checkbox-icon-wrapper-height: 16px;
        --checkbox-icon-wrapper-width: 16px;
        --checkbox-icon-wrapper-border-top-left-radius: 1.3333333730697632px;
        --checkbox-icon-wrapper-border-top-right-radius: 1.3333333730697632px;
        --checkbox-icon-wrapper-border-bottom-left-radius: 1.3333333730697632px;
        --checkbox-icon-wrapper-border-bottom-right-radius: 1.3333333730697632px;
        --checkbox-icon-wrapper-font-family: sans-sarif;
        --checkbox-icon-wrapper-font-size: initial;
        --checkbox-icon-wrapper-font-weight: regular;
        --checkbox-icon-wrapper-paragraph-spacing: 0px;
        --checkbox-icon-wrapper-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="checkbox-small-unselected-default"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='light'] [component-variant="checkbox-small-unselected-default"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="checkbox-small-unselected-default"]:focus-visible:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="checkbox-small-unselected-default"]:focus-visible:not(:disabled):not([disabled]) {
        --checkbox-icon-wrapper-height: 16px;
        --checkbox-icon-wrapper-width: 16px;
        --checkbox-icon-wrapper-border-top-left-radius: 1.3333333730697632px;
        --checkbox-icon-wrapper-border-top-right-radius: 1.3333333730697632px;
        --checkbox-icon-wrapper-border-bottom-left-radius: 1.3333333730697632px;
        --checkbox-icon-wrapper-border-bottom-right-radius: 1.3333333730697632px;
        --checkbox-icon-wrapper-border-color: var(--border-border-grey-1);
        --checkbox-icon-wrapper-border-top-width: 0.6666666865348816px;
        --checkbox-icon-wrapper-border-right-width: 0.6666666865348816px;
        --checkbox-icon-wrapper-border-bottom-width: 0.6666666865348816px;
        --checkbox-icon-wrapper-border-left-width: 0.6666666865348816px;
        --checkbox-icon-wrapper-font-family: sans-sarif;
        --checkbox-icon-wrapper-font-size: initial;
        --checkbox-icon-wrapper-font-weight: regular;
        --checkbox-icon-wrapper-paragraph-spacing: 0px;
        --checkbox-icon-wrapper-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="checkbox-small-unselected-inverse"], [data-theme='light'] [component-variant="checkbox-small-unselected-inverse"] {
        --checkbox-icon-wrapper-height: 16px;
        --checkbox-icon-wrapper-width: 16px;
        --checkbox-icon-wrapper-border-top-left-radius: 1.3333333730697632px;
        --checkbox-icon-wrapper-border-top-right-radius: 1.3333333730697632px;
        --checkbox-icon-wrapper-border-bottom-left-radius: 1.3333333730697632px;
        --checkbox-icon-wrapper-border-bottom-right-radius: 1.3333333730697632px;
        --checkbox-icon-wrapper-font-family: sans-sarif;
        --checkbox-icon-wrapper-font-size: initial;
        --checkbox-icon-wrapper-font-weight: regular;
        --checkbox-icon-wrapper-paragraph-spacing: 0px;
        --checkbox-icon-wrapper-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="checkbox-small-unselected-inverse"]:hover:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="checkbox-small-unselected-inverse"]:hover:not(:disabled):not([disabled]) {
        --checkbox-icon-wrapper-height: 16px;
        --checkbox-icon-wrapper-width: 16px;
        --checkbox-icon-wrapper-border-top-left-radius: 1.3333333730697632px;
        --checkbox-icon-wrapper-border-top-right-radius: 1.3333333730697632px;
        --checkbox-icon-wrapper-border-bottom-left-radius: 1.3333333730697632px;
        --checkbox-icon-wrapper-border-bottom-right-radius: 1.3333333730697632px;
        --checkbox-icon-wrapper-font-family: sans-sarif;
        --checkbox-icon-wrapper-font-size: initial;
        --checkbox-icon-wrapper-font-weight: regular;
        --checkbox-icon-wrapper-paragraph-spacing: 0px;
        --checkbox-icon-wrapper-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="checkbox-small-unselected-inverse"][active]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="checkbox-small-unselected-inverse"][active]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="checkbox-small-unselected-inverse"]:active:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="checkbox-small-unselected-inverse"]:active:not(:disabled):not([disabled]) {
        --checkbox-icon-wrapper-height: 16px;
        --checkbox-icon-wrapper-width: 16px;
        --checkbox-icon-wrapper-border-top-left-radius: 1.3333333730697632px;
        --checkbox-icon-wrapper-border-top-right-radius: 1.3333333730697632px;
        --checkbox-icon-wrapper-border-bottom-left-radius: 1.3333333730697632px;
        --checkbox-icon-wrapper-border-bottom-right-radius: 1.3333333730697632px;
        --checkbox-icon-wrapper-font-family: sans-sarif;
        --checkbox-icon-wrapper-font-size: initial;
        --checkbox-icon-wrapper-font-weight: regular;
        --checkbox-icon-wrapper-paragraph-spacing: 0px;
        --checkbox-icon-wrapper-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="checkbox-small-unselected-inverse"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='light'] [component-variant="checkbox-small-unselected-inverse"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="checkbox-small-unselected-inverse"]:focus-visible:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="checkbox-small-unselected-inverse"]:focus-visible:not(:disabled):not([disabled]) {
        --checkbox-icon-wrapper-height: 16px;
        --checkbox-icon-wrapper-width: 16px;
        --checkbox-icon-wrapper-border-top-left-radius: 1.3333333730697632px;
        --checkbox-icon-wrapper-border-top-right-radius: 1.3333333730697632px;
        --checkbox-icon-wrapper-border-bottom-left-radius: 1.3333333730697632px;
        --checkbox-icon-wrapper-border-bottom-right-radius: 1.3333333730697632px;
        --checkbox-icon-wrapper-border-color: var(--border-border-grey-1);
        --checkbox-icon-wrapper-border-top-width: 0.6666666865348816px;
        --checkbox-icon-wrapper-border-right-width: 0.6666666865348816px;
        --checkbox-icon-wrapper-border-bottom-width: 0.6666666865348816px;
        --checkbox-icon-wrapper-border-left-width: 0.6666666865348816px;
        --checkbox-icon-wrapper-font-family: sans-sarif;
        --checkbox-icon-wrapper-font-size: initial;
        --checkbox-icon-wrapper-font-weight: regular;
        --checkbox-icon-wrapper-paragraph-spacing: 0px;
        --checkbox-icon-wrapper-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="checkbox-small-selected-default"], [data-theme='light'] [component-variant="checkbox-small-selected-default"] {
        --checkbox-icon-wrapper-height: 16px;
        --checkbox-icon-wrapper-width: 16px;
        --checkbox-icon-wrapper-border-top-left-radius: 1.3333333730697632px;
        --checkbox-icon-wrapper-border-top-right-radius: 1.3333333730697632px;
        --checkbox-icon-wrapper-border-bottom-left-radius: 1.3333333730697632px;
        --checkbox-icon-wrapper-border-bottom-right-radius: 1.3333333730697632px;
        --checkbox-icon-wrapper-font-family: sans-sarif;
        --checkbox-icon-wrapper-font-size: initial;
        --checkbox-icon-wrapper-font-weight: regular;
        --checkbox-icon-wrapper-paragraph-spacing: 0px;
        --checkbox-icon-wrapper-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="checkbox-small-selected-default"]:hover:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="checkbox-small-selected-default"]:hover:not(:disabled):not([disabled]) {
        --checkbox-icon-wrapper-height: 16px;
        --checkbox-icon-wrapper-width: 16px;
        --checkbox-icon-wrapper-border-top-left-radius: 1.3333333730697632px;
        --checkbox-icon-wrapper-border-top-right-radius: 1.3333333730697632px;
        --checkbox-icon-wrapper-border-bottom-left-radius: 1.3333333730697632px;
        --checkbox-icon-wrapper-border-bottom-right-radius: 1.3333333730697632px;
        --checkbox-icon-wrapper-font-family: sans-sarif;
        --checkbox-icon-wrapper-font-size: initial;
        --checkbox-icon-wrapper-font-weight: regular;
        --checkbox-icon-wrapper-paragraph-spacing: 0px;
        --checkbox-icon-wrapper-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="checkbox-small-selected-default"][active]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="checkbox-small-selected-default"][active]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="checkbox-small-selected-default"]:active:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="checkbox-small-selected-default"]:active:not(:disabled):not([disabled]) {
        --checkbox-icon-wrapper-height: 16px;
        --checkbox-icon-wrapper-width: 16px;
        --checkbox-icon-wrapper-border-top-left-radius: 1.3333333730697632px;
        --checkbox-icon-wrapper-border-top-right-radius: 1.3333333730697632px;
        --checkbox-icon-wrapper-border-bottom-left-radius: 1.3333333730697632px;
        --checkbox-icon-wrapper-border-bottom-right-radius: 1.3333333730697632px;
        --checkbox-icon-wrapper-font-family: sans-sarif;
        --checkbox-icon-wrapper-font-size: initial;
        --checkbox-icon-wrapper-font-weight: regular;
        --checkbox-icon-wrapper-paragraph-spacing: 0px;
        --checkbox-icon-wrapper-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="checkbox-small-selected-default"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='light'] [component-variant="checkbox-small-selected-default"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="checkbox-small-selected-default"]:focus-visible:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="checkbox-small-selected-default"]:focus-visible:not(:disabled):not([disabled]) {
        --checkbox-icon-wrapper-height: 16px;
        --checkbox-icon-wrapper-width: 16px;
        --checkbox-icon-wrapper-border-top-left-radius: 1.3333333730697632px;
        --checkbox-icon-wrapper-border-top-right-radius: 1.3333333730697632px;
        --checkbox-icon-wrapper-border-bottom-left-radius: 1.3333333730697632px;
        --checkbox-icon-wrapper-border-bottom-right-radius: 1.3333333730697632px;
        --checkbox-icon-wrapper-border-color: var(--border-border-grey-1);
        --checkbox-icon-wrapper-border-top-width: 0.6666666865348816px;
        --checkbox-icon-wrapper-border-right-width: 0.6666666865348816px;
        --checkbox-icon-wrapper-border-bottom-width: 0.6666666865348816px;
        --checkbox-icon-wrapper-border-left-width: 0.6666666865348816px;
        --checkbox-icon-wrapper-font-family: sans-sarif;
        --checkbox-icon-wrapper-font-size: initial;
        --checkbox-icon-wrapper-font-weight: regular;
        --checkbox-icon-wrapper-paragraph-spacing: 0px;
        --checkbox-icon-wrapper-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="checkbox-small-selected-inverse"], [data-theme='light'] [component-variant="checkbox-small-selected-inverse"] {
        --checkbox-icon-wrapper-height: 16px;
        --checkbox-icon-wrapper-width: 16px;
        --checkbox-icon-wrapper-border-top-left-radius: 1.3333333730697632px;
        --checkbox-icon-wrapper-border-top-right-radius: 1.3333333730697632px;
        --checkbox-icon-wrapper-border-bottom-left-radius: 1.3333333730697632px;
        --checkbox-icon-wrapper-border-bottom-right-radius: 1.3333333730697632px;
        --checkbox-icon-wrapper-font-family: sans-sarif;
        --checkbox-icon-wrapper-font-size: initial;
        --checkbox-icon-wrapper-font-weight: regular;
        --checkbox-icon-wrapper-paragraph-spacing: 0px;
        --checkbox-icon-wrapper-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="checkbox-small-selected-inverse"]:hover:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="checkbox-small-selected-inverse"]:hover:not(:disabled):not([disabled]) {
        --checkbox-icon-wrapper-height: 16px;
        --checkbox-icon-wrapper-width: 16px;
        --checkbox-icon-wrapper-border-top-left-radius: 1.3333333730697632px;
        --checkbox-icon-wrapper-border-top-right-radius: 1.3333333730697632px;
        --checkbox-icon-wrapper-border-bottom-left-radius: 1.3333333730697632px;
        --checkbox-icon-wrapper-border-bottom-right-radius: 1.3333333730697632px;
        --checkbox-icon-wrapper-font-family: sans-sarif;
        --checkbox-icon-wrapper-font-size: initial;
        --checkbox-icon-wrapper-font-weight: regular;
        --checkbox-icon-wrapper-paragraph-spacing: 0px;
        --checkbox-icon-wrapper-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="checkbox-small-selected-inverse"][active]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="checkbox-small-selected-inverse"][active]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="checkbox-small-selected-inverse"]:active:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="checkbox-small-selected-inverse"]:active:not(:disabled):not([disabled]) {
        --checkbox-icon-wrapper-height: 16px;
        --checkbox-icon-wrapper-width: 16px;
        --checkbox-icon-wrapper-border-top-left-radius: 1.3333333730697632px;
        --checkbox-icon-wrapper-border-top-right-radius: 1.3333333730697632px;
        --checkbox-icon-wrapper-border-bottom-left-radius: 1.3333333730697632px;
        --checkbox-icon-wrapper-border-bottom-right-radius: 1.3333333730697632px;
        --checkbox-icon-wrapper-font-family: sans-sarif;
        --checkbox-icon-wrapper-font-size: initial;
        --checkbox-icon-wrapper-font-weight: regular;
        --checkbox-icon-wrapper-paragraph-spacing: 0px;
        --checkbox-icon-wrapper-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="checkbox-small-selected-inverse"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='light'] [component-variant="checkbox-small-selected-inverse"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="checkbox-small-selected-inverse"]:focus-visible:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="checkbox-small-selected-inverse"]:focus-visible:not(:disabled):not([disabled]) {
        --checkbox-icon-wrapper-height: 16px;
        --checkbox-icon-wrapper-width: 16px;
        --checkbox-icon-wrapper-border-top-left-radius: 1.3333333730697632px;
        --checkbox-icon-wrapper-border-top-right-radius: 1.3333333730697632px;
        --checkbox-icon-wrapper-border-bottom-left-radius: 1.3333333730697632px;
        --checkbox-icon-wrapper-border-bottom-right-radius: 1.3333333730697632px;
        --checkbox-icon-wrapper-border-color: var(--border-border-grey-1);
        --checkbox-icon-wrapper-border-top-width: 1px;
        --checkbox-icon-wrapper-border-right-width: 1px;
        --checkbox-icon-wrapper-border-bottom-width: 1px;
        --checkbox-icon-wrapper-border-left-width: 1px;
        --checkbox-icon-wrapper-font-family: sans-sarif;
        --checkbox-icon-wrapper-font-size: initial;
        --checkbox-icon-wrapper-font-weight: regular;
        --checkbox-icon-wrapper-paragraph-spacing: 0px;
        --checkbox-icon-wrapper-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="checkbox-large-unselected-default"], [data-theme='light'] [component-variant="checkbox-large-unselected-default"] {
        --checkbox-icon-container-height: 18px;
        --checkbox-icon-container-width: 18px;
        --checkbox-icon-container-border-top-left-radius: 2px;
        --checkbox-icon-container-border-top-right-radius: 2px;
        --checkbox-icon-container-border-bottom-left-radius: 2px;
        --checkbox-icon-container-border-bottom-right-radius: 2px;
        --checkbox-icon-container-border-color: var(--interactive-surface-tertiary-default);
        --checkbox-icon-container-border-top-width: 2px;
        --checkbox-icon-container-border-right-width: 2px;
        --checkbox-icon-container-border-bottom-width: 2px;
        --checkbox-icon-container-border-left-width: 2px;
        --checkbox-icon-container-font-family: sans-sarif;
        --checkbox-icon-container-font-size: initial;
        --checkbox-icon-container-font-weight: regular;
        --checkbox-icon-container-paragraph-spacing: 0px;
        --checkbox-icon-container-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="checkbox-large-unselected-default"]:hover:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="checkbox-large-unselected-default"]:hover:not(:disabled):not([disabled]) {
        --checkbox-icon-container-height: 18px;
        --checkbox-icon-container-width: 18px;
        --checkbox-icon-container-border-top-left-radius: 2px;
        --checkbox-icon-container-border-top-right-radius: 2px;
        --checkbox-icon-container-border-bottom-left-radius: 2px;
        --checkbox-icon-container-border-bottom-right-radius: 2px;
        --checkbox-icon-container-border-color: var(--interactive-surface-tertiary-default);
        --checkbox-icon-container-border-top-width: 2px;
        --checkbox-icon-container-border-right-width: 2px;
        --checkbox-icon-container-border-bottom-width: 2px;
        --checkbox-icon-container-border-left-width: 2px;
        --checkbox-icon-container-font-family: sans-sarif;
        --checkbox-icon-container-font-size: initial;
        --checkbox-icon-container-font-weight: regular;
        --checkbox-icon-container-paragraph-spacing: 0px;
        --checkbox-icon-container-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="checkbox-large-unselected-default"][active]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="checkbox-large-unselected-default"][active]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="checkbox-large-unselected-default"]:active:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="checkbox-large-unselected-default"]:active:not(:disabled):not([disabled]) {
        --checkbox-icon-container-height: 18px;
        --checkbox-icon-container-width: 18px;
        --checkbox-icon-container-border-top-left-radius: 2px;
        --checkbox-icon-container-border-top-right-radius: 2px;
        --checkbox-icon-container-border-bottom-left-radius: 2px;
        --checkbox-icon-container-border-bottom-right-radius: 2px;
        --checkbox-icon-container-border-color: var(--interactive-surface-tertiary-default);
        --checkbox-icon-container-border-top-width: 2px;
        --checkbox-icon-container-border-right-width: 2px;
        --checkbox-icon-container-border-bottom-width: 2px;
        --checkbox-icon-container-border-left-width: 2px;
        --checkbox-icon-container-font-family: sans-sarif;
        --checkbox-icon-container-font-size: initial;
        --checkbox-icon-container-font-weight: regular;
        --checkbox-icon-container-paragraph-spacing: 0px;
        --checkbox-icon-container-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="checkbox-large-unselected-default"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='light'] [component-variant="checkbox-large-unselected-default"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="checkbox-large-unselected-default"]:focus-visible:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="checkbox-large-unselected-default"]:focus-visible:not(:disabled):not([disabled]) {
        --checkbox-icon-container-height: 18px;
        --checkbox-icon-container-width: 18px;
        --checkbox-icon-container-border-top-left-radius: 2px;
        --checkbox-icon-container-border-top-right-radius: 2px;
        --checkbox-icon-container-border-bottom-left-radius: 2px;
        --checkbox-icon-container-border-bottom-right-radius: 2px;
        --checkbox-icon-container-border-color: var(--interactive-surface-tertiary-default);
        --checkbox-icon-container-border-top-width: 2px;
        --checkbox-icon-container-border-right-width: 2px;
        --checkbox-icon-container-border-bottom-width: 2px;
        --checkbox-icon-container-border-left-width: 2px;
        --checkbox-icon-container-font-family: sans-sarif;
        --checkbox-icon-container-font-size: initial;
        --checkbox-icon-container-font-weight: regular;
        --checkbox-icon-container-paragraph-spacing: 0px;
        --checkbox-icon-container-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="checkbox-large-unselected-inverse"], [data-theme='light'] [component-variant="checkbox-large-unselected-inverse"] {
        --checkbox-icon-container-height: 18px;
        --checkbox-icon-container-width: 18px;
        --checkbox-icon-container-border-top-left-radius: 2px;
        --checkbox-icon-container-border-top-right-radius: 2px;
        --checkbox-icon-container-border-bottom-left-radius: 2px;
        --checkbox-icon-container-border-bottom-right-radius: 2px;
        --checkbox-icon-container-border-color: var(--interactive-surface-tertiary-default);
        --checkbox-icon-container-border-top-width: 2px;
        --checkbox-icon-container-border-right-width: 2px;
        --checkbox-icon-container-border-bottom-width: 2px;
        --checkbox-icon-container-border-left-width: 2px;
        --checkbox-icon-container-font-family: sans-sarif;
        --checkbox-icon-container-font-size: initial;
        --checkbox-icon-container-font-weight: regular;
        --checkbox-icon-container-paragraph-spacing: 0px;
        --checkbox-icon-container-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="checkbox-large-unselected-inverse"]:hover:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="checkbox-large-unselected-inverse"]:hover:not(:disabled):not([disabled]) {
        --checkbox-icon-container-height: 18px;
        --checkbox-icon-container-width: 18px;
        --checkbox-icon-container-border-top-left-radius: 2px;
        --checkbox-icon-container-border-top-right-radius: 2px;
        --checkbox-icon-container-border-bottom-left-radius: 2px;
        --checkbox-icon-container-border-bottom-right-radius: 2px;
        --checkbox-icon-container-border-color: var(--interactive-surface-tertiary-default);
        --checkbox-icon-container-border-top-width: 2px;
        --checkbox-icon-container-border-right-width: 2px;
        --checkbox-icon-container-border-bottom-width: 2px;
        --checkbox-icon-container-border-left-width: 2px;
        --checkbox-icon-container-font-family: sans-sarif;
        --checkbox-icon-container-font-size: initial;
        --checkbox-icon-container-font-weight: regular;
        --checkbox-icon-container-paragraph-spacing: 0px;
        --checkbox-icon-container-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="checkbox-large-unselected-inverse"][active]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="checkbox-large-unselected-inverse"][active]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="checkbox-large-unselected-inverse"]:active:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="checkbox-large-unselected-inverse"]:active:not(:disabled):not([disabled]) {
        --checkbox-icon-container-height: 18px;
        --checkbox-icon-container-width: 18px;
        --checkbox-icon-container-border-top-left-radius: 2px;
        --checkbox-icon-container-border-top-right-radius: 2px;
        --checkbox-icon-container-border-bottom-left-radius: 2px;
        --checkbox-icon-container-border-bottom-right-radius: 2px;
        --checkbox-icon-container-border-color: var(--interactive-surface-tertiary-default);
        --checkbox-icon-container-border-top-width: 2px;
        --checkbox-icon-container-border-right-width: 2px;
        --checkbox-icon-container-border-bottom-width: 2px;
        --checkbox-icon-container-border-left-width: 2px;
        --checkbox-icon-container-font-family: sans-sarif;
        --checkbox-icon-container-font-size: initial;
        --checkbox-icon-container-font-weight: regular;
        --checkbox-icon-container-paragraph-spacing: 0px;
        --checkbox-icon-container-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="checkbox-large-unselected-inverse"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='light'] [component-variant="checkbox-large-unselected-inverse"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="checkbox-large-unselected-inverse"]:focus-visible:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="checkbox-large-unselected-inverse"]:focus-visible:not(:disabled):not([disabled]) {
        --checkbox-icon-container-height: 18px;
        --checkbox-icon-container-width: 18px;
        --checkbox-icon-container-border-top-left-radius: 2px;
        --checkbox-icon-container-border-top-right-radius: 2px;
        --checkbox-icon-container-border-bottom-left-radius: 2px;
        --checkbox-icon-container-border-bottom-right-radius: 2px;
        --checkbox-icon-container-border-color: var(--interactive-surface-tertiary-default);
        --checkbox-icon-container-border-top-width: 2px;
        --checkbox-icon-container-border-right-width: 2px;
        --checkbox-icon-container-border-bottom-width: 2px;
        --checkbox-icon-container-border-left-width: 2px;
        --checkbox-icon-container-font-family: sans-sarif;
        --checkbox-icon-container-font-size: initial;
        --checkbox-icon-container-font-weight: regular;
        --checkbox-icon-container-paragraph-spacing: 0px;
        --checkbox-icon-container-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="checkbox-large-selected-default"], [data-theme='light'] [component-variant="checkbox-large-selected-default"] {
        --checkbox-icon-container-height: 18px;
        --checkbox-icon-container-width: 18px;
        --checkbox-icon-container-background-color: var(--interactive-surface-primary-default);
        --checkbox-icon-container-border-top-left-radius: 2px;
        --checkbox-icon-container-border-top-right-radius: 2px;
        --checkbox-icon-container-border-bottom-left-radius: 2px;
        --checkbox-icon-container-border-bottom-right-radius: 2px;
        --checkbox-icon-container-font-family: sans-sarif;
        --checkbox-icon-container-font-size: initial;
        --checkbox-icon-container-font-weight: regular;
        --checkbox-icon-container-paragraph-spacing: 0px;
        --checkbox-icon-container-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="checkbox-large-selected-default"]:hover:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="checkbox-large-selected-default"]:hover:not(:disabled):not([disabled]) {
        --checkbox-icon-container-height: 18px;
        --checkbox-icon-container-width: 18px;
        --checkbox-icon-container-background-color: var(--interactive-surface-primary-default);
        --checkbox-icon-container-border-top-left-radius: 2px;
        --checkbox-icon-container-border-top-right-radius: 2px;
        --checkbox-icon-container-border-bottom-left-radius: 2px;
        --checkbox-icon-container-border-bottom-right-radius: 2px;
        --checkbox-icon-container-font-family: sans-sarif;
        --checkbox-icon-container-font-size: initial;
        --checkbox-icon-container-font-weight: regular;
        --checkbox-icon-container-paragraph-spacing: 0px;
        --checkbox-icon-container-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="checkbox-large-selected-default"][active]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="checkbox-large-selected-default"][active]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="checkbox-large-selected-default"]:active:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="checkbox-large-selected-default"]:active:not(:disabled):not([disabled]) {
        --checkbox-icon-container-height: 18px;
        --checkbox-icon-container-width: 18px;
        --checkbox-icon-container-background-color: var(--interactive-surface-primary-default);
        --checkbox-icon-container-border-top-left-radius: 2px;
        --checkbox-icon-container-border-top-right-radius: 2px;
        --checkbox-icon-container-border-bottom-left-radius: 2px;
        --checkbox-icon-container-border-bottom-right-radius: 2px;
        --checkbox-icon-container-font-family: sans-sarif;
        --checkbox-icon-container-font-size: initial;
        --checkbox-icon-container-font-weight: regular;
        --checkbox-icon-container-paragraph-spacing: 0px;
        --checkbox-icon-container-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="checkbox-large-selected-default"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='light'] [component-variant="checkbox-large-selected-default"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="checkbox-large-selected-default"]:focus-visible:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="checkbox-large-selected-default"]:focus-visible:not(:disabled):not([disabled]) {
        --checkbox-icon-container-height: 18px;
        --checkbox-icon-container-width: 18px;
        --checkbox-icon-container-background-color: var(--interactive-surface-primary-default);
        --checkbox-icon-container-border-top-left-radius: 2px;
        --checkbox-icon-container-border-top-right-radius: 2px;
        --checkbox-icon-container-border-bottom-left-radius: 2px;
        --checkbox-icon-container-border-bottom-right-radius: 2px;
        --checkbox-icon-container-font-family: sans-sarif;
        --checkbox-icon-container-font-size: initial;
        --checkbox-icon-container-font-weight: regular;
        --checkbox-icon-container-paragraph-spacing: 0px;
        --checkbox-icon-container-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="checkbox-large-selected-inverse"], [data-theme='light'] [component-variant="checkbox-large-selected-inverse"] {
        --checkbox-icon-container-height: 18px;
        --checkbox-icon-container-width: 18px;
        --checkbox-icon-container-background-color: var(--interactive-surface-primary-default);
        --checkbox-icon-container-border-top-left-radius: 2px;
        --checkbox-icon-container-border-top-right-radius: 2px;
        --checkbox-icon-container-border-bottom-left-radius: 2px;
        --checkbox-icon-container-border-bottom-right-radius: 2px;
        --checkbox-icon-container-font-family: sans-sarif;
        --checkbox-icon-container-font-size: initial;
        --checkbox-icon-container-font-weight: regular;
        --checkbox-icon-container-paragraph-spacing: 0px;
        --checkbox-icon-container-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="checkbox-large-selected-inverse"]:hover:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="checkbox-large-selected-inverse"]:hover:not(:disabled):not([disabled]) {
        --checkbox-icon-container-height: 18px;
        --checkbox-icon-container-width: 18px;
        --checkbox-icon-container-background-color: var(--interactive-surface-primary-default);
        --checkbox-icon-container-border-top-left-radius: 2px;
        --checkbox-icon-container-border-top-right-radius: 2px;
        --checkbox-icon-container-border-bottom-left-radius: 2px;
        --checkbox-icon-container-border-bottom-right-radius: 2px;
        --checkbox-icon-container-font-family: sans-sarif;
        --checkbox-icon-container-font-size: initial;
        --checkbox-icon-container-font-weight: regular;
        --checkbox-icon-container-paragraph-spacing: 0px;
        --checkbox-icon-container-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="checkbox-large-selected-inverse"][active]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="checkbox-large-selected-inverse"][active]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="checkbox-large-selected-inverse"]:active:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="checkbox-large-selected-inverse"]:active:not(:disabled):not([disabled]) {
        --checkbox-icon-container-height: 18px;
        --checkbox-icon-container-width: 18px;
        --checkbox-icon-container-background-color: var(--interactive-surface-primary-default);
        --checkbox-icon-container-border-top-left-radius: 2px;
        --checkbox-icon-container-border-top-right-radius: 2px;
        --checkbox-icon-container-border-bottom-left-radius: 2px;
        --checkbox-icon-container-border-bottom-right-radius: 2px;
        --checkbox-icon-container-font-family: sans-sarif;
        --checkbox-icon-container-font-size: initial;
        --checkbox-icon-container-font-weight: regular;
        --checkbox-icon-container-paragraph-spacing: 0px;
        --checkbox-icon-container-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="checkbox-large-selected-inverse"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='light'] [component-variant="checkbox-large-selected-inverse"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="checkbox-large-selected-inverse"]:focus-visible:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="checkbox-large-selected-inverse"]:focus-visible:not(:disabled):not([disabled]) {
        --checkbox-icon-container-height: 18px;
        --checkbox-icon-container-width: 18px;
        --checkbox-icon-container-background-color: var(--interactive-surface-primary-default);
        --checkbox-icon-container-border-top-left-radius: 2px;
        --checkbox-icon-container-border-top-right-radius: 2px;
        --checkbox-icon-container-border-bottom-left-radius: 2px;
        --checkbox-icon-container-border-bottom-right-radius: 2px;
        --checkbox-icon-container-font-family: sans-sarif;
        --checkbox-icon-container-font-size: initial;
        --checkbox-icon-container-font-weight: regular;
        --checkbox-icon-container-paragraph-spacing: 0px;
        --checkbox-icon-container-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="checkbox-medium-unselected-default"], [data-theme='light'] [component-variant="checkbox-medium-unselected-default"] {
        --checkbox-icon-container-height: 15px;
        --checkbox-icon-container-width: 15px;
        --checkbox-icon-container-border-top-left-radius: 1.6666666269302368px;
        --checkbox-icon-container-border-top-right-radius: 1.6666666269302368px;
        --checkbox-icon-container-border-bottom-left-radius: 1.6666666269302368px;
        --checkbox-icon-container-border-bottom-right-radius: 1.6666666269302368px;
        --checkbox-icon-container-border-color: var(--interactive-surface-tertiary-default);
        --checkbox-icon-container-border-top-width: 1.6666666269302368px;
        --checkbox-icon-container-border-right-width: 1.6666666269302368px;
        --checkbox-icon-container-border-bottom-width: 1.6666666269302368px;
        --checkbox-icon-container-border-left-width: 1.6666666269302368px;
        --checkbox-icon-container-font-family: sans-sarif;
        --checkbox-icon-container-font-size: initial;
        --checkbox-icon-container-font-weight: regular;
        --checkbox-icon-container-paragraph-spacing: 0px;
        --checkbox-icon-container-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="checkbox-medium-unselected-default"]:hover:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="checkbox-medium-unselected-default"]:hover:not(:disabled):not([disabled]) {
        --checkbox-icon-container-height: 15px;
        --checkbox-icon-container-width: 15px;
        --checkbox-icon-container-border-top-left-radius: 1.6666666269302368px;
        --checkbox-icon-container-border-top-right-radius: 1.6666666269302368px;
        --checkbox-icon-container-border-bottom-left-radius: 1.6666666269302368px;
        --checkbox-icon-container-border-bottom-right-radius: 1.6666666269302368px;
        --checkbox-icon-container-border-color: var(--interactive-surface-tertiary-default);
        --checkbox-icon-container-border-top-width: 1.6666666269302368px;
        --checkbox-icon-container-border-right-width: 1.6666666269302368px;
        --checkbox-icon-container-border-bottom-width: 1.6666666269302368px;
        --checkbox-icon-container-border-left-width: 1.6666666269302368px;
        --checkbox-icon-container-font-family: sans-sarif;
        --checkbox-icon-container-font-size: initial;
        --checkbox-icon-container-font-weight: regular;
        --checkbox-icon-container-paragraph-spacing: 0px;
        --checkbox-icon-container-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="checkbox-medium-unselected-default"][active]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="checkbox-medium-unselected-default"][active]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="checkbox-medium-unselected-default"]:active:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="checkbox-medium-unselected-default"]:active:not(:disabled):not([disabled]) {
        --checkbox-icon-container-height: 15px;
        --checkbox-icon-container-width: 15px;
        --checkbox-icon-container-border-top-left-radius: 1.6666666269302368px;
        --checkbox-icon-container-border-top-right-radius: 1.6666666269302368px;
        --checkbox-icon-container-border-bottom-left-radius: 1.6666666269302368px;
        --checkbox-icon-container-border-bottom-right-radius: 1.6666666269302368px;
        --checkbox-icon-container-border-color: var(--interactive-surface-tertiary-default);
        --checkbox-icon-container-border-top-width: 1.6666666269302368px;
        --checkbox-icon-container-border-right-width: 1.6666666269302368px;
        --checkbox-icon-container-border-bottom-width: 1.6666666269302368px;
        --checkbox-icon-container-border-left-width: 1.6666666269302368px;
        --checkbox-icon-container-font-family: sans-sarif;
        --checkbox-icon-container-font-size: initial;
        --checkbox-icon-container-font-weight: regular;
        --checkbox-icon-container-paragraph-spacing: 0px;
        --checkbox-icon-container-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="checkbox-medium-unselected-default"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='light'] [component-variant="checkbox-medium-unselected-default"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="checkbox-medium-unselected-default"]:focus-visible:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="checkbox-medium-unselected-default"]:focus-visible:not(:disabled):not([disabled]) {
        --checkbox-icon-container-height: 15px;
        --checkbox-icon-container-width: 15px;
        --checkbox-icon-container-border-top-left-radius: 1.6666666269302368px;
        --checkbox-icon-container-border-top-right-radius: 1.6666666269302368px;
        --checkbox-icon-container-border-bottom-left-radius: 1.6666666269302368px;
        --checkbox-icon-container-border-bottom-right-radius: 1.6666666269302368px;
        --checkbox-icon-container-border-color: var(--interactive-surface-tertiary-default);
        --checkbox-icon-container-border-top-width: 1.6666666269302368px;
        --checkbox-icon-container-border-right-width: 1.6666666269302368px;
        --checkbox-icon-container-border-bottom-width: 1.6666666269302368px;
        --checkbox-icon-container-border-left-width: 1.6666666269302368px;
        --checkbox-icon-container-font-family: sans-sarif;
        --checkbox-icon-container-font-size: initial;
        --checkbox-icon-container-font-weight: regular;
        --checkbox-icon-container-paragraph-spacing: 0px;
        --checkbox-icon-container-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="checkbox-medium-unselected-inverse"], [data-theme='light'] [component-variant="checkbox-medium-unselected-inverse"] {
        --checkbox-icon-container-height: 15px;
        --checkbox-icon-container-width: 15px;
        --checkbox-icon-container-border-top-left-radius: 1.6666666269302368px;
        --checkbox-icon-container-border-top-right-radius: 1.6666666269302368px;
        --checkbox-icon-container-border-bottom-left-radius: 1.6666666269302368px;
        --checkbox-icon-container-border-bottom-right-radius: 1.6666666269302368px;
        --checkbox-icon-container-border-color: var(--interactive-surface-tertiary-default);
        --checkbox-icon-container-border-top-width: 1.6666666269302368px;
        --checkbox-icon-container-border-right-width: 1.6666666269302368px;
        --checkbox-icon-container-border-bottom-width: 1.6666666269302368px;
        --checkbox-icon-container-border-left-width: 1.6666666269302368px;
        --checkbox-icon-container-font-family: sans-sarif;
        --checkbox-icon-container-font-size: initial;
        --checkbox-icon-container-font-weight: regular;
        --checkbox-icon-container-paragraph-spacing: 0px;
        --checkbox-icon-container-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="checkbox-medium-unselected-inverse"]:hover:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="checkbox-medium-unselected-inverse"]:hover:not(:disabled):not([disabled]) {
        --checkbox-icon-container-height: 15px;
        --checkbox-icon-container-width: 15px;
        --checkbox-icon-container-border-top-left-radius: 1.6666666269302368px;
        --checkbox-icon-container-border-top-right-radius: 1.6666666269302368px;
        --checkbox-icon-container-border-bottom-left-radius: 1.6666666269302368px;
        --checkbox-icon-container-border-bottom-right-radius: 1.6666666269302368px;
        --checkbox-icon-container-border-color: var(--interactive-surface-tertiary-default);
        --checkbox-icon-container-border-top-width: 1.6666666269302368px;
        --checkbox-icon-container-border-right-width: 1.6666666269302368px;
        --checkbox-icon-container-border-bottom-width: 1.6666666269302368px;
        --checkbox-icon-container-border-left-width: 1.6666666269302368px;
        --checkbox-icon-container-font-family: sans-sarif;
        --checkbox-icon-container-font-size: initial;
        --checkbox-icon-container-font-weight: regular;
        --checkbox-icon-container-paragraph-spacing: 0px;
        --checkbox-icon-container-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="checkbox-medium-unselected-inverse"][active]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="checkbox-medium-unselected-inverse"][active]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="checkbox-medium-unselected-inverse"]:active:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="checkbox-medium-unselected-inverse"]:active:not(:disabled):not([disabled]) {
        --checkbox-icon-container-height: 15px;
        --checkbox-icon-container-width: 15px;
        --checkbox-icon-container-border-top-left-radius: 1.6666666269302368px;
        --checkbox-icon-container-border-top-right-radius: 1.6666666269302368px;
        --checkbox-icon-container-border-bottom-left-radius: 1.6666666269302368px;
        --checkbox-icon-container-border-bottom-right-radius: 1.6666666269302368px;
        --checkbox-icon-container-border-color: var(--interactive-surface-tertiary-default);
        --checkbox-icon-container-border-top-width: 1.6666666269302368px;
        --checkbox-icon-container-border-right-width: 1.6666666269302368px;
        --checkbox-icon-container-border-bottom-width: 1.6666666269302368px;
        --checkbox-icon-container-border-left-width: 1.6666666269302368px;
        --checkbox-icon-container-font-family: sans-sarif;
        --checkbox-icon-container-font-size: initial;
        --checkbox-icon-container-font-weight: regular;
        --checkbox-icon-container-paragraph-spacing: 0px;
        --checkbox-icon-container-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="checkbox-medium-unselected-inverse"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='light'] [component-variant="checkbox-medium-unselected-inverse"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="checkbox-medium-unselected-inverse"]:focus-visible:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="checkbox-medium-unselected-inverse"]:focus-visible:not(:disabled):not([disabled]) {
        --checkbox-icon-container-height: 15px;
        --checkbox-icon-container-width: 15px;
        --checkbox-icon-container-border-top-left-radius: 1.6666666269302368px;
        --checkbox-icon-container-border-top-right-radius: 1.6666666269302368px;
        --checkbox-icon-container-border-bottom-left-radius: 1.6666666269302368px;
        --checkbox-icon-container-border-bottom-right-radius: 1.6666666269302368px;
        --checkbox-icon-container-border-color: var(--interactive-surface-tertiary-default);
        --checkbox-icon-container-border-top-width: 1.6666666269302368px;
        --checkbox-icon-container-border-right-width: 1.6666666269302368px;
        --checkbox-icon-container-border-bottom-width: 1.6666666269302368px;
        --checkbox-icon-container-border-left-width: 1.6666666269302368px;
        --checkbox-icon-container-font-family: sans-sarif;
        --checkbox-icon-container-font-size: initial;
        --checkbox-icon-container-font-weight: regular;
        --checkbox-icon-container-paragraph-spacing: 0px;
        --checkbox-icon-container-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="checkbox-medium-selected-default"], [data-theme='light'] [component-variant="checkbox-medium-selected-default"] {
        --checkbox-icon-container-height: 15px;
        --checkbox-icon-container-width: 15px;
        --checkbox-icon-container-background-color: var(--interactive-surface-primary-default);
        --checkbox-icon-container-border-top-left-radius: 1.6666666269302368px;
        --checkbox-icon-container-border-top-right-radius: 1.6666666269302368px;
        --checkbox-icon-container-border-bottom-left-radius: 1.6666666269302368px;
        --checkbox-icon-container-border-bottom-right-radius: 1.6666666269302368px;
        --checkbox-icon-container-font-family: sans-sarif;
        --checkbox-icon-container-font-size: initial;
        --checkbox-icon-container-font-weight: regular;
        --checkbox-icon-container-paragraph-spacing: 0px;
        --checkbox-icon-container-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="checkbox-medium-selected-default"]:hover:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="checkbox-medium-selected-default"]:hover:not(:disabled):not([disabled]) {
        --checkbox-icon-container-height: 15px;
        --checkbox-icon-container-width: 15px;
        --checkbox-icon-container-background-color: var(--interactive-surface-primary-default);
        --checkbox-icon-container-border-top-left-radius: 1.6666666269302368px;
        --checkbox-icon-container-border-top-right-radius: 1.6666666269302368px;
        --checkbox-icon-container-border-bottom-left-radius: 1.6666666269302368px;
        --checkbox-icon-container-border-bottom-right-radius: 1.6666666269302368px;
        --checkbox-icon-container-font-family: sans-sarif;
        --checkbox-icon-container-font-size: initial;
        --checkbox-icon-container-font-weight: regular;
        --checkbox-icon-container-paragraph-spacing: 0px;
        --checkbox-icon-container-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="checkbox-medium-selected-default"][active]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="checkbox-medium-selected-default"][active]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="checkbox-medium-selected-default"]:active:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="checkbox-medium-selected-default"]:active:not(:disabled):not([disabled]) {
        --checkbox-icon-container-height: 15px;
        --checkbox-icon-container-width: 15px;
        --checkbox-icon-container-background-color: var(--interactive-surface-primary-default);
        --checkbox-icon-container-border-top-left-radius: 1.6666666269302368px;
        --checkbox-icon-container-border-top-right-radius: 1.6666666269302368px;
        --checkbox-icon-container-border-bottom-left-radius: 1.6666666269302368px;
        --checkbox-icon-container-border-bottom-right-radius: 1.6666666269302368px;
        --checkbox-icon-container-font-family: sans-sarif;
        --checkbox-icon-container-font-size: initial;
        --checkbox-icon-container-font-weight: regular;
        --checkbox-icon-container-paragraph-spacing: 0px;
        --checkbox-icon-container-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="checkbox-medium-selected-default"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='light'] [component-variant="checkbox-medium-selected-default"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="checkbox-medium-selected-default"]:focus-visible:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="checkbox-medium-selected-default"]:focus-visible:not(:disabled):not([disabled]) {
        --checkbox-icon-container-height: 15px;
        --checkbox-icon-container-width: 15px;
        --checkbox-icon-container-background-color: var(--interactive-surface-primary-default);
        --checkbox-icon-container-border-top-left-radius: 1.6666666269302368px;
        --checkbox-icon-container-border-top-right-radius: 1.6666666269302368px;
        --checkbox-icon-container-border-bottom-left-radius: 1.6666666269302368px;
        --checkbox-icon-container-border-bottom-right-radius: 1.6666666269302368px;
        --checkbox-icon-container-font-family: sans-sarif;
        --checkbox-icon-container-font-size: initial;
        --checkbox-icon-container-font-weight: regular;
        --checkbox-icon-container-paragraph-spacing: 0px;
        --checkbox-icon-container-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="checkbox-medium-selected-inverse"], [data-theme='light'] [component-variant="checkbox-medium-selected-inverse"] {
        --checkbox-icon-container-height: 15px;
        --checkbox-icon-container-width: 15px;
        --checkbox-icon-container-background-color: var(--interactive-surface-primary-default);
        --checkbox-icon-container-border-top-left-radius: 1.6666666269302368px;
        --checkbox-icon-container-border-top-right-radius: 1.6666666269302368px;
        --checkbox-icon-container-border-bottom-left-radius: 1.6666666269302368px;
        --checkbox-icon-container-border-bottom-right-radius: 1.6666666269302368px;
        --checkbox-icon-container-font-family: sans-sarif;
        --checkbox-icon-container-font-size: initial;
        --checkbox-icon-container-font-weight: regular;
        --checkbox-icon-container-paragraph-spacing: 0px;
        --checkbox-icon-container-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="checkbox-medium-selected-inverse"]:hover:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="checkbox-medium-selected-inverse"]:hover:not(:disabled):not([disabled]) {
        --checkbox-icon-container-height: 15px;
        --checkbox-icon-container-width: 15px;
        --checkbox-icon-container-background-color: var(--interactive-surface-primary-default);
        --checkbox-icon-container-border-top-left-radius: 1.6666666269302368px;
        --checkbox-icon-container-border-top-right-radius: 1.6666666269302368px;
        --checkbox-icon-container-border-bottom-left-radius: 1.6666666269302368px;
        --checkbox-icon-container-border-bottom-right-radius: 1.6666666269302368px;
        --checkbox-icon-container-font-family: sans-sarif;
        --checkbox-icon-container-font-size: initial;
        --checkbox-icon-container-font-weight: regular;
        --checkbox-icon-container-paragraph-spacing: 0px;
        --checkbox-icon-container-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="checkbox-medium-selected-inverse"][active]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="checkbox-medium-selected-inverse"][active]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="checkbox-medium-selected-inverse"]:active:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="checkbox-medium-selected-inverse"]:active:not(:disabled):not([disabled]) {
        --checkbox-icon-container-height: 15px;
        --checkbox-icon-container-width: 15px;
        --checkbox-icon-container-background-color: var(--interactive-surface-primary-default);
        --checkbox-icon-container-border-top-left-radius: 1.6666666269302368px;
        --checkbox-icon-container-border-top-right-radius: 1.6666666269302368px;
        --checkbox-icon-container-border-bottom-left-radius: 1.6666666269302368px;
        --checkbox-icon-container-border-bottom-right-radius: 1.6666666269302368px;
        --checkbox-icon-container-font-family: sans-sarif;
        --checkbox-icon-container-font-size: initial;
        --checkbox-icon-container-font-weight: regular;
        --checkbox-icon-container-paragraph-spacing: 0px;
        --checkbox-icon-container-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="checkbox-medium-selected-inverse"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='light'] [component-variant="checkbox-medium-selected-inverse"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="checkbox-medium-selected-inverse"]:focus-visible:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="checkbox-medium-selected-inverse"]:focus-visible:not(:disabled):not([disabled]) {
        --checkbox-icon-container-height: 15px;
        --checkbox-icon-container-width: 15px;
        --checkbox-icon-container-background-color: var(--interactive-surface-primary-default);
        --checkbox-icon-container-border-top-left-radius: 1.6666666269302368px;
        --checkbox-icon-container-border-top-right-radius: 1.6666666269302368px;
        --checkbox-icon-container-border-bottom-left-radius: 1.6666666269302368px;
        --checkbox-icon-container-border-bottom-right-radius: 1.6666666269302368px;
        --checkbox-icon-container-font-family: sans-sarif;
        --checkbox-icon-container-font-size: initial;
        --checkbox-icon-container-font-weight: regular;
        --checkbox-icon-container-paragraph-spacing: 0px;
        --checkbox-icon-container-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="checkbox-small-unselected-default"], [data-theme='light'] [component-variant="checkbox-small-unselected-default"] {
        --checkbox-icon-container-height: 12px;
        --checkbox-icon-container-width: 12px;
        --checkbox-icon-container-border-top-left-radius: 1.3333333730697632px;
        --checkbox-icon-container-border-top-right-radius: 1.3333333730697632px;
        --checkbox-icon-container-border-bottom-left-radius: 1.3333333730697632px;
        --checkbox-icon-container-border-bottom-right-radius: 1.3333333730697632px;
        --checkbox-icon-container-border-color: var(--interactive-surface-tertiary-default);
        --checkbox-icon-container-border-top-width: 1.3333333730697632px;
        --checkbox-icon-container-border-right-width: 1.3333333730697632px;
        --checkbox-icon-container-border-bottom-width: 1.3333333730697632px;
        --checkbox-icon-container-border-left-width: 1.3333333730697632px;
        --checkbox-icon-container-font-family: sans-sarif;
        --checkbox-icon-container-font-size: initial;
        --checkbox-icon-container-font-weight: regular;
        --checkbox-icon-container-paragraph-spacing: 0px;
        --checkbox-icon-container-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="checkbox-small-unselected-default"]:hover:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="checkbox-small-unselected-default"]:hover:not(:disabled):not([disabled]) {
        --checkbox-icon-container-height: 12px;
        --checkbox-icon-container-width: 12px;
        --checkbox-icon-container-border-top-left-radius: 1.3333333730697632px;
        --checkbox-icon-container-border-top-right-radius: 1.3333333730697632px;
        --checkbox-icon-container-border-bottom-left-radius: 1.3333333730697632px;
        --checkbox-icon-container-border-bottom-right-radius: 1.3333333730697632px;
        --checkbox-icon-container-border-color: var(--interactive-surface-tertiary-default);
        --checkbox-icon-container-border-top-width: 1.3333333730697632px;
        --checkbox-icon-container-border-right-width: 1.3333333730697632px;
        --checkbox-icon-container-border-bottom-width: 1.3333333730697632px;
        --checkbox-icon-container-border-left-width: 1.3333333730697632px;
        --checkbox-icon-container-font-family: sans-sarif;
        --checkbox-icon-container-font-size: initial;
        --checkbox-icon-container-font-weight: regular;
        --checkbox-icon-container-paragraph-spacing: 0px;
        --checkbox-icon-container-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="checkbox-small-unselected-default"][active]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="checkbox-small-unselected-default"][active]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="checkbox-small-unselected-default"]:active:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="checkbox-small-unselected-default"]:active:not(:disabled):not([disabled]) {
        --checkbox-icon-container-height: 12px;
        --checkbox-icon-container-width: 12px;
        --checkbox-icon-container-border-top-left-radius: 1.3333333730697632px;
        --checkbox-icon-container-border-top-right-radius: 1.3333333730697632px;
        --checkbox-icon-container-border-bottom-left-radius: 1.3333333730697632px;
        --checkbox-icon-container-border-bottom-right-radius: 1.3333333730697632px;
        --checkbox-icon-container-border-color: var(--interactive-surface-tertiary-default);
        --checkbox-icon-container-border-top-width: 1.3333333730697632px;
        --checkbox-icon-container-border-right-width: 1.3333333730697632px;
        --checkbox-icon-container-border-bottom-width: 1.3333333730697632px;
        --checkbox-icon-container-border-left-width: 1.3333333730697632px;
        --checkbox-icon-container-font-family: sans-sarif;
        --checkbox-icon-container-font-size: initial;
        --checkbox-icon-container-font-weight: regular;
        --checkbox-icon-container-paragraph-spacing: 0px;
        --checkbox-icon-container-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="checkbox-small-unselected-default"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='light'] [component-variant="checkbox-small-unselected-default"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="checkbox-small-unselected-default"]:focus-visible:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="checkbox-small-unselected-default"]:focus-visible:not(:disabled):not([disabled]) {
        --checkbox-icon-container-height: 12px;
        --checkbox-icon-container-width: 12px;
        --checkbox-icon-container-border-top-left-radius: 1.3333333730697632px;
        --checkbox-icon-container-border-top-right-radius: 1.3333333730697632px;
        --checkbox-icon-container-border-bottom-left-radius: 1.3333333730697632px;
        --checkbox-icon-container-border-bottom-right-radius: 1.3333333730697632px;
        --checkbox-icon-container-border-color: var(--interactive-surface-tertiary-default);
        --checkbox-icon-container-border-top-width: 1.3333333730697632px;
        --checkbox-icon-container-border-right-width: 1.3333333730697632px;
        --checkbox-icon-container-border-bottom-width: 1.3333333730697632px;
        --checkbox-icon-container-border-left-width: 1.3333333730697632px;
        --checkbox-icon-container-font-family: sans-sarif;
        --checkbox-icon-container-font-size: initial;
        --checkbox-icon-container-font-weight: regular;
        --checkbox-icon-container-paragraph-spacing: 0px;
        --checkbox-icon-container-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="checkbox-small-unselected-inverse"], [data-theme='light'] [component-variant="checkbox-small-unselected-inverse"] {
        --checkbox-icon-container-height: 12px;
        --checkbox-icon-container-width: 12px;
        --checkbox-icon-container-border-top-left-radius: 1.3333333730697632px;
        --checkbox-icon-container-border-top-right-radius: 1.3333333730697632px;
        --checkbox-icon-container-border-bottom-left-radius: 1.3333333730697632px;
        --checkbox-icon-container-border-bottom-right-radius: 1.3333333730697632px;
        --checkbox-icon-container-border-color: var(--interactive-surface-tertiary-default);
        --checkbox-icon-container-border-top-width: 1.3333333730697632px;
        --checkbox-icon-container-border-right-width: 1.3333333730697632px;
        --checkbox-icon-container-border-bottom-width: 1.3333333730697632px;
        --checkbox-icon-container-border-left-width: 1.3333333730697632px;
        --checkbox-icon-container-font-family: sans-sarif;
        --checkbox-icon-container-font-size: initial;
        --checkbox-icon-container-font-weight: regular;
        --checkbox-icon-container-paragraph-spacing: 0px;
        --checkbox-icon-container-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="checkbox-small-unselected-inverse"]:hover:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="checkbox-small-unselected-inverse"]:hover:not(:disabled):not([disabled]) {
        --checkbox-icon-container-height: 12px;
        --checkbox-icon-container-width: 12px;
        --checkbox-icon-container-border-top-left-radius: 1.3333333730697632px;
        --checkbox-icon-container-border-top-right-radius: 1.3333333730697632px;
        --checkbox-icon-container-border-bottom-left-radius: 1.3333333730697632px;
        --checkbox-icon-container-border-bottom-right-radius: 1.3333333730697632px;
        --checkbox-icon-container-border-color: var(--interactive-surface-tertiary-default);
        --checkbox-icon-container-border-top-width: 1.3333333730697632px;
        --checkbox-icon-container-border-right-width: 1.3333333730697632px;
        --checkbox-icon-container-border-bottom-width: 1.3333333730697632px;
        --checkbox-icon-container-border-left-width: 1.3333333730697632px;
        --checkbox-icon-container-font-family: sans-sarif;
        --checkbox-icon-container-font-size: initial;
        --checkbox-icon-container-font-weight: regular;
        --checkbox-icon-container-paragraph-spacing: 0px;
        --checkbox-icon-container-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="checkbox-small-unselected-inverse"][active]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="checkbox-small-unselected-inverse"][active]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="checkbox-small-unselected-inverse"]:active:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="checkbox-small-unselected-inverse"]:active:not(:disabled):not([disabled]) {
        --checkbox-icon-container-height: 12px;
        --checkbox-icon-container-width: 12px;
        --checkbox-icon-container-border-top-left-radius: 1.3333333730697632px;
        --checkbox-icon-container-border-top-right-radius: 1.3333333730697632px;
        --checkbox-icon-container-border-bottom-left-radius: 1.3333333730697632px;
        --checkbox-icon-container-border-bottom-right-radius: 1.3333333730697632px;
        --checkbox-icon-container-border-color: var(--interactive-surface-tertiary-default);
        --checkbox-icon-container-border-top-width: 1.3333333730697632px;
        --checkbox-icon-container-border-right-width: 1.3333333730697632px;
        --checkbox-icon-container-border-bottom-width: 1.3333333730697632px;
        --checkbox-icon-container-border-left-width: 1.3333333730697632px;
        --checkbox-icon-container-font-family: sans-sarif;
        --checkbox-icon-container-font-size: initial;
        --checkbox-icon-container-font-weight: regular;
        --checkbox-icon-container-paragraph-spacing: 0px;
        --checkbox-icon-container-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="checkbox-small-unselected-inverse"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='light'] [component-variant="checkbox-small-unselected-inverse"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="checkbox-small-unselected-inverse"]:focus-visible:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="checkbox-small-unselected-inverse"]:focus-visible:not(:disabled):not([disabled]) {
        --checkbox-icon-container-height: 12px;
        --checkbox-icon-container-width: 12px;
        --checkbox-icon-container-border-top-left-radius: 1.3333333730697632px;
        --checkbox-icon-container-border-top-right-radius: 1.3333333730697632px;
        --checkbox-icon-container-border-bottom-left-radius: 1.3333333730697632px;
        --checkbox-icon-container-border-bottom-right-radius: 1.3333333730697632px;
        --checkbox-icon-container-border-color: var(--interactive-surface-tertiary-default);
        --checkbox-icon-container-border-top-width: 1.3333333730697632px;
        --checkbox-icon-container-border-right-width: 1.3333333730697632px;
        --checkbox-icon-container-border-bottom-width: 1.3333333730697632px;
        --checkbox-icon-container-border-left-width: 1.3333333730697632px;
        --checkbox-icon-container-font-family: sans-sarif;
        --checkbox-icon-container-font-size: initial;
        --checkbox-icon-container-font-weight: regular;
        --checkbox-icon-container-paragraph-spacing: 0px;
        --checkbox-icon-container-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="checkbox-small-selected-default"], [data-theme='light'] [component-variant="checkbox-small-selected-default"] {
        --checkbox-icon-container-height: 12px;
        --checkbox-icon-container-width: 12px;
        --checkbox-icon-container-background-color: var(--interactive-surface-primary-default);
        --checkbox-icon-container-border-top-left-radius: 1.3333333730697632px;
        --checkbox-icon-container-border-top-right-radius: 1.3333333730697632px;
        --checkbox-icon-container-border-bottom-left-radius: 1.3333333730697632px;
        --checkbox-icon-container-border-bottom-right-radius: 1.3333333730697632px;
        --checkbox-icon-container-font-family: sans-sarif;
        --checkbox-icon-container-font-size: initial;
        --checkbox-icon-container-font-weight: regular;
        --checkbox-icon-container-paragraph-spacing: 0px;
        --checkbox-icon-container-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="checkbox-small-selected-default"]:hover:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="checkbox-small-selected-default"]:hover:not(:disabled):not([disabled]) {
        --checkbox-icon-container-height: 12px;
        --checkbox-icon-container-width: 12px;
        --checkbox-icon-container-background-color: var(--interactive-surface-primary-default);
        --checkbox-icon-container-border-top-left-radius: 1.3333333730697632px;
        --checkbox-icon-container-border-top-right-radius: 1.3333333730697632px;
        --checkbox-icon-container-border-bottom-left-radius: 1.3333333730697632px;
        --checkbox-icon-container-border-bottom-right-radius: 1.3333333730697632px;
        --checkbox-icon-container-font-family: sans-sarif;
        --checkbox-icon-container-font-size: initial;
        --checkbox-icon-container-font-weight: regular;
        --checkbox-icon-container-paragraph-spacing: 0px;
        --checkbox-icon-container-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="checkbox-small-selected-default"][active]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="checkbox-small-selected-default"][active]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="checkbox-small-selected-default"]:active:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="checkbox-small-selected-default"]:active:not(:disabled):not([disabled]) {
        --checkbox-icon-container-height: 12px;
        --checkbox-icon-container-width: 12px;
        --checkbox-icon-container-background-color: var(--interactive-surface-primary-default);
        --checkbox-icon-container-border-top-left-radius: 1.3333333730697632px;
        --checkbox-icon-container-border-top-right-radius: 1.3333333730697632px;
        --checkbox-icon-container-border-bottom-left-radius: 1.3333333730697632px;
        --checkbox-icon-container-border-bottom-right-radius: 1.3333333730697632px;
        --checkbox-icon-container-font-family: sans-sarif;
        --checkbox-icon-container-font-size: initial;
        --checkbox-icon-container-font-weight: regular;
        --checkbox-icon-container-paragraph-spacing: 0px;
        --checkbox-icon-container-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="checkbox-small-selected-default"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='light'] [component-variant="checkbox-small-selected-default"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="checkbox-small-selected-default"]:focus-visible:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="checkbox-small-selected-default"]:focus-visible:not(:disabled):not([disabled]) {
        --checkbox-icon-container-height: 12px;
        --checkbox-icon-container-width: 12px;
        --checkbox-icon-container-background-color: var(--interactive-surface-primary-default);
        --checkbox-icon-container-border-top-left-radius: 1.3333333730697632px;
        --checkbox-icon-container-border-top-right-radius: 1.3333333730697632px;
        --checkbox-icon-container-border-bottom-left-radius: 1.3333333730697632px;
        --checkbox-icon-container-border-bottom-right-radius: 1.3333333730697632px;
        --checkbox-icon-container-font-family: sans-sarif;
        --checkbox-icon-container-font-size: initial;
        --checkbox-icon-container-font-weight: regular;
        --checkbox-icon-container-paragraph-spacing: 0px;
        --checkbox-icon-container-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="checkbox-small-selected-inverse"], [data-theme='light'] [component-variant="checkbox-small-selected-inverse"] {
        --checkbox-icon-container-height: 12px;
        --checkbox-icon-container-width: 12px;
        --checkbox-icon-container-background-color: var(--interactive-surface-primary-default);
        --checkbox-icon-container-border-top-left-radius: 1.3333333730697632px;
        --checkbox-icon-container-border-top-right-radius: 1.3333333730697632px;
        --checkbox-icon-container-border-bottom-left-radius: 1.3333333730697632px;
        --checkbox-icon-container-border-bottom-right-radius: 1.3333333730697632px;
        --checkbox-icon-container-font-family: sans-sarif;
        --checkbox-icon-container-font-size: initial;
        --checkbox-icon-container-font-weight: regular;
        --checkbox-icon-container-paragraph-spacing: 0px;
        --checkbox-icon-container-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="checkbox-small-selected-inverse"]:hover:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="checkbox-small-selected-inverse"]:hover:not(:disabled):not([disabled]) {
        --checkbox-icon-container-height: 12px;
        --checkbox-icon-container-width: 12px;
        --checkbox-icon-container-background-color: var(--interactive-surface-primary-default);
        --checkbox-icon-container-border-top-left-radius: 1.3333333730697632px;
        --checkbox-icon-container-border-top-right-radius: 1.3333333730697632px;
        --checkbox-icon-container-border-bottom-left-radius: 1.3333333730697632px;
        --checkbox-icon-container-border-bottom-right-radius: 1.3333333730697632px;
        --checkbox-icon-container-font-family: sans-sarif;
        --checkbox-icon-container-font-size: initial;
        --checkbox-icon-container-font-weight: regular;
        --checkbox-icon-container-paragraph-spacing: 0px;
        --checkbox-icon-container-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="checkbox-small-selected-inverse"][active]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="checkbox-small-selected-inverse"][active]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="checkbox-small-selected-inverse"]:active:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="checkbox-small-selected-inverse"]:active:not(:disabled):not([disabled]) {
        --checkbox-icon-container-height: 12px;
        --checkbox-icon-container-width: 12px;
        --checkbox-icon-container-background-color: var(--interactive-surface-primary-default);
        --checkbox-icon-container-border-top-left-radius: 1.3333333730697632px;
        --checkbox-icon-container-border-top-right-radius: 1.3333333730697632px;
        --checkbox-icon-container-border-bottom-left-radius: 1.3333333730697632px;
        --checkbox-icon-container-border-bottom-right-radius: 1.3333333730697632px;
        --checkbox-icon-container-font-family: sans-sarif;
        --checkbox-icon-container-font-size: initial;
        --checkbox-icon-container-font-weight: regular;
        --checkbox-icon-container-paragraph-spacing: 0px;
        --checkbox-icon-container-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="checkbox-small-selected-inverse"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='light'] [component-variant="checkbox-small-selected-inverse"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="checkbox-small-selected-inverse"]:focus-visible:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="checkbox-small-selected-inverse"]:focus-visible:not(:disabled):not([disabled]) {
        --checkbox-icon-container-height: 12px;
        --checkbox-icon-container-width: 12px;
        --checkbox-icon-container-background-color: var(--interactive-surface-primary-default);
        --checkbox-icon-container-border-top-left-radius: 1.3333333730697632px;
        --checkbox-icon-container-border-top-right-radius: 1.3333333730697632px;
        --checkbox-icon-container-border-bottom-left-radius: 1.3333333730697632px;
        --checkbox-icon-container-border-bottom-right-radius: 1.3333333730697632px;
        --checkbox-icon-container-font-family: sans-sarif;
        --checkbox-icon-container-font-size: initial;
        --checkbox-icon-container-font-weight: regular;
        --checkbox-icon-container-paragraph-spacing: 0px;
        --checkbox-icon-container-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="checkbox-large-selected-default"], [data-theme='light'] [component-variant="checkbox-large-selected-default"] {
        --checkbox-icon-height: 16px;
        --checkbox-icon-width: 16px;
        --checkbox-icon-background-color: rgb(233, 233, 234);
        --checkbox-icon-font-family: sans-sarif;
        --checkbox-icon-font-size: initial;
        --checkbox-icon-font-weight: regular;
        --checkbox-icon-paragraph-spacing: 0px;
        --checkbox-icon-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="checkbox-large-selected-default"]:hover:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="checkbox-large-selected-default"]:hover:not(:disabled):not([disabled]) {
        --checkbox-icon-height: 16px;
        --checkbox-icon-width: 16px;
        --checkbox-icon-background-color: rgb(233, 233, 234);
        --checkbox-icon-font-family: sans-sarif;
        --checkbox-icon-font-size: initial;
        --checkbox-icon-font-weight: regular;
        --checkbox-icon-paragraph-spacing: 0px;
        --checkbox-icon-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="checkbox-large-selected-default"][active]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="checkbox-large-selected-default"][active]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="checkbox-large-selected-default"]:active:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="checkbox-large-selected-default"]:active:not(:disabled):not([disabled]) {
        --checkbox-icon-height: 16px;
        --checkbox-icon-width: 16px;
        --checkbox-icon-background-color: rgb(233, 233, 234);
        --checkbox-icon-font-family: sans-sarif;
        --checkbox-icon-font-size: initial;
        --checkbox-icon-font-weight: regular;
        --checkbox-icon-paragraph-spacing: 0px;
        --checkbox-icon-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="checkbox-large-selected-default"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='light'] [component-variant="checkbox-large-selected-default"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="checkbox-large-selected-default"]:focus-visible:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="checkbox-large-selected-default"]:focus-visible:not(:disabled):not([disabled]) {
        --checkbox-icon-height: 16px;
        --checkbox-icon-width: 16px;
        --checkbox-icon-background-color: rgb(233, 233, 234);
        --checkbox-icon-font-family: sans-sarif;
        --checkbox-icon-font-size: initial;
        --checkbox-icon-font-weight: regular;
        --checkbox-icon-paragraph-spacing: 0px;
        --checkbox-icon-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="checkbox-large-selected-inverse"], [data-theme='light'] [component-variant="checkbox-large-selected-inverse"] {
        --checkbox-icon-height: 16px;
        --checkbox-icon-width: 16px;
        --checkbox-icon-background-color: rgb(14, 15, 20);
        --checkbox-icon-font-family: sans-sarif;
        --checkbox-icon-font-size: initial;
        --checkbox-icon-font-weight: regular;
        --checkbox-icon-paragraph-spacing: 0px;
        --checkbox-icon-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="checkbox-large-selected-inverse"]:hover:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="checkbox-large-selected-inverse"]:hover:not(:disabled):not([disabled]) {
        --checkbox-icon-height: 16px;
        --checkbox-icon-width: 16px;
        --checkbox-icon-background-color: rgb(14, 15, 20);
        --checkbox-icon-font-family: sans-sarif;
        --checkbox-icon-font-size: initial;
        --checkbox-icon-font-weight: regular;
        --checkbox-icon-paragraph-spacing: 0px;
        --checkbox-icon-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="checkbox-large-selected-inverse"][active]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="checkbox-large-selected-inverse"][active]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="checkbox-large-selected-inverse"]:active:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="checkbox-large-selected-inverse"]:active:not(:disabled):not([disabled]) {
        --checkbox-icon-height: 16px;
        --checkbox-icon-width: 16px;
        --checkbox-icon-background-color: rgb(14, 15, 20);
        --checkbox-icon-font-family: sans-sarif;
        --checkbox-icon-font-size: initial;
        --checkbox-icon-font-weight: regular;
        --checkbox-icon-paragraph-spacing: 0px;
        --checkbox-icon-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="checkbox-large-selected-inverse"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='light'] [component-variant="checkbox-large-selected-inverse"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="checkbox-large-selected-inverse"]:focus-visible:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="checkbox-large-selected-inverse"]:focus-visible:not(:disabled):not([disabled]) {
        --checkbox-icon-height: 16px;
        --checkbox-icon-width: 16px;
        --checkbox-icon-background-color: rgb(14, 15, 20);
        --checkbox-icon-font-family: sans-sarif;
        --checkbox-icon-font-size: initial;
        --checkbox-icon-font-weight: regular;
        --checkbox-icon-paragraph-spacing: 0px;
        --checkbox-icon-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="checkbox-medium-selected-default"], [data-theme='light'] [component-variant="checkbox-medium-selected-default"] {
        --checkbox-icon-height: 13.333333015441895px;
        --checkbox-icon-width: 13.333333015441895px;
        --checkbox-icon-background-color: rgb(233, 233, 234);
        --checkbox-icon-font-family: sans-sarif;
        --checkbox-icon-font-size: initial;
        --checkbox-icon-font-weight: regular;
        --checkbox-icon-paragraph-spacing: 0px;
        --checkbox-icon-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="checkbox-medium-selected-default"]:hover:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="checkbox-medium-selected-default"]:hover:not(:disabled):not([disabled]) {
        --checkbox-icon-height: 13.333333015441895px;
        --checkbox-icon-width: 13.333333015441895px;
        --checkbox-icon-background-color: rgb(233, 233, 234);
        --checkbox-icon-font-family: sans-sarif;
        --checkbox-icon-font-size: initial;
        --checkbox-icon-font-weight: regular;
        --checkbox-icon-paragraph-spacing: 0px;
        --checkbox-icon-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="checkbox-medium-selected-default"][active]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="checkbox-medium-selected-default"][active]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="checkbox-medium-selected-default"]:active:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="checkbox-medium-selected-default"]:active:not(:disabled):not([disabled]) {
        --checkbox-icon-height: 13.333333015441895px;
        --checkbox-icon-width: 13.333333015441895px;
        --checkbox-icon-background-color: rgb(233, 233, 234);
        --checkbox-icon-font-family: sans-sarif;
        --checkbox-icon-font-size: initial;
        --checkbox-icon-font-weight: regular;
        --checkbox-icon-paragraph-spacing: 0px;
        --checkbox-icon-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="checkbox-medium-selected-default"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='light'] [component-variant="checkbox-medium-selected-default"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="checkbox-medium-selected-default"]:focus-visible:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="checkbox-medium-selected-default"]:focus-visible:not(:disabled):not([disabled]) {
        --checkbox-icon-height: 13.333333015441895px;
        --checkbox-icon-width: 13.333333015441895px;
        --checkbox-icon-background-color: rgb(233, 233, 234);
        --checkbox-icon-font-family: sans-sarif;
        --checkbox-icon-font-size: initial;
        --checkbox-icon-font-weight: regular;
        --checkbox-icon-paragraph-spacing: 0px;
        --checkbox-icon-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="checkbox-medium-selected-inverse"], [data-theme='light'] [component-variant="checkbox-medium-selected-inverse"] {
        --checkbox-icon-height: 13.333333015441895px;
        --checkbox-icon-width: 13.333333015441895px;
        --checkbox-icon-background-color: rgb(14, 15, 20);
        --checkbox-icon-font-family: sans-sarif;
        --checkbox-icon-font-size: initial;
        --checkbox-icon-font-weight: regular;
        --checkbox-icon-paragraph-spacing: 0px;
        --checkbox-icon-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="checkbox-medium-selected-inverse"]:hover:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="checkbox-medium-selected-inverse"]:hover:not(:disabled):not([disabled]) {
        --checkbox-icon-height: 13.333333015441895px;
        --checkbox-icon-width: 13.333333015441895px;
        --checkbox-icon-background-color: rgb(14, 15, 20);
        --checkbox-icon-font-family: sans-sarif;
        --checkbox-icon-font-size: initial;
        --checkbox-icon-font-weight: regular;
        --checkbox-icon-paragraph-spacing: 0px;
        --checkbox-icon-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="checkbox-medium-selected-inverse"][active]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="checkbox-medium-selected-inverse"][active]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="checkbox-medium-selected-inverse"]:active:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="checkbox-medium-selected-inverse"]:active:not(:disabled):not([disabled]) {
        --checkbox-icon-height: 13.333333015441895px;
        --checkbox-icon-width: 13.333333015441895px;
        --checkbox-icon-background-color: rgb(14, 15, 20);
        --checkbox-icon-font-family: sans-sarif;
        --checkbox-icon-font-size: initial;
        --checkbox-icon-font-weight: regular;
        --checkbox-icon-paragraph-spacing: 0px;
        --checkbox-icon-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="checkbox-medium-selected-inverse"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='light'] [component-variant="checkbox-medium-selected-inverse"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="checkbox-medium-selected-inverse"]:focus-visible:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="checkbox-medium-selected-inverse"]:focus-visible:not(:disabled):not([disabled]) {
        --checkbox-icon-height: 13.333333015441895px;
        --checkbox-icon-width: 13.333333015441895px;
        --checkbox-icon-background-color: rgb(14, 15, 20);
        --checkbox-icon-font-family: sans-sarif;
        --checkbox-icon-font-size: initial;
        --checkbox-icon-font-weight: regular;
        --checkbox-icon-paragraph-spacing: 0px;
        --checkbox-icon-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="checkbox-small-selected-default"], [data-theme='light'] [component-variant="checkbox-small-selected-default"] {
        --checkbox-icon-height: 10.666666984558105px;
        --checkbox-icon-width: 10.666666984558105px;
        --checkbox-icon-background-color: rgb(233, 233, 234);
        --checkbox-icon-font-family: sans-sarif;
        --checkbox-icon-font-size: initial;
        --checkbox-icon-font-weight: regular;
        --checkbox-icon-paragraph-spacing: 0px;
        --checkbox-icon-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="checkbox-small-selected-default"]:hover:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="checkbox-small-selected-default"]:hover:not(:disabled):not([disabled]) {
        --checkbox-icon-height: 10.666666984558105px;
        --checkbox-icon-width: 10.666666984558105px;
        --checkbox-icon-background-color: rgb(233, 233, 234);
        --checkbox-icon-font-family: sans-sarif;
        --checkbox-icon-font-size: initial;
        --checkbox-icon-font-weight: regular;
        --checkbox-icon-paragraph-spacing: 0px;
        --checkbox-icon-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="checkbox-small-selected-default"][active]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="checkbox-small-selected-default"][active]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="checkbox-small-selected-default"]:active:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="checkbox-small-selected-default"]:active:not(:disabled):not([disabled]) {
        --checkbox-icon-height: 10.666666984558105px;
        --checkbox-icon-width: 10.666666984558105px;
        --checkbox-icon-background-color: rgb(233, 233, 234);
        --checkbox-icon-font-family: sans-sarif;
        --checkbox-icon-font-size: initial;
        --checkbox-icon-font-weight: regular;
        --checkbox-icon-paragraph-spacing: 0px;
        --checkbox-icon-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="checkbox-small-selected-default"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='light'] [component-variant="checkbox-small-selected-default"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="checkbox-small-selected-default"]:focus-visible:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="checkbox-small-selected-default"]:focus-visible:not(:disabled):not([disabled]) {
        --checkbox-icon-height: 10.666666984558105px;
        --checkbox-icon-width: 10.666666984558105px;
        --checkbox-icon-background-color: rgb(233, 233, 234);
        --checkbox-icon-font-family: sans-sarif;
        --checkbox-icon-font-size: initial;
        --checkbox-icon-font-weight: regular;
        --checkbox-icon-paragraph-spacing: 0px;
        --checkbox-icon-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="checkbox-small-selected-inverse"], [data-theme='light'] [component-variant="checkbox-small-selected-inverse"] {
        --checkbox-icon-height: 10.666666984558105px;
        --checkbox-icon-width: 10.666666984558105px;
        --checkbox-icon-background-color: rgb(14, 15, 20);
        --checkbox-icon-font-family: sans-sarif;
        --checkbox-icon-font-size: initial;
        --checkbox-icon-font-weight: regular;
        --checkbox-icon-paragraph-spacing: 0px;
        --checkbox-icon-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="checkbox-small-selected-inverse"]:hover:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="checkbox-small-selected-inverse"]:hover:not(:disabled):not([disabled]) {
        --checkbox-icon-height: 10.666666984558105px;
        --checkbox-icon-width: 10.666666984558105px;
        --checkbox-icon-background-color: rgb(14, 15, 20);
        --checkbox-icon-font-family: sans-sarif;
        --checkbox-icon-font-size: initial;
        --checkbox-icon-font-weight: regular;
        --checkbox-icon-paragraph-spacing: 0px;
        --checkbox-icon-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="checkbox-small-selected-inverse"][active]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="checkbox-small-selected-inverse"][active]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="checkbox-small-selected-inverse"]:active:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="checkbox-small-selected-inverse"]:active:not(:disabled):not([disabled]) {
        --checkbox-icon-height: 10.666666984558105px;
        --checkbox-icon-width: 10.666666984558105px;
        --checkbox-icon-background-color: rgb(14, 15, 20);
        --checkbox-icon-font-family: sans-sarif;
        --checkbox-icon-font-size: initial;
        --checkbox-icon-font-weight: regular;
        --checkbox-icon-paragraph-spacing: 0px;
        --checkbox-icon-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="checkbox-small-selected-inverse"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='light'] [component-variant="checkbox-small-selected-inverse"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="checkbox-small-selected-inverse"]:focus-visible:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="checkbox-small-selected-inverse"]:focus-visible:not(:disabled):not([disabled]) {
        --checkbox-icon-height: 10.666666984558105px;
        --checkbox-icon-width: 10.666666984558105px;
        --checkbox-icon-background-color: rgb(14, 15, 20);
        --checkbox-icon-font-family: sans-sarif;
        --checkbox-icon-font-size: initial;
        --checkbox-icon-font-weight: regular;
        --checkbox-icon-paragraph-spacing: 0px;
        --checkbox-icon-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant^="radio-button-"], [data-theme='light'] [component-variant^="radio-button-"] {
        --radio-button-opacity: 1;
        --radio-button-height: auto;
        --radio-button-min-height: auto;
        --radio-button-max-height: none;
        --radio-button-width: auto;
        --radio-button-min-width: auto;
        --radio-button-max-width: none;
        --radio-button-background-color: transparent;
        --radio-button-fill: currentcolor;
        --radio-button-border-top-left-radius: 0px;
        --radio-button-border-top-right-radius: 0px;
        --radio-button-border-bottom-left-radius: 0px;
        --radio-button-border-bottom-right-radius: 0px;
        --radio-button-border-color: transparent;
        --radio-button-border-style: solid;
        --radio-button-border-gap: normal;
        --radio-button-border-dash: none;
        --radio-button-border-top-width: 0px;
        --radio-button-border-right-width: 0px;
        --radio-button-border-bottom-width: 0px;
        --radio-button-border-left-width: 0px;
        --radio-button-outline-color: auto;
        --radio-button-outline-style: solid;
        --radio-button-outline-width: 0px;
        --radio-button-padding-left: 0px;
        --radio-button-padding-right: 0px;
        --radio-button-padding-top: 0px;
        --radio-button-padding-bottom: 0px;
        --radio-button-row-gap: 0px;
        --radio-button-column-gap: 0px;
        --radio-button-font-family: sans-serif;
        --radio-button-font-size: medium;
        --radio-button-color: currentcolor;
        --radio-button-letter-spacing: normal;
        --radio-button-line-height: normal;
        --radio-button-paragraph-spacing: ;
        --radio-button-paragraph-indent: 
    }
[data-theme='dark'] [component-variant="radio-button-large-unselected"], [data-theme='light'] [component-variant="radio-button-large-unselected"] {
        --radio-button-color: var(--text-primary);
        --radio-button-row-gap: var(--spacing-space-5);
        --radio-button-column-gap: var(--spacing-space-5);
        --radio-button-font-family: var(--font-family-body);
        --radio-button-font-size: var(--font-size-body-small);
        --radio-button-font-weight: var(--font-weight-regular);
        --radio-button-line-height: var(--line-height-body-small);
        --radio-button-paragraph-spacing: 0px;
        --radio-button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="radio-button-large-unselected"]:hover:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="radio-button-large-unselected"]:hover:not(:disabled):not([disabled]) {
        --radio-button-color: var(--text-primary);
        --radio-button-row-gap: var(--spacing-space-5);
        --radio-button-column-gap: var(--spacing-space-5);
        --radio-button-font-family: var(--font-family-body);
        --radio-button-font-size: var(--font-size-body-small);
        --radio-button-font-weight: var(--font-weight-regular);
        --radio-button-line-height: var(--line-height-body-small);
        --radio-button-paragraph-spacing: 0px;
        --radio-button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="radio-button-large-unselected"][active]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="radio-button-large-unselected"][active]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="radio-button-large-unselected"]:active:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="radio-button-large-unselected"]:active:not(:disabled):not([disabled]) {
        --radio-button-color: var(--text-primary);
        --radio-button-row-gap: var(--spacing-space-5);
        --radio-button-column-gap: var(--spacing-space-5);
        --radio-button-font-family: var(--font-family-body);
        --radio-button-font-size: var(--font-size-body-small);
        --radio-button-font-weight: var(--font-weight-regular);
        --radio-button-line-height: var(--line-height-body-small);
        --radio-button-paragraph-spacing: 0px;
        --radio-button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="radio-button-large-unselected"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='light'] [component-variant="radio-button-large-unselected"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="radio-button-large-unselected"]:focus-visible:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="radio-button-large-unselected"]:focus-visible:not(:disabled):not([disabled]) {
        --radio-button-color: var(--text-primary);
        --radio-button-row-gap: var(--spacing-space-5);
        --radio-button-column-gap: var(--spacing-space-5);
        --radio-button-font-family: var(--font-family-body);
        --radio-button-font-size: var(--font-size-body-small);
        --radio-button-font-weight: var(--font-weight-regular);
        --radio-button-line-height: var(--line-height-body-small);
        --radio-button-paragraph-spacing: 0px;
        --radio-button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="radio-button-large-selected"], [data-theme='light'] [component-variant="radio-button-large-selected"] {
        --radio-button-color: var(--text-primary);
        --radio-button-row-gap: var(--spacing-space-5);
        --radio-button-column-gap: var(--spacing-space-5);
        --radio-button-font-family: var(--font-family-body);
        --radio-button-font-size: var(--font-size-body-small);
        --radio-button-font-weight: var(--font-weight-regular);
        --radio-button-line-height: var(--line-height-body-small);
        --radio-button-paragraph-spacing: 0px;
        --radio-button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="radio-button-large-selected"]:hover:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="radio-button-large-selected"]:hover:not(:disabled):not([disabled]) {
        --radio-button-color: var(--text-primary);
        --radio-button-row-gap: var(--spacing-space-5);
        --radio-button-column-gap: var(--spacing-space-5);
        --radio-button-font-family: var(--font-family-body);
        --radio-button-font-size: var(--font-size-body-small);
        --radio-button-font-weight: var(--font-weight-regular);
        --radio-button-line-height: var(--line-height-body-small);
        --radio-button-paragraph-spacing: 0px;
        --radio-button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="radio-button-large-selected"][active]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="radio-button-large-selected"][active]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="radio-button-large-selected"]:active:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="radio-button-large-selected"]:active:not(:disabled):not([disabled]) {
        --radio-button-color: var(--text-primary);
        --radio-button-row-gap: var(--spacing-space-5);
        --radio-button-column-gap: var(--spacing-space-5);
        --radio-button-font-family: var(--font-family-body);
        --radio-button-font-size: var(--font-size-body-small);
        --radio-button-font-weight: var(--font-weight-regular);
        --radio-button-line-height: var(--line-height-body-small);
        --radio-button-paragraph-spacing: 0px;
        --radio-button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="radio-button-large-selected"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='light'] [component-variant="radio-button-large-selected"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="radio-button-large-selected"]:focus-visible:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="radio-button-large-selected"]:focus-visible:not(:disabled):not([disabled]) {
        --radio-button-color: var(--text-primary);
        --radio-button-row-gap: var(--spacing-space-5);
        --radio-button-column-gap: var(--spacing-space-5);
        --radio-button-font-family: var(--font-family-body);
        --radio-button-font-size: var(--font-size-body-small);
        --radio-button-font-weight: var(--font-weight-regular);
        --radio-button-line-height: var(--line-height-body-small);
        --radio-button-paragraph-spacing: 0px;
        --radio-button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="radio-button-medium-unselected"], [data-theme='light'] [component-variant="radio-button-medium-unselected"] {
        --radio-button-color: var(--text-primary);
        --radio-button-row-gap: var(--spacing-space-5);
        --radio-button-column-gap: var(--spacing-space-5);
        --radio-button-font-family: var(--font-family-body);
        --radio-button-font-size: var(--font-size-body-small);
        --radio-button-font-weight: var(--font-weight-regular);
        --radio-button-line-height: var(--line-height-body-small);
        --radio-button-paragraph-spacing: 0px;
        --radio-button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="radio-button-medium-unselected"]:hover:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="radio-button-medium-unselected"]:hover:not(:disabled):not([disabled]) {
        --radio-button-color: var(--text-primary);
        --radio-button-row-gap: var(--spacing-space-5);
        --radio-button-column-gap: var(--spacing-space-5);
        --radio-button-font-family: var(--font-family-body);
        --radio-button-font-size: var(--font-size-body-small);
        --radio-button-font-weight: var(--font-weight-regular);
        --radio-button-line-height: var(--line-height-body-small);
        --radio-button-paragraph-spacing: 0px;
        --radio-button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="radio-button-medium-unselected"][active]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="radio-button-medium-unselected"][active]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="radio-button-medium-unselected"]:active:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="radio-button-medium-unselected"]:active:not(:disabled):not([disabled]) {
        --radio-button-color: var(--text-primary);
        --radio-button-row-gap: var(--spacing-space-5);
        --radio-button-column-gap: var(--spacing-space-5);
        --radio-button-font-family: var(--font-family-body);
        --radio-button-font-size: var(--font-size-body-small);
        --radio-button-font-weight: var(--font-weight-regular);
        --radio-button-line-height: var(--line-height-body-small);
        --radio-button-paragraph-spacing: 0px;
        --radio-button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="radio-button-medium-unselected"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='light'] [component-variant="radio-button-medium-unselected"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="radio-button-medium-unselected"]:focus-visible:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="radio-button-medium-unselected"]:focus-visible:not(:disabled):not([disabled]) {
        --radio-button-color: var(--text-primary);
        --radio-button-row-gap: var(--spacing-space-5);
        --radio-button-column-gap: var(--spacing-space-5);
        --radio-button-font-family: var(--font-family-body);
        --radio-button-font-size: var(--font-size-body-small);
        --radio-button-font-weight: var(--font-weight-regular);
        --radio-button-line-height: var(--line-height-body-small);
        --radio-button-paragraph-spacing: 0px;
        --radio-button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="radio-button-medium-selected"], [data-theme='light'] [component-variant="radio-button-medium-selected"] {
        --radio-button-color: var(--text-primary);
        --radio-button-row-gap: var(--spacing-space-5);
        --radio-button-column-gap: var(--spacing-space-5);
        --radio-button-font-family: var(--font-family-body);
        --radio-button-font-size: var(--font-size-body-small);
        --radio-button-font-weight: var(--font-weight-regular);
        --radio-button-line-height: var(--line-height-body-small);
        --radio-button-paragraph-spacing: 0px;
        --radio-button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="radio-button-medium-selected"]:hover:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="radio-button-medium-selected"]:hover:not(:disabled):not([disabled]) {
        --radio-button-color: var(--text-primary);
        --radio-button-row-gap: var(--spacing-space-5);
        --radio-button-column-gap: var(--spacing-space-5);
        --radio-button-font-family: var(--font-family-body);
        --radio-button-font-size: var(--font-size-body-small);
        --radio-button-font-weight: var(--font-weight-regular);
        --radio-button-line-height: var(--line-height-body-small);
        --radio-button-paragraph-spacing: 0px;
        --radio-button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="radio-button-medium-selected"][active]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="radio-button-medium-selected"][active]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="radio-button-medium-selected"]:active:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="radio-button-medium-selected"]:active:not(:disabled):not([disabled]) {
        --radio-button-color: var(--text-primary);
        --radio-button-row-gap: var(--spacing-space-5);
        --radio-button-column-gap: var(--spacing-space-5);
        --radio-button-font-family: var(--font-family-body);
        --radio-button-font-size: var(--font-size-body-small);
        --radio-button-font-weight: var(--font-weight-regular);
        --radio-button-line-height: var(--line-height-body-small);
        --radio-button-paragraph-spacing: 0px;
        --radio-button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="radio-button-medium-selected"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='light'] [component-variant="radio-button-medium-selected"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="radio-button-medium-selected"]:focus-visible:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="radio-button-medium-selected"]:focus-visible:not(:disabled):not([disabled]) {
        --radio-button-color: var(--text-primary);
        --radio-button-row-gap: var(--spacing-space-5);
        --radio-button-column-gap: var(--spacing-space-5);
        --radio-button-font-family: var(--font-family-body);
        --radio-button-font-size: var(--font-size-body-small);
        --radio-button-font-weight: var(--font-weight-regular);
        --radio-button-line-height: var(--line-height-body-small);
        --radio-button-paragraph-spacing: 0px;
        --radio-button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="radio-button-small-unselected"], [data-theme='light'] [component-variant="radio-button-small-unselected"] {
        --radio-button-color: var(--text-primary);
        --radio-button-row-gap: var(--spacing-space-5);
        --radio-button-column-gap: var(--spacing-space-5);
        --radio-button-font-family: var(--font-family-body);
        --radio-button-font-size: var(--font-size-body-small);
        --radio-button-font-weight: var(--font-weight-regular);
        --radio-button-line-height: var(--line-height-body-small);
        --radio-button-paragraph-spacing: 0px;
        --radio-button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="radio-button-small-unselected"]:hover:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="radio-button-small-unselected"]:hover:not(:disabled):not([disabled]) {
        --radio-button-color: var(--text-primary);
        --radio-button-row-gap: var(--spacing-space-5);
        --radio-button-column-gap: var(--spacing-space-5);
        --radio-button-font-family: var(--font-family-body);
        --radio-button-font-size: var(--font-size-body-small);
        --radio-button-font-weight: var(--font-weight-regular);
        --radio-button-line-height: var(--line-height-body-small);
        --radio-button-paragraph-spacing: 0px;
        --radio-button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="radio-button-small-unselected"][active]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="radio-button-small-unselected"][active]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="radio-button-small-unselected"]:active:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="radio-button-small-unselected"]:active:not(:disabled):not([disabled]) {
        --radio-button-color: var(--text-primary);
        --radio-button-row-gap: var(--spacing-space-5);
        --radio-button-column-gap: var(--spacing-space-5);
        --radio-button-font-family: var(--font-family-body);
        --radio-button-font-size: var(--font-size-body-small);
        --radio-button-font-weight: var(--font-weight-regular);
        --radio-button-line-height: var(--line-height-body-small);
        --radio-button-paragraph-spacing: 0px;
        --radio-button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="radio-button-small-unselected"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='light'] [component-variant="radio-button-small-unselected"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="radio-button-small-unselected"]:focus-visible:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="radio-button-small-unselected"]:focus-visible:not(:disabled):not([disabled]) {
        --radio-button-color: var(--text-primary);
        --radio-button-row-gap: var(--spacing-space-5);
        --radio-button-column-gap: var(--spacing-space-5);
        --radio-button-font-family: var(--font-family-body);
        --radio-button-font-size: var(--font-size-body-small);
        --radio-button-font-weight: var(--font-weight-regular);
        --radio-button-line-height: var(--line-height-body-small);
        --radio-button-paragraph-spacing: 0px;
        --radio-button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="radio-button-small-selected"], [data-theme='light'] [component-variant="radio-button-small-selected"] {
        --radio-button-color: var(--text-primary);
        --radio-button-row-gap: var(--spacing-space-5);
        --radio-button-column-gap: var(--spacing-space-5);
        --radio-button-font-family: var(--font-family-body);
        --radio-button-font-size: var(--font-size-body-small);
        --radio-button-font-weight: var(--font-weight-regular);
        --radio-button-line-height: var(--line-height-body-small);
        --radio-button-paragraph-spacing: 0px;
        --radio-button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="radio-button-small-selected"]:hover:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="radio-button-small-selected"]:hover:not(:disabled):not([disabled]) {
        --radio-button-color: var(--text-primary);
        --radio-button-row-gap: var(--spacing-space-5);
        --radio-button-column-gap: var(--spacing-space-5);
        --radio-button-font-family: var(--font-family-body);
        --radio-button-font-size: var(--font-size-body-small);
        --radio-button-font-weight: var(--font-weight-regular);
        --radio-button-line-height: var(--line-height-body-small);
        --radio-button-paragraph-spacing: 0px;
        --radio-button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="radio-button-small-selected"][active]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="radio-button-small-selected"][active]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="radio-button-small-selected"]:active:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="radio-button-small-selected"]:active:not(:disabled):not([disabled]) {
        --radio-button-color: var(--text-primary);
        --radio-button-row-gap: var(--spacing-space-5);
        --radio-button-column-gap: var(--spacing-space-5);
        --radio-button-font-family: var(--font-family-body);
        --radio-button-font-size: var(--font-size-body-small);
        --radio-button-font-weight: var(--font-weight-regular);
        --radio-button-line-height: var(--line-height-body-small);
        --radio-button-paragraph-spacing: 0px;
        --radio-button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="radio-button-small-selected"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='light'] [component-variant="radio-button-small-selected"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="radio-button-small-selected"]:focus-visible:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="radio-button-small-selected"]:focus-visible:not(:disabled):not([disabled]) {
        --radio-button-color: var(--text-primary);
        --radio-button-row-gap: var(--spacing-space-5);
        --radio-button-column-gap: var(--spacing-space-5);
        --radio-button-font-family: var(--font-family-body);
        --radio-button-font-size: var(--font-size-body-small);
        --radio-button-font-weight: var(--font-weight-regular);
        --radio-button-line-height: var(--line-height-body-small);
        --radio-button-paragraph-spacing: 0px;
        --radio-button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="radio-button-large-unselected"], [data-theme='light'] [component-variant="radio-button-large-unselected"] {
        --radio-button-ring-wrapper-height: 24px;
        --radio-button-ring-wrapper-width: 24px;
        --radio-button-ring-wrapper-font-family: sans-sarif;
        --radio-button-ring-wrapper-font-size: initial;
        --radio-button-ring-wrapper-font-weight: regular;
        --radio-button-ring-wrapper-paragraph-spacing: 0px;
        --radio-button-ring-wrapper-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="radio-button-large-unselected"]:hover:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="radio-button-large-unselected"]:hover:not(:disabled):not([disabled]) {
        --radio-button-ring-wrapper-height: 24px;
        --radio-button-ring-wrapper-width: 24px;
        --radio-button-ring-wrapper-font-family: sans-sarif;
        --radio-button-ring-wrapper-font-size: initial;
        --radio-button-ring-wrapper-font-weight: regular;
        --radio-button-ring-wrapper-paragraph-spacing: 0px;
        --radio-button-ring-wrapper-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="radio-button-large-unselected"][active]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="radio-button-large-unselected"][active]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="radio-button-large-unselected"]:active:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="radio-button-large-unselected"]:active:not(:disabled):not([disabled]) {
        --radio-button-ring-wrapper-height: 24px;
        --radio-button-ring-wrapper-width: 24px;
        --radio-button-ring-wrapper-font-family: sans-sarif;
        --radio-button-ring-wrapper-font-size: initial;
        --radio-button-ring-wrapper-font-weight: regular;
        --radio-button-ring-wrapper-paragraph-spacing: 0px;
        --radio-button-ring-wrapper-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="radio-button-large-unselected"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='light'] [component-variant="radio-button-large-unselected"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="radio-button-large-unselected"]:focus-visible:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="radio-button-large-unselected"]:focus-visible:not(:disabled):not([disabled]) {
        --radio-button-ring-wrapper-height: 24px;
        --radio-button-ring-wrapper-width: 24px;
        --radio-button-ring-wrapper-border-color: var(--border-border-grey-1);
        --radio-button-ring-wrapper-border-top-width: 1px;
        --radio-button-ring-wrapper-border-right-width: 1px;
        --radio-button-ring-wrapper-border-bottom-width: 1px;
        --radio-button-ring-wrapper-border-left-width: 1px;
        --radio-button-ring-wrapper-font-family: sans-sarif;
        --radio-button-ring-wrapper-font-size: initial;
        --radio-button-ring-wrapper-font-weight: regular;
        --radio-button-ring-wrapper-paragraph-spacing: 0px;
        --radio-button-ring-wrapper-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="radio-button-large-selected"], [data-theme='light'] [component-variant="radio-button-large-selected"] {
        --radio-button-ring-wrapper-height: 24px;
        --radio-button-ring-wrapper-width: 24px;
        --radio-button-ring-wrapper-font-family: sans-sarif;
        --radio-button-ring-wrapper-font-size: initial;
        --radio-button-ring-wrapper-font-weight: regular;
        --radio-button-ring-wrapper-paragraph-spacing: 0px;
        --radio-button-ring-wrapper-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="radio-button-large-selected"]:hover:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="radio-button-large-selected"]:hover:not(:disabled):not([disabled]) {
        --radio-button-ring-wrapper-height: 24px;
        --radio-button-ring-wrapper-width: 24px;
        --radio-button-ring-wrapper-font-family: sans-sarif;
        --radio-button-ring-wrapper-font-size: initial;
        --radio-button-ring-wrapper-font-weight: regular;
        --radio-button-ring-wrapper-paragraph-spacing: 0px;
        --radio-button-ring-wrapper-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="radio-button-large-selected"][active]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="radio-button-large-selected"][active]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="radio-button-large-selected"]:active:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="radio-button-large-selected"]:active:not(:disabled):not([disabled]) {
        --radio-button-ring-wrapper-height: 24px;
        --radio-button-ring-wrapper-width: 24px;
        --radio-button-ring-wrapper-font-family: sans-sarif;
        --radio-button-ring-wrapper-font-size: initial;
        --radio-button-ring-wrapper-font-weight: regular;
        --radio-button-ring-wrapper-paragraph-spacing: 0px;
        --radio-button-ring-wrapper-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="radio-button-large-selected"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='light'] [component-variant="radio-button-large-selected"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="radio-button-large-selected"]:focus-visible:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="radio-button-large-selected"]:focus-visible:not(:disabled):not([disabled]) {
        --radio-button-ring-wrapper-height: 24px;
        --radio-button-ring-wrapper-width: 24px;
        --radio-button-ring-wrapper-border-color: var(--border-border-grey-1);
        --radio-button-ring-wrapper-border-top-width: 1px;
        --radio-button-ring-wrapper-border-right-width: 1px;
        --radio-button-ring-wrapper-border-bottom-width: 1px;
        --radio-button-ring-wrapper-border-left-width: 1px;
        --radio-button-ring-wrapper-font-family: sans-sarif;
        --radio-button-ring-wrapper-font-size: initial;
        --radio-button-ring-wrapper-font-weight: regular;
        --radio-button-ring-wrapper-paragraph-spacing: 0px;
        --radio-button-ring-wrapper-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="radio-button-medium-unselected"], [data-theme='light'] [component-variant="radio-button-medium-unselected"] {
        --radio-button-ring-wrapper-height: 20px;
        --radio-button-ring-wrapper-width: 20px;
        --radio-button-ring-wrapper-font-family: sans-sarif;
        --radio-button-ring-wrapper-font-size: initial;
        --radio-button-ring-wrapper-font-weight: regular;
        --radio-button-ring-wrapper-paragraph-spacing: 0px;
        --radio-button-ring-wrapper-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="radio-button-medium-unselected"]:hover:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="radio-button-medium-unselected"]:hover:not(:disabled):not([disabled]) {
        --radio-button-ring-wrapper-height: 20px;
        --radio-button-ring-wrapper-width: 20px;
        --radio-button-ring-wrapper-font-family: sans-sarif;
        --radio-button-ring-wrapper-font-size: initial;
        --radio-button-ring-wrapper-font-weight: regular;
        --radio-button-ring-wrapper-paragraph-spacing: 0px;
        --radio-button-ring-wrapper-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="radio-button-medium-unselected"][active]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="radio-button-medium-unselected"][active]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="radio-button-medium-unselected"]:active:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="radio-button-medium-unselected"]:active:not(:disabled):not([disabled]) {
        --radio-button-ring-wrapper-height: 20px;
        --radio-button-ring-wrapper-width: 20px;
        --radio-button-ring-wrapper-font-family: sans-sarif;
        --radio-button-ring-wrapper-font-size: initial;
        --radio-button-ring-wrapper-font-weight: regular;
        --radio-button-ring-wrapper-paragraph-spacing: 0px;
        --radio-button-ring-wrapper-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="radio-button-medium-unselected"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='light'] [component-variant="radio-button-medium-unselected"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="radio-button-medium-unselected"]:focus-visible:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="radio-button-medium-unselected"]:focus-visible:not(:disabled):not([disabled]) {
        --radio-button-ring-wrapper-height: 20px;
        --radio-button-ring-wrapper-width: 20px;
        --radio-button-ring-wrapper-border-color: var(--border-border-grey-1);
        --radio-button-ring-wrapper-border-top-width: 0.8333333134651184px;
        --radio-button-ring-wrapper-border-right-width: 0.8333333134651184px;
        --radio-button-ring-wrapper-border-bottom-width: 0.8333333134651184px;
        --radio-button-ring-wrapper-border-left-width: 0.8333333134651184px;
        --radio-button-ring-wrapper-font-family: sans-sarif;
        --radio-button-ring-wrapper-font-size: initial;
        --radio-button-ring-wrapper-font-weight: regular;
        --radio-button-ring-wrapper-paragraph-spacing: 0px;
        --radio-button-ring-wrapper-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="radio-button-medium-selected"], [data-theme='light'] [component-variant="radio-button-medium-selected"] {
        --radio-button-ring-wrapper-height: 20px;
        --radio-button-ring-wrapper-width: 20px;
        --radio-button-ring-wrapper-font-family: sans-sarif;
        --radio-button-ring-wrapper-font-size: initial;
        --radio-button-ring-wrapper-font-weight: regular;
        --radio-button-ring-wrapper-paragraph-spacing: 0px;
        --radio-button-ring-wrapper-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="radio-button-medium-selected"]:hover:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="radio-button-medium-selected"]:hover:not(:disabled):not([disabled]) {
        --radio-button-ring-wrapper-height: 20px;
        --radio-button-ring-wrapper-width: 20px;
        --radio-button-ring-wrapper-font-family: sans-sarif;
        --radio-button-ring-wrapper-font-size: initial;
        --radio-button-ring-wrapper-font-weight: regular;
        --radio-button-ring-wrapper-paragraph-spacing: 0px;
        --radio-button-ring-wrapper-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="radio-button-medium-selected"][active]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="radio-button-medium-selected"][active]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="radio-button-medium-selected"]:active:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="radio-button-medium-selected"]:active:not(:disabled):not([disabled]) {
        --radio-button-ring-wrapper-height: 20px;
        --radio-button-ring-wrapper-width: 20px;
        --radio-button-ring-wrapper-font-family: sans-sarif;
        --radio-button-ring-wrapper-font-size: initial;
        --radio-button-ring-wrapper-font-weight: regular;
        --radio-button-ring-wrapper-paragraph-spacing: 0px;
        --radio-button-ring-wrapper-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="radio-button-medium-selected"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='light'] [component-variant="radio-button-medium-selected"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="radio-button-medium-selected"]:focus-visible:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="radio-button-medium-selected"]:focus-visible:not(:disabled):not([disabled]) {
        --radio-button-ring-wrapper-height: 20px;
        --radio-button-ring-wrapper-width: 20px;
        --radio-button-ring-wrapper-border-color: var(--border-border-grey-1);
        --radio-button-ring-wrapper-border-top-width: 0.8333333134651184px;
        --radio-button-ring-wrapper-border-right-width: 0.8333333134651184px;
        --radio-button-ring-wrapper-border-bottom-width: 0.8333333134651184px;
        --radio-button-ring-wrapper-border-left-width: 0.8333333134651184px;
        --radio-button-ring-wrapper-font-family: sans-sarif;
        --radio-button-ring-wrapper-font-size: initial;
        --radio-button-ring-wrapper-font-weight: regular;
        --radio-button-ring-wrapper-paragraph-spacing: 0px;
        --radio-button-ring-wrapper-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="radio-button-small-unselected"], [data-theme='light'] [component-variant="radio-button-small-unselected"] {
        --radio-button-ring-wrapper-height: 16px;
        --radio-button-ring-wrapper-width: 16px;
        --radio-button-ring-wrapper-font-family: sans-sarif;
        --radio-button-ring-wrapper-font-size: initial;
        --radio-button-ring-wrapper-font-weight: regular;
        --radio-button-ring-wrapper-paragraph-spacing: 0px;
        --radio-button-ring-wrapper-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="radio-button-small-unselected"]:hover:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="radio-button-small-unselected"]:hover:not(:disabled):not([disabled]) {
        --radio-button-ring-wrapper-height: 16px;
        --radio-button-ring-wrapper-width: 16px;
        --radio-button-ring-wrapper-font-family: sans-sarif;
        --radio-button-ring-wrapper-font-size: initial;
        --radio-button-ring-wrapper-font-weight: regular;
        --radio-button-ring-wrapper-paragraph-spacing: 0px;
        --radio-button-ring-wrapper-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="radio-button-small-unselected"][active]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="radio-button-small-unselected"][active]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="radio-button-small-unselected"]:active:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="radio-button-small-unselected"]:active:not(:disabled):not([disabled]) {
        --radio-button-ring-wrapper-height: 16px;
        --radio-button-ring-wrapper-width: 16px;
        --radio-button-ring-wrapper-font-family: sans-sarif;
        --radio-button-ring-wrapper-font-size: initial;
        --radio-button-ring-wrapper-font-weight: regular;
        --radio-button-ring-wrapper-paragraph-spacing: 0px;
        --radio-button-ring-wrapper-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="radio-button-small-unselected"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='light'] [component-variant="radio-button-small-unselected"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="radio-button-small-unselected"]:focus-visible:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="radio-button-small-unselected"]:focus-visible:not(:disabled):not([disabled]) {
        --radio-button-ring-wrapper-height: 16px;
        --radio-button-ring-wrapper-width: 16px;
        --radio-button-ring-wrapper-border-color: var(--border-border-grey-1);
        --radio-button-ring-wrapper-border-top-width: 0.6666666865348816px;
        --radio-button-ring-wrapper-border-right-width: 0.6666666865348816px;
        --radio-button-ring-wrapper-border-bottom-width: 0.6666666865348816px;
        --radio-button-ring-wrapper-border-left-width: 0.6666666865348816px;
        --radio-button-ring-wrapper-font-family: sans-sarif;
        --radio-button-ring-wrapper-font-size: initial;
        --radio-button-ring-wrapper-font-weight: regular;
        --radio-button-ring-wrapper-paragraph-spacing: 0px;
        --radio-button-ring-wrapper-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="radio-button-small-selected"], [data-theme='light'] [component-variant="radio-button-small-selected"] {
        --radio-button-ring-wrapper-height: 16px;
        --radio-button-ring-wrapper-width: 16px;
        --radio-button-ring-wrapper-font-family: sans-sarif;
        --radio-button-ring-wrapper-font-size: initial;
        --radio-button-ring-wrapper-font-weight: regular;
        --radio-button-ring-wrapper-paragraph-spacing: 0px;
        --radio-button-ring-wrapper-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="radio-button-small-selected"]:hover:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="radio-button-small-selected"]:hover:not(:disabled):not([disabled]) {
        --radio-button-ring-wrapper-height: 16px;
        --radio-button-ring-wrapper-width: 16px;
        --radio-button-ring-wrapper-font-family: sans-sarif;
        --radio-button-ring-wrapper-font-size: initial;
        --radio-button-ring-wrapper-font-weight: regular;
        --radio-button-ring-wrapper-paragraph-spacing: 0px;
        --radio-button-ring-wrapper-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="radio-button-small-selected"][active]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="radio-button-small-selected"][active]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="radio-button-small-selected"]:active:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="radio-button-small-selected"]:active:not(:disabled):not([disabled]) {
        --radio-button-ring-wrapper-height: 16px;
        --radio-button-ring-wrapper-width: 16px;
        --radio-button-ring-wrapper-font-family: sans-sarif;
        --radio-button-ring-wrapper-font-size: initial;
        --radio-button-ring-wrapper-font-weight: regular;
        --radio-button-ring-wrapper-paragraph-spacing: 0px;
        --radio-button-ring-wrapper-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="radio-button-small-selected"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='light'] [component-variant="radio-button-small-selected"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="radio-button-small-selected"]:focus-visible:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="radio-button-small-selected"]:focus-visible:not(:disabled):not([disabled]) {
        --radio-button-ring-wrapper-height: 16px;
        --radio-button-ring-wrapper-width: 16px;
        --radio-button-ring-wrapper-border-color: var(--border-border-grey-1);
        --radio-button-ring-wrapper-border-top-width: 0.6666666865348816px;
        --radio-button-ring-wrapper-border-right-width: 0.6666666865348816px;
        --radio-button-ring-wrapper-border-bottom-width: 0.6666666865348816px;
        --radio-button-ring-wrapper-border-left-width: 0.6666666865348816px;
        --radio-button-ring-wrapper-font-family: sans-sarif;
        --radio-button-ring-wrapper-font-size: initial;
        --radio-button-ring-wrapper-font-weight: regular;
        --radio-button-ring-wrapper-paragraph-spacing: 0px;
        --radio-button-ring-wrapper-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="radio-button-large-unselected"], [data-theme='light'] [component-variant="radio-button-large-unselected"] {
        --radio-button-ring-border-top-left-radius: var(--numbers-size-14);
        --radio-button-ring-border-top-right-radius: var(--numbers-size-14);
        --radio-button-ring-border-bottom-left-radius: var(--numbers-size-14);
        --radio-button-ring-border-bottom-right-radius: var(--numbers-size-14);
        --radio-button-ring-border-color: var(--interactive-surface-tertiary-default);
        --radio-button-ring-border-top-width: 2px;
        --radio-button-ring-border-right-width: 2px;
        --radio-button-ring-border-bottom-width: 2px;
        --radio-button-ring-border-left-width: 2px;
        --radio-button-ring-padding-left: 5px;
        --radio-button-ring-padding-right: 5px;
        --radio-button-ring-padding-top: 5px;
        --radio-button-ring-padding-bottom: 5px;
        --radio-button-ring-row-gap: 10px;
        --radio-button-ring-column-gap: 10px;
        --radio-button-ring-font-family: sans-sarif;
        --radio-button-ring-font-size: initial;
        --radio-button-ring-font-weight: regular;
        --radio-button-ring-paragraph-spacing: 0px;
        --radio-button-ring-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="radio-button-large-unselected"]:hover:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="radio-button-large-unselected"]:hover:not(:disabled):not([disabled]) {
        --radio-button-ring-border-top-left-radius: var(--numbers-size-14);
        --radio-button-ring-border-top-right-radius: var(--numbers-size-14);
        --radio-button-ring-border-bottom-left-radius: var(--numbers-size-14);
        --radio-button-ring-border-bottom-right-radius: var(--numbers-size-14);
        --radio-button-ring-border-color: var(--interactive-surface-tertiary-default);
        --radio-button-ring-border-top-width: 2px;
        --radio-button-ring-border-right-width: 2px;
        --radio-button-ring-border-bottom-width: 2px;
        --radio-button-ring-border-left-width: 2px;
        --radio-button-ring-padding-left: 5px;
        --radio-button-ring-padding-right: 5px;
        --radio-button-ring-padding-top: 5px;
        --radio-button-ring-padding-bottom: 5px;
        --radio-button-ring-row-gap: 10px;
        --radio-button-ring-column-gap: 10px;
        --radio-button-ring-font-family: sans-sarif;
        --radio-button-ring-font-size: initial;
        --radio-button-ring-font-weight: regular;
        --radio-button-ring-paragraph-spacing: 0px;
        --radio-button-ring-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="radio-button-large-unselected"][active]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="radio-button-large-unselected"][active]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="radio-button-large-unselected"]:active:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="radio-button-large-unselected"]:active:not(:disabled):not([disabled]) {
        --radio-button-ring-border-top-left-radius: var(--numbers-size-14);
        --radio-button-ring-border-top-right-radius: var(--numbers-size-14);
        --radio-button-ring-border-bottom-left-radius: var(--numbers-size-14);
        --radio-button-ring-border-bottom-right-radius: var(--numbers-size-14);
        --radio-button-ring-border-color: var(--interactive-surface-tertiary-default);
        --radio-button-ring-border-top-width: 2px;
        --radio-button-ring-border-right-width: 2px;
        --radio-button-ring-border-bottom-width: 2px;
        --radio-button-ring-border-left-width: 2px;
        --radio-button-ring-padding-left: 5px;
        --radio-button-ring-padding-right: 5px;
        --radio-button-ring-padding-top: 5px;
        --radio-button-ring-padding-bottom: 5px;
        --radio-button-ring-row-gap: 10px;
        --radio-button-ring-column-gap: 10px;
        --radio-button-ring-font-family: sans-sarif;
        --radio-button-ring-font-size: initial;
        --radio-button-ring-font-weight: regular;
        --radio-button-ring-paragraph-spacing: 0px;
        --radio-button-ring-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="radio-button-large-unselected"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='light'] [component-variant="radio-button-large-unselected"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="radio-button-large-unselected"]:focus-visible:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="radio-button-large-unselected"]:focus-visible:not(:disabled):not([disabled]) {
        --radio-button-ring-border-top-left-radius: var(--numbers-size-14);
        --radio-button-ring-border-top-right-radius: var(--numbers-size-14);
        --radio-button-ring-border-bottom-left-radius: var(--numbers-size-14);
        --radio-button-ring-border-bottom-right-radius: var(--numbers-size-14);
        --radio-button-ring-border-color: var(--interactive-surface-tertiary-default);
        --radio-button-ring-border-top-width: 2px;
        --radio-button-ring-border-right-width: 2px;
        --radio-button-ring-border-bottom-width: 2px;
        --radio-button-ring-border-left-width: 2px;
        --radio-button-ring-padding-left: 5px;
        --radio-button-ring-padding-right: 5px;
        --radio-button-ring-padding-top: 5px;
        --radio-button-ring-padding-bottom: 5px;
        --radio-button-ring-row-gap: 10px;
        --radio-button-ring-column-gap: 10px;
        --radio-button-ring-font-family: sans-sarif;
        --radio-button-ring-font-size: initial;
        --radio-button-ring-font-weight: regular;
        --radio-button-ring-paragraph-spacing: 0px;
        --radio-button-ring-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="radio-button-large-selected"], [data-theme='light'] [component-variant="radio-button-large-selected"] {
        --radio-button-ring-height: 19.8355712890625px;
        --radio-button-ring-width: 19.8355712890625px;
        --radio-button-ring-background-color: rgb(83, 93, 180);
        --radio-button-ring-border-top-left-radius: var(--numbers-size-14);
        --radio-button-ring-border-top-right-radius: var(--numbers-size-14);
        --radio-button-ring-border-bottom-left-radius: var(--numbers-size-14);
        --radio-button-ring-border-bottom-right-radius: var(--numbers-size-14);
        --radio-button-ring-border-color: var(--interactive-surface-primary-default);
        --radio-button-ring-border-top-width: 2px;
        --radio-button-ring-border-right-width: 2px;
        --radio-button-ring-border-bottom-width: 2px;
        --radio-button-ring-border-left-width: 2px;
        --radio-button-ring-padding-left: 5px;
        --radio-button-ring-padding-right: 5px;
        --radio-button-ring-padding-top: 5px;
        --radio-button-ring-padding-bottom: 5px;
        --radio-button-ring-row-gap: 10px;
        --radio-button-ring-column-gap: 10px;
        --radio-button-ring-font-family: sans-sarif;
        --radio-button-ring-font-size: initial;
        --radio-button-ring-font-weight: regular;
        --radio-button-ring-paragraph-spacing: 0px;
        --radio-button-ring-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="radio-button-large-selected"]:hover:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="radio-button-large-selected"]:hover:not(:disabled):not([disabled]) {
        --radio-button-ring-background-color: rgb(83, 93, 180);
        --radio-button-ring-border-top-left-radius: var(--numbers-size-14);
        --radio-button-ring-border-top-right-radius: var(--numbers-size-14);
        --radio-button-ring-border-bottom-left-radius: var(--numbers-size-14);
        --radio-button-ring-border-bottom-right-radius: var(--numbers-size-14);
        --radio-button-ring-border-color: var(--interactive-surface-primary-default);
        --radio-button-ring-border-top-width: 2px;
        --radio-button-ring-border-right-width: 2px;
        --radio-button-ring-border-bottom-width: 2px;
        --radio-button-ring-border-left-width: 2px;
        --radio-button-ring-padding-left: 5px;
        --radio-button-ring-padding-right: 5px;
        --radio-button-ring-padding-top: 5px;
        --radio-button-ring-padding-bottom: 5px;
        --radio-button-ring-row-gap: 10px;
        --radio-button-ring-column-gap: 10px;
        --radio-button-ring-font-family: sans-sarif;
        --radio-button-ring-font-size: initial;
        --radio-button-ring-font-weight: regular;
        --radio-button-ring-paragraph-spacing: 0px;
        --radio-button-ring-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="radio-button-large-selected"][active]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="radio-button-large-selected"][active]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="radio-button-large-selected"]:active:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="radio-button-large-selected"]:active:not(:disabled):not([disabled]) {
        --radio-button-ring-background-color: rgb(83, 93, 180);
        --radio-button-ring-border-top-left-radius: var(--numbers-size-14);
        --radio-button-ring-border-top-right-radius: var(--numbers-size-14);
        --radio-button-ring-border-bottom-left-radius: var(--numbers-size-14);
        --radio-button-ring-border-bottom-right-radius: var(--numbers-size-14);
        --radio-button-ring-border-color: var(--interactive-surface-primary-default);
        --radio-button-ring-border-top-width: 2px;
        --radio-button-ring-border-right-width: 2px;
        --radio-button-ring-border-bottom-width: 2px;
        --radio-button-ring-border-left-width: 2px;
        --radio-button-ring-padding-left: 5px;
        --radio-button-ring-padding-right: 5px;
        --radio-button-ring-padding-top: 5px;
        --radio-button-ring-padding-bottom: 5px;
        --radio-button-ring-row-gap: 10px;
        --radio-button-ring-column-gap: 10px;
        --radio-button-ring-font-family: sans-sarif;
        --radio-button-ring-font-size: initial;
        --radio-button-ring-font-weight: regular;
        --radio-button-ring-paragraph-spacing: 0px;
        --radio-button-ring-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="radio-button-large-selected"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='light'] [component-variant="radio-button-large-selected"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="radio-button-large-selected"]:focus-visible:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="radio-button-large-selected"]:focus-visible:not(:disabled):not([disabled]) {
        --radio-button-ring-background-color: rgb(83, 93, 180);
        --radio-button-ring-border-top-left-radius: var(--numbers-size-14);
        --radio-button-ring-border-top-right-radius: var(--numbers-size-14);
        --radio-button-ring-border-bottom-left-radius: var(--numbers-size-14);
        --radio-button-ring-border-bottom-right-radius: var(--numbers-size-14);
        --radio-button-ring-border-color: var(--interactive-surface-primary-default);
        --radio-button-ring-border-top-width: 2px;
        --radio-button-ring-border-right-width: 2px;
        --radio-button-ring-border-bottom-width: 2px;
        --radio-button-ring-border-left-width: 2px;
        --radio-button-ring-padding-left: 5px;
        --radio-button-ring-padding-right: 5px;
        --radio-button-ring-padding-top: 5px;
        --radio-button-ring-padding-bottom: 5px;
        --radio-button-ring-row-gap: 10px;
        --radio-button-ring-column-gap: 10px;
        --radio-button-ring-font-family: sans-sarif;
        --radio-button-ring-font-size: initial;
        --radio-button-ring-font-weight: regular;
        --radio-button-ring-paragraph-spacing: 0px;
        --radio-button-ring-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="radio-button-medium-unselected"], [data-theme='light'] [component-variant="radio-button-medium-unselected"] {
        --radio-button-ring-border-top-left-radius: 106.66666412353516px;
        --radio-button-ring-border-top-right-radius: 106.66666412353516px;
        --radio-button-ring-border-bottom-left-radius: 106.66666412353516px;
        --radio-button-ring-border-bottom-right-radius: 106.66666412353516px;
        --radio-button-ring-border-color: var(--interactive-surface-tertiary-default);
        --radio-button-ring-border-top-width: 1.6666666269302368px;
        --radio-button-ring-border-right-width: 1.6666666269302368px;
        --radio-button-ring-border-bottom-width: 1.6666666269302368px;
        --radio-button-ring-border-left-width: 1.6666666269302368px;
        --radio-button-ring-padding-left: 4.166666507720947px;
        --radio-button-ring-padding-right: 4.166666507720947px;
        --radio-button-ring-padding-top: 4.166666507720947px;
        --radio-button-ring-padding-bottom: 4.166666507720947px;
        --radio-button-ring-row-gap: 8.333333015441895px;
        --radio-button-ring-column-gap: 8.333333015441895px;
        --radio-button-ring-font-family: sans-sarif;
        --radio-button-ring-font-size: initial;
        --radio-button-ring-font-weight: regular;
        --radio-button-ring-paragraph-spacing: 0px;
        --radio-button-ring-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="radio-button-medium-unselected"]:hover:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="radio-button-medium-unselected"]:hover:not(:disabled):not([disabled]) {
        --radio-button-ring-border-top-left-radius: 106.66666412353516px;
        --radio-button-ring-border-top-right-radius: 106.66666412353516px;
        --radio-button-ring-border-bottom-left-radius: 106.66666412353516px;
        --radio-button-ring-border-bottom-right-radius: 106.66666412353516px;
        --radio-button-ring-border-color: var(--interactive-surface-tertiary-default);
        --radio-button-ring-border-top-width: 1.6666666269302368px;
        --radio-button-ring-border-right-width: 1.6666666269302368px;
        --radio-button-ring-border-bottom-width: 1.6666666269302368px;
        --radio-button-ring-border-left-width: 1.6666666269302368px;
        --radio-button-ring-padding-left: 4.166666507720947px;
        --radio-button-ring-padding-right: 4.166666507720947px;
        --radio-button-ring-padding-top: 4.166666507720947px;
        --radio-button-ring-padding-bottom: 4.166666507720947px;
        --radio-button-ring-row-gap: 8.333333015441895px;
        --radio-button-ring-column-gap: 8.333333015441895px;
        --radio-button-ring-font-family: sans-sarif;
        --radio-button-ring-font-size: initial;
        --radio-button-ring-font-weight: regular;
        --radio-button-ring-paragraph-spacing: 0px;
        --radio-button-ring-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="radio-button-medium-unselected"][active]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="radio-button-medium-unselected"][active]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="radio-button-medium-unselected"]:active:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="radio-button-medium-unselected"]:active:not(:disabled):not([disabled]) {
        --radio-button-ring-border-top-left-radius: 106.66666412353516px;
        --radio-button-ring-border-top-right-radius: 106.66666412353516px;
        --radio-button-ring-border-bottom-left-radius: 106.66666412353516px;
        --radio-button-ring-border-bottom-right-radius: 106.66666412353516px;
        --radio-button-ring-border-color: var(--interactive-surface-tertiary-default);
        --radio-button-ring-border-top-width: 1.6666666269302368px;
        --radio-button-ring-border-right-width: 1.6666666269302368px;
        --radio-button-ring-border-bottom-width: 1.6666666269302368px;
        --radio-button-ring-border-left-width: 1.6666666269302368px;
        --radio-button-ring-padding-left: 4.166666507720947px;
        --radio-button-ring-padding-right: 4.166666507720947px;
        --radio-button-ring-padding-top: 4.166666507720947px;
        --radio-button-ring-padding-bottom: 4.166666507720947px;
        --radio-button-ring-row-gap: 8.333333015441895px;
        --radio-button-ring-column-gap: 8.333333015441895px;
        --radio-button-ring-font-family: sans-sarif;
        --radio-button-ring-font-size: initial;
        --radio-button-ring-font-weight: regular;
        --radio-button-ring-paragraph-spacing: 0px;
        --radio-button-ring-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="radio-button-medium-unselected"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='light'] [component-variant="radio-button-medium-unselected"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="radio-button-medium-unselected"]:focus-visible:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="radio-button-medium-unselected"]:focus-visible:not(:disabled):not([disabled]) {
        --radio-button-ring-border-top-left-radius: 106.66666412353516px;
        --radio-button-ring-border-top-right-radius: 106.66666412353516px;
        --radio-button-ring-border-bottom-left-radius: 106.66666412353516px;
        --radio-button-ring-border-bottom-right-radius: 106.66666412353516px;
        --radio-button-ring-border-color: var(--interactive-surface-tertiary-default);
        --radio-button-ring-border-top-width: 1.6666666269302368px;
        --radio-button-ring-border-right-width: 1.6666666269302368px;
        --radio-button-ring-border-bottom-width: 1.6666666269302368px;
        --radio-button-ring-border-left-width: 1.6666666269302368px;
        --radio-button-ring-padding-left: 4.166666507720947px;
        --radio-button-ring-padding-right: 4.166666507720947px;
        --radio-button-ring-padding-top: 4.166666507720947px;
        --radio-button-ring-padding-bottom: 4.166666507720947px;
        --radio-button-ring-row-gap: 8.333333015441895px;
        --radio-button-ring-column-gap: 8.333333015441895px;
        --radio-button-ring-font-family: sans-sarif;
        --radio-button-ring-font-size: initial;
        --radio-button-ring-font-weight: regular;
        --radio-button-ring-paragraph-spacing: 0px;
        --radio-button-ring-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="radio-button-medium-selected"], [data-theme='light'] [component-variant="radio-button-medium-selected"] {
        --radio-button-ring-background-color: rgb(83, 93, 180);
        --radio-button-ring-border-top-left-radius: 106.66666412353516px;
        --radio-button-ring-border-top-right-radius: 106.66666412353516px;
        --radio-button-ring-border-bottom-left-radius: 106.66666412353516px;
        --radio-button-ring-border-bottom-right-radius: 106.66666412353516px;
        --radio-button-ring-border-color: var(--interactive-surface-primary-default);
        --radio-button-ring-border-top-width: 1.6666666269302368px;
        --radio-button-ring-border-right-width: 1.6666666269302368px;
        --radio-button-ring-border-bottom-width: 1.6666666269302368px;
        --radio-button-ring-border-left-width: 1.6666666269302368px;
        --radio-button-ring-padding-left: 4.166666507720947px;
        --radio-button-ring-padding-right: 4.166666507720947px;
        --radio-button-ring-padding-top: 4.166666507720947px;
        --radio-button-ring-padding-bottom: 4.166666507720947px;
        --radio-button-ring-row-gap: 8.333333015441895px;
        --radio-button-ring-column-gap: 8.333333015441895px;
        --radio-button-ring-font-family: sans-sarif;
        --radio-button-ring-font-size: initial;
        --radio-button-ring-font-weight: regular;
        --radio-button-ring-paragraph-spacing: 0px;
        --radio-button-ring-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="radio-button-medium-selected"]:hover:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="radio-button-medium-selected"]:hover:not(:disabled):not([disabled]) {
        --radio-button-ring-background-color: rgb(83, 93, 180);
        --radio-button-ring-border-top-left-radius: 106.66666412353516px;
        --radio-button-ring-border-top-right-radius: 106.66666412353516px;
        --radio-button-ring-border-bottom-left-radius: 106.66666412353516px;
        --radio-button-ring-border-bottom-right-radius: 106.66666412353516px;
        --radio-button-ring-border-color: var(--interactive-surface-primary-default);
        --radio-button-ring-border-top-width: 1.6666666269302368px;
        --radio-button-ring-border-right-width: 1.6666666269302368px;
        --radio-button-ring-border-bottom-width: 1.6666666269302368px;
        --radio-button-ring-border-left-width: 1.6666666269302368px;
        --radio-button-ring-padding-left: 4.166666507720947px;
        --radio-button-ring-padding-right: 4.166666507720947px;
        --radio-button-ring-padding-top: 4.166666507720947px;
        --radio-button-ring-padding-bottom: 4.166666507720947px;
        --radio-button-ring-row-gap: 8.333333015441895px;
        --radio-button-ring-column-gap: 8.333333015441895px;
        --radio-button-ring-font-family: sans-sarif;
        --radio-button-ring-font-size: initial;
        --radio-button-ring-font-weight: regular;
        --radio-button-ring-paragraph-spacing: 0px;
        --radio-button-ring-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="radio-button-medium-selected"][active]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="radio-button-medium-selected"][active]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="radio-button-medium-selected"]:active:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="radio-button-medium-selected"]:active:not(:disabled):not([disabled]) {
        --radio-button-ring-background-color: rgb(83, 93, 180);
        --radio-button-ring-border-top-left-radius: 106.66666412353516px;
        --radio-button-ring-border-top-right-radius: 106.66666412353516px;
        --radio-button-ring-border-bottom-left-radius: 106.66666412353516px;
        --radio-button-ring-border-bottom-right-radius: 106.66666412353516px;
        --radio-button-ring-border-color: var(--interactive-surface-primary-default);
        --radio-button-ring-border-top-width: 1.6666666269302368px;
        --radio-button-ring-border-right-width: 1.6666666269302368px;
        --radio-button-ring-border-bottom-width: 1.6666666269302368px;
        --radio-button-ring-border-left-width: 1.6666666269302368px;
        --radio-button-ring-padding-left: 4.166666507720947px;
        --radio-button-ring-padding-right: 4.166666507720947px;
        --radio-button-ring-padding-top: 4.166666507720947px;
        --radio-button-ring-padding-bottom: 4.166666507720947px;
        --radio-button-ring-row-gap: 8.333333015441895px;
        --radio-button-ring-column-gap: 8.333333015441895px;
        --radio-button-ring-font-family: sans-sarif;
        --radio-button-ring-font-size: initial;
        --radio-button-ring-font-weight: regular;
        --radio-button-ring-paragraph-spacing: 0px;
        --radio-button-ring-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="radio-button-medium-selected"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='light'] [component-variant="radio-button-medium-selected"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="radio-button-medium-selected"]:focus-visible:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="radio-button-medium-selected"]:focus-visible:not(:disabled):not([disabled]) {
        --radio-button-ring-background-color: rgb(83, 93, 180);
        --radio-button-ring-border-top-left-radius: 106.66666412353516px;
        --radio-button-ring-border-top-right-radius: 106.66666412353516px;
        --radio-button-ring-border-bottom-left-radius: 106.66666412353516px;
        --radio-button-ring-border-bottom-right-radius: 106.66666412353516px;
        --radio-button-ring-border-color: var(--interactive-surface-primary-default);
        --radio-button-ring-border-top-width: 1.6666666269302368px;
        --radio-button-ring-border-right-width: 1.6666666269302368px;
        --radio-button-ring-border-bottom-width: 1.6666666269302368px;
        --radio-button-ring-border-left-width: 1.6666666269302368px;
        --radio-button-ring-padding-left: 4.166666507720947px;
        --radio-button-ring-padding-right: 4.166666507720947px;
        --radio-button-ring-padding-top: 4.166666507720947px;
        --radio-button-ring-padding-bottom: 4.166666507720947px;
        --radio-button-ring-row-gap: 8.333333015441895px;
        --radio-button-ring-column-gap: 8.333333015441895px;
        --radio-button-ring-font-family: sans-sarif;
        --radio-button-ring-font-size: initial;
        --radio-button-ring-font-weight: regular;
        --radio-button-ring-paragraph-spacing: 0px;
        --radio-button-ring-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="radio-button-small-unselected"], [data-theme='light'] [component-variant="radio-button-small-unselected"] {
        --radio-button-ring-border-top-left-radius: 85.33333587646484px;
        --radio-button-ring-border-top-right-radius: 85.33333587646484px;
        --radio-button-ring-border-bottom-left-radius: 85.33333587646484px;
        --radio-button-ring-border-bottom-right-radius: 85.33333587646484px;
        --radio-button-ring-border-color: var(--interactive-surface-tertiary-default);
        --radio-button-ring-border-top-width: 1.3333333730697632px;
        --radio-button-ring-border-right-width: 1.3333333730697632px;
        --radio-button-ring-border-bottom-width: 1.3333333730697632px;
        --radio-button-ring-border-left-width: 1.3333333730697632px;
        --radio-button-ring-padding-left: 3.3333332538604736px;
        --radio-button-ring-padding-right: 3.3333332538604736px;
        --radio-button-ring-padding-top: 3.3333332538604736px;
        --radio-button-ring-padding-bottom: 3.3333332538604736px;
        --radio-button-ring-row-gap: 6.666666507720947px;
        --radio-button-ring-column-gap: 6.666666507720947px;
        --radio-button-ring-font-family: sans-sarif;
        --radio-button-ring-font-size: initial;
        --radio-button-ring-font-weight: regular;
        --radio-button-ring-paragraph-spacing: 0px;
        --radio-button-ring-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="radio-button-small-unselected"]:hover:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="radio-button-small-unselected"]:hover:not(:disabled):not([disabled]) {
        --radio-button-ring-border-top-left-radius: 85.33333587646484px;
        --radio-button-ring-border-top-right-radius: 85.33333587646484px;
        --radio-button-ring-border-bottom-left-radius: 85.33333587646484px;
        --radio-button-ring-border-bottom-right-radius: 85.33333587646484px;
        --radio-button-ring-border-color: var(--interactive-surface-tertiary-default);
        --radio-button-ring-border-top-width: 1.3333333730697632px;
        --radio-button-ring-border-right-width: 1.3333333730697632px;
        --radio-button-ring-border-bottom-width: 1.3333333730697632px;
        --radio-button-ring-border-left-width: 1.3333333730697632px;
        --radio-button-ring-padding-left: 3.3333332538604736px;
        --radio-button-ring-padding-right: 3.3333332538604736px;
        --radio-button-ring-padding-top: 3.3333332538604736px;
        --radio-button-ring-padding-bottom: 3.3333332538604736px;
        --radio-button-ring-row-gap: 6.666666507720947px;
        --radio-button-ring-column-gap: 6.666666507720947px;
        --radio-button-ring-font-family: sans-sarif;
        --radio-button-ring-font-size: initial;
        --radio-button-ring-font-weight: regular;
        --radio-button-ring-paragraph-spacing: 0px;
        --radio-button-ring-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="radio-button-small-unselected"][active]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="radio-button-small-unselected"][active]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="radio-button-small-unselected"]:active:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="radio-button-small-unselected"]:active:not(:disabled):not([disabled]) {
        --radio-button-ring-border-top-left-radius: 85.33333587646484px;
        --radio-button-ring-border-top-right-radius: 85.33333587646484px;
        --radio-button-ring-border-bottom-left-radius: 85.33333587646484px;
        --radio-button-ring-border-bottom-right-radius: 85.33333587646484px;
        --radio-button-ring-border-color: var(--interactive-surface-tertiary-default);
        --radio-button-ring-border-top-width: 1.3333333730697632px;
        --radio-button-ring-border-right-width: 1.3333333730697632px;
        --radio-button-ring-border-bottom-width: 1.3333333730697632px;
        --radio-button-ring-border-left-width: 1.3333333730697632px;
        --radio-button-ring-padding-left: 3.3333332538604736px;
        --radio-button-ring-padding-right: 3.3333332538604736px;
        --radio-button-ring-padding-top: 3.3333332538604736px;
        --radio-button-ring-padding-bottom: 3.3333332538604736px;
        --radio-button-ring-row-gap: 6.666666507720947px;
        --radio-button-ring-column-gap: 6.666666507720947px;
        --radio-button-ring-font-family: sans-sarif;
        --radio-button-ring-font-size: initial;
        --radio-button-ring-font-weight: regular;
        --radio-button-ring-paragraph-spacing: 0px;
        --radio-button-ring-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="radio-button-small-unselected"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='light'] [component-variant="radio-button-small-unselected"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="radio-button-small-unselected"]:focus-visible:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="radio-button-small-unselected"]:focus-visible:not(:disabled):not([disabled]) {
        --radio-button-ring-border-top-left-radius: 85.33333587646484px;
        --radio-button-ring-border-top-right-radius: 85.33333587646484px;
        --radio-button-ring-border-bottom-left-radius: 85.33333587646484px;
        --radio-button-ring-border-bottom-right-radius: 85.33333587646484px;
        --radio-button-ring-border-color: var(--interactive-surface-tertiary-default);
        --radio-button-ring-border-top-width: 1.3333333730697632px;
        --radio-button-ring-border-right-width: 1.3333333730697632px;
        --radio-button-ring-border-bottom-width: 1.3333333730697632px;
        --radio-button-ring-border-left-width: 1.3333333730697632px;
        --radio-button-ring-padding-left: 3.3333332538604736px;
        --radio-button-ring-padding-right: 3.3333332538604736px;
        --radio-button-ring-padding-top: 3.3333332538604736px;
        --radio-button-ring-padding-bottom: 3.3333332538604736px;
        --radio-button-ring-row-gap: 6.666666507720947px;
        --radio-button-ring-column-gap: 6.666666507720947px;
        --radio-button-ring-font-family: sans-sarif;
        --radio-button-ring-font-size: initial;
        --radio-button-ring-font-weight: regular;
        --radio-button-ring-paragraph-spacing: 0px;
        --radio-button-ring-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="radio-button-small-selected"], [data-theme='light'] [component-variant="radio-button-small-selected"] {
        --radio-button-ring-background-color: rgb(83, 93, 180);
        --radio-button-ring-border-top-left-radius: 85.33333587646484px;
        --radio-button-ring-border-top-right-radius: 85.33333587646484px;
        --radio-button-ring-border-bottom-left-radius: 85.33333587646484px;
        --radio-button-ring-border-bottom-right-radius: 85.33333587646484px;
        --radio-button-ring-border-color: var(--interactive-surface-primary-default);
        --radio-button-ring-border-top-width: 1.3333333730697632px;
        --radio-button-ring-border-right-width: 1.3333333730697632px;
        --radio-button-ring-border-bottom-width: 1.3333333730697632px;
        --radio-button-ring-border-left-width: 1.3333333730697632px;
        --radio-button-ring-padding-left: 3.3333332538604736px;
        --radio-button-ring-padding-right: 3.3333332538604736px;
        --radio-button-ring-padding-top: 3.3333332538604736px;
        --radio-button-ring-padding-bottom: 3.3333332538604736px;
        --radio-button-ring-row-gap: 6.666666507720947px;
        --radio-button-ring-column-gap: 6.666666507720947px;
        --radio-button-ring-font-family: sans-sarif;
        --radio-button-ring-font-size: initial;
        --radio-button-ring-font-weight: regular;
        --radio-button-ring-paragraph-spacing: 0px;
        --radio-button-ring-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="radio-button-small-selected"]:hover:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="radio-button-small-selected"]:hover:not(:disabled):not([disabled]) {
        --radio-button-ring-background-color: rgb(83, 93, 180);
        --radio-button-ring-border-top-left-radius: 85.33333587646484px;
        --radio-button-ring-border-top-right-radius: 85.33333587646484px;
        --radio-button-ring-border-bottom-left-radius: 85.33333587646484px;
        --radio-button-ring-border-bottom-right-radius: 85.33333587646484px;
        --radio-button-ring-border-color: var(--interactive-surface-primary-default);
        --radio-button-ring-border-top-width: 1.3333333730697632px;
        --radio-button-ring-border-right-width: 1.3333333730697632px;
        --radio-button-ring-border-bottom-width: 1.3333333730697632px;
        --radio-button-ring-border-left-width: 1.3333333730697632px;
        --radio-button-ring-padding-left: 3.3333332538604736px;
        --radio-button-ring-padding-right: 3.3333332538604736px;
        --radio-button-ring-padding-top: 3.3333332538604736px;
        --radio-button-ring-padding-bottom: 3.3333332538604736px;
        --radio-button-ring-row-gap: 6.666666507720947px;
        --radio-button-ring-column-gap: 6.666666507720947px;
        --radio-button-ring-font-family: sans-sarif;
        --radio-button-ring-font-size: initial;
        --radio-button-ring-font-weight: regular;
        --radio-button-ring-paragraph-spacing: 0px;
        --radio-button-ring-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="radio-button-small-selected"][active]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="radio-button-small-selected"][active]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="radio-button-small-selected"]:active:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="radio-button-small-selected"]:active:not(:disabled):not([disabled]) {
        --radio-button-ring-background-color: rgb(83, 93, 180);
        --radio-button-ring-border-top-left-radius: 85.33333587646484px;
        --radio-button-ring-border-top-right-radius: 85.33333587646484px;
        --radio-button-ring-border-bottom-left-radius: 85.33333587646484px;
        --radio-button-ring-border-bottom-right-radius: 85.33333587646484px;
        --radio-button-ring-border-color: var(--interactive-surface-primary-default);
        --radio-button-ring-border-top-width: 1.3333333730697632px;
        --radio-button-ring-border-right-width: 1.3333333730697632px;
        --radio-button-ring-border-bottom-width: 1.3333333730697632px;
        --radio-button-ring-border-left-width: 1.3333333730697632px;
        --radio-button-ring-padding-left: 3.3333332538604736px;
        --radio-button-ring-padding-right: 3.3333332538604736px;
        --radio-button-ring-padding-top: 3.3333332538604736px;
        --radio-button-ring-padding-bottom: 3.3333332538604736px;
        --radio-button-ring-row-gap: 6.666666507720947px;
        --radio-button-ring-column-gap: 6.666666507720947px;
        --radio-button-ring-font-family: sans-sarif;
        --radio-button-ring-font-size: initial;
        --radio-button-ring-font-weight: regular;
        --radio-button-ring-paragraph-spacing: 0px;
        --radio-button-ring-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="radio-button-small-selected"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='light'] [component-variant="radio-button-small-selected"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="radio-button-small-selected"]:focus-visible:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="radio-button-small-selected"]:focus-visible:not(:disabled):not([disabled]) {
        --radio-button-ring-background-color: rgb(83, 93, 180);
        --radio-button-ring-border-top-left-radius: 85.33333587646484px;
        --radio-button-ring-border-top-right-radius: 85.33333587646484px;
        --radio-button-ring-border-bottom-left-radius: 85.33333587646484px;
        --radio-button-ring-border-bottom-right-radius: 85.33333587646484px;
        --radio-button-ring-border-color: var(--interactive-surface-primary-default);
        --radio-button-ring-border-top-width: 1.3333333730697632px;
        --radio-button-ring-border-right-width: 1.3333333730697632px;
        --radio-button-ring-border-bottom-width: 1.3333333730697632px;
        --radio-button-ring-border-left-width: 1.3333333730697632px;
        --radio-button-ring-padding-left: 3.3333332538604736px;
        --radio-button-ring-padding-right: 3.3333332538604736px;
        --radio-button-ring-padding-top: 3.3333332538604736px;
        --radio-button-ring-padding-bottom: 3.3333332538604736px;
        --radio-button-ring-row-gap: 6.666666507720947px;
        --radio-button-ring-column-gap: 6.666666507720947px;
        --radio-button-ring-font-family: sans-sarif;
        --radio-button-ring-font-size: initial;
        --radio-button-ring-font-weight: regular;
        --radio-button-ring-paragraph-spacing: 0px;
        --radio-button-ring-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="radio-button-large-selected"], [data-theme='light'] [component-variant="radio-button-large-selected"] {
        --radio-button-dot-height: 9.8355712890625px;
        --radio-button-dot-width: 9.8355712890625px;
        --radio-button-dot-background-color: var(--interactive-surface-primary-default);
        --radio-button-dot-font-family: sans-sarif;
        --radio-button-dot-font-size: initial;
        --radio-button-dot-font-weight: regular;
        --radio-button-dot-paragraph-spacing: 0px;
        --radio-button-dot-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="radio-button-large-selected"]:hover:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="radio-button-large-selected"]:hover:not(:disabled):not([disabled]) {
        --radio-button-dot-height: 9.8355712890625px;
        --radio-button-dot-width: 9.8355712890625px;
        --radio-button-dot-background-color: var(--interactive-surface-primary-default);
        --radio-button-dot-font-family: sans-sarif;
        --radio-button-dot-font-size: initial;
        --radio-button-dot-font-weight: regular;
        --radio-button-dot-paragraph-spacing: 0px;
        --radio-button-dot-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="radio-button-large-selected"][active]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="radio-button-large-selected"][active]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="radio-button-large-selected"]:active:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="radio-button-large-selected"]:active:not(:disabled):not([disabled]) {
        --radio-button-dot-height: 9.8355712890625px;
        --radio-button-dot-width: 9.8355712890625px;
        --radio-button-dot-background-color: var(--interactive-surface-primary-default);
        --radio-button-dot-font-family: sans-sarif;
        --radio-button-dot-font-size: initial;
        --radio-button-dot-font-weight: regular;
        --radio-button-dot-paragraph-spacing: 0px;
        --radio-button-dot-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="radio-button-large-selected"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='light'] [component-variant="radio-button-large-selected"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="radio-button-large-selected"]:focus-visible:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="radio-button-large-selected"]:focus-visible:not(:disabled):not([disabled]) {
        --radio-button-dot-height: 9.8355712890625px;
        --radio-button-dot-width: 9.8355712890625px;
        --radio-button-dot-background-color: var(--interactive-surface-primary-default);
        --radio-button-dot-font-family: sans-sarif;
        --radio-button-dot-font-size: initial;
        --radio-button-dot-font-weight: regular;
        --radio-button-dot-paragraph-spacing: 0px;
        --radio-button-dot-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="radio-button-medium-selected"], [data-theme='light'] [component-variant="radio-button-medium-selected"] {
        --radio-button-dot-height: 8.196309089660645px;
        --radio-button-dot-width: 8.196309089660645px;
        --radio-button-dot-background-color: var(--interactive-surface-primary-default);
        --radio-button-dot-font-family: sans-sarif;
        --radio-button-dot-font-size: initial;
        --radio-button-dot-font-weight: regular;
        --radio-button-dot-paragraph-spacing: 0px;
        --radio-button-dot-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="radio-button-medium-selected"]:hover:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="radio-button-medium-selected"]:hover:not(:disabled):not([disabled]) {
        --radio-button-dot-height: 8.196309089660645px;
        --radio-button-dot-width: 8.196309089660645px;
        --radio-button-dot-background-color: var(--interactive-surface-primary-default);
        --radio-button-dot-font-family: sans-sarif;
        --radio-button-dot-font-size: initial;
        --radio-button-dot-font-weight: regular;
        --radio-button-dot-paragraph-spacing: 0px;
        --radio-button-dot-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="radio-button-medium-selected"][active]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="radio-button-medium-selected"][active]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="radio-button-medium-selected"]:active:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="radio-button-medium-selected"]:active:not(:disabled):not([disabled]) {
        --radio-button-dot-height: 8.196309089660645px;
        --radio-button-dot-width: 8.196309089660645px;
        --radio-button-dot-background-color: var(--interactive-surface-primary-default);
        --radio-button-dot-font-family: sans-sarif;
        --radio-button-dot-font-size: initial;
        --radio-button-dot-font-weight: regular;
        --radio-button-dot-paragraph-spacing: 0px;
        --radio-button-dot-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="radio-button-medium-selected"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='light'] [component-variant="radio-button-medium-selected"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="radio-button-medium-selected"]:focus-visible:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="radio-button-medium-selected"]:focus-visible:not(:disabled):not([disabled]) {
        --radio-button-dot-height: 8.196309089660645px;
        --radio-button-dot-width: 8.196309089660645px;
        --radio-button-dot-background-color: var(--interactive-surface-primary-default);
        --radio-button-dot-font-family: sans-sarif;
        --radio-button-dot-font-size: initial;
        --radio-button-dot-font-weight: regular;
        --radio-button-dot-paragraph-spacing: 0px;
        --radio-button-dot-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="radio-button-small-selected"], [data-theme='light'] [component-variant="radio-button-small-selected"] {
        --radio-button-dot-height: 6.557047367095947px;
        --radio-button-dot-width: 6.557047367095947px;
        --radio-button-dot-background-color: var(--interactive-surface-primary-default);
        --radio-button-dot-font-family: sans-sarif;
        --radio-button-dot-font-size: initial;
        --radio-button-dot-font-weight: regular;
        --radio-button-dot-paragraph-spacing: 0px;
        --radio-button-dot-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="radio-button-small-selected"]:hover:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="radio-button-small-selected"]:hover:not(:disabled):not([disabled]) {
        --radio-button-dot-height: 6.557047367095947px;
        --radio-button-dot-width: 6.557047367095947px;
        --radio-button-dot-background-color: var(--interactive-surface-primary-default);
        --radio-button-dot-font-family: sans-sarif;
        --radio-button-dot-font-size: initial;
        --radio-button-dot-font-weight: regular;
        --radio-button-dot-paragraph-spacing: 0px;
        --radio-button-dot-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="radio-button-small-selected"][active]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="radio-button-small-selected"][active]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="radio-button-small-selected"]:active:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="radio-button-small-selected"]:active:not(:disabled):not([disabled]) {
        --radio-button-dot-height: 6.557047367095947px;
        --radio-button-dot-width: 6.557047367095947px;
        --radio-button-dot-background-color: var(--interactive-surface-primary-default);
        --radio-button-dot-font-family: sans-sarif;
        --radio-button-dot-font-size: initial;
        --radio-button-dot-font-weight: regular;
        --radio-button-dot-paragraph-spacing: 0px;
        --radio-button-dot-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="radio-button-small-selected"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='light'] [component-variant="radio-button-small-selected"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="radio-button-small-selected"]:focus-visible:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="radio-button-small-selected"]:focus-visible:not(:disabled):not([disabled]) {
        --radio-button-dot-height: 6.557047367095947px;
        --radio-button-dot-width: 6.557047367095947px;
        --radio-button-dot-background-color: var(--interactive-surface-primary-default);
        --radio-button-dot-font-family: sans-sarif;
        --radio-button-dot-font-size: initial;
        --radio-button-dot-font-weight: regular;
        --radio-button-dot-paragraph-spacing: 0px;
        --radio-button-dot-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant^="checkbox-item-"], [data-theme='light'] [component-variant^="checkbox-item-"] {
        --checkbox-item-opacity: 1;
        --checkbox-item-height: auto;
        --checkbox-item-min-height: auto;
        --checkbox-item-max-height: none;
        --checkbox-item-width: auto;
        --checkbox-item-min-width: auto;
        --checkbox-item-max-width: none;
        --checkbox-item-background-color: transparent;
        --checkbox-item-fill: currentcolor;
        --checkbox-item-border-top-left-radius: 0px;
        --checkbox-item-border-top-right-radius: 0px;
        --checkbox-item-border-bottom-left-radius: 0px;
        --checkbox-item-border-bottom-right-radius: 0px;
        --checkbox-item-border-color: transparent;
        --checkbox-item-border-style: solid;
        --checkbox-item-border-gap: normal;
        --checkbox-item-border-dash: none;
        --checkbox-item-border-top-width: 0px;
        --checkbox-item-border-right-width: 0px;
        --checkbox-item-border-bottom-width: 0px;
        --checkbox-item-border-left-width: 0px;
        --checkbox-item-outline-color: auto;
        --checkbox-item-outline-style: solid;
        --checkbox-item-outline-width: 0px;
        --checkbox-item-padding-left: 0px;
        --checkbox-item-padding-right: 0px;
        --checkbox-item-padding-top: 0px;
        --checkbox-item-padding-bottom: 0px;
        --checkbox-item-row-gap: 0px;
        --checkbox-item-column-gap: 0px;
        --checkbox-item-font-family: sans-serif;
        --checkbox-item-font-size: medium;
        --checkbox-item-color: currentcolor;
        --checkbox-item-letter-spacing: normal;
        --checkbox-item-line-height: normal;
        --checkbox-item-paragraph-spacing: ;
        --checkbox-item-paragraph-indent: 
    }
[data-theme='dark'] [component-variant="checkbox-item-unselected"], [data-theme='light'] [component-variant="checkbox-item-unselected"] {
        --checkbox-item-height: 32px;
        --checkbox-item-width: 100%;
        --checkbox-item-background-color: var(--interactive-surface-secondary-default);
        --checkbox-item-color: var(--text-primary);
        --checkbox-item-border-top-left-radius: var(--spacing-space-3);
        --checkbox-item-border-top-right-radius: var(--spacing-space-3);
        --checkbox-item-border-bottom-left-radius: var(--spacing-space-3);
        --checkbox-item-border-bottom-right-radius: var(--spacing-space-3);
        --checkbox-item-padding-left: var(--spacing-space-5);
        --checkbox-item-padding-right: var(--spacing-space-5);
        --checkbox-item-padding-top: var(--spacing-space-5);
        --checkbox-item-padding-bottom: var(--spacing-space-5);
        --checkbox-item-row-gap: 8px;
        --checkbox-item-column-gap: 8px;
        --checkbox-item-font-family: var(--font-family-body);
        --checkbox-item-font-size: var(--font-size-body-small);
        --checkbox-item-font-weight: var(--font-weight-regular);
        --checkbox-item-line-height: var(--line-height-body-small);
        --checkbox-item-paragraph-spacing: 0px;
        --checkbox-item-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="checkbox-item-unselected"]:hover:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="checkbox-item-unselected"]:hover:not(:disabled):not([disabled]) {
        --checkbox-item-height: 32px;
        --checkbox-item-width: 100%;
        --checkbox-item-background-color: var(--interactive-surface-secondary-hover);
        --checkbox-item-color: var(--text-primary);
        --checkbox-item-border-top-left-radius: var(--spacing-space-3);
        --checkbox-item-border-top-right-radius: var(--spacing-space-3);
        --checkbox-item-border-bottom-left-radius: var(--spacing-space-3);
        --checkbox-item-border-bottom-right-radius: var(--spacing-space-3);
        --checkbox-item-padding-left: var(--spacing-space-5);
        --checkbox-item-padding-right: var(--spacing-space-5);
        --checkbox-item-row-gap: 8px;
        --checkbox-item-column-gap: 8px;
        --checkbox-item-font-family: var(--font-family-body);
        --checkbox-item-font-size: var(--font-size-body-small);
        --checkbox-item-font-weight: var(--font-weight-regular);
        --checkbox-item-line-height: var(--line-height-body-small);
        --checkbox-item-paragraph-spacing: 0px;
        --checkbox-item-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="checkbox-item-unselected"][active]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="checkbox-item-unselected"][active]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="checkbox-item-unselected"]:active:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="checkbox-item-unselected"]:active:not(:disabled):not([disabled]) {
        --checkbox-item-height: 32px;
        --checkbox-item-width: 100%;
        --checkbox-item-background-color: var(--interactive-surface-secondary-hover);
        --checkbox-item-color: var(--text-primary);
        --checkbox-item-border-top-left-radius: var(--spacing-space-3);
        --checkbox-item-border-top-right-radius: var(--spacing-space-3);
        --checkbox-item-border-bottom-left-radius: var(--spacing-space-3);
        --checkbox-item-border-bottom-right-radius: var(--spacing-space-3);
        --checkbox-item-padding-left: var(--spacing-space-5);
        --checkbox-item-padding-right: var(--spacing-space-5);
        --checkbox-item-padding-top: var(--spacing-space-5);
        --checkbox-item-padding-bottom: var(--spacing-space-5);
        --checkbox-item-row-gap: 8px;
        --checkbox-item-column-gap: 8px;
        --checkbox-item-font-family: var(--font-family-body);
        --checkbox-item-font-size: var(--font-size-body-small);
        --checkbox-item-font-weight: var(--font-weight-regular);
        --checkbox-item-line-height: var(--line-height-body-small);
        --checkbox-item-paragraph-spacing: 0px;
        --checkbox-item-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="checkbox-item-unselected"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='light'] [component-variant="checkbox-item-unselected"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="checkbox-item-unselected"]:focus-visible:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="checkbox-item-unselected"]:focus-visible:not(:disabled):not([disabled]) {
        --checkbox-item-height: 32px;
        --checkbox-item-width: 100%;
        --checkbox-item-background-color: var(--interactive-surface-secondary-hover);
        --checkbox-item-color: var(--text-primary);
        --checkbox-item-border-top-left-radius: var(--spacing-space-3);
        --checkbox-item-border-top-right-radius: var(--spacing-space-3);
        --checkbox-item-border-bottom-left-radius: var(--spacing-space-3);
        --checkbox-item-border-bottom-right-radius: var(--spacing-space-3);
        --checkbox-item-border-color: var(--border-border-grey-1);
        --checkbox-item-border-top-width: 1px;
        --checkbox-item-border-right-width: 1px;
        --checkbox-item-border-bottom-width: 1px;
        --checkbox-item-border-left-width: 1px;
        --checkbox-item-padding-left: var(--spacing-space-5);
        --checkbox-item-padding-right: var(--spacing-space-5);
        --checkbox-item-padding-top: var(--spacing-space-5);
        --checkbox-item-padding-bottom: var(--spacing-space-5);
        --checkbox-item-row-gap: 8px;
        --checkbox-item-column-gap: 8px;
        --checkbox-item-font-family: var(--font-family-body);
        --checkbox-item-font-size: var(--font-size-body-small);
        --checkbox-item-font-weight: var(--font-weight-regular);
        --checkbox-item-line-height: var(--line-height-body-small);
        --checkbox-item-paragraph-spacing: 0px;
        --checkbox-item-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="checkbox-item-selected"], [data-theme='light'] [component-variant="checkbox-item-selected"] {
        --checkbox-item-height: 32px;
        --checkbox-item-width: 100%;
        --checkbox-item-background-color: var(--interactive-surface-secondary-default);
        --checkbox-item-color: var(--text-primary);
        --checkbox-item-border-top-left-radius: var(--spacing-space-3);
        --checkbox-item-border-top-right-radius: var(--spacing-space-3);
        --checkbox-item-border-bottom-left-radius: var(--spacing-space-3);
        --checkbox-item-border-bottom-right-radius: var(--spacing-space-3);
        --checkbox-item-padding-left: var(--spacing-space-5);
        --checkbox-item-padding-right: var(--spacing-space-5);
        --checkbox-item-padding-top: var(--spacing-space-5);
        --checkbox-item-padding-bottom: var(--spacing-space-5);
        --checkbox-item-row-gap: 8px;
        --checkbox-item-column-gap: 8px;
        --checkbox-item-font-family: var(--font-family-body);
        --checkbox-item-font-size: var(--font-size-body-small);
        --checkbox-item-font-weight: var(--font-weight-regular);
        --checkbox-item-line-height: var(--line-height-body-small);
        --checkbox-item-paragraph-spacing: 0px;
        --checkbox-item-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="checkbox-item-selected"]:hover:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="checkbox-item-selected"]:hover:not(:disabled):not([disabled]) {
        --checkbox-item-height: 32px;
        --checkbox-item-width: 100%;
        --checkbox-item-background-color: var(--interactive-surface-secondary-hover);
        --checkbox-item-color: var(--text-primary);
        --checkbox-item-border-top-left-radius: var(--spacing-space-3);
        --checkbox-item-border-top-right-radius: var(--spacing-space-3);
        --checkbox-item-border-bottom-left-radius: var(--spacing-space-3);
        --checkbox-item-border-bottom-right-radius: var(--spacing-space-3);
        --checkbox-item-padding-left: var(--spacing-space-5);
        --checkbox-item-padding-right: var(--spacing-space-5);
        --checkbox-item-padding-top: var(--spacing-space-5);
        --checkbox-item-padding-bottom: var(--spacing-space-5);
        --checkbox-item-row-gap: 8px;
        --checkbox-item-column-gap: 8px;
        --checkbox-item-font-family: var(--font-family-body);
        --checkbox-item-font-size: var(--font-size-body-small);
        --checkbox-item-font-weight: var(--font-weight-regular);
        --checkbox-item-line-height: var(--line-height-body-small);
        --checkbox-item-paragraph-spacing: 0px;
        --checkbox-item-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="checkbox-item-selected"][active]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="checkbox-item-selected"][active]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="checkbox-item-selected"]:active:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="checkbox-item-selected"]:active:not(:disabled):not([disabled]) {
        --checkbox-item-height: 32px;
        --checkbox-item-width: 100%;
        --checkbox-item-background-color: var(--interactive-surface-secondary-hover);
        --checkbox-item-color: var(--text-primary);
        --checkbox-item-border-top-left-radius: var(--spacing-space-3);
        --checkbox-item-border-top-right-radius: var(--spacing-space-3);
        --checkbox-item-border-bottom-left-radius: var(--spacing-space-3);
        --checkbox-item-border-bottom-right-radius: var(--spacing-space-3);
        --checkbox-item-padding-left: var(--spacing-space-5);
        --checkbox-item-padding-right: var(--spacing-space-5);
        --checkbox-item-padding-top: var(--spacing-space-5);
        --checkbox-item-padding-bottom: var(--spacing-space-5);
        --checkbox-item-row-gap: 8px;
        --checkbox-item-column-gap: 8px;
        --checkbox-item-font-family: var(--font-family-body);
        --checkbox-item-font-size: var(--font-size-body-small);
        --checkbox-item-font-weight: var(--font-weight-regular);
        --checkbox-item-line-height: var(--line-height-body-small);
        --checkbox-item-paragraph-spacing: 0px;
        --checkbox-item-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="checkbox-item-selected"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='light'] [component-variant="checkbox-item-selected"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="checkbox-item-selected"]:focus-visible:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="checkbox-item-selected"]:focus-visible:not(:disabled):not([disabled]) {
        --checkbox-item-height: 32px;
        --checkbox-item-width: 100%;
        --checkbox-item-background-color: var(--interactive-surface-secondary-hover);
        --checkbox-item-color: var(--text-primary);
        --checkbox-item-border-top-left-radius: var(--spacing-space-3);
        --checkbox-item-border-top-right-radius: var(--spacing-space-3);
        --checkbox-item-border-bottom-left-radius: var(--spacing-space-3);
        --checkbox-item-border-bottom-right-radius: var(--spacing-space-3);
        --checkbox-item-border-color: var(--border-border-grey-1);
        --checkbox-item-border-top-width: 1px;
        --checkbox-item-border-right-width: 1px;
        --checkbox-item-border-bottom-width: 1px;
        --checkbox-item-border-left-width: 1px;
        --checkbox-item-padding-left: var(--spacing-space-5);
        --checkbox-item-padding-right: var(--spacing-space-5);
        --checkbox-item-padding-top: var(--spacing-space-5);
        --checkbox-item-padding-bottom: var(--spacing-space-5);
        --checkbox-item-row-gap: 8px;
        --checkbox-item-column-gap: 8px;
        --checkbox-item-font-family: var(--font-family-body);
        --checkbox-item-font-size: var(--font-size-body-small);
        --checkbox-item-font-weight: var(--font-weight-regular);
        --checkbox-item-line-height: var(--line-height-body-small);
        --checkbox-item-paragraph-spacing: 0px;
        --checkbox-item-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant^="radio-button-item-"], [data-theme='light'] [component-variant^="radio-button-item-"] {
        --radio-button-item-opacity: 1;
        --radio-button-item-height: auto;
        --radio-button-item-min-height: auto;
        --radio-button-item-max-height: none;
        --radio-button-item-width: auto;
        --radio-button-item-min-width: auto;
        --radio-button-item-max-width: none;
        --radio-button-item-background-color: transparent;
        --radio-button-item-fill: currentcolor;
        --radio-button-item-border-top-left-radius: 0px;
        --radio-button-item-border-top-right-radius: 0px;
        --radio-button-item-border-bottom-left-radius: 0px;
        --radio-button-item-border-bottom-right-radius: 0px;
        --radio-button-item-border-color: transparent;
        --radio-button-item-border-style: solid;
        --radio-button-item-border-gap: normal;
        --radio-button-item-border-dash: none;
        --radio-button-item-border-top-width: 0px;
        --radio-button-item-border-right-width: 0px;
        --radio-button-item-border-bottom-width: 0px;
        --radio-button-item-border-left-width: 0px;
        --radio-button-item-outline-color: auto;
        --radio-button-item-outline-style: solid;
        --radio-button-item-outline-width: 0px;
        --radio-button-item-padding-left: 0px;
        --radio-button-item-padding-right: 0px;
        --radio-button-item-padding-top: 0px;
        --radio-button-item-padding-bottom: 0px;
        --radio-button-item-row-gap: 0px;
        --radio-button-item-column-gap: 0px;
        --radio-button-item-font-family: sans-serif;
        --radio-button-item-font-size: medium;
        --radio-button-item-color: currentcolor;
        --radio-button-item-letter-spacing: normal;
        --radio-button-item-line-height: normal;
        --radio-button-item-paragraph-spacing: ;
        --radio-button-item-paragraph-indent: 
    }
[data-theme='dark'] [component-variant="radio-button-item-unselected"], [data-theme='light'] [component-variant="radio-button-item-unselected"] {
        --radio-button-item-height: 32px;
        --radio-button-item-width: 100%;
        --radio-button-item-background-color: var(--interactive-surface-secondary-default);
        --radio-button-item-color: var(--text-primary);
        --radio-button-item-border-top-left-radius: var(--spacing-space-3);
        --radio-button-item-border-top-right-radius: var(--spacing-space-3);
        --radio-button-item-border-bottom-left-radius: var(--spacing-space-3);
        --radio-button-item-border-bottom-right-radius: var(--spacing-space-3);
        --radio-button-item-padding-left: var(--spacing-space-5);
        --radio-button-item-padding-right: var(--spacing-space-5);
        --radio-button-item-padding-top: var(--spacing-space-5);
        --radio-button-item-padding-bottom: var(--spacing-space-5);
        --radio-button-item-row-gap: var(--spacing-space-5);
        --radio-button-item-column-gap: var(--spacing-space-5);
        --radio-button-item-font-family: var(--font-family-body);
        --radio-button-item-font-size: var(--font-size-body-small);
        --radio-button-item-font-weight: var(--font-weight-regular);
        --radio-button-item-line-height: var(--line-height-body-small);
        --radio-button-item-paragraph-spacing: 0px;
        --radio-button-item-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="radio-button-item-unselected"]:hover:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="radio-button-item-unselected"]:hover:not(:disabled):not([disabled]) {
        --radio-button-item-height: 32px;
        --radio-button-item-width: 100%;
        --radio-button-item-background-color: var(--interactive-surface-secondary-hover);
        --radio-button-item-color: var(--text-primary);
        --radio-button-item-border-top-left-radius: var(--spacing-space-3);
        --radio-button-item-border-top-right-radius: var(--spacing-space-3);
        --radio-button-item-border-bottom-left-radius: var(--spacing-space-3);
        --radio-button-item-border-bottom-right-radius: var(--spacing-space-3);
        --radio-button-item-padding-left: var(--spacing-space-5);
        --radio-button-item-padding-right: var(--spacing-space-5);
        --radio-button-item-row-gap: var(--numbers-size-4);
        --radio-button-item-column-gap: var(--numbers-size-4);
        --radio-button-item-font-family: var(--font-family-body);
        --radio-button-item-font-size: var(--font-size-body-small);
        --radio-button-item-font-weight: var(--font-weight-regular);
        --radio-button-item-line-height: var(--line-height-body-small);
        --radio-button-item-paragraph-spacing: 0px;
        --radio-button-item-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="radio-button-item-unselected"][active]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="radio-button-item-unselected"][active]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="radio-button-item-unselected"]:active:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="radio-button-item-unselected"]:active:not(:disabled):not([disabled]) {
        --radio-button-item-height: 32px;
        --radio-button-item-width: 100%;
        --radio-button-item-background-color: var(--interactive-surface-secondary-hover);
        --radio-button-item-color: var(--text-primary);
        --radio-button-item-border-top-left-radius: var(--spacing-space-3);
        --radio-button-item-border-top-right-radius: var(--spacing-space-3);
        --radio-button-item-border-bottom-left-radius: var(--spacing-space-3);
        --radio-button-item-border-bottom-right-radius: var(--spacing-space-3);
        --radio-button-item-padding-left: var(--spacing-space-5);
        --radio-button-item-padding-right: var(--spacing-space-5);
        --radio-button-item-padding-top: var(--spacing-space-5);
        --radio-button-item-padding-bottom: var(--spacing-space-5);
        --radio-button-item-row-gap: var(--spacing-space-5);
        --radio-button-item-column-gap: var(--spacing-space-5);
        --radio-button-item-font-family: var(--font-family-body);
        --radio-button-item-font-size: var(--font-size-body-small);
        --radio-button-item-font-weight: var(--font-weight-regular);
        --radio-button-item-line-height: var(--line-height-body-small);
        --radio-button-item-paragraph-spacing: 0px;
        --radio-button-item-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="radio-button-item-unselected"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='light'] [component-variant="radio-button-item-unselected"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="radio-button-item-unselected"]:focus-visible:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="radio-button-item-unselected"]:focus-visible:not(:disabled):not([disabled]) {
        --radio-button-item-height: 32px;
        --radio-button-item-width: 100%;
        --radio-button-item-background-color: var(--interactive-surface-secondary-hover);
        --radio-button-item-color: var(--text-primary);
        --radio-button-item-border-top-left-radius: var(--spacing-space-3);
        --radio-button-item-border-top-right-radius: var(--spacing-space-3);
        --radio-button-item-border-bottom-left-radius: var(--spacing-space-3);
        --radio-button-item-border-bottom-right-radius: var(--spacing-space-3);
        --radio-button-item-border-color: var(--border-border-grey-1);
        --radio-button-item-border-top-width: 1px;
        --radio-button-item-border-right-width: 1px;
        --radio-button-item-border-bottom-width: 1px;
        --radio-button-item-border-left-width: 1px;
        --radio-button-item-padding-left: var(--spacing-space-5);
        --radio-button-item-padding-right: var(--spacing-space-5);
        --radio-button-item-padding-top: var(--spacing-space-5);
        --radio-button-item-padding-bottom: var(--spacing-space-5);
        --radio-button-item-row-gap: var(--spacing-space-5);
        --radio-button-item-column-gap: var(--spacing-space-5);
        --radio-button-item-font-family: var(--font-family-body);
        --radio-button-item-font-size: var(--font-size-body-small);
        --radio-button-item-font-weight: var(--font-weight-regular);
        --radio-button-item-line-height: var(--line-height-body-small);
        --radio-button-item-paragraph-spacing: 0px;
        --radio-button-item-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="radio-button-item-selected"], [data-theme='light'] [component-variant="radio-button-item-selected"] {
        --radio-button-item-height: 32px;
        --radio-button-item-width: 100%;
        --radio-button-item-background-color: var(--interactive-surface-secondary-default);
        --radio-button-item-color: var(--text-primary);
        --radio-button-item-border-top-left-radius: var(--spacing-space-3);
        --radio-button-item-border-top-right-radius: var(--spacing-space-3);
        --radio-button-item-border-bottom-left-radius: var(--spacing-space-3);
        --radio-button-item-border-bottom-right-radius: var(--spacing-space-3);
        --radio-button-item-padding-left: var(--spacing-space-5);
        --radio-button-item-padding-right: var(--spacing-space-5);
        --radio-button-item-padding-top: var(--spacing-space-5);
        --radio-button-item-padding-bottom: var(--spacing-space-5);
        --radio-button-item-row-gap: var(--spacing-space-5);
        --radio-button-item-column-gap: var(--spacing-space-5);
        --radio-button-item-font-family: var(--font-family-body);
        --radio-button-item-font-size: var(--font-size-body-small);
        --radio-button-item-font-weight: var(--font-weight-regular);
        --radio-button-item-line-height: var(--line-height-body-small);
        --radio-button-item-paragraph-spacing: 0px;
        --radio-button-item-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="radio-button-item-selected"]:hover:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="radio-button-item-selected"]:hover:not(:disabled):not([disabled]) {
        --radio-button-item-height: 32px;
        --radio-button-item-width: 100%;
        --radio-button-item-background-color: var(--interactive-surface-secondary-hover);
        --radio-button-item-color: var(--text-primary);
        --radio-button-item-border-top-left-radius: var(--spacing-space-3);
        --radio-button-item-border-top-right-radius: var(--spacing-space-3);
        --radio-button-item-border-bottom-left-radius: var(--spacing-space-3);
        --radio-button-item-border-bottom-right-radius: var(--spacing-space-3);
        --radio-button-item-padding-left: var(--spacing-space-5);
        --radio-button-item-padding-right: var(--spacing-space-5);
        --radio-button-item-padding-top: var(--spacing-space-5);
        --radio-button-item-padding-bottom: var(--spacing-space-5);
        --radio-button-item-row-gap: 8px;
        --radio-button-item-column-gap: 8px;
        --radio-button-item-font-family: var(--font-family-body);
        --radio-button-item-font-size: var(--font-size-body-small);
        --radio-button-item-font-weight: var(--font-weight-regular);
        --radio-button-item-line-height: var(--line-height-body-small);
        --radio-button-item-paragraph-spacing: 0px;
        --radio-button-item-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="radio-button-item-selected"][active]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="radio-button-item-selected"][active]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="radio-button-item-selected"]:active:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="radio-button-item-selected"]:active:not(:disabled):not([disabled]) {
        --radio-button-item-height: 32px;
        --radio-button-item-width: 100%;
        --radio-button-item-background-color: var(--interactive-surface-secondary-hover);
        --radio-button-item-color: var(--text-primary);
        --radio-button-item-border-top-left-radius: var(--spacing-space-3);
        --radio-button-item-border-top-right-radius: var(--spacing-space-3);
        --radio-button-item-border-bottom-left-radius: var(--spacing-space-3);
        --radio-button-item-border-bottom-right-radius: var(--spacing-space-3);
        --radio-button-item-padding-left: var(--spacing-space-5);
        --radio-button-item-padding-right: var(--spacing-space-5);
        --radio-button-item-padding-top: var(--spacing-space-5);
        --radio-button-item-padding-bottom: var(--spacing-space-5);
        --radio-button-item-row-gap: var(--numbers-size-4);
        --radio-button-item-column-gap: var(--numbers-size-4);
        --radio-button-item-font-family: var(--font-family-body);
        --radio-button-item-font-size: var(--font-size-body-small);
        --radio-button-item-font-weight: var(--font-weight-regular);
        --radio-button-item-line-height: var(--line-height-body-small);
        --radio-button-item-paragraph-spacing: 0px;
        --radio-button-item-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="radio-button-item-selected"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='light'] [component-variant="radio-button-item-selected"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="radio-button-item-selected"]:focus-visible:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="radio-button-item-selected"]:focus-visible:not(:disabled):not([disabled]) {
        --radio-button-item-height: 32px;
        --radio-button-item-width: 100%;
        --radio-button-item-background-color: var(--interactive-surface-secondary-hover);
        --radio-button-item-color: var(--text-primary);
        --radio-button-item-border-top-left-radius: var(--spacing-space-3);
        --radio-button-item-border-top-right-radius: var(--spacing-space-3);
        --radio-button-item-border-bottom-left-radius: var(--spacing-space-3);
        --radio-button-item-border-bottom-right-radius: var(--spacing-space-3);
        --radio-button-item-border-color: var(--border-border-grey-1);
        --radio-button-item-border-top-width: 1px;
        --radio-button-item-border-right-width: 1px;
        --radio-button-item-border-bottom-width: 1px;
        --radio-button-item-border-left-width: 1px;
        --radio-button-item-padding-left: var(--spacing-space-5);
        --radio-button-item-padding-right: var(--spacing-space-5);
        --radio-button-item-padding-top: var(--spacing-space-5);
        --radio-button-item-padding-bottom: var(--spacing-space-5);
        --radio-button-item-row-gap: var(--spacing-space-5);
        --radio-button-item-column-gap: var(--spacing-space-5);
        --radio-button-item-font-family: var(--font-family-body);
        --radio-button-item-font-size: var(--font-size-body-small);
        --radio-button-item-font-weight: var(--font-weight-regular);
        --radio-button-item-line-height: var(--line-height-body-small);
        --radio-button-item-paragraph-spacing: 0px;
        --radio-button-item-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant^="draggable-item-"], [data-theme='light'] [component-variant^="draggable-item-"] {
        --draggable-item-opacity: 1;
        --draggable-item-height: auto;
        --draggable-item-min-height: auto;
        --draggable-item-max-height: none;
        --draggable-item-width: auto;
        --draggable-item-min-width: auto;
        --draggable-item-max-width: none;
        --draggable-item-background-color: transparent;
        --draggable-item-fill: currentcolor;
        --draggable-item-border-top-left-radius: 0px;
        --draggable-item-border-top-right-radius: 0px;
        --draggable-item-border-bottom-left-radius: 0px;
        --draggable-item-border-bottom-right-radius: 0px;
        --draggable-item-border-color: transparent;
        --draggable-item-border-style: solid;
        --draggable-item-border-gap: normal;
        --draggable-item-border-dash: none;
        --draggable-item-border-top-width: 0px;
        --draggable-item-border-right-width: 0px;
        --draggable-item-border-bottom-width: 0px;
        --draggable-item-border-left-width: 0px;
        --draggable-item-outline-color: auto;
        --draggable-item-outline-style: solid;
        --draggable-item-outline-width: 0px;
        --draggable-item-padding-left: 0px;
        --draggable-item-padding-right: 0px;
        --draggable-item-padding-top: 0px;
        --draggable-item-padding-bottom: 0px;
        --draggable-item-row-gap: 0px;
        --draggable-item-column-gap: 0px;
        --draggable-item-font-family: sans-serif;
        --draggable-item-font-size: medium;
        --draggable-item-color: currentcolor;
        --draggable-item-letter-spacing: normal;
        --draggable-item-line-height: normal;
        --draggable-item-paragraph-spacing: ;
        --draggable-item-paragraph-indent: 
    }
[data-theme='dark'] [component-variant="draggable-item-icon-left"], [data-theme='light'] [component-variant="draggable-item-icon-left"] {
        --draggable-item-font-family: var(--font-family-body);
        --draggable-item-font-size: var(--font-size-body-small);
        --draggable-item-font-weight: var(--font-weight-medium);
        --draggable-item-line-height: var(--line-height-body-small);
        --draggable-item-paragraph-spacing: 0px;
        --draggable-item-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="draggable-item-icon-right"], [data-theme='light'] [component-variant="draggable-item-icon-right"] {
        --draggable-item-font-family: var(--font-family-body);
        --draggable-item-font-size: var(--font-size-body-small);
        --draggable-item-font-weight: var(--font-weight-medium);
        --draggable-item-line-height: var(--line-height-body-small);
        --draggable-item-paragraph-spacing: 0px;
        --draggable-item-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="draggable-item-icon-top"], [data-theme='light'] [component-variant="draggable-item-icon-top"] {
        --draggable-item-font-family: var(--font-family-body);
        --draggable-item-font-size: var(--font-size-body-small);
        --draggable-item-font-weight: var(--font-weight-medium);
        --draggable-item-line-height: var(--line-height-body-small);
        --draggable-item-paragraph-spacing: 0px;
        --draggable-item-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="draggable-item-icon-bottom"], [data-theme='light'] [component-variant="draggable-item-icon-bottom"] {
        --draggable-item-font-family: var(--font-family-body);
        --draggable-item-font-size: var(--font-size-body-small);
        --draggable-item-font-weight: var(--font-weight-medium);
        --draggable-item-line-height: var(--line-height-body-small);
        --draggable-item-paragraph-spacing: 0px;
        --draggable-item-paragraph-indent: 0px
    }
[data-theme='custom'] [component-variant^="nav-link-"], [data-theme='dark'] [component-variant^="nav-link-"], [data-theme='light'] [component-variant^="nav-link-"] {
        --nav-link-opacity: 1;
        --nav-link-height: auto;
        --nav-link-min-height: auto;
        --nav-link-max-height: none;
        --nav-link-width: auto;
        --nav-link-min-width: auto;
        --nav-link-max-width: none;
        --nav-link-background-color: transparent;
        --nav-link-fill: currentcolor;
        --nav-link-border-top-left-radius: 0px;
        --nav-link-border-top-right-radius: 0px;
        --nav-link-border-bottom-left-radius: 0px;
        --nav-link-border-bottom-right-radius: 0px;
        --nav-link-border-color: transparent;
        --nav-link-border-style: solid;
        --nav-link-border-gap: normal;
        --nav-link-border-dash: none;
        --nav-link-border-top-width: 0px;
        --nav-link-border-right-width: 0px;
        --nav-link-border-bottom-width: 0px;
        --nav-link-border-left-width: 0px;
        --nav-link-outline-color: auto;
        --nav-link-outline-style: solid;
        --nav-link-outline-width: 0px;
        --nav-link-padding-left: 0px;
        --nav-link-padding-right: 0px;
        --nav-link-padding-top: 0px;
        --nav-link-padding-bottom: 0px;
        --nav-link-row-gap: 0px;
        --nav-link-column-gap: 0px;
        --nav-link-font-family: sans-serif;
        --nav-link-font-size: medium;
        --nav-link-color: currentcolor;
        --nav-link-letter-spacing: normal;
        --nav-link-line-height: normal;
        --nav-link-paragraph-spacing: ;
        --nav-link-paragraph-indent: 
    }
[data-theme='custom'] [component-variant="nav-link-small-fill"], [data-theme='dark'] [component-variant="nav-link-small-fill"], [data-theme='light'] [component-variant="nav-link-small-fill"] {
        --nav-link-color: var(--interactive-surface-primary-hover);
        --nav-link-padding-left: var(--spacing-space-2);
        --nav-link-padding-right: var(--spacing-space-2);
        --nav-link-font-family: var(--font-family-body);
        --nav-link-font-size: var(--font-size-body-small);
        --nav-link-font-weight: var(--font-weight-medium);
        --nav-link-line-height: var(--line-height-body-small);
        --nav-link-paragraph-spacing: 0px;
        --nav-link-paragraph-indent: 0px
    }
[data-theme='custom'] [component-variant="nav-link-small-fill"]:hover:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="nav-link-small-fill"]:hover:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="nav-link-small-fill"]:hover:not(:disabled):not([disabled]) {
        --nav-link-color: var(--text-primary);
        --nav-link-padding-left: var(--spacing-space-2);
        --nav-link-padding-right: var(--spacing-space-2);
        --nav-link-font-family: var(--font-family-body);
        --nav-link-font-size: var(--font-size-body-small);
        --nav-link-font-weight: var(--font-weight-medium);
        --nav-link-line-height: var(--line-height-body-small);
        --nav-link-paragraph-spacing: 0px;
        --nav-link-paragraph-indent: 0px
    }
[data-theme='custom'] [component-variant="nav-link-small-fill"][active]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="nav-link-small-fill"][active]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="nav-link-small-fill"][active]:not(:disabled):not([disabled]), [data-theme='custom'] [component-variant="nav-link-small-fill"]:active:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="nav-link-small-fill"]:active:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="nav-link-small-fill"]:active:not(:disabled):not([disabled]) {
        --nav-link-color: var(--text-primary);
        --nav-link-padding-left: var(--spacing-space-2);
        --nav-link-padding-right: var(--spacing-space-2);
        --nav-link-font-family: var(--font-family-body);
        --nav-link-font-size: var(--font-size-body-small);
        --nav-link-font-weight: var(--font-weight-medium);
        --nav-link-line-height: var(--line-height-body-small);
        --nav-link-paragraph-spacing: 0px;
        --nav-link-paragraph-indent: 0px
    }
[data-theme='custom'] [component-variant="nav-link-small-fill"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="nav-link-small-fill"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='light'] [component-variant="nav-link-small-fill"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='custom'] [component-variant="nav-link-small-fill"]:focus-visible:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="nav-link-small-fill"]:focus-visible:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="nav-link-small-fill"]:focus-visible:not(:disabled):not([disabled]) {
        --nav-link-color: var(--text-primary);
        --nav-link-outline-color: var(--border-border-grey-1);
        --nav-link-outline-width: 1px;
        --nav-link-padding-left: var(--spacing-space-2);
        --nav-link-padding-right: var(--spacing-space-2);
        --nav-link-font-family: var(--font-family-body);
        --nav-link-font-size: var(--font-size-body-small);
        --nav-link-font-weight: var(--font-weight-medium);
        --nav-link-line-height: var(--line-height-body-small);
        --nav-link-paragraph-spacing: 0px;
        --nav-link-paragraph-indent: 0px
    }
[data-theme='custom'] [component-variant="nav-link-small-fill"][disabled],
[data-theme='dark'] [component-variant="nav-link-small-fill"][disabled],
[data-theme='light'] [component-variant="nav-link-small-fill"][disabled],
[data-theme='custom'] [component-variant="nav-link-small-fill"]:disabled,
[data-theme='dark'] [component-variant="nav-link-small-fill"]:disabled,
[data-theme='light'] [component-variant="nav-link-small-fill"]:disabled {
        --nav-link-color: var(--text-secondary);
        --nav-link-padding-left: var(--spacing-space-2);
        --nav-link-padding-right: var(--spacing-space-2);
        --nav-link-font-family: var(--font-family-body);
        --nav-link-font-size: var(--font-size-body-small);
        --nav-link-font-weight: var(--font-weight-medium);
        --nav-link-line-height: var(--line-height-body-small);
        --nav-link-paragraph-spacing: 0px;
        --nav-link-paragraph-indent: 0px
    }
[data-theme='custom'] [component-variant="nav-link-medium-fill"], [data-theme='dark'] [component-variant="nav-link-medium-fill"], [data-theme='light'] [component-variant="nav-link-medium-fill"] {
        --nav-link-color: var(--interactive-surface-primary-hover);
        --nav-link-padding-left: var(--spacing-space-2);
        --nav-link-padding-right: var(--spacing-space-2);
        --nav-link-font-family: var(--font-family-body);
        --nav-link-font-size: var(--font-size-body-medium);
        --nav-link-font-weight: var(--font-weight-regular);
        --nav-link-line-height: var(--line-height-body-medium);
        --nav-link-paragraph-spacing: 0px;
        --nav-link-paragraph-indent: 0px
    }
[data-theme='custom'] [component-variant="nav-link-medium-fill"]:hover:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="nav-link-medium-fill"]:hover:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="nav-link-medium-fill"]:hover:not(:disabled):not([disabled]) {
        --nav-link-color: var(--text-primary);
        --nav-link-padding-left: var(--spacing-space-2);
        --nav-link-padding-right: var(--spacing-space-2);
        --nav-link-font-family: var(--font-family-body);
        --nav-link-font-size: var(--font-size-body-medium);
        --nav-link-font-weight: var(--font-weight-regular);
        --nav-link-line-height: var(--line-height-body-medium);
        --nav-link-paragraph-spacing: 0px;
        --nav-link-paragraph-indent: 0px
    }
[data-theme='custom'] [component-variant="nav-link-medium-fill"][active]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="nav-link-medium-fill"][active]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="nav-link-medium-fill"][active]:not(:disabled):not([disabled]), [data-theme='custom'] [component-variant="nav-link-medium-fill"]:active:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="nav-link-medium-fill"]:active:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="nav-link-medium-fill"]:active:not(:disabled):not([disabled]) {
        --nav-link-color: var(--text-primary);
        --nav-link-padding-left: var(--spacing-space-2);
        --nav-link-padding-right: var(--spacing-space-2);
        --nav-link-font-family: var(--font-family-body);
        --nav-link-font-size: var(--font-size-body-medium);
        --nav-link-font-weight: var(--font-weight-regular);
        --nav-link-line-height: var(--line-height-body-medium);
        --nav-link-paragraph-spacing: 0px;
        --nav-link-paragraph-indent: 0px
    }
[data-theme='custom'] [component-variant="nav-link-medium-fill"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="nav-link-medium-fill"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='light'] [component-variant="nav-link-medium-fill"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='custom'] [component-variant="nav-link-medium-fill"]:focus-visible:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="nav-link-medium-fill"]:focus-visible:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="nav-link-medium-fill"]:focus-visible:not(:disabled):not([disabled]) {
        --nav-link-color: var(--text-primary);
        --nav-link-outline-color: var(--border-border-grey-1);
        --nav-link-outline-width: 1px;
        --nav-link-padding-left: var(--spacing-space-2);
        --nav-link-padding-right: var(--spacing-space-2);
        --nav-link-font-family: var(--font-family-body);
        --nav-link-font-size: var(--font-size-body-medium);
        --nav-link-font-weight: var(--font-weight-regular);
        --nav-link-line-height: var(--line-height-body-medium);
        --nav-link-paragraph-spacing: 0px;
        --nav-link-paragraph-indent: 0px
    }
[data-theme='custom'] [component-variant="nav-link-medium-fill"][disabled],
[data-theme='dark'] [component-variant="nav-link-medium-fill"][disabled],
[data-theme='light'] [component-variant="nav-link-medium-fill"][disabled],
[data-theme='custom'] [component-variant="nav-link-medium-fill"]:disabled,
[data-theme='dark'] [component-variant="nav-link-medium-fill"]:disabled,
[data-theme='light'] [component-variant="nav-link-medium-fill"]:disabled {
        --nav-link-color: var(--text-secondary);
        --nav-link-padding-left: var(--spacing-space-2);
        --nav-link-padding-right: var(--spacing-space-2);
        --nav-link-font-family: var(--font-family-body);
        --nav-link-font-size: var(--font-size-body-medium);
        --nav-link-font-weight: var(--font-weight-regular);
        --nav-link-line-height: var(--line-height-body-medium);
        --nav-link-paragraph-spacing: 0px;
        --nav-link-paragraph-indent: 0px
    }
[data-theme='custom'] [component-variant="nav-link-small-underline"], [data-theme='dark'] [component-variant="nav-link-small-underline"], [data-theme='light'] [component-variant="nav-link-small-underline"] {
        --nav-link-color: var(--text-primary);
        --nav-link-padding-left: var(--spacing-space-2);
        --nav-link-padding-right: var(--spacing-space-2);
        --nav-link-font-family: var(--font-family-body);
        --nav-link-font-size: var(--font-size-body-small);
        --nav-link-font-weight: var(--font-weight-regular);
        --nav-link-line-height: var(--line-height-body-small);
        --nav-link-paragraph-spacing: 0px;
        --nav-link-paragraph-indent: 0px
    }
[data-theme='custom'] [component-variant="nav-link-small-underline"]:hover:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="nav-link-small-underline"]:hover:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="nav-link-small-underline"]:hover:not(:disabled):not([disabled]) {
        --nav-link-color: var(--text-primary);
        --nav-link-border-color: var(--border-border-grey-1);
        --nav-link-border-bottom-width: 1px;
        --nav-link-padding-left: var(--spacing-space-2);
        --nav-link-padding-right: var(--spacing-space-2);
        --nav-link-font-family: var(--font-family-body);
        --nav-link-font-size: var(--font-size-body-small);
        --nav-link-font-weight: var(--font-weight-regular);
        --nav-link-line-height: var(--line-height-body-small);
        --nav-link-paragraph-spacing: 0px;
        --nav-link-paragraph-indent: 0px
    }
[data-theme='custom'] [component-variant="nav-link-small-underline"][active]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="nav-link-small-underline"][active]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="nav-link-small-underline"][active]:not(:disabled):not([disabled]), [data-theme='custom'] [component-variant="nav-link-small-underline"]:active:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="nav-link-small-underline"]:active:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="nav-link-small-underline"]:active:not(:disabled):not([disabled]) {
        --nav-link-color: var(--text-primary);
        --nav-link-border-color: var(--border-border-grey-1);
        --nav-link-border-bottom-width: 1px;
        --nav-link-padding-left: var(--spacing-space-2);
        --nav-link-padding-right: var(--spacing-space-2);
        --nav-link-font-family: var(--font-family-body);
        --nav-link-font-size: var(--font-size-body-small);
        --nav-link-font-weight: var(--font-weight-regular);
        --nav-link-line-height: var(--line-height-body-small);
        --nav-link-paragraph-spacing: 0px;
        --nav-link-paragraph-indent: 0px
    }
[data-theme='custom'] [component-variant="nav-link-small-underline"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="nav-link-small-underline"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='light'] [component-variant="nav-link-small-underline"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='custom'] [component-variant="nav-link-small-underline"]:focus-visible:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="nav-link-small-underline"]:focus-visible:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="nav-link-small-underline"]:focus-visible:not(:disabled):not([disabled]) {
        --nav-link-color: var(--text-primary);
        --nav-link-border-color: var(--border-border-grey-1);
        --nav-link-border-top-width: 1px;
        --nav-link-border-right-width: 1px;
        --nav-link-border-bottom-width: 1px;
        --nav-link-border-left-width: 1px;
        --nav-link-padding-left: var(--spacing-space-2);
        --nav-link-padding-right: var(--spacing-space-2);
        --nav-link-font-family: var(--font-family-body);
        --nav-link-font-size: var(--font-size-body-small);
        --nav-link-font-weight: var(--font-weight-regular);
        --nav-link-line-height: var(--line-height-body-small);
        --nav-link-paragraph-spacing: 0px;
        --nav-link-paragraph-indent: 0px
    }
[data-theme='custom'] [component-variant="nav-link-small-underline"][disabled],
[data-theme='dark'] [component-variant="nav-link-small-underline"][disabled],
[data-theme='light'] [component-variant="nav-link-small-underline"][disabled],
[data-theme='custom'] [component-variant="nav-link-small-underline"]:disabled,
[data-theme='dark'] [component-variant="nav-link-small-underline"]:disabled,
[data-theme='light'] [component-variant="nav-link-small-underline"]:disabled {
        --nav-link-color: var(--text-tertiary);
        --nav-link-padding-left: var(--spacing-space-2);
        --nav-link-padding-right: var(--spacing-space-2);
        --nav-link-font-family: var(--font-family-body);
        --nav-link-font-size: var(--font-size-body-small);
        --nav-link-font-weight: var(--font-weight-regular);
        --nav-link-line-height: var(--line-height-body-small);
        --nav-link-paragraph-spacing: 0px;
        --nav-link-paragraph-indent: 0px
    }
[data-theme='custom'] [component-variant="nav-link-medium-underline"], [data-theme='dark'] [component-variant="nav-link-medium-underline"], [data-theme='light'] [component-variant="nav-link-medium-underline"] {
        --nav-link-color: var(--text-primary);
        --nav-link-padding-left: var(--spacing-space-2);
        --nav-link-padding-right: var(--spacing-space-2);
        --nav-link-font-family: var(--font-family-body);
        --nav-link-font-size: var(--font-size-body-medium);
        --nav-link-font-weight: var(--font-weight-regular);
        --nav-link-line-height: var(--line-height-body-medium);
        --nav-link-paragraph-spacing: 0px;
        --nav-link-paragraph-indent: 0px
    }
[data-theme='custom'] [component-variant="nav-link-medium-underline"]:hover:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="nav-link-medium-underline"]:hover:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="nav-link-medium-underline"]:hover:not(:disabled):not([disabled]) {
        --nav-link-color: var(--text-primary);
        --nav-link-border-color: var(--border-border-grey-1);
        --nav-link-border-bottom-width: 1px;
        --nav-link-padding-left: var(--spacing-space-2);
        --nav-link-padding-right: var(--spacing-space-2);
        --nav-link-font-family: var(--font-family-body);
        --nav-link-font-size: var(--font-size-body-medium);
        --nav-link-font-weight: var(--font-weight-regular);
        --nav-link-line-height: var(--line-height-body-medium);
        --nav-link-paragraph-spacing: 0px;
        --nav-link-paragraph-indent: 0px
    }
[data-theme='custom'] [component-variant="nav-link-medium-underline"][active]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="nav-link-medium-underline"][active]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="nav-link-medium-underline"][active]:not(:disabled):not([disabled]), [data-theme='custom'] [component-variant="nav-link-medium-underline"]:active:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="nav-link-medium-underline"]:active:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="nav-link-medium-underline"]:active:not(:disabled):not([disabled]) {
        --nav-link-color: var(--text-primary);
        --nav-link-border-color: var(--border-border-grey-1);
        --nav-link-border-bottom-width: 1px;
        --nav-link-padding-left: var(--spacing-space-2);
        --nav-link-padding-right: var(--spacing-space-2);
        --nav-link-font-family: var(--font-family-body);
        --nav-link-font-size: var(--font-size-body-medium);
        --nav-link-font-weight: var(--font-weight-regular);
        --nav-link-line-height: var(--line-height-body-medium);
        --nav-link-paragraph-spacing: 0px;
        --nav-link-paragraph-indent: 0px
    }
[data-theme='custom'] [component-variant="nav-link-medium-underline"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="nav-link-medium-underline"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='light'] [component-variant="nav-link-medium-underline"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='custom'] [component-variant="nav-link-medium-underline"]:focus-visible:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="nav-link-medium-underline"]:focus-visible:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="nav-link-medium-underline"]:focus-visible:not(:disabled):not([disabled]) {
        --nav-link-color: var(--text-primary);
        --nav-link-border-color: var(--border-border-grey-1);
        --nav-link-border-top-width: 1px;
        --nav-link-border-right-width: 1px;
        --nav-link-border-bottom-width: 1px;
        --nav-link-border-left-width: 1px;
        --nav-link-padding-left: var(--spacing-space-2);
        --nav-link-padding-right: var(--spacing-space-2);
        --nav-link-font-family: var(--font-family-body);
        --nav-link-font-size: var(--font-size-body-medium);
        --nav-link-font-weight: var(--font-weight-regular);
        --nav-link-line-height: var(--line-height-body-medium);
        --nav-link-paragraph-spacing: 0px;
        --nav-link-paragraph-indent: 0px
    }
[data-theme='custom'] [component-variant="nav-link-medium-underline"][disabled],
[data-theme='dark'] [component-variant="nav-link-medium-underline"][disabled],
[data-theme='light'] [component-variant="nav-link-medium-underline"][disabled],
[data-theme='custom'] [component-variant="nav-link-medium-underline"]:disabled,
[data-theme='dark'] [component-variant="nav-link-medium-underline"]:disabled,
[data-theme='light'] [component-variant="nav-link-medium-underline"]:disabled {
        --nav-link-color: var(--text-tertiary);
        --nav-link-padding-left: var(--spacing-space-2);
        --nav-link-padding-right: var(--spacing-space-2);
        --nav-link-font-family: var(--font-family-body);
        --nav-link-font-size: var(--font-size-body-medium);
        --nav-link-font-weight: var(--font-weight-regular);
        --nav-link-line-height: var(--line-height-body-medium);
        --nav-link-paragraph-spacing: 0px;
        --nav-link-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant^="toast-notification-"], [data-theme='light'] [component-variant^="toast-notification-"] {
        --toast-notification-opacity: 1;
        --toast-notification-height: auto;
        --toast-notification-min-height: auto;
        --toast-notification-max-height: none;
        --toast-notification-width: auto;
        --toast-notification-min-width: auto;
        --toast-notification-max-width: none;
        --toast-notification-background-color: transparent;
        --toast-notification-fill: currentcolor;
        --toast-notification-border-top-left-radius: 0px;
        --toast-notification-border-top-right-radius: 0px;
        --toast-notification-border-bottom-left-radius: 0px;
        --toast-notification-border-bottom-right-radius: 0px;
        --toast-notification-border-color: transparent;
        --toast-notification-border-style: solid;
        --toast-notification-border-gap: normal;
        --toast-notification-border-dash: none;
        --toast-notification-border-top-width: 0px;
        --toast-notification-border-right-width: 0px;
        --toast-notification-border-bottom-width: 0px;
        --toast-notification-border-left-width: 0px;
        --toast-notification-outline-color: auto;
        --toast-notification-outline-style: solid;
        --toast-notification-outline-width: 0px;
        --toast-notification-padding-left: 0px;
        --toast-notification-padding-right: 0px;
        --toast-notification-padding-top: 0px;
        --toast-notification-padding-bottom: 0px;
        --toast-notification-row-gap: 0px;
        --toast-notification-column-gap: 0px;
        --toast-notification-font-family: sans-serif;
        --toast-notification-font-size: medium;
        --toast-notification-color: currentcolor;
        --toast-notification-letter-spacing: normal;
        --toast-notification-line-height: normal;
        --toast-notification-paragraph-spacing: ;
        --toast-notification-paragraph-indent: 
    }
[data-theme='dark'] [component-variant="toast-notification-success"], [data-theme='light'] [component-variant="toast-notification-success"] {
        --toast-notification-height: 40px;
        --toast-notification-background-color: var(--surface-background-success);
        --toast-notification-color: var(--text-primary);
        --toast-notification-border-top-left-radius: var(--corner-radius-extra-extra-small);
        --toast-notification-border-top-right-radius: var(--corner-radius-extra-extra-small);
        --toast-notification-border-bottom-left-radius: var(--corner-radius-extra-extra-small);
        --toast-notification-border-bottom-right-radius: var(--corner-radius-extra-extra-small);
        --toast-notification-border-color: var(--border-success);
        --toast-notification-border-top-width: 1px;
        --toast-notification-border-right-width: 1px;
        --toast-notification-border-bottom-width: 1px;
        --toast-notification-border-left-width: 1px;
        --toast-notification-padding-left: var(--spacing-space-3);
        --toast-notification-padding-right: var(--spacing-space-3);
        --toast-notification-padding-top: var(--spacing-space-3);
        --toast-notification-padding-bottom: var(--spacing-space-3);
        --toast-notification-row-gap: var(--spacing-space-2);
        --toast-notification-column-gap: var(--spacing-space-2);
        --toast-notification-font-family: var(--font-family-body);
        --toast-notification-font-size: var(--font-size-body-small);
        --toast-notification-font-weight: var(--font-weight-medium);
        --toast-notification-line-height: var(--line-height-body-small);
        --toast-notification-paragraph-spacing: 0px;
        --toast-notification-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="toast-notification-error"], [data-theme='light'] [component-variant="toast-notification-error"] {
        --toast-notification-height: 40px;
        --toast-notification-background-color: var(--surface-background-error);
        --toast-notification-color: var(--text-primary);
        --toast-notification-border-top-left-radius: var(--corner-radius-extra-extra-small);
        --toast-notification-border-top-right-radius: var(--corner-radius-extra-extra-small);
        --toast-notification-border-bottom-left-radius: var(--corner-radius-extra-extra-small);
        --toast-notification-border-bottom-right-radius: var(--corner-radius-extra-extra-small);
        --toast-notification-border-color: var(--border-destructive);
        --toast-notification-border-top-width: 1px;
        --toast-notification-border-right-width: 1px;
        --toast-notification-border-bottom-width: 1px;
        --toast-notification-border-left-width: 1px;
        --toast-notification-padding-left: var(--spacing-space-3);
        --toast-notification-padding-right: var(--spacing-space-3);
        --toast-notification-padding-top: var(--spacing-space-3);
        --toast-notification-padding-bottom: var(--spacing-space-3);
        --toast-notification-row-gap: var(--spacing-space-2);
        --toast-notification-column-gap: var(--spacing-space-2);
        --toast-notification-font-family: var(--font-family-body);
        --toast-notification-font-size: var(--font-size-body-small);
        --toast-notification-font-weight: var(--font-weight-medium);
        --toast-notification-line-height: var(--line-height-body-small);
        --toast-notification-paragraph-spacing: 0px;
        --toast-notification-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="toast-notification-neutral"], [data-theme='light'] [component-variant="toast-notification-neutral"] {
        --toast-notification-height: 40px;
        --toast-notification-background-color: var(--surface-background-5);
        --toast-notification-color: var(--text-primary);
        --toast-notification-border-top-left-radius: var(--corner-radius-extra-extra-small);
        --toast-notification-border-top-right-radius: var(--corner-radius-extra-extra-small);
        --toast-notification-border-bottom-left-radius: var(--corner-radius-extra-extra-small);
        --toast-notification-border-bottom-right-radius: var(--corner-radius-extra-extra-small);
        --toast-notification-border-color: var(--border-border-grey-1);
        --toast-notification-border-top-width: 1px;
        --toast-notification-border-right-width: 1px;
        --toast-notification-border-bottom-width: 1px;
        --toast-notification-border-left-width: 1px;
        --toast-notification-padding-left: var(--spacing-space-3);
        --toast-notification-padding-right: var(--spacing-space-3);
        --toast-notification-padding-top: var(--spacing-space-3);
        --toast-notification-padding-bottom: var(--spacing-space-3);
        --toast-notification-row-gap: var(--spacing-space-2);
        --toast-notification-column-gap: var(--spacing-space-2);
        --toast-notification-font-family: var(--font-family-body);
        --toast-notification-font-size: var(--font-size-body-small);
        --toast-notification-font-weight: var(--font-weight-medium);
        --toast-notification-line-height: var(--line-height-body-small);
        --toast-notification-paragraph-spacing: 0px;
        --toast-notification-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="toast-notification-success"], [data-theme='light'] [component-variant="toast-notification-success"] {
        --toast-notification-message-container-padding-left: var(--spacing-space-5);
        --toast-notification-message-container-padding-right: var(--spacing-space-5);
        --toast-notification-message-container-row-gap: var(--spacing-space-5);
        --toast-notification-message-container-column-gap: var(--spacing-space-5);
        --toast-notification-message-container-font-family: sans-sarif;
        --toast-notification-message-container-font-size: initial;
        --toast-notification-message-container-font-weight: regular;
        --toast-notification-message-container-paragraph-spacing: 0px;
        --toast-notification-message-container-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="toast-notification-error"], [data-theme='light'] [component-variant="toast-notification-error"] {
        --toast-notification-message-container-padding-left: var(--spacing-space-5);
        --toast-notification-message-container-padding-right: var(--spacing-space-5);
        --toast-notification-message-container-row-gap: var(--spacing-space-5);
        --toast-notification-message-container-column-gap: var(--spacing-space-5);
        --toast-notification-message-container-font-family: sans-sarif;
        --toast-notification-message-container-font-size: initial;
        --toast-notification-message-container-font-weight: regular;
        --toast-notification-message-container-paragraph-spacing: 0px;
        --toast-notification-message-container-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="toast-notification-neutral"], [data-theme='light'] [component-variant="toast-notification-neutral"] {
        --toast-notification-message-container-padding-left: var(--spacing-space-5);
        --toast-notification-message-container-padding-right: var(--spacing-space-5);
        --toast-notification-message-container-row-gap: var(--spacing-space-5);
        --toast-notification-message-container-column-gap: var(--spacing-space-5);
        --toast-notification-message-container-font-family: sans-sarif;
        --toast-notification-message-container-font-size: initial;
        --toast-notification-message-container-font-weight: regular;
        --toast-notification-message-container-paragraph-spacing: 0px;
        --toast-notification-message-container-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant^="toggle-"], [data-theme='light'] [component-variant^="toggle-"] {
        --toggle-opacity: 1;
        --toggle-height: auto;
        --toggle-min-height: auto;
        --toggle-max-height: none;
        --toggle-width: auto;
        --toggle-min-width: auto;
        --toggle-max-width: none;
        --toggle-background-color: transparent;
        --toggle-fill: currentcolor;
        --toggle-border-top-left-radius: 0px;
        --toggle-border-top-right-radius: 0px;
        --toggle-border-bottom-left-radius: 0px;
        --toggle-border-bottom-right-radius: 0px;
        --toggle-border-color: transparent;
        --toggle-border-style: solid;
        --toggle-border-gap: normal;
        --toggle-border-dash: none;
        --toggle-border-top-width: 0px;
        --toggle-border-right-width: 0px;
        --toggle-border-bottom-width: 0px;
        --toggle-border-left-width: 0px;
        --toggle-outline-color: auto;
        --toggle-outline-style: solid;
        --toggle-outline-width: 0px;
        --toggle-padding-left: 0px;
        --toggle-padding-right: 0px;
        --toggle-padding-top: 0px;
        --toggle-padding-bottom: 0px;
        --toggle-row-gap: 0px;
        --toggle-column-gap: 0px;
        --toggle-font-family: sans-serif;
        --toggle-font-size: medium;
        --toggle-color: currentcolor;
        --toggle-letter-spacing: normal;
        --toggle-line-height: normal;
        --toggle-paragraph-spacing: ;
        --toggle-paragraph-indent: 
    }
[data-theme='dark'] [component-variant="toggle-unselected"], [data-theme='light'] [component-variant="toggle-unselected"] {
        --toggle-width: 100%;
        --toggle-color: var(--text-primary);
        --toggle-border-top-left-radius: var(--corner-radius-extra-small);
        --toggle-border-top-right-radius: var(--corner-radius-extra-small);
        --toggle-border-bottom-left-radius: var(--corner-radius-extra-small);
        --toggle-border-bottom-right-radius: var(--corner-radius-extra-small);
        --toggle-padding-left: var(--spacing-space-3);
        --toggle-padding-right: var(--spacing-space-3);
        --toggle-padding-top: var(--spacing-space-3);
        --toggle-padding-bottom: var(--spacing-space-3);
        --toggle-row-gap: var(--spacing-space-5);
        --toggle-column-gap: var(--spacing-space-5);
        --toggle-font-family: var(--font-family-body);
        --toggle-font-size: var(--font-size-body-small);
        --toggle-font-weight: var(--font-weight-regular);
        --toggle-line-height: var(--line-height-body-small);
        --toggle-paragraph-spacing: 0px;
        --toggle-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="toggle-unselected"]:hover:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="toggle-unselected"]:hover:not(:disabled):not([disabled]) {
        --toggle-color: var(--text-primary);
        --toggle-border-top-left-radius: var(--corner-radius-extra-small);
        --toggle-border-top-right-radius: var(--corner-radius-extra-small);
        --toggle-border-bottom-left-radius: var(--corner-radius-extra-small);
        --toggle-border-bottom-right-radius: var(--corner-radius-extra-small);
        --toggle-padding-left: var(--spacing-space-3);
        --toggle-padding-right: var(--spacing-space-3);
        --toggle-padding-top: var(--spacing-space-3);
        --toggle-padding-bottom: var(--spacing-space-3);
        --toggle-row-gap: var(--spacing-space-5);
        --toggle-column-gap: var(--spacing-space-5);
        --toggle-font-family: var(--font-family-body);
        --toggle-font-size: var(--font-size-body-small);
        --toggle-font-weight: var(--font-weight-regular);
        --toggle-line-height: var(--line-height-body-small);
        --toggle-paragraph-spacing: 0px;
        --toggle-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="toggle-unselected"][active]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="toggle-unselected"][active]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="toggle-unselected"]:active:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="toggle-unselected"]:active:not(:disabled):not([disabled]) {
        --toggle-color: var(--text-primary);
        --toggle-border-top-left-radius: var(--corner-radius-extra-small);
        --toggle-border-top-right-radius: var(--corner-radius-extra-small);
        --toggle-border-bottom-left-radius: var(--corner-radius-extra-small);
        --toggle-border-bottom-right-radius: var(--corner-radius-extra-small);
        --toggle-padding-left: var(--spacing-space-3);
        --toggle-padding-right: var(--spacing-space-3);
        --toggle-padding-top: var(--spacing-space-3);
        --toggle-padding-bottom: var(--spacing-space-3);
        --toggle-row-gap: var(--spacing-space-5);
        --toggle-column-gap: var(--spacing-space-5);
        --toggle-font-family: var(--font-family-body);
        --toggle-font-size: var(--font-size-body-small);
        --toggle-font-weight: var(--font-weight-regular);
        --toggle-line-height: var(--line-height-body-small);
        --toggle-paragraph-spacing: 0px;
        --toggle-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="toggle-unselected"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='light'] [component-variant="toggle-unselected"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="toggle-unselected"]:focus-visible:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="toggle-unselected"]:focus-visible:not(:disabled):not([disabled]) {
        --toggle-color: var(--text-primary);
        --toggle-border-top-left-radius: var(--corner-radius-extra-small);
        --toggle-border-top-right-radius: var(--corner-radius-extra-small);
        --toggle-border-bottom-left-radius: var(--corner-radius-extra-small);
        --toggle-border-bottom-right-radius: var(--corner-radius-extra-small);
        --toggle-padding-left: var(--spacing-space-3);
        --toggle-padding-right: var(--spacing-space-3);
        --toggle-padding-top: var(--spacing-space-3);
        --toggle-padding-bottom: var(--spacing-space-3);
        --toggle-row-gap: var(--spacing-space-5);
        --toggle-column-gap: var(--spacing-space-5);
        --toggle-font-family: var(--font-family-body);
        --toggle-font-size: var(--font-size-body-small);
        --toggle-font-weight: var(--font-weight-regular);
        --toggle-line-height: var(--line-height-body-small);
        --toggle-paragraph-spacing: 0px;
        --toggle-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="toggle-unselected"][disabled],
[data-theme='light'] [component-variant="toggle-unselected"][disabled],
[data-theme='dark'] [component-variant="toggle-unselected"]:disabled,
[data-theme='light'] [component-variant="toggle-unselected"]:disabled {
        --toggle-color: var(--text-primary);
        --toggle-border-top-left-radius: var(--corner-radius-extra-small);
        --toggle-border-top-right-radius: var(--corner-radius-extra-small);
        --toggle-border-bottom-left-radius: var(--corner-radius-extra-small);
        --toggle-border-bottom-right-radius: var(--corner-radius-extra-small);
        --toggle-padding-left: var(--spacing-space-3);
        --toggle-padding-right: var(--spacing-space-3);
        --toggle-padding-top: var(--spacing-space-3);
        --toggle-padding-bottom: var(--spacing-space-3);
        --toggle-row-gap: var(--spacing-space-5);
        --toggle-column-gap: var(--spacing-space-5);
        --toggle-font-family: var(--font-family-body);
        --toggle-font-size: var(--font-size-body-small);
        --toggle-font-weight: var(--font-weight-regular);
        --toggle-line-height: var(--line-height-body-small);
        --toggle-paragraph-spacing: 0px;
        --toggle-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="toggle-selected"], [data-theme='light'] [component-variant="toggle-selected"] {
        --toggle-width: 100%;
        --toggle-color: var(--text-primary);
        --toggle-border-top-left-radius: var(--corner-radius-extra-small);
        --toggle-border-top-right-radius: var(--corner-radius-extra-small);
        --toggle-border-bottom-left-radius: var(--corner-radius-extra-small);
        --toggle-border-bottom-right-radius: var(--corner-radius-extra-small);
        --toggle-padding-left: var(--spacing-space-3);
        --toggle-padding-right: var(--spacing-space-3);
        --toggle-padding-top: var(--spacing-space-3);
        --toggle-padding-bottom: var(--spacing-space-3);
        --toggle-row-gap: var(--spacing-space-5);
        --toggle-column-gap: var(--spacing-space-5);
        --toggle-font-family: var(--font-family-body);
        --toggle-font-size: var(--font-size-body-small);
        --toggle-font-weight: var(--font-weight-regular);
        --toggle-line-height: var(--line-height-body-small);
        --toggle-paragraph-spacing: 0px;
        --toggle-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="toggle-selected"]:hover:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="toggle-selected"]:hover:not(:disabled):not([disabled]) {
        --toggle-color: var(--text-primary);
        --toggle-border-top-left-radius: var(--corner-radius-extra-small);
        --toggle-border-top-right-radius: var(--corner-radius-extra-small);
        --toggle-border-bottom-left-radius: var(--corner-radius-extra-small);
        --toggle-border-bottom-right-radius: var(--corner-radius-extra-small);
        --toggle-padding-left: var(--spacing-space-3);
        --toggle-padding-right: var(--spacing-space-3);
        --toggle-padding-top: var(--spacing-space-3);
        --toggle-padding-bottom: var(--spacing-space-3);
        --toggle-row-gap: var(--spacing-space-5);
        --toggle-column-gap: var(--spacing-space-5);
        --toggle-font-family: var(--font-family-body);
        --toggle-font-size: var(--font-size-body-small);
        --toggle-font-weight: var(--font-weight-regular);
        --toggle-line-height: var(--line-height-body-small);
        --toggle-paragraph-spacing: 0px;
        --toggle-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="toggle-selected"][active]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="toggle-selected"][active]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="toggle-selected"]:active:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="toggle-selected"]:active:not(:disabled):not([disabled]) {
        --toggle-color: var(--text-primary);
        --toggle-border-top-left-radius: var(--corner-radius-extra-small);
        --toggle-border-top-right-radius: var(--corner-radius-extra-small);
        --toggle-border-bottom-left-radius: var(--corner-radius-extra-small);
        --toggle-border-bottom-right-radius: var(--corner-radius-extra-small);
        --toggle-padding-left: var(--spacing-space-3);
        --toggle-padding-right: var(--spacing-space-3);
        --toggle-padding-top: var(--spacing-space-3);
        --toggle-padding-bottom: var(--spacing-space-3);
        --toggle-row-gap: var(--spacing-space-5);
        --toggle-column-gap: var(--spacing-space-5);
        --toggle-font-family: var(--font-family-body);
        --toggle-font-size: var(--font-size-body-small);
        --toggle-font-weight: var(--font-weight-regular);
        --toggle-line-height: var(--line-height-body-small);
        --toggle-paragraph-spacing: 0px;
        --toggle-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="toggle-selected"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='light'] [component-variant="toggle-selected"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="toggle-selected"]:focus-visible:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="toggle-selected"]:focus-visible:not(:disabled):not([disabled]) {
        --toggle-color: var(--text-primary);
        --toggle-border-top-left-radius: var(--corner-radius-extra-small);
        --toggle-border-top-right-radius: var(--corner-radius-extra-small);
        --toggle-border-bottom-left-radius: var(--corner-radius-extra-small);
        --toggle-border-bottom-right-radius: var(--corner-radius-extra-small);
        --toggle-padding-left: var(--spacing-space-3);
        --toggle-padding-right: var(--spacing-space-3);
        --toggle-padding-top: var(--spacing-space-3);
        --toggle-padding-bottom: var(--spacing-space-3);
        --toggle-row-gap: var(--spacing-space-5);
        --toggle-column-gap: var(--spacing-space-5);
        --toggle-font-family: var(--font-family-body);
        --toggle-font-size: var(--font-size-body-small);
        --toggle-font-weight: var(--font-weight-regular);
        --toggle-line-height: var(--line-height-body-small);
        --toggle-paragraph-spacing: 0px;
        --toggle-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="toggle-selected"][disabled],
[data-theme='light'] [component-variant="toggle-selected"][disabled],
[data-theme='dark'] [component-variant="toggle-selected"]:disabled,
[data-theme='light'] [component-variant="toggle-selected"]:disabled {
        --toggle-color: var(--text-primary);
        --toggle-border-top-left-radius: var(--corner-radius-extra-small);
        --toggle-border-top-right-radius: var(--corner-radius-extra-small);
        --toggle-border-bottom-left-radius: var(--corner-radius-extra-small);
        --toggle-border-bottom-right-radius: var(--corner-radius-extra-small);
        --toggle-padding-left: var(--spacing-space-3);
        --toggle-padding-right: var(--spacing-space-3);
        --toggle-padding-top: var(--spacing-space-3);
        --toggle-padding-bottom: var(--spacing-space-3);
        --toggle-row-gap: var(--spacing-space-5);
        --toggle-column-gap: var(--spacing-space-5);
        --toggle-font-family: var(--font-family-body);
        --toggle-font-size: var(--font-size-body-small);
        --toggle-font-weight: var(--font-weight-regular);
        --toggle-line-height: var(--line-height-body-small);
        --toggle-paragraph-spacing: 0px;
        --toggle-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="toggle-unselected"], [data-theme='light'] [component-variant="toggle-unselected"] {
        --toggle-track-border-top-left-radius: 100px;
        --toggle-track-border-top-right-radius: 100px;
        --toggle-track-border-bottom-left-radius: 100px;
        --toggle-track-border-bottom-right-radius: 100px;
        --toggle-track-width: 40px;
        --toggle-track-height: 20px;
        --toggle-track-background-color: var(--interactive-surface-secondary-default)
    }
[data-theme='dark'] [component-variant="toggle-unselected"]:hover:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="toggle-unselected"]:hover:not(:disabled):not([disabled]) {
        --toggle-track-border-top-left-radius: 100px;
        --toggle-track-border-top-right-radius: 100px;
        --toggle-track-border-bottom-left-radius: 100px;
        --toggle-track-border-bottom-right-radius: 100px;
        --toggle-track-width: 40px;
        --toggle-track-height: 20px;
        --toggle-track-background-color: var(--interactive-surface-secondary-default)
    }
[data-theme='dark'] [component-variant="toggle-unselected"][active]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="toggle-unselected"][active]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="toggle-unselected"]:active:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="toggle-unselected"]:active:not(:disabled):not([disabled]) {
        --toggle-track-border-top-left-radius: 100px;
        --toggle-track-border-top-right-radius: 100px;
        --toggle-track-border-bottom-left-radius: 100px;
        --toggle-track-border-bottom-right-radius: 100px;
        --toggle-track-width: 40px;
        --toggle-track-height: 20px;
        --toggle-track-background-color: var(--interactive-surface-secondary-default)
    }
[data-theme='dark'] [component-variant="toggle-unselected"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='light'] [component-variant="toggle-unselected"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="toggle-unselected"]:focus-visible:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="toggle-unselected"]:focus-visible:not(:disabled):not([disabled]) {
        --toggle-track-border-top-left-radius: 100px;
        --toggle-track-border-top-right-radius: 100px;
        --toggle-track-border-bottom-left-radius: 100px;
        --toggle-track-border-bottom-right-radius: 100px;
        --toggle-track-width: 40px;
        --toggle-track-height: 20px;
        --toggle-track-background-color: var(--interactive-surface-secondary-default)
    }
[data-theme='dark'] [component-variant="toggle-unselected"][disabled],
[data-theme='light'] [component-variant="toggle-unselected"][disabled],
[data-theme='dark'] [component-variant="toggle-unselected"]:disabled,
[data-theme='light'] [component-variant="toggle-unselected"]:disabled {
        --toggle-track-border-top-left-radius: 100px;
        --toggle-track-border-top-right-radius: 100px;
        --toggle-track-border-bottom-left-radius: 100px;
        --toggle-track-border-bottom-right-radius: 100px;
        --toggle-track-width: 40px;
        --toggle-track-height: 20px;
        --toggle-track-background-color: var(--interactive-surface-secondary-disabled)
    }
[data-theme='dark'] [component-variant="toggle-selected"], [data-theme='light'] [component-variant="toggle-selected"] {
        --toggle-track-border-top-left-radius: 100px;
        --toggle-track-border-top-right-radius: 100px;
        --toggle-track-border-bottom-left-radius: 100px;
        --toggle-track-border-bottom-right-radius: 100px;
        --toggle-track-width: 40px;
        --toggle-track-height: 20px;
        --toggle-track-background-color: var(--interactive-surface-primary-default)
    }
[data-theme='dark'] [component-variant="toggle-selected"]:hover:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="toggle-selected"]:hover:not(:disabled):not([disabled]) {
        --toggle-track-border-top-left-radius: 100px;
        --toggle-track-border-top-right-radius: 100px;
        --toggle-track-border-bottom-left-radius: 100px;
        --toggle-track-border-bottom-right-radius: 100px;
        --toggle-track-width: 40px;
        --toggle-track-height: 20px;
        --toggle-track-background-color: var(--interactive-surface-primary-default)
    }
[data-theme='dark'] [component-variant="toggle-selected"][active]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="toggle-selected"][active]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="toggle-selected"]:active:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="toggle-selected"]:active:not(:disabled):not([disabled]) {
        --toggle-track-border-top-left-radius: 100px;
        --toggle-track-border-top-right-radius: 100px;
        --toggle-track-border-bottom-left-radius: 100px;
        --toggle-track-border-bottom-right-radius: 100px;
        --toggle-track-width: 40px;
        --toggle-track-height: 20px;
        --toggle-track-background-color: var(--interactive-surface-primary-default)
    }
[data-theme='dark'] [component-variant="toggle-selected"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='light'] [component-variant="toggle-selected"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="toggle-selected"]:focus-visible:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="toggle-selected"]:focus-visible:not(:disabled):not([disabled]) {
        --toggle-track-border-top-left-radius: 100px;
        --toggle-track-border-top-right-radius: 100px;
        --toggle-track-border-bottom-left-radius: 100px;
        --toggle-track-border-bottom-right-radius: 100px;
        --toggle-track-width: 40px;
        --toggle-track-height: 20px;
        --toggle-track-background-color: var(--interactive-surface-primary-default)
    }
[data-theme='dark'] [component-variant="toggle-selected"][disabled],
[data-theme='light'] [component-variant="toggle-selected"][disabled],
[data-theme='dark'] [component-variant="toggle-selected"]:disabled,
[data-theme='light'] [component-variant="toggle-selected"]:disabled {
        --toggle-track-border-top-left-radius: 100px;
        --toggle-track-border-top-right-radius: 100px;
        --toggle-track-border-bottom-left-radius: 100px;
        --toggle-track-border-bottom-right-radius: 100px;
        --toggle-track-width: 40px;
        --toggle-track-height: 20px;
        --toggle-track-background-color: var(--colours-purple-900)
    }
[data-theme='dark'] [component-variant="toggle-unselected"], [data-theme='light'] [component-variant="toggle-unselected"] {
        --toggle-thumb-width: 18px;
        --toggle-thumb-height: 18px;
        --toggle-thumb-background-color: var(--interactive-surface-tertiary-default)
    }
[data-theme='dark'] [component-variant="toggle-unselected"]:hover:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="toggle-unselected"]:hover:not(:disabled):not([disabled]) {
        --toggle-thumb-width: 18px;
        --toggle-thumb-height: 18px;
        --toggle-thumb-background-color: var(--interactive-surface-tertiary-hover)
    }
[data-theme='dark'] [component-variant="toggle-unselected"][active]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="toggle-unselected"][active]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="toggle-unselected"]:active:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="toggle-unselected"]:active:not(:disabled):not([disabled]) {
        --toggle-thumb-width: 18px;
        --toggle-thumb-height: 18px;
        --toggle-thumb-background-color: var(--interactive-surface-tertiary-pressed)
    }
[data-theme='dark'] [component-variant="toggle-unselected"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='light'] [component-variant="toggle-unselected"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="toggle-unselected"]:focus-visible:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="toggle-unselected"]:focus-visible:not(:disabled):not([disabled]) {
        --toggle-thumb-width: 18px;
        --toggle-thumb-height: 18px;
        --toggle-thumb-background-color: var(--interactive-surface-tertiary-pressed)
    }
[data-theme='dark'] [component-variant="toggle-unselected"][disabled],
[data-theme='light'] [component-variant="toggle-unselected"][disabled],
[data-theme='dark'] [component-variant="toggle-unselected"]:disabled,
[data-theme='light'] [component-variant="toggle-unselected"]:disabled {
        --toggle-thumb-width: 18px;
        --toggle-thumb-height: 18px;
        --toggle-thumb-background-color: var(--interactive-surface-tertiary-disabled)
    }
[data-theme='dark'] [component-variant="toggle-selected"], [data-theme='light'] [component-variant="toggle-selected"] {
        --toggle-thumb-width: 18px;
        --toggle-thumb-height: 18px;
        --toggle-thumb-background-color: var(--interactive-surface-tertiary-hover)
    }
[data-theme='dark'] [component-variant="toggle-selected"]:hover:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="toggle-selected"]:hover:not(:disabled):not([disabled]) {
        --toggle-thumb-width: 18px;
        --toggle-thumb-height: 18px;
        --toggle-thumb-background-color: var(--interactive-surface-tertiary-hover)
    }
[data-theme='dark'] [component-variant="toggle-selected"][active]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="toggle-selected"][active]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="toggle-selected"]:active:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="toggle-selected"]:active:not(:disabled):not([disabled]) {
        --toggle-thumb-width: 18px;
        --toggle-thumb-height: 18px;
        --toggle-thumb-background-color: var(--interactive-surface-tertiary-pressed)
    }
[data-theme='dark'] [component-variant="toggle-selected"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='light'] [component-variant="toggle-selected"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="toggle-selected"]:focus-visible:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="toggle-selected"]:focus-visible:not(:disabled):not([disabled]) {
        --toggle-thumb-width: 18px;
        --toggle-thumb-height: 18px;
        --toggle-thumb-background-color: var(--interactive-surface-tertiary-pressed)
    }
[data-theme='dark'] [component-variant="toggle-selected"][disabled],
[data-theme='light'] [component-variant="toggle-selected"][disabled],
[data-theme='dark'] [component-variant="toggle-selected"]:disabled,
[data-theme='light'] [component-variant="toggle-selected"]:disabled {
        --toggle-thumb-width: 18px;
        --toggle-thumb-height: 18px;
        --toggle-thumb-background-color: var(--interactive-surface-tertiary-disabled)
    }
[data-theme='dark'] [component-variant^="custom-toggle-"], [data-theme='light'] [component-variant^="custom-toggle-"] {
        --custom-toggle-opacity: 1;
        --custom-toggle-height: auto;
        --custom-toggle-min-height: auto;
        --custom-toggle-max-height: none;
        --custom-toggle-width: auto;
        --custom-toggle-min-width: auto;
        --custom-toggle-max-width: none;
        --custom-toggle-background-color: transparent;
        --custom-toggle-fill: currentcolor;
        --custom-toggle-border-top-left-radius: 0px;
        --custom-toggle-border-top-right-radius: 0px;
        --custom-toggle-border-bottom-left-radius: 0px;
        --custom-toggle-border-bottom-right-radius: 0px;
        --custom-toggle-border-color: transparent;
        --custom-toggle-border-style: solid;
        --custom-toggle-border-gap: normal;
        --custom-toggle-border-dash: none;
        --custom-toggle-border-top-width: 0px;
        --custom-toggle-border-right-width: 0px;
        --custom-toggle-border-bottom-width: 0px;
        --custom-toggle-border-left-width: 0px;
        --custom-toggle-outline-color: auto;
        --custom-toggle-outline-style: solid;
        --custom-toggle-outline-width: 0px;
        --custom-toggle-padding-left: 0px;
        --custom-toggle-padding-right: 0px;
        --custom-toggle-padding-top: 0px;
        --custom-toggle-padding-bottom: 0px;
        --custom-toggle-row-gap: 0px;
        --custom-toggle-column-gap: 0px;
        --custom-toggle-font-family: sans-serif;
        --custom-toggle-font-size: medium;
        --custom-toggle-color: currentcolor;
        --custom-toggle-letter-spacing: normal;
        --custom-toggle-line-height: normal;
        --custom-toggle-paragraph-spacing: ;
        --custom-toggle-paragraph-indent: 
    }
[data-theme='dark'] [component-variant="custom-toggle-unselected"], [data-theme='light'] [component-variant="custom-toggle-unselected"] {
        --custom-toggle-font-family: var(--font-family-body);
        --custom-toggle-font-size: var(--font-size-body-small);
        --custom-toggle-font-weight: var(--font-weight-medium);
        --custom-toggle-line-height: var(--line-height-body-small);
        --custom-toggle-paragraph-spacing: 0px;
        --custom-toggle-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="custom-toggle-selected"], [data-theme='light'] [component-variant="custom-toggle-selected"] {
        --custom-toggle-font-family: var(--font-family-body);
        --custom-toggle-font-size: var(--font-size-body-small);
        --custom-toggle-font-weight: var(--font-weight-medium);
        --custom-toggle-line-height: var(--line-height-body-small);
        --custom-toggle-paragraph-spacing: 0px;
        --custom-toggle-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant^="toggle-button-"], [data-theme='light'] [component-variant^="toggle-button-"] {
        --toggle-button-opacity: 1;
        --toggle-button-height: auto;
        --toggle-button-min-height: auto;
        --toggle-button-max-height: none;
        --toggle-button-width: auto;
        --toggle-button-min-width: auto;
        --toggle-button-max-width: none;
        --toggle-button-background-color: transparent;
        --toggle-button-fill: currentcolor;
        --toggle-button-border-top-left-radius: 0px;
        --toggle-button-border-top-right-radius: 0px;
        --toggle-button-border-bottom-left-radius: 0px;
        --toggle-button-border-bottom-right-radius: 0px;
        --toggle-button-border-color: transparent;
        --toggle-button-border-style: solid;
        --toggle-button-border-gap: normal;
        --toggle-button-border-dash: none;
        --toggle-button-border-top-width: 0px;
        --toggle-button-border-right-width: 0px;
        --toggle-button-border-bottom-width: 0px;
        --toggle-button-border-left-width: 0px;
        --toggle-button-outline-color: auto;
        --toggle-button-outline-style: solid;
        --toggle-button-outline-width: 0px;
        --toggle-button-padding-left: 0px;
        --toggle-button-padding-right: 0px;
        --toggle-button-padding-top: 0px;
        --toggle-button-padding-bottom: 0px;
        --toggle-button-row-gap: 0px;
        --toggle-button-column-gap: 0px;
        --toggle-button-font-family: sans-serif;
        --toggle-button-font-size: medium;
        --toggle-button-color: currentcolor;
        --toggle-button-letter-spacing: normal;
        --toggle-button-line-height: normal;
        --toggle-button-paragraph-spacing: ;
        --toggle-button-paragraph-indent: 
    }
[data-theme='dark'] [component-variant="toggle-button-unselected"], [data-theme='light'] [component-variant="toggle-button-unselected"] {
        --toggle-button-width: 100%;
        --toggle-button-color: var(--text-colour-button-text);
        --toggle-button-font-family: var(--font-family-body);
        --toggle-button-font-size: var(--font-size-body-small);
        --toggle-button-font-weight: var(--font-weight-medium);
        --toggle-button-line-height: var(--line-height-body-small);
        --toggle-button-paragraph-spacing: 0px;
        --toggle-button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="toggle-button-selected"], [data-theme='light'] [component-variant="toggle-button-selected"] {
        --toggle-button-width: 100%;
        --toggle-button-color: var(--text-primary);
        --toggle-button-font-family: var(--font-family-body);
        --toggle-button-font-size: var(--font-size-body-small);
        --toggle-button-font-weight: var(--font-weight-medium);
        --toggle-button-line-height: var(--line-height-body-small);
        --toggle-button-paragraph-spacing: 0px;
        --toggle-button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant^="breadcrumb-"], [data-theme='light'] [component-variant^="breadcrumb-"] {
        --breadcrumb-opacity: 1;
        --breadcrumb-height: auto;
        --breadcrumb-min-height: auto;
        --breadcrumb-max-height: none;
        --breadcrumb-width: auto;
        --breadcrumb-min-width: auto;
        --breadcrumb-max-width: none;
        --breadcrumb-background-color: transparent;
        --breadcrumb-fill: currentcolor;
        --breadcrumb-border-top-left-radius: 0px;
        --breadcrumb-border-top-right-radius: 0px;
        --breadcrumb-border-bottom-left-radius: 0px;
        --breadcrumb-border-bottom-right-radius: 0px;
        --breadcrumb-border-color: transparent;
        --breadcrumb-border-style: solid;
        --breadcrumb-border-gap: normal;
        --breadcrumb-border-dash: none;
        --breadcrumb-border-top-width: 0px;
        --breadcrumb-border-right-width: 0px;
        --breadcrumb-border-bottom-width: 0px;
        --breadcrumb-border-left-width: 0px;
        --breadcrumb-outline-color: auto;
        --breadcrumb-outline-style: solid;
        --breadcrumb-outline-width: 0px;
        --breadcrumb-padding-left: 0px;
        --breadcrumb-padding-right: 0px;
        --breadcrumb-padding-top: 0px;
        --breadcrumb-padding-bottom: 0px;
        --breadcrumb-row-gap: 0px;
        --breadcrumb-column-gap: 0px;
        --breadcrumb-font-family: sans-serif;
        --breadcrumb-font-size: medium;
        --breadcrumb-color: currentcolor;
        --breadcrumb-letter-spacing: normal;
        --breadcrumb-line-height: normal;
        --breadcrumb-paragraph-spacing: ;
        --breadcrumb-paragraph-indent: 
    }
[data-theme='dark'] [component-variant="breadcrumb-unselected"], [data-theme='light'] [component-variant="breadcrumb-unselected"] {
        --breadcrumb-height: 24px;
        --breadcrumb-color: var(--text-secondary);
        --breadcrumb-border-top-left-radius: var(--corner-radius-extra-extra-small);
        --breadcrumb-border-top-right-radius: var(--corner-radius-extra-extra-small);
        --breadcrumb-border-bottom-left-radius: var(--corner-radius-extra-extra-small);
        --breadcrumb-border-bottom-right-radius: var(--corner-radius-extra-extra-small);
        --breadcrumb-padding-left: var(--spacing-space-3);
        --breadcrumb-padding-right: var(--spacing-space-3);
        --breadcrumb-row-gap: var(--spacing-space-5);
        --breadcrumb-column-gap: var(--spacing-space-5);
        --breadcrumb-font-family: var(--font-family-body);
        --breadcrumb-font-size: var(--font-size-body-medium);
        --breadcrumb-font-weight: var(--font-weight-regular);
        --breadcrumb-line-height: var(--line-height-body-medium);
        --breadcrumb-paragraph-spacing: 0px;
        --breadcrumb-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="breadcrumb-unselected"]:hover:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="breadcrumb-unselected"]:hover:not(:disabled):not([disabled]) {
        --breadcrumb-height: 24px;
        --breadcrumb-color: var(--text-secondary);
        --breadcrumb-border-top-left-radius: var(--corner-radius-extra-extra-small);
        --breadcrumb-border-top-right-radius: var(--corner-radius-extra-extra-small);
        --breadcrumb-border-bottom-left-radius: var(--corner-radius-extra-extra-small);
        --breadcrumb-border-bottom-right-radius: var(--corner-radius-extra-extra-small);
        --breadcrumb-padding-left: var(--spacing-space-3);
        --breadcrumb-padding-right: var(--spacing-space-3);
        --breadcrumb-row-gap: var(--spacing-space-5);
        --breadcrumb-column-gap: var(--spacing-space-5);
        --breadcrumb-font-family: var(--font-family-body);
        --breadcrumb-font-size: var(--font-size-body-medium);
        --breadcrumb-font-weight: var(--font-weight-regular);
        --breadcrumb-line-height: var(--line-height-body-medium);
        --breadcrumb-paragraph-spacing: 0px;
        --breadcrumb-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="breadcrumb-unselected"][active]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="breadcrumb-unselected"][active]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="breadcrumb-unselected"]:active:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="breadcrumb-unselected"]:active:not(:disabled):not([disabled]) {
        --breadcrumb-height: 24px;
        --breadcrumb-color: var(--text-secondary);
        --breadcrumb-border-top-left-radius: var(--corner-radius-extra-extra-small);
        --breadcrumb-border-top-right-radius: var(--corner-radius-extra-extra-small);
        --breadcrumb-border-bottom-left-radius: var(--corner-radius-extra-extra-small);
        --breadcrumb-border-bottom-right-radius: var(--corner-radius-extra-extra-small);
        --breadcrumb-padding-left: var(--spacing-space-3);
        --breadcrumb-padding-right: var(--spacing-space-3);
        --breadcrumb-row-gap: var(--spacing-space-5);
        --breadcrumb-column-gap: var(--spacing-space-5);
        --breadcrumb-font-family: var(--font-family-body);
        --breadcrumb-font-size: var(--font-size-body-medium);
        --breadcrumb-font-weight: var(--font-weight-regular);
        --breadcrumb-line-height: var(--line-height-body-medium);
        --breadcrumb-paragraph-spacing: 0px;
        --breadcrumb-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="breadcrumb-unselected"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='light'] [component-variant="breadcrumb-unselected"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="breadcrumb-unselected"]:focus-visible:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="breadcrumb-unselected"]:focus-visible:not(:disabled):not([disabled]) {
        --breadcrumb-height: 24px;
        --breadcrumb-color: var(--text-secondary);
        --breadcrumb-border-top-left-radius: var(--corner-radius-extra-extra-small);
        --breadcrumb-border-top-right-radius: var(--corner-radius-extra-extra-small);
        --breadcrumb-border-bottom-left-radius: var(--corner-radius-extra-extra-small);
        --breadcrumb-border-bottom-right-radius: var(--corner-radius-extra-extra-small);
        --breadcrumb-padding-left: var(--spacing-space-3);
        --breadcrumb-padding-right: var(--spacing-space-3);
        --breadcrumb-row-gap: var(--spacing-space-5);
        --breadcrumb-column-gap: var(--spacing-space-5);
        --breadcrumb-font-family: var(--font-family-body);
        --breadcrumb-font-size: var(--font-size-body-medium);
        --breadcrumb-font-weight: var(--font-weight-regular);
        --breadcrumb-line-height: var(--line-height-body-medium);
        --breadcrumb-paragraph-spacing: 0px;
        --breadcrumb-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="breadcrumb-unselected"][disabled],
[data-theme='light'] [component-variant="breadcrumb-unselected"][disabled],
[data-theme='dark'] [component-variant="breadcrumb-unselected"]:disabled,
[data-theme='light'] [component-variant="breadcrumb-unselected"]:disabled {
        --breadcrumb-height: 24px;
        --breadcrumb-color: var(--text-tertiary);
        --breadcrumb-border-top-left-radius: var(--corner-radius-extra-extra-small);
        --breadcrumb-border-top-right-radius: var(--corner-radius-extra-extra-small);
        --breadcrumb-border-bottom-left-radius: var(--corner-radius-extra-extra-small);
        --breadcrumb-border-bottom-right-radius: var(--corner-radius-extra-extra-small);
        --breadcrumb-padding-left: var(--spacing-space-3);
        --breadcrumb-padding-right: var(--spacing-space-3);
        --breadcrumb-row-gap: var(--spacing-space-5);
        --breadcrumb-column-gap: var(--spacing-space-5);
        --breadcrumb-font-family: var(--font-family-body);
        --breadcrumb-font-size: var(--font-size-body-medium);
        --breadcrumb-font-weight: var(--font-weight-regular);
        --breadcrumb-line-height: var(--line-height-body-medium);
        --breadcrumb-paragraph-spacing: 0px;
        --breadcrumb-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="breadcrumb-selected"], [data-theme='light'] [component-variant="breadcrumb-selected"] {
        --breadcrumb-height: 24px;
        --breadcrumb-color: var(--text-primary);
        --breadcrumb-border-top-left-radius: var(--corner-radius-extra-extra-small);
        --breadcrumb-border-top-right-radius: var(--corner-radius-extra-extra-small);
        --breadcrumb-border-bottom-left-radius: var(--corner-radius-extra-extra-small);
        --breadcrumb-border-bottom-right-radius: var(--corner-radius-extra-extra-small);
        --breadcrumb-padding-left: var(--spacing-space-3);
        --breadcrumb-padding-right: var(--spacing-space-3);
        --breadcrumb-row-gap: var(--spacing-space-5);
        --breadcrumb-column-gap: var(--spacing-space-5);
        --breadcrumb-font-family: var(--font-family-body);
        --breadcrumb-font-size: var(--font-size-body-medium);
        --breadcrumb-font-weight: var(--font-weight-semibold);
        --breadcrumb-line-height: var(--line-height-body-medium);
        --breadcrumb-paragraph-spacing: 0px;
        --breadcrumb-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="breadcrumb-selected"]:hover:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="breadcrumb-selected"]:hover:not(:disabled):not([disabled]) {
        --breadcrumb-height: 24px;
        --breadcrumb-color: var(--text-primary);
        --breadcrumb-border-top-left-radius: var(--corner-radius-extra-extra-small);
        --breadcrumb-border-top-right-radius: var(--corner-radius-extra-extra-small);
        --breadcrumb-border-bottom-left-radius: var(--corner-radius-extra-extra-small);
        --breadcrumb-border-bottom-right-radius: var(--corner-radius-extra-extra-small);
        --breadcrumb-padding-left: var(--spacing-space-3);
        --breadcrumb-padding-right: var(--spacing-space-3);
        --breadcrumb-row-gap: var(--spacing-space-5);
        --breadcrumb-column-gap: var(--spacing-space-5);
        --breadcrumb-font-family: var(--font-family-body);
        --breadcrumb-font-size: var(--font-size-body-medium);
        --breadcrumb-font-weight: var(--font-weight-semibold);
        --breadcrumb-line-height: var(--line-height-body-medium);
        --breadcrumb-paragraph-spacing: 0px;
        --breadcrumb-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="breadcrumb-selected"][active]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="breadcrumb-selected"][active]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="breadcrumb-selected"]:active:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="breadcrumb-selected"]:active:not(:disabled):not([disabled]) {
        --breadcrumb-height: 24px;
        --breadcrumb-color: var(--text-primary);
        --breadcrumb-border-top-left-radius: var(--corner-radius-extra-extra-small);
        --breadcrumb-border-top-right-radius: var(--corner-radius-extra-extra-small);
        --breadcrumb-border-bottom-left-radius: var(--corner-radius-extra-extra-small);
        --breadcrumb-border-bottom-right-radius: var(--corner-radius-extra-extra-small);
        --breadcrumb-padding-left: var(--spacing-space-3);
        --breadcrumb-padding-right: var(--spacing-space-3);
        --breadcrumb-row-gap: var(--spacing-space-5);
        --breadcrumb-column-gap: var(--spacing-space-5);
        --breadcrumb-font-family: var(--font-family-body);
        --breadcrumb-font-size: var(--font-size-body-medium);
        --breadcrumb-font-weight: var(--font-weight-semibold);
        --breadcrumb-line-height: var(--line-height-body-medium);
        --breadcrumb-paragraph-spacing: 0px;
        --breadcrumb-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="breadcrumb-selected"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='light'] [component-variant="breadcrumb-selected"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="breadcrumb-selected"]:focus-visible:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="breadcrumb-selected"]:focus-visible:not(:disabled):not([disabled]) {
        --breadcrumb-height: 24px;
        --breadcrumb-color: var(--text-primary);
        --breadcrumb-border-top-left-radius: var(--corner-radius-extra-extra-small);
        --breadcrumb-border-top-right-radius: var(--corner-radius-extra-extra-small);
        --breadcrumb-border-bottom-left-radius: var(--corner-radius-extra-extra-small);
        --breadcrumb-border-bottom-right-radius: var(--corner-radius-extra-extra-small);
        --breadcrumb-padding-left: var(--spacing-space-3);
        --breadcrumb-padding-right: var(--spacing-space-3);
        --breadcrumb-row-gap: var(--spacing-space-5);
        --breadcrumb-column-gap: var(--spacing-space-5);
        --breadcrumb-font-family: var(--font-family-body);
        --breadcrumb-font-size: var(--font-size-body-medium);
        --breadcrumb-font-weight: var(--font-weight-semibold);
        --breadcrumb-line-height: var(--line-height-body-medium);
        --breadcrumb-paragraph-spacing: 0px;
        --breadcrumb-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="breadcrumb-selected"][disabled],
[data-theme='light'] [component-variant="breadcrumb-selected"][disabled],
[data-theme='dark'] [component-variant="breadcrumb-selected"]:disabled,
[data-theme='light'] [component-variant="breadcrumb-selected"]:disabled {
        --breadcrumb-height: 24px;
        --breadcrumb-color: var(--text-tertiary);
        --breadcrumb-border-top-left-radius: var(--corner-radius-extra-extra-small);
        --breadcrumb-border-top-right-radius: var(--corner-radius-extra-extra-small);
        --breadcrumb-border-bottom-left-radius: var(--corner-radius-extra-extra-small);
        --breadcrumb-border-bottom-right-radius: var(--corner-radius-extra-extra-small);
        --breadcrumb-padding-left: var(--spacing-space-3);
        --breadcrumb-padding-right: var(--spacing-space-3);
        --breadcrumb-row-gap: var(--spacing-space-5);
        --breadcrumb-column-gap: var(--spacing-space-5);
        --breadcrumb-font-family: var(--font-family-body);
        --breadcrumb-font-size: var(--font-size-body-medium);
        --breadcrumb-font-weight: var(--font-weight-semibold);
        --breadcrumb-line-height: var(--line-height-body-medium);
        --breadcrumb-paragraph-spacing: 0px;
        --breadcrumb-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant^="progress-bar-"], [data-theme='light'] [component-variant^="progress-bar-"] {
        --progress-bar-opacity: 1;
        --progress-bar-height: auto;
        --progress-bar-min-height: auto;
        --progress-bar-max-height: none;
        --progress-bar-width: auto;
        --progress-bar-min-width: auto;
        --progress-bar-max-width: none;
        --progress-bar-background-color: transparent;
        --progress-bar-fill: currentcolor;
        --progress-bar-border-top-left-radius: 0px;
        --progress-bar-border-top-right-radius: 0px;
        --progress-bar-border-bottom-left-radius: 0px;
        --progress-bar-border-bottom-right-radius: 0px;
        --progress-bar-border-color: transparent;
        --progress-bar-border-style: solid;
        --progress-bar-border-gap: normal;
        --progress-bar-border-dash: none;
        --progress-bar-border-top-width: 0px;
        --progress-bar-border-right-width: 0px;
        --progress-bar-border-bottom-width: 0px;
        --progress-bar-border-left-width: 0px;
        --progress-bar-outline-color: auto;
        --progress-bar-outline-style: solid;
        --progress-bar-outline-width: 0px;
        --progress-bar-padding-left: 0px;
        --progress-bar-padding-right: 0px;
        --progress-bar-padding-top: 0px;
        --progress-bar-padding-bottom: 0px;
        --progress-bar-row-gap: 0px;
        --progress-bar-column-gap: 0px;
        --progress-bar-font-family: sans-serif;
        --progress-bar-font-size: medium;
        --progress-bar-color: currentcolor;
        --progress-bar-letter-spacing: normal;
        --progress-bar-line-height: normal;
        --progress-bar-paragraph-spacing: ;
        --progress-bar-paragraph-indent: 
    }
[data-theme='dark'] [component-variant="progress-bar-empty"], [data-theme='light'] [component-variant="progress-bar-empty"] {
        --progress-bar-height: 16px;
        --progress-bar-width: 100%;
        --progress-bar-background-color: var(--surface-background-4);
        --progress-bar-color: var(--text-primary);
        --progress-bar-border-top-left-radius: var(--corner-radius-extra-large);
        --progress-bar-border-top-right-radius: var(--corner-radius-extra-large);
        --progress-bar-border-bottom-left-radius: var(--corner-radius-extra-large);
        --progress-bar-border-bottom-right-radius: var(--corner-radius-extra-large);
        --progress-bar-font-family: var(--font-family-body);
        --progress-bar-font-size: var(--font-size-body-small);
        --progress-bar-font-weight: var(--font-weight-medium);
        --progress-bar-line-height: var(--line-height-body-small);
        --progress-bar-paragraph-spacing: 0px;
        --progress-bar-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="progress-bar-filled"], [data-theme='light'] [component-variant="progress-bar-filled"] {
        --progress-bar-height: 16px;
        --progress-bar-width: 100%;
        --progress-bar-background-color: var(--surface-background-4);
        --progress-bar-color: var(--text-primary);
        --progress-bar-border-top-left-radius: var(--corner-radius-extra-large);
        --progress-bar-border-top-right-radius: var(--corner-radius-extra-large);
        --progress-bar-border-bottom-left-radius: var(--corner-radius-extra-large);
        --progress-bar-border-bottom-right-radius: var(--corner-radius-extra-large);
        --progress-bar-font-family: var(--font-family-body);
        --progress-bar-font-size: var(--font-size-body-small);
        --progress-bar-font-weight: var(--font-weight-medium);
        --progress-bar-line-height: var(--line-height-body-small);
        --progress-bar-paragraph-spacing: 0px;
        --progress-bar-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="progress-bar-empty"], [data-theme='light'] [component-variant="progress-bar-empty"] {
        --progress-bar-indicator-height: 16px;
        --progress-bar-indicator-width: 144px;
        --progress-bar-indicator-background-color: var(--interactive-surface-primary-default);
        --progress-bar-indicator-border-top-left-radius: var(--corner-radius-extra-large);
        --progress-bar-indicator-border-top-right-radius: var(--corner-radius-extra-large);
        --progress-bar-indicator-border-bottom-left-radius: var(--corner-radius-extra-large);
        --progress-bar-indicator-border-bottom-right-radius: var(--corner-radius-extra-large);
        --progress-bar-indicator-padding-left: 10px;
        --progress-bar-indicator-padding-right: 10px;
        --progress-bar-indicator-padding-top: 10px;
        --progress-bar-indicator-padding-bottom: 10px;
        --progress-bar-indicator-row-gap: 10px;
        --progress-bar-indicator-column-gap: 10px;
        --progress-bar-indicator-font-family: sans-sarif;
        --progress-bar-indicator-font-size: initial;
        --progress-bar-indicator-font-weight: regular;
        --progress-bar-indicator-paragraph-spacing: 0px;
        --progress-bar-indicator-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="progress-bar-filled"], [data-theme='light'] [component-variant="progress-bar-filled"] {
        --progress-bar-indicator-height: 16px;
        --progress-bar-indicator-width: 481px;
        --progress-bar-indicator-background-color: var(--interactive-surface-primary-default);
        --progress-bar-indicator-border-top-left-radius: var(--corner-radius-extra-large);
        --progress-bar-indicator-border-top-right-radius: var(--corner-radius-extra-large);
        --progress-bar-indicator-border-bottom-left-radius: var(--corner-radius-extra-large);
        --progress-bar-indicator-border-bottom-right-radius: var(--corner-radius-extra-large);
        --progress-bar-indicator-font-family: sans-sarif;
        --progress-bar-indicator-font-size: initial;
        --progress-bar-indicator-font-weight: regular;
        --progress-bar-indicator-paragraph-spacing: 0px;
        --progress-bar-indicator-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="progress-bar-empty"], [data-theme='light'] [component-variant="progress-bar-empty"] {
        --progress-bar-label-color: var(--text-primary);
        --progress-bar-label-font-family: var(--font-family-body);
        --progress-bar-label-font-size: var(--font-size-body-small);
        --progress-bar-label-font-weight: var(--font-weight-medium);
        --progress-bar-label-line-height: var(--line-height-body-small);
        --progress-bar-label-paragraph-spacing: 0px;
        --progress-bar-label-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="progress-bar-filled"], [data-theme='light'] [component-variant="progress-bar-filled"] {
        --progress-bar-label-height: 16px;
        --progress-bar-label-width: 27px;
        --progress-bar-label-color: var(--text-primary);
        --progress-bar-label-font-family: var(--font-family-body);
        --progress-bar-label-font-size: var(--font-size-body-small);
        --progress-bar-label-font-weight: var(--font-weight-medium);
        --progress-bar-label-line-height: var(--line-height-body-small);
        --progress-bar-label-paragraph-spacing: 0px;
        --progress-bar-label-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant^="tooltip-"], [data-theme='light'] [component-variant^="tooltip-"] {
        --tooltip-opacity: 1;
        --tooltip-height: auto;
        --tooltip-min-height: auto;
        --tooltip-max-height: none;
        --tooltip-width: auto;
        --tooltip-min-width: auto;
        --tooltip-max-width: none;
        --tooltip-background-color: transparent;
        --tooltip-fill: currentcolor;
        --tooltip-border-top-left-radius: 0px;
        --tooltip-border-top-right-radius: 0px;
        --tooltip-border-bottom-left-radius: 0px;
        --tooltip-border-bottom-right-radius: 0px;
        --tooltip-border-color: transparent;
        --tooltip-border-style: solid;
        --tooltip-border-gap: normal;
        --tooltip-border-dash: none;
        --tooltip-border-top-width: 0px;
        --tooltip-border-right-width: 0px;
        --tooltip-border-bottom-width: 0px;
        --tooltip-border-left-width: 0px;
        --tooltip-outline-color: auto;
        --tooltip-outline-style: solid;
        --tooltip-outline-width: 0px;
        --tooltip-padding-left: 0px;
        --tooltip-padding-right: 0px;
        --tooltip-padding-top: 0px;
        --tooltip-padding-bottom: 0px;
        --tooltip-row-gap: 0px;
        --tooltip-column-gap: 0px;
        --tooltip-font-family: sans-serif;
        --tooltip-font-size: medium;
        --tooltip-color: currentcolor;
        --tooltip-letter-spacing: normal;
        --tooltip-line-height: normal;
        --tooltip-paragraph-spacing: ;
        --tooltip-paragraph-indent: 
    }
[data-theme='dark'] [component-variant="tooltip-center-top-outlined"], [data-theme='light'] [component-variant="tooltip-center-top-outlined"] {
        --tooltip-row-gap: var(--spacing-space-6);
        --tooltip-column-gap: var(--spacing-space-6);
        --tooltip-font-family: var(--font-family-body);
        --tooltip-font-size: var(--font-size-body-small);
        --tooltip-font-weight: var(--font-weight-medium);
        --tooltip-line-height: var(--line-height-body-small);
        --tooltip-paragraph-spacing: 0px;
        --tooltip-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="tooltip-center-top-default"], [data-theme='light'] [component-variant="tooltip-center-top-default"] {
        --tooltip-row-gap: var(--spacing-space-6);
        --tooltip-column-gap: var(--spacing-space-6);
        --tooltip-font-family: var(--font-family-body);
        --tooltip-font-size: var(--font-size-body-small);
        --tooltip-font-weight: var(--font-weight-medium);
        --tooltip-line-height: var(--line-height-body-small);
        --tooltip-paragraph-spacing: 0px;
        --tooltip-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="tooltip-center-bottom-outlined"], [data-theme='light'] [component-variant="tooltip-center-bottom-outlined"] {
        --tooltip-row-gap: var(--spacing-space-6);
        --tooltip-column-gap: var(--spacing-space-6);
        --tooltip-font-family: var(--font-family-body);
        --tooltip-font-size: var(--font-size-body-small);
        --tooltip-font-weight: var(--font-weight-medium);
        --tooltip-line-height: var(--line-height-body-small);
        --tooltip-paragraph-spacing: 0px;
        --tooltip-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="tooltip-center-right-outlined"], [data-theme='light'] [component-variant="tooltip-center-right-outlined"] {
        --tooltip-row-gap: var(--spacing-space-6);
        --tooltip-column-gap: var(--spacing-space-6);
        --tooltip-font-family: var(--font-family-body);
        --tooltip-font-size: var(--font-size-body-small);
        --tooltip-font-weight: var(--font-weight-medium);
        --tooltip-line-height: var(--line-height-body-small);
        --tooltip-paragraph-spacing: 0px;
        --tooltip-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="tooltip-center-right-default"], [data-theme='light'] [component-variant="tooltip-center-right-default"] {
        --tooltip-row-gap: var(--spacing-space-6);
        --tooltip-column-gap: var(--spacing-space-6);
        --tooltip-font-family: var(--font-family-body);
        --tooltip-font-size: var(--font-size-body-small);
        --tooltip-font-weight: var(--font-weight-medium);
        --tooltip-line-height: var(--line-height-body-small);
        --tooltip-paragraph-spacing: 0px;
        --tooltip-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="tooltip-center-left-outlined"], [data-theme='light'] [component-variant="tooltip-center-left-outlined"] {
        --tooltip-row-gap: var(--spacing-space-6);
        --tooltip-column-gap: var(--spacing-space-6);
        --tooltip-font-family: var(--font-family-body);
        --tooltip-font-size: var(--font-size-body-small);
        --tooltip-font-weight: var(--font-weight-medium);
        --tooltip-line-height: var(--line-height-body-small);
        --tooltip-paragraph-spacing: 0px;
        --tooltip-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="tooltip-center-left-default"], [data-theme='light'] [component-variant="tooltip-center-left-default"] {
        --tooltip-row-gap: var(--spacing-space-6);
        --tooltip-column-gap: var(--spacing-space-6);
        --tooltip-font-family: var(--font-family-body);
        --tooltip-font-size: var(--font-size-body-small);
        --tooltip-font-weight: var(--font-weight-medium);
        --tooltip-line-height: var(--line-height-body-small);
        --tooltip-paragraph-spacing: 0px;
        --tooltip-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="tooltip-bottom-left-outlined"], [data-theme='light'] [component-variant="tooltip-bottom-left-outlined"] {
        --tooltip-row-gap: 12px;
        --tooltip-column-gap: 12px;
        --tooltip-font-family: var(--font-family-body);
        --tooltip-font-size: var(--font-size-body-small);
        --tooltip-font-weight: var(--font-weight-medium);
        --tooltip-line-height: var(--line-height-body-small);
        --tooltip-paragraph-spacing: 0px;
        --tooltip-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="tooltip-bottom-left-default"], [data-theme='light'] [component-variant="tooltip-bottom-left-default"] {
        --tooltip-row-gap: var(--spacing-space-6);
        --tooltip-column-gap: var(--spacing-space-6);
        --tooltip-font-family: var(--font-family-body);
        --tooltip-font-size: var(--font-size-body-small);
        --tooltip-font-weight: var(--font-weight-medium);
        --tooltip-line-height: var(--line-height-body-small);
        --tooltip-paragraph-spacing: 0px;
        --tooltip-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="tooltip-top-left-outlined"], [data-theme='light'] [component-variant="tooltip-top-left-outlined"] {
        --tooltip-row-gap: var(--spacing-space-6);
        --tooltip-column-gap: var(--spacing-space-6);
        --tooltip-font-family: var(--font-family-body);
        --tooltip-font-size: var(--font-size-body-small);
        --tooltip-font-weight: var(--font-weight-medium);
        --tooltip-line-height: var(--line-height-body-small);
        --tooltip-paragraph-spacing: 0px;
        --tooltip-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="tooltip-top-left-default"], [data-theme='light'] [component-variant="tooltip-top-left-default"] {
        --tooltip-row-gap: var(--spacing-space-6);
        --tooltip-column-gap: var(--spacing-space-6);
        --tooltip-font-family: var(--font-family-body);
        --tooltip-font-size: var(--font-size-body-small);
        --tooltip-font-weight: var(--font-weight-medium);
        --tooltip-line-height: var(--line-height-body-small);
        --tooltip-paragraph-spacing: 0px;
        --tooltip-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="tooltip-bottom-right-outlined"], [data-theme='light'] [component-variant="tooltip-bottom-right-outlined"] {
        --tooltip-row-gap: var(--spacing-space-6);
        --tooltip-column-gap: var(--spacing-space-6);
        --tooltip-font-family: var(--font-family-body);
        --tooltip-font-size: var(--font-size-body-small);
        --tooltip-font-weight: var(--font-weight-medium);
        --tooltip-line-height: var(--line-height-body-small);
        --tooltip-paragraph-spacing: 0px;
        --tooltip-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="tooltip-bottom-right-default"], [data-theme='light'] [component-variant="tooltip-bottom-right-default"] {
        --tooltip-row-gap: var(--spacing-space-6);
        --tooltip-column-gap: var(--spacing-space-6);
        --tooltip-font-family: var(--font-family-body);
        --tooltip-font-size: var(--font-size-body-small);
        --tooltip-font-weight: var(--font-weight-medium);
        --tooltip-line-height: var(--line-height-body-small);
        --tooltip-paragraph-spacing: 0px;
        --tooltip-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="tooltip-top-right-outlined"], [data-theme='light'] [component-variant="tooltip-top-right-outlined"] {
        --tooltip-row-gap: var(--spacing-space-6);
        --tooltip-column-gap: var(--spacing-space-6);
        --tooltip-font-family: var(--font-family-body);
        --tooltip-font-size: var(--font-size-body-small);
        --tooltip-font-weight: var(--font-weight-medium);
        --tooltip-line-height: var(--line-height-body-small);
        --tooltip-paragraph-spacing: 0px;
        --tooltip-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="tooltip-top-right-default"], [data-theme='light'] [component-variant="tooltip-top-right-default"] {
        --tooltip-row-gap: 16px;
        --tooltip-column-gap: 16px;
        --tooltip-font-family: var(--font-family-body);
        --tooltip-font-size: var(--font-size-body-small);
        --tooltip-font-weight: var(--font-weight-medium);
        --tooltip-line-height: var(--line-height-body-small);
        --tooltip-paragraph-spacing: 0px;
        --tooltip-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="tooltip-center-bottom-default"], [data-theme='light'] [component-variant="tooltip-center-bottom-default"] {
        --tooltip-row-gap: var(--spacing-space-6);
        --tooltip-column-gap: var(--spacing-space-6);
        --tooltip-font-family: var(--font-family-body);
        --tooltip-font-size: var(--font-size-body-small);
        --tooltip-font-weight: var(--font-weight-medium);
        --tooltip-line-height: var(--line-height-body-small);
        --tooltip-paragraph-spacing: 0px;
        --tooltip-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="tooltip-start-top-outlined"], [data-theme='light'] [component-variant="tooltip-start-top-outlined"] {
        --tooltip-row-gap: var(--spacing-space-6);
        --tooltip-column-gap: var(--spacing-space-6);
        --tooltip-font-family: var(--font-family-body);
        --tooltip-font-size: var(--font-size-body-small);
        --tooltip-font-weight: var(--font-weight-medium);
        --tooltip-line-height: var(--line-height-body-small);
        --tooltip-paragraph-spacing: 0px;
        --tooltip-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="tooltip-start-top-default"], [data-theme='light'] [component-variant="tooltip-start-top-default"] {
        --tooltip-row-gap: var(--spacing-space-6);
        --tooltip-column-gap: var(--spacing-space-6);
        --tooltip-font-family: var(--font-family-body);
        --tooltip-font-size: var(--font-size-body-small);
        --tooltip-font-weight: var(--font-weight-medium);
        --tooltip-line-height: var(--line-height-body-small);
        --tooltip-paragraph-spacing: 0px;
        --tooltip-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="tooltip-start-bottom-outlined"], [data-theme='light'] [component-variant="tooltip-start-bottom-outlined"] {
        --tooltip-row-gap: var(--spacing-space-6);
        --tooltip-column-gap: var(--spacing-space-6);
        --tooltip-font-family: var(--font-family-body);
        --tooltip-font-size: var(--font-size-body-small);
        --tooltip-font-weight: var(--font-weight-medium);
        --tooltip-line-height: var(--line-height-body-small);
        --tooltip-paragraph-spacing: 0px;
        --tooltip-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="tooltip-start-bottom-default"], [data-theme='light'] [component-variant="tooltip-start-bottom-default"] {
        --tooltip-row-gap: var(--spacing-space-6);
        --tooltip-column-gap: var(--spacing-space-6);
        --tooltip-font-family: var(--font-family-body);
        --tooltip-font-size: var(--font-size-body-small);
        --tooltip-font-weight: var(--font-weight-medium);
        --tooltip-line-height: var(--line-height-body-small);
        --tooltip-paragraph-spacing: 0px;
        --tooltip-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="tooltip-end-top-default"], [data-theme='light'] [component-variant="tooltip-end-top-default"] {
        --tooltip-row-gap: var(--spacing-space-6);
        --tooltip-column-gap: var(--spacing-space-6);
        --tooltip-font-family: var(--font-family-body);
        --tooltip-font-size: var(--font-size-body-small);
        --tooltip-font-weight: var(--font-weight-medium);
        --tooltip-line-height: var(--line-height-body-small);
        --tooltip-paragraph-spacing: 0px;
        --tooltip-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="tooltip-end-bottom-outlined"], [data-theme='light'] [component-variant="tooltip-end-bottom-outlined"] {
        --tooltip-row-gap: 18px;
        --tooltip-column-gap: 18px;
        --tooltip-font-family: var(--font-family-body);
        --tooltip-font-size: var(--font-size-body-small);
        --tooltip-font-weight: var(--font-weight-medium);
        --tooltip-line-height: var(--line-height-body-small);
        --tooltip-paragraph-spacing: 0px;
        --tooltip-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="tooltip-end-bottom-default"], [data-theme='light'] [component-variant="tooltip-end-bottom-default"] {
        --tooltip-row-gap: var(--spacing-space-6);
        --tooltip-column-gap: var(--spacing-space-6);
        --tooltip-font-family: var(--font-family-body);
        --tooltip-font-size: var(--font-size-body-small);
        --tooltip-font-weight: var(--font-weight-medium);
        --tooltip-line-height: var(--line-height-body-small);
        --tooltip-paragraph-spacing: 0px;
        --tooltip-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="tooltip-end-top-outlined"], [data-theme='light'] [component-variant="tooltip-end-top-outlined"] {
        --tooltip-row-gap: var(--spacing-space-6);
        --tooltip-column-gap: var(--spacing-space-6);
        --tooltip-font-family: var(--font-family-body);
        --tooltip-font-size: var(--font-size-body-small);
        --tooltip-font-weight: var(--font-weight-medium);
        --tooltip-line-height: var(--line-height-body-small);
        --tooltip-paragraph-spacing: 0px;
        --tooltip-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="tooltip-center-top-outlined"], [data-theme='light'] [component-variant="tooltip-center-top-outlined"] {
        --tooltip-content-width: auto;
        --tooltip-content-background-color: var(--surface-background-6);
        --tooltip-content-border-top-left-radius: var(--corner-radius-extra-small);
        --tooltip-content-border-top-right-radius: var(--corner-radius-extra-small);
        --tooltip-content-border-bottom-left-radius: var(--corner-radius-extra-small);
        --tooltip-content-border-bottom-right-radius: var(--corner-radius-extra-small);
        --tooltip-content-outline-color: var(--border-border-grey-2);
        --tooltip-content-outline-width: 1px;
        --tooltip-content-padding-left: var(--spacing-space-5);
        --tooltip-content-padding-right: var(--spacing-space-5);
        --tooltip-content-padding-top: var(--spacing-space-5);
        --tooltip-content-padding-bottom: var(--spacing-space-5);
        --tooltip-content-font-family: var(--font-family-body);
        --tooltip-content-font-size: var(--font-size-body-small);
        --tooltip-content-font-weight: var(--font-weight-medium);
        --tooltip-content-line-height: var(--line-height-body-small);
        --tooltip-content-paragraph-spacing: 0px;
        --tooltip-content-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="tooltip-center-top-default"], [data-theme='light'] [component-variant="tooltip-center-top-default"] {
        --tooltip-content-width: auto;
        --tooltip-content-background-color: var(--surface-background-6);
        --tooltip-content-border-top-left-radius: var(--corner-radius-extra-small);
        --tooltip-content-border-top-right-radius: var(--corner-radius-extra-small);
        --tooltip-content-border-bottom-left-radius: var(--corner-radius-extra-small);
        --tooltip-content-border-bottom-right-radius: var(--corner-radius-extra-small);
        --tooltip-content-padding-left: var(--spacing-space-5);
        --tooltip-content-padding-right: var(--spacing-space-5);
        --tooltip-content-padding-top: var(--spacing-space-5);
        --tooltip-content-padding-bottom: var(--spacing-space-5);
        --tooltip-content-font-family: var(--font-family-body);
        --tooltip-content-font-size: var(--font-size-body-small);
        --tooltip-content-font-weight: var(--font-weight-medium);
        --tooltip-content-line-height: var(--line-height-body-small);
        --tooltip-content-paragraph-spacing: 0px;
        --tooltip-content-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="tooltip-center-bottom-outlined"], [data-theme='light'] [component-variant="tooltip-center-bottom-outlined"] {
        --tooltip-content-width: auto;
        --tooltip-content-background-color: var(--surface-background-6);
        --tooltip-content-border-top-left-radius: var(--corner-radius-extra-small);
        --tooltip-content-border-top-right-radius: var(--corner-radius-extra-small);
        --tooltip-content-border-bottom-left-radius: var(--corner-radius-extra-small);
        --tooltip-content-border-bottom-right-radius: var(--corner-radius-extra-small);
        --tooltip-content-outline-color: var(--border-border-grey-2);
        --tooltip-content-outline-width: 1px;
        --tooltip-content-padding-left: var(--spacing-space-5);
        --tooltip-content-padding-right: var(--spacing-space-5);
        --tooltip-content-padding-top: var(--spacing-space-5);
        --tooltip-content-padding-bottom: var(--spacing-space-5);
        --tooltip-content-font-family: var(--font-family-body);
        --tooltip-content-font-size: var(--font-size-body-small);
        --tooltip-content-font-weight: var(--font-weight-medium);
        --tooltip-content-line-height: var(--line-height-body-small);
        --tooltip-content-paragraph-spacing: 0px;
        --tooltip-content-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="tooltip-center-right-outlined"], [data-theme='light'] [component-variant="tooltip-center-right-outlined"] {
        --tooltip-content-width: 141px;
        --tooltip-content-background-color: var(--surface-background-6);
        --tooltip-content-border-top-left-radius: var(--corner-radius-extra-small);
        --tooltip-content-border-top-right-radius: var(--corner-radius-extra-small);
        --tooltip-content-border-bottom-left-radius: var(--corner-radius-extra-small);
        --tooltip-content-border-bottom-right-radius: var(--corner-radius-extra-small);
        --tooltip-content-outline-color: var(--border-border-grey-2);
        --tooltip-content-outline-width: 1px;
        --tooltip-content-padding-left: var(--spacing-space-5);
        --tooltip-content-padding-right: var(--spacing-space-5);
        --tooltip-content-padding-top: var(--spacing-space-5);
        --tooltip-content-padding-bottom: var(--spacing-space-5);
        --tooltip-content-font-family: var(--font-family-body);
        --tooltip-content-font-size: var(--font-size-body-small);
        --tooltip-content-font-weight: var(--font-weight-medium);
        --tooltip-content-line-height: var(--line-height-body-small);
        --tooltip-content-paragraph-spacing: 0px;
        --tooltip-content-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="tooltip-center-right-default"], [data-theme='light'] [component-variant="tooltip-center-right-default"] {
        --tooltip-content-width: 141px;
        --tooltip-content-background-color: var(--surface-background-6);
        --tooltip-content-border-top-left-radius: var(--corner-radius-extra-small);
        --tooltip-content-border-top-right-radius: var(--corner-radius-extra-small);
        --tooltip-content-border-bottom-left-radius: var(--corner-radius-extra-small);
        --tooltip-content-border-bottom-right-radius: var(--corner-radius-extra-small);
        --tooltip-content-padding-left: var(--spacing-space-5);
        --tooltip-content-padding-right: var(--spacing-space-5);
        --tooltip-content-padding-top: var(--spacing-space-5);
        --tooltip-content-padding-bottom: var(--spacing-space-5);
        --tooltip-content-font-family: var(--font-family-body);
        --tooltip-content-font-size: var(--font-size-body-small);
        --tooltip-content-font-weight: var(--font-weight-medium);
        --tooltip-content-line-height: var(--line-height-body-small);
        --tooltip-content-paragraph-spacing: 0px;
        --tooltip-content-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="tooltip-center-left-outlined"], [data-theme='light'] [component-variant="tooltip-center-left-outlined"] {
        --tooltip-content-width: 141px;
        --tooltip-content-background-color: var(--surface-background-6);
        --tooltip-content-border-top-left-radius: var(--corner-radius-extra-small);
        --tooltip-content-border-top-right-radius: var(--corner-radius-extra-small);
        --tooltip-content-border-bottom-left-radius: var(--corner-radius-extra-small);
        --tooltip-content-border-bottom-right-radius: var(--corner-radius-extra-small);
        --tooltip-content-outline-color: var(--border-border-grey-2);
        --tooltip-content-outline-width: 1px;
        --tooltip-content-padding-left: var(--spacing-space-5);
        --tooltip-content-padding-right: var(--spacing-space-5);
        --tooltip-content-padding-top: var(--spacing-space-5);
        --tooltip-content-padding-bottom: var(--spacing-space-5);
        --tooltip-content-font-family: var(--font-family-body);
        --tooltip-content-font-size: var(--font-size-body-small);
        --tooltip-content-font-weight: var(--font-weight-medium);
        --tooltip-content-line-height: var(--line-height-body-small);
        --tooltip-content-paragraph-spacing: 0px;
        --tooltip-content-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="tooltip-center-left-default"], [data-theme='light'] [component-variant="tooltip-center-left-default"] {
        --tooltip-content-width: 141px;
        --tooltip-content-background-color: var(--surface-background-6);
        --tooltip-content-border-top-left-radius: var(--corner-radius-extra-small);
        --tooltip-content-border-top-right-radius: var(--corner-radius-extra-small);
        --tooltip-content-border-bottom-left-radius: var(--corner-radius-extra-small);
        --tooltip-content-border-bottom-right-radius: var(--corner-radius-extra-small);
        --tooltip-content-padding-left: var(--spacing-space-5);
        --tooltip-content-padding-right: var(--spacing-space-5);
        --tooltip-content-padding-top: var(--spacing-space-5);
        --tooltip-content-padding-bottom: var(--spacing-space-5);
        --tooltip-content-font-family: var(--font-family-body);
        --tooltip-content-font-size: var(--font-size-body-small);
        --tooltip-content-font-weight: var(--font-weight-medium);
        --tooltip-content-line-height: var(--line-height-body-small);
        --tooltip-content-paragraph-spacing: 0px;
        --tooltip-content-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="tooltip-bottom-left-outlined"], [data-theme='light'] [component-variant="tooltip-bottom-left-outlined"] {
        --tooltip-content-width: 141px;
        --tooltip-content-background-color: var(--surface-background-6);
        --tooltip-content-border-top-left-radius: var(--corner-radius-extra-small);
        --tooltip-content-border-top-right-radius: var(--corner-radius-extra-small);
        --tooltip-content-border-bottom-left-radius: var(--corner-radius-extra-small);
        --tooltip-content-border-bottom-right-radius: var(--corner-radius-extra-small);
        --tooltip-content-outline-color: var(--border-border-grey-2);
        --tooltip-content-outline-width: 1px;
        --tooltip-content-padding-left: var(--spacing-space-5);
        --tooltip-content-padding-right: var(--spacing-space-5);
        --tooltip-content-padding-top: var(--spacing-space-5);
        --tooltip-content-padding-bottom: var(--spacing-space-5);
        --tooltip-content-font-family: var(--font-family-body);
        --tooltip-content-font-size: var(--font-size-body-small);
        --tooltip-content-font-weight: var(--font-weight-medium);
        --tooltip-content-line-height: var(--line-height-body-small);
        --tooltip-content-paragraph-spacing: 0px;
        --tooltip-content-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="tooltip-bottom-left-default"], [data-theme='light'] [component-variant="tooltip-bottom-left-default"] {
        --tooltip-content-width: 141px;
        --tooltip-content-background-color: var(--surface-background-6);
        --tooltip-content-border-top-left-radius: var(--corner-radius-extra-small);
        --tooltip-content-border-top-right-radius: var(--corner-radius-extra-small);
        --tooltip-content-border-bottom-left-radius: var(--corner-radius-extra-small);
        --tooltip-content-border-bottom-right-radius: var(--corner-radius-extra-small);
        --tooltip-content-padding-left: var(--spacing-space-5);
        --tooltip-content-padding-right: var(--spacing-space-5);
        --tooltip-content-padding-top: var(--spacing-space-5);
        --tooltip-content-padding-bottom: var(--spacing-space-5);
        --tooltip-content-font-family: var(--font-family-body);
        --tooltip-content-font-size: var(--font-size-body-small);
        --tooltip-content-font-weight: var(--font-weight-medium);
        --tooltip-content-line-height: var(--line-height-body-small);
        --tooltip-content-paragraph-spacing: 0px;
        --tooltip-content-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="tooltip-top-left-outlined"], [data-theme='light'] [component-variant="tooltip-top-left-outlined"] {
        --tooltip-content-width: 141px;
        --tooltip-content-background-color: var(--surface-background-6);
        --tooltip-content-border-top-left-radius: var(--corner-radius-extra-small);
        --tooltip-content-border-top-right-radius: var(--corner-radius-extra-small);
        --tooltip-content-border-bottom-left-radius: var(--corner-radius-extra-small);
        --tooltip-content-border-bottom-right-radius: var(--corner-radius-extra-small);
        --tooltip-content-outline-color: var(--border-border-grey-2);
        --tooltip-content-outline-width: 1px;
        --tooltip-content-padding-left: var(--spacing-space-5);
        --tooltip-content-padding-right: var(--spacing-space-5);
        --tooltip-content-padding-top: var(--spacing-space-5);
        --tooltip-content-padding-bottom: var(--spacing-space-5);
        --tooltip-content-font-family: var(--font-family-body);
        --tooltip-content-font-size: var(--font-size-body-small);
        --tooltip-content-font-weight: var(--font-weight-medium);
        --tooltip-content-line-height: var(--line-height-body-small);
        --tooltip-content-paragraph-spacing: 0px;
        --tooltip-content-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="tooltip-top-left-default"], [data-theme='light'] [component-variant="tooltip-top-left-default"] {
        --tooltip-content-width: 141px;
        --tooltip-content-background-color: var(--surface-background-6);
        --tooltip-content-border-top-left-radius: var(--corner-radius-extra-small);
        --tooltip-content-border-top-right-radius: var(--corner-radius-extra-small);
        --tooltip-content-border-bottom-left-radius: var(--corner-radius-extra-small);
        --tooltip-content-border-bottom-right-radius: var(--corner-radius-extra-small);
        --tooltip-content-padding-left: var(--spacing-space-5);
        --tooltip-content-padding-right: var(--spacing-space-5);
        --tooltip-content-padding-top: var(--spacing-space-5);
        --tooltip-content-padding-bottom: var(--spacing-space-5);
        --tooltip-content-font-family: var(--font-family-body);
        --tooltip-content-font-size: var(--font-size-body-small);
        --tooltip-content-font-weight: var(--font-weight-medium);
        --tooltip-content-line-height: var(--line-height-body-small);
        --tooltip-content-paragraph-spacing: 0px;
        --tooltip-content-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="tooltip-bottom-right-outlined"], [data-theme='light'] [component-variant="tooltip-bottom-right-outlined"] {
        --tooltip-content-width: 141px;
        --tooltip-content-background-color: var(--surface-background-6);
        --tooltip-content-border-top-left-radius: var(--corner-radius-extra-small);
        --tooltip-content-border-top-right-radius: var(--corner-radius-extra-small);
        --tooltip-content-border-bottom-left-radius: var(--corner-radius-extra-small);
        --tooltip-content-border-bottom-right-radius: var(--corner-radius-extra-small);
        --tooltip-content-outline-color: var(--border-border-grey-2);
        --tooltip-content-outline-width: 1px;
        --tooltip-content-padding-left: var(--spacing-space-5);
        --tooltip-content-padding-right: var(--spacing-space-5);
        --tooltip-content-padding-top: var(--spacing-space-5);
        --tooltip-content-padding-bottom: var(--spacing-space-5);
        --tooltip-content-font-family: var(--font-family-body);
        --tooltip-content-font-size: var(--font-size-body-small);
        --tooltip-content-font-weight: var(--font-weight-medium);
        --tooltip-content-line-height: var(--line-height-body-small);
        --tooltip-content-paragraph-spacing: 0px;
        --tooltip-content-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="tooltip-bottom-right-default"], [data-theme='light'] [component-variant="tooltip-bottom-right-default"] {
        --tooltip-content-width: 141px;
        --tooltip-content-background-color: var(--surface-background-6);
        --tooltip-content-border-top-left-radius: var(--corner-radius-extra-small);
        --tooltip-content-border-top-right-radius: var(--corner-radius-extra-small);
        --tooltip-content-border-bottom-left-radius: var(--corner-radius-extra-small);
        --tooltip-content-border-bottom-right-radius: var(--corner-radius-extra-small);
        --tooltip-content-padding-left: var(--spacing-space-5);
        --tooltip-content-padding-right: var(--spacing-space-5);
        --tooltip-content-padding-top: var(--spacing-space-5);
        --tooltip-content-padding-bottom: var(--spacing-space-5);
        --tooltip-content-font-family: var(--font-family-body);
        --tooltip-content-font-size: var(--font-size-body-small);
        --tooltip-content-font-weight: var(--font-weight-medium);
        --tooltip-content-line-height: var(--line-height-body-small);
        --tooltip-content-paragraph-spacing: 0px;
        --tooltip-content-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="tooltip-top-right-outlined"], [data-theme='light'] [component-variant="tooltip-top-right-outlined"] {
        --tooltip-content-width: 141px;
        --tooltip-content-background-color: var(--surface-background-6);
        --tooltip-content-border-top-left-radius: var(--corner-radius-extra-small);
        --tooltip-content-border-top-right-radius: var(--corner-radius-extra-small);
        --tooltip-content-border-bottom-left-radius: var(--corner-radius-extra-small);
        --tooltip-content-border-bottom-right-radius: var(--corner-radius-extra-small);
        --tooltip-content-outline-color: var(--border-border-grey-2);
        --tooltip-content-outline-width: 1px;
        --tooltip-content-padding-left: var(--spacing-space-5);
        --tooltip-content-padding-right: var(--spacing-space-5);
        --tooltip-content-padding-top: var(--spacing-space-5);
        --tooltip-content-padding-bottom: var(--spacing-space-5);
        --tooltip-content-font-family: var(--font-family-body);
        --tooltip-content-font-size: var(--font-size-body-small);
        --tooltip-content-font-weight: var(--font-weight-medium);
        --tooltip-content-line-height: var(--line-height-body-small);
        --tooltip-content-paragraph-spacing: 0px;
        --tooltip-content-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="tooltip-top-right-default"], [data-theme='light'] [component-variant="tooltip-top-right-default"] {
        --tooltip-content-width: 141px;
        --tooltip-content-background-color: var(--surface-background-6);
        --tooltip-content-border-top-left-radius: var(--corner-radius-extra-small);
        --tooltip-content-border-top-right-radius: var(--corner-radius-extra-small);
        --tooltip-content-border-bottom-left-radius: var(--corner-radius-extra-small);
        --tooltip-content-border-bottom-right-radius: var(--corner-radius-extra-small);
        --tooltip-content-padding-left: var(--spacing-space-5);
        --tooltip-content-padding-right: var(--spacing-space-5);
        --tooltip-content-padding-top: var(--spacing-space-5);
        --tooltip-content-padding-bottom: var(--spacing-space-5);
        --tooltip-content-font-family: var(--font-family-body);
        --tooltip-content-font-size: var(--font-size-body-small);
        --tooltip-content-font-weight: var(--font-weight-medium);
        --tooltip-content-line-height: var(--line-height-body-small);
        --tooltip-content-paragraph-spacing: 0px;
        --tooltip-content-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="tooltip-center-bottom-default"], [data-theme='light'] [component-variant="tooltip-center-bottom-default"] {
        --tooltip-content-width: auto;
        --tooltip-content-background-color: var(--surface-background-6);
        --tooltip-content-border-top-left-radius: var(--corner-radius-extra-small);
        --tooltip-content-border-top-right-radius: var(--corner-radius-extra-small);
        --tooltip-content-border-bottom-left-radius: var(--corner-radius-extra-small);
        --tooltip-content-border-bottom-right-radius: var(--corner-radius-extra-small);
        --tooltip-content-padding-left: var(--spacing-space-5);
        --tooltip-content-padding-right: var(--spacing-space-5);
        --tooltip-content-padding-top: var(--spacing-space-5);
        --tooltip-content-padding-bottom: var(--spacing-space-5);
        --tooltip-content-font-family: var(--font-family-body);
        --tooltip-content-font-size: var(--font-size-body-small);
        --tooltip-content-font-weight: var(--font-weight-medium);
        --tooltip-content-line-height: var(--line-height-body-small);
        --tooltip-content-paragraph-spacing: 0px;
        --tooltip-content-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="tooltip-start-top-outlined"], [data-theme='light'] [component-variant="tooltip-start-top-outlined"] {
        --tooltip-content-width: auto;
        --tooltip-content-background-color: var(--surface-background-6);
        --tooltip-content-border-top-left-radius: var(--corner-radius-extra-small);
        --tooltip-content-border-top-right-radius: var(--corner-radius-extra-small);
        --tooltip-content-border-bottom-left-radius: var(--corner-radius-extra-small);
        --tooltip-content-border-bottom-right-radius: var(--corner-radius-extra-small);
        --tooltip-content-outline-color: var(--border-border-grey-2);
        --tooltip-content-outline-width: 1px;
        --tooltip-content-padding-left: var(--spacing-space-5);
        --tooltip-content-padding-right: var(--spacing-space-5);
        --tooltip-content-padding-top: var(--spacing-space-5);
        --tooltip-content-padding-bottom: var(--spacing-space-5);
        --tooltip-content-font-family: var(--font-family-body);
        --tooltip-content-font-size: var(--font-size-body-small);
        --tooltip-content-font-weight: var(--font-weight-medium);
        --tooltip-content-line-height: var(--line-height-body-small);
        --tooltip-content-paragraph-spacing: 0px;
        --tooltip-content-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="tooltip-start-top-default"], [data-theme='light'] [component-variant="tooltip-start-top-default"] {
        --tooltip-content-width: auto;
        --tooltip-content-background-color: var(--surface-background-6);
        --tooltip-content-border-top-left-radius: var(--corner-radius-extra-small);
        --tooltip-content-border-top-right-radius: var(--corner-radius-extra-small);
        --tooltip-content-border-bottom-left-radius: var(--corner-radius-extra-small);
        --tooltip-content-border-bottom-right-radius: var(--corner-radius-extra-small);
        --tooltip-content-padding-left: var(--spacing-space-5);
        --tooltip-content-padding-right: var(--spacing-space-5);
        --tooltip-content-padding-top: var(--spacing-space-5);
        --tooltip-content-padding-bottom: var(--spacing-space-5);
        --tooltip-content-font-family: var(--font-family-body);
        --tooltip-content-font-size: var(--font-size-body-small);
        --tooltip-content-font-weight: var(--font-weight-medium);
        --tooltip-content-line-height: var(--line-height-body-small);
        --tooltip-content-paragraph-spacing: 0px;
        --tooltip-content-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="tooltip-start-bottom-outlined"], [data-theme='light'] [component-variant="tooltip-start-bottom-outlined"] {
        --tooltip-content-width: auto;
        --tooltip-content-background-color: var(--surface-background-6);
        --tooltip-content-border-top-left-radius: var(--corner-radius-extra-small);
        --tooltip-content-border-top-right-radius: var(--corner-radius-extra-small);
        --tooltip-content-border-bottom-left-radius: var(--corner-radius-extra-small);
        --tooltip-content-border-bottom-right-radius: var(--corner-radius-extra-small);
        --tooltip-content-outline-color: var(--border-border-grey-2);
        --tooltip-content-outline-width: 1px;
        --tooltip-content-padding-left: var(--spacing-space-5);
        --tooltip-content-padding-right: var(--spacing-space-5);
        --tooltip-content-padding-top: var(--spacing-space-5);
        --tooltip-content-padding-bottom: var(--spacing-space-5);
        --tooltip-content-font-family: var(--font-family-body);
        --tooltip-content-font-size: var(--font-size-body-small);
        --tooltip-content-font-weight: var(--font-weight-medium);
        --tooltip-content-line-height: var(--line-height-body-small);
        --tooltip-content-paragraph-spacing: 0px;
        --tooltip-content-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="tooltip-start-bottom-default"], [data-theme='light'] [component-variant="tooltip-start-bottom-default"] {
        --tooltip-content-width: auto;
        --tooltip-content-background-color: var(--surface-background-6);
        --tooltip-content-border-top-left-radius: var(--corner-radius-extra-small);
        --tooltip-content-border-top-right-radius: var(--corner-radius-extra-small);
        --tooltip-content-border-bottom-left-radius: var(--corner-radius-extra-small);
        --tooltip-content-border-bottom-right-radius: var(--corner-radius-extra-small);
        --tooltip-content-padding-left: var(--spacing-space-5);
        --tooltip-content-padding-right: var(--spacing-space-5);
        --tooltip-content-padding-top: var(--spacing-space-5);
        --tooltip-content-padding-bottom: var(--spacing-space-5);
        --tooltip-content-font-family: var(--font-family-body);
        --tooltip-content-font-size: var(--font-size-body-small);
        --tooltip-content-font-weight: var(--font-weight-medium);
        --tooltip-content-line-height: var(--line-height-body-small);
        --tooltip-content-paragraph-spacing: 0px;
        --tooltip-content-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="tooltip-end-top-default"], [data-theme='light'] [component-variant="tooltip-end-top-default"] {
        --tooltip-content-width: auto;
        --tooltip-content-background-color: var(--surface-background-6);
        --tooltip-content-border-top-left-radius: var(--corner-radius-extra-small);
        --tooltip-content-border-top-right-radius: var(--corner-radius-extra-small);
        --tooltip-content-border-bottom-left-radius: var(--corner-radius-extra-small);
        --tooltip-content-border-bottom-right-radius: var(--corner-radius-extra-small);
        --tooltip-content-padding-left: var(--spacing-space-5);
        --tooltip-content-padding-right: var(--spacing-space-5);
        --tooltip-content-padding-top: var(--spacing-space-5);
        --tooltip-content-padding-bottom: var(--spacing-space-5);
        --tooltip-content-font-family: var(--font-family-body);
        --tooltip-content-font-size: var(--font-size-body-small);
        --tooltip-content-font-weight: var(--font-weight-medium);
        --tooltip-content-line-height: var(--line-height-body-small);
        --tooltip-content-paragraph-spacing: 0px;
        --tooltip-content-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="tooltip-end-bottom-outlined"], [data-theme='light'] [component-variant="tooltip-end-bottom-outlined"] {
        --tooltip-content-width: auto;
        --tooltip-content-background-color: var(--surface-background-6);
        --tooltip-content-border-top-left-radius: var(--corner-radius-extra-small);
        --tooltip-content-border-top-right-radius: var(--corner-radius-extra-small);
        --tooltip-content-border-bottom-left-radius: var(--corner-radius-extra-small);
        --tooltip-content-border-bottom-right-radius: var(--corner-radius-extra-small);
        --tooltip-content-outline-color: var(--border-border-grey-2);
        --tooltip-content-outline-width: 1px;
        --tooltip-content-padding-left: var(--spacing-space-5);
        --tooltip-content-padding-right: var(--spacing-space-5);
        --tooltip-content-padding-top: var(--spacing-space-5);
        --tooltip-content-padding-bottom: var(--spacing-space-5);
        --tooltip-content-font-family: var(--font-family-body);
        --tooltip-content-font-size: var(--font-size-body-small);
        --tooltip-content-font-weight: var(--font-weight-medium);
        --tooltip-content-line-height: var(--line-height-body-small);
        --tooltip-content-paragraph-spacing: 0px;
        --tooltip-content-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="tooltip-end-bottom-default"], [data-theme='light'] [component-variant="tooltip-end-bottom-default"] {
        --tooltip-content-width: auto;
        --tooltip-content-background-color: var(--surface-background-6);
        --tooltip-content-border-top-left-radius: var(--corner-radius-extra-small);
        --tooltip-content-border-top-right-radius: var(--corner-radius-extra-small);
        --tooltip-content-border-bottom-left-radius: var(--corner-radius-extra-small);
        --tooltip-content-border-bottom-right-radius: var(--corner-radius-extra-small);
        --tooltip-content-padding-left: var(--spacing-space-5);
        --tooltip-content-padding-right: var(--spacing-space-5);
        --tooltip-content-padding-top: var(--spacing-space-5);
        --tooltip-content-padding-bottom: var(--spacing-space-5);
        --tooltip-content-font-family: var(--font-family-body);
        --tooltip-content-font-size: var(--font-size-body-small);
        --tooltip-content-font-weight: var(--font-weight-medium);
        --tooltip-content-line-height: var(--line-height-body-small);
        --tooltip-content-paragraph-spacing: 0px;
        --tooltip-content-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="tooltip-end-top-outlined"], [data-theme='light'] [component-variant="tooltip-end-top-outlined"] {
        --tooltip-content-width: auto;
        --tooltip-content-background-color: var(--surface-background-6);
        --tooltip-content-border-top-left-radius: var(--corner-radius-extra-small);
        --tooltip-content-border-top-right-radius: var(--corner-radius-extra-small);
        --tooltip-content-border-bottom-left-radius: var(--corner-radius-extra-small);
        --tooltip-content-border-bottom-right-radius: var(--corner-radius-extra-small);
        --tooltip-content-outline-color: var(--border-border-grey-2);
        --tooltip-content-outline-width: 1px;
        --tooltip-content-padding-left: var(--spacing-space-5);
        --tooltip-content-padding-right: var(--spacing-space-5);
        --tooltip-content-padding-top: var(--spacing-space-5);
        --tooltip-content-padding-bottom: var(--spacing-space-5);
        --tooltip-content-font-family: var(--font-family-body);
        --tooltip-content-font-size: var(--font-size-body-small);
        --tooltip-content-font-weight: var(--font-weight-medium);
        --tooltip-content-line-height: var(--line-height-body-small);
        --tooltip-content-paragraph-spacing: 0px;
        --tooltip-content-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="tooltip-center-top-outlined"], [data-theme='light'] [component-variant="tooltip-center-top-outlined"] {
        --tooltip-message-font-family: var(--font-family-body);
        --tooltip-message-font-size: var(--font-size-body-small);
        --tooltip-message-font-weight: var(--font-weight-medium);
        --tooltip-message-line-height: var(--line-height-body-small);
        --tooltip-message-paragraph-spacing: 0px;
        --tooltip-message-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="tooltip-center-top-default"], [data-theme='light'] [component-variant="tooltip-center-top-default"] {
        --tooltip-message-font-family: var(--font-family-body);
        --tooltip-message-font-size: var(--font-size-body-small);
        --tooltip-message-font-weight: var(--font-weight-medium);
        --tooltip-message-line-height: var(--line-height-body-small);
        --tooltip-message-paragraph-spacing: 0px;
        --tooltip-message-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="tooltip-center-bottom-outlined"], [data-theme='light'] [component-variant="tooltip-center-bottom-outlined"] {
        --tooltip-message-font-family: var(--font-family-body);
        --tooltip-message-font-size: var(--font-size-body-small);
        --tooltip-message-font-weight: var(--font-weight-medium);
        --tooltip-message-line-height: var(--line-height-body-small);
        --tooltip-message-paragraph-spacing: 0px;
        --tooltip-message-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="tooltip-center-right-outlined"], [data-theme='light'] [component-variant="tooltip-center-right-outlined"] {
        --tooltip-message-font-family: var(--font-family-body);
        --tooltip-message-font-size: var(--font-size-body-small);
        --tooltip-message-font-weight: var(--font-weight-medium);
        --tooltip-message-line-height: var(--line-height-body-small);
        --tooltip-message-paragraph-spacing: 0px;
        --tooltip-message-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="tooltip-center-right-default"], [data-theme='light'] [component-variant="tooltip-center-right-default"] {
        --tooltip-message-font-family: var(--font-family-body);
        --tooltip-message-font-size: var(--font-size-body-small);
        --tooltip-message-font-weight: var(--font-weight-medium);
        --tooltip-message-line-height: var(--line-height-body-small);
        --tooltip-message-paragraph-spacing: 0px;
        --tooltip-message-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="tooltip-center-left-outlined"], [data-theme='light'] [component-variant="tooltip-center-left-outlined"] {
        --tooltip-message-font-family: var(--font-family-body);
        --tooltip-message-font-size: var(--font-size-body-small);
        --tooltip-message-font-weight: var(--font-weight-medium);
        --tooltip-message-line-height: var(--line-height-body-small);
        --tooltip-message-paragraph-spacing: 0px;
        --tooltip-message-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="tooltip-center-left-default"], [data-theme='light'] [component-variant="tooltip-center-left-default"] {
        --tooltip-message-font-family: var(--font-family-body);
        --tooltip-message-font-size: var(--font-size-body-small);
        --tooltip-message-font-weight: var(--font-weight-medium);
        --tooltip-message-line-height: var(--line-height-body-small);
        --tooltip-message-paragraph-spacing: 0px;
        --tooltip-message-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="tooltip-bottom-left-outlined"], [data-theme='light'] [component-variant="tooltip-bottom-left-outlined"] {
        --tooltip-message-font-family: var(--font-family-body);
        --tooltip-message-font-size: var(--font-size-body-small);
        --tooltip-message-font-weight: var(--font-weight-medium);
        --tooltip-message-line-height: var(--line-height-body-small);
        --tooltip-message-paragraph-spacing: 0px;
        --tooltip-message-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="tooltip-bottom-left-default"], [data-theme='light'] [component-variant="tooltip-bottom-left-default"] {
        --tooltip-message-font-family: var(--font-family-body);
        --tooltip-message-font-size: var(--font-size-body-small);
        --tooltip-message-font-weight: var(--font-weight-medium);
        --tooltip-message-line-height: var(--line-height-body-small);
        --tooltip-message-paragraph-spacing: 0px;
        --tooltip-message-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="tooltip-top-left-outlined"], [data-theme='light'] [component-variant="tooltip-top-left-outlined"] {
        --tooltip-message-font-family: var(--font-family-body);
        --tooltip-message-font-size: var(--font-size-body-small);
        --tooltip-message-font-weight: var(--font-weight-medium);
        --tooltip-message-line-height: var(--line-height-body-small);
        --tooltip-message-paragraph-spacing: 0px;
        --tooltip-message-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="tooltip-top-left-default"], [data-theme='light'] [component-variant="tooltip-top-left-default"] {
        --tooltip-message-font-family: var(--font-family-body);
        --tooltip-message-font-size: var(--font-size-body-small);
        --tooltip-message-font-weight: var(--font-weight-medium);
        --tooltip-message-line-height: var(--line-height-body-small);
        --tooltip-message-paragraph-spacing: 0px;
        --tooltip-message-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="tooltip-bottom-right-outlined"], [data-theme='light'] [component-variant="tooltip-bottom-right-outlined"] {
        --tooltip-message-font-family: var(--font-family-body);
        --tooltip-message-font-size: var(--font-size-body-small);
        --tooltip-message-font-weight: var(--font-weight-medium);
        --tooltip-message-line-height: var(--line-height-body-small);
        --tooltip-message-paragraph-spacing: 0px;
        --tooltip-message-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="tooltip-bottom-right-default"], [data-theme='light'] [component-variant="tooltip-bottom-right-default"] {
        --tooltip-message-font-family: var(--font-family-body);
        --tooltip-message-font-size: var(--font-size-body-small);
        --tooltip-message-font-weight: var(--font-weight-medium);
        --tooltip-message-line-height: var(--line-height-body-small);
        --tooltip-message-paragraph-spacing: 0px;
        --tooltip-message-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="tooltip-top-right-outlined"], [data-theme='light'] [component-variant="tooltip-top-right-outlined"] {
        --tooltip-message-font-family: var(--font-family-body);
        --tooltip-message-font-size: var(--font-size-body-small);
        --tooltip-message-font-weight: var(--font-weight-medium);
        --tooltip-message-line-height: var(--line-height-body-small);
        --tooltip-message-paragraph-spacing: 0px;
        --tooltip-message-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="tooltip-top-right-default"], [data-theme='light'] [component-variant="tooltip-top-right-default"] {
        --tooltip-message-font-family: var(--font-family-body);
        --tooltip-message-font-size: var(--font-size-body-small);
        --tooltip-message-font-weight: var(--font-weight-medium);
        --tooltip-message-line-height: var(--line-height-body-small);
        --tooltip-message-paragraph-spacing: 0px;
        --tooltip-message-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="tooltip-center-bottom-default"], [data-theme='light'] [component-variant="tooltip-center-bottom-default"] {
        --tooltip-message-font-family: var(--font-family-body);
        --tooltip-message-font-size: var(--font-size-body-small);
        --tooltip-message-font-weight: var(--font-weight-medium);
        --tooltip-message-line-height: var(--line-height-body-small);
        --tooltip-message-paragraph-spacing: 0px;
        --tooltip-message-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="tooltip-start-top-outlined"], [data-theme='light'] [component-variant="tooltip-start-top-outlined"] {
        --tooltip-message-font-family: var(--font-family-body);
        --tooltip-message-font-size: var(--font-size-body-small);
        --tooltip-message-font-weight: var(--font-weight-medium);
        --tooltip-message-line-height: var(--line-height-body-small);
        --tooltip-message-paragraph-spacing: 0px;
        --tooltip-message-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="tooltip-start-top-default"], [data-theme='light'] [component-variant="tooltip-start-top-default"] {
        --tooltip-message-font-family: var(--font-family-body);
        --tooltip-message-font-size: var(--font-size-body-small);
        --tooltip-message-font-weight: var(--font-weight-medium);
        --tooltip-message-line-height: var(--line-height-body-small);
        --tooltip-message-paragraph-spacing: 0px;
        --tooltip-message-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="tooltip-start-bottom-outlined"], [data-theme='light'] [component-variant="tooltip-start-bottom-outlined"] {
        --tooltip-message-font-family: var(--font-family-body);
        --tooltip-message-font-size: var(--font-size-body-small);
        --tooltip-message-font-weight: var(--font-weight-medium);
        --tooltip-message-line-height: var(--line-height-body-small);
        --tooltip-message-paragraph-spacing: 0px;
        --tooltip-message-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="tooltip-start-bottom-default"], [data-theme='light'] [component-variant="tooltip-start-bottom-default"] {
        --tooltip-message-font-family: var(--font-family-body);
        --tooltip-message-font-size: var(--font-size-body-small);
        --tooltip-message-font-weight: var(--font-weight-medium);
        --tooltip-message-line-height: var(--line-height-body-small);
        --tooltip-message-paragraph-spacing: 0px;
        --tooltip-message-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="tooltip-end-top-default"], [data-theme='light'] [component-variant="tooltip-end-top-default"] {
        --tooltip-message-font-family: var(--font-family-body);
        --tooltip-message-font-size: var(--font-size-body-small);
        --tooltip-message-font-weight: var(--font-weight-medium);
        --tooltip-message-line-height: var(--line-height-body-small);
        --tooltip-message-paragraph-spacing: 0px;
        --tooltip-message-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="tooltip-end-bottom-outlined"], [data-theme='light'] [component-variant="tooltip-end-bottom-outlined"] {
        --tooltip-message-font-family: var(--font-family-body);
        --tooltip-message-font-size: var(--font-size-body-small);
        --tooltip-message-font-weight: var(--font-weight-medium);
        --tooltip-message-line-height: var(--line-height-body-small);
        --tooltip-message-paragraph-spacing: 0px;
        --tooltip-message-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="tooltip-end-bottom-default"], [data-theme='light'] [component-variant="tooltip-end-bottom-default"] {
        --tooltip-message-font-family: var(--font-family-body);
        --tooltip-message-font-size: var(--font-size-body-small);
        --tooltip-message-font-weight: var(--font-weight-medium);
        --tooltip-message-line-height: var(--line-height-body-small);
        --tooltip-message-paragraph-spacing: 0px;
        --tooltip-message-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="tooltip-end-top-outlined"], [data-theme='light'] [component-variant="tooltip-end-top-outlined"] {
        --tooltip-message-font-family: var(--font-family-body);
        --tooltip-message-font-size: var(--font-size-body-small);
        --tooltip-message-font-weight: var(--font-weight-medium);
        --tooltip-message-line-height: var(--line-height-body-small);
        --tooltip-message-paragraph-spacing: 0px;
        --tooltip-message-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant^="chip-"], [data-theme='light'] [component-variant^="chip-"] {
        --chip-opacity: 1;
        --chip-height: auto;
        --chip-min-height: auto;
        --chip-max-height: none;
        --chip-width: auto;
        --chip-min-width: auto;
        --chip-max-width: none;
        --chip-background-color: transparent;
        --chip-fill: currentcolor;
        --chip-border-top-left-radius: 0px;
        --chip-border-top-right-radius: 0px;
        --chip-border-bottom-left-radius: 0px;
        --chip-border-bottom-right-radius: 0px;
        --chip-border-color: transparent;
        --chip-border-style: solid;
        --chip-border-gap: normal;
        --chip-border-dash: none;
        --chip-border-top-width: 0px;
        --chip-border-right-width: 0px;
        --chip-border-bottom-width: 0px;
        --chip-border-left-width: 0px;
        --chip-outline-color: auto;
        --chip-outline-style: solid;
        --chip-outline-width: 0px;
        --chip-padding-left: 0px;
        --chip-padding-right: 0px;
        --chip-padding-top: 0px;
        --chip-padding-bottom: 0px;
        --chip-row-gap: 0px;
        --chip-column-gap: 0px;
        --chip-font-family: sans-serif;
        --chip-font-size: medium;
        --chip-color: currentcolor;
        --chip-letter-spacing: normal;
        --chip-line-height: normal;
        --chip-paragraph-spacing: ;
        --chip-paragraph-indent: 
    }
[data-theme='dark'] [component-variant="chip-rounded-medium-a-bright"], [data-theme='light'] [component-variant="chip-rounded-medium-a-bright"] {
        --chip-height: 32px;
        --chip-background-color: var(--decorative-surface-orange);
        --chip-border-top-left-radius: 50px;
        --chip-border-top-right-radius: 50px;
        --chip-border-bottom-left-radius: 50px;
        --chip-border-bottom-right-radius: 50px;
        --chip-padding-left: var(--spacing-space-3);
        --chip-padding-right: var(--spacing-space-3);
        --chip-padding-top: var(--spacing-space-1);
        --chip-padding-bottom: var(--spacing-space-1);
        --chip-row-gap: var(--numbers-size-1);
        --chip-column-gap: var(--numbers-size-1);
        --chip-font-family: sans-sarif;
        --chip-font-size: initial;
        --chip-font-weight: regular;
        --chip-paragraph-spacing: 0px;
        --chip-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-rounded-medium-b-bright"], [data-theme='light'] [component-variant="chip-rounded-medium-b-bright"] {
        --chip-height: 32px;
        --chip-background-color: var(--decorative-surface-green);
        --chip-border-top-left-radius: 50px;
        --chip-border-top-right-radius: 50px;
        --chip-border-bottom-left-radius: 50px;
        --chip-border-bottom-right-radius: 50px;
        --chip-padding-left: var(--spacing-space-3);
        --chip-padding-right: var(--spacing-space-3);
        --chip-padding-top: var(--spacing-space-1);
        --chip-padding-bottom: var(--spacing-space-1);
        --chip-row-gap: var(--spacing-space-2);
        --chip-column-gap: var(--spacing-space-2);
        --chip-font-family: sans-sarif;
        --chip-font-size: initial;
        --chip-font-weight: regular;
        --chip-paragraph-spacing: 0px;
        --chip-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-rounded-medium-c-bright"], [data-theme='light'] [component-variant="chip-rounded-medium-c-bright"] {
        --chip-height: 32px;
        --chip-background-color: var(--decorative-surface-blue);
        --chip-border-top-left-radius: 50px;
        --chip-border-top-right-radius: 50px;
        --chip-border-bottom-left-radius: 50px;
        --chip-border-bottom-right-radius: 50px;
        --chip-padding-left: var(--spacing-space-3);
        --chip-padding-right: var(--spacing-space-3);
        --chip-padding-top: var(--spacing-space-1);
        --chip-padding-bottom: var(--spacing-space-1);
        --chip-row-gap: var(--numbers-size-1);
        --chip-column-gap: var(--numbers-size-1);
        --chip-font-family: sans-sarif;
        --chip-font-size: initial;
        --chip-font-weight: regular;
        --chip-paragraph-spacing: 0px;
        --chip-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-rounded-medium-d-bright"], [data-theme='light'] [component-variant="chip-rounded-medium-d-bright"] {
        --chip-height: 32px;
        --chip-background-color: var(--decorative-surface-purple);
        --chip-border-top-left-radius: 50px;
        --chip-border-top-right-radius: 50px;
        --chip-border-bottom-left-radius: 50px;
        --chip-border-bottom-right-radius: 50px;
        --chip-padding-left: var(--spacing-space-3);
        --chip-padding-right: var(--spacing-space-3);
        --chip-padding-top: var(--spacing-space-1);
        --chip-padding-bottom: var(--spacing-space-1);
        --chip-row-gap: var(--numbers-size-1);
        --chip-column-gap: var(--numbers-size-1);
        --chip-font-family: sans-sarif;
        --chip-font-size: initial;
        --chip-font-weight: regular;
        --chip-paragraph-spacing: 0px;
        --chip-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-rounded-medium-e-bright"], [data-theme='light'] [component-variant="chip-rounded-medium-e-bright"] {
        --chip-height: 32px;
        --chip-background-color: var(--decorative-surface-red);
        --chip-border-top-left-radius: 50px;
        --chip-border-top-right-radius: 50px;
        --chip-border-bottom-left-radius: 50px;
        --chip-border-bottom-right-radius: 50px;
        --chip-padding-left: var(--spacing-space-3);
        --chip-padding-right: var(--spacing-space-3);
        --chip-padding-top: var(--spacing-space-1);
        --chip-padding-bottom: var(--spacing-space-1);
        --chip-row-gap: var(--numbers-size-1);
        --chip-column-gap: var(--numbers-size-1);
        --chip-font-family: sans-sarif;
        --chip-font-size: initial;
        --chip-font-weight: regular;
        --chip-paragraph-spacing: 0px;
        --chip-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-rounded-medium-f-bright"], [data-theme='light'] [component-variant="chip-rounded-medium-f-bright"] {
        --chip-height: 32px;
        --chip-background-color: var(--decorative-surface-gray);
        --chip-border-top-left-radius: 50px;
        --chip-border-top-right-radius: 50px;
        --chip-border-bottom-left-radius: 50px;
        --chip-border-bottom-right-radius: 50px;
        --chip-padding-left: var(--spacing-space-3);
        --chip-padding-right: var(--spacing-space-3);
        --chip-padding-top: var(--spacing-space-1);
        --chip-padding-bottom: var(--spacing-space-1);
        --chip-row-gap: var(--numbers-size-1);
        --chip-column-gap: var(--numbers-size-1);
        --chip-font-family: sans-sarif;
        --chip-font-size: initial;
        --chip-font-weight: regular;
        --chip-paragraph-spacing: 0px;
        --chip-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-rounded-medium-a-bright-outline"], [data-theme='light'] [component-variant="chip-rounded-medium-a-bright-outline"] {
        --chip-height: 32px;
        --chip-background-color: var(--decorative-surface-orange);
        --chip-border-top-left-radius: 50px;
        --chip-border-top-right-radius: 50px;
        --chip-border-bottom-left-radius: 50px;
        --chip-border-bottom-right-radius: 50px;
        --chip-border-color: var(--decorative-border-orange);
        --chip-border-top-width: 1px;
        --chip-border-right-width: 1px;
        --chip-border-bottom-width: 1px;
        --chip-border-left-width: 1px;
        --chip-padding-left: var(--spacing-space-3);
        --chip-padding-right: var(--spacing-space-3);
        --chip-padding-top: var(--spacing-space-1);
        --chip-padding-bottom: var(--spacing-space-1);
        --chip-row-gap: var(--numbers-size-1);
        --chip-column-gap: var(--numbers-size-1);
        --chip-font-family: sans-sarif;
        --chip-font-size: initial;
        --chip-font-weight: regular;
        --chip-paragraph-spacing: 0px;
        --chip-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-rounded-medium-b-bright-outline"], [data-theme='light'] [component-variant="chip-rounded-medium-b-bright-outline"] {
        --chip-height: 32px;
        --chip-background-color: var(--decorative-surface-green);
        --chip-border-top-left-radius: 50px;
        --chip-border-top-right-radius: 50px;
        --chip-border-bottom-left-radius: 50px;
        --chip-border-bottom-right-radius: 50px;
        --chip-border-color: var(--decorative-border-green);
        --chip-border-top-width: 1px;
        --chip-border-right-width: 1px;
        --chip-border-bottom-width: 1px;
        --chip-border-left-width: 1px;
        --chip-padding-left: var(--spacing-space-3);
        --chip-padding-right: var(--spacing-space-3);
        --chip-padding-top: var(--spacing-space-1);
        --chip-padding-bottom: var(--spacing-space-1);
        --chip-row-gap: var(--spacing-space-2);
        --chip-column-gap: var(--spacing-space-2);
        --chip-font-family: sans-sarif;
        --chip-font-size: initial;
        --chip-font-weight: regular;
        --chip-paragraph-spacing: 0px;
        --chip-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-rounded-medium-c-bright-outline"], [data-theme='light'] [component-variant="chip-rounded-medium-c-bright-outline"] {
        --chip-height: 32px;
        --chip-background-color: var(--decorative-surface-blue);
        --chip-border-top-left-radius: 50px;
        --chip-border-top-right-radius: 50px;
        --chip-border-bottom-left-radius: 50px;
        --chip-border-bottom-right-radius: 50px;
        --chip-border-color: var(--decorative-border-blue);
        --chip-border-top-width: 1px;
        --chip-border-right-width: 1px;
        --chip-border-bottom-width: 1px;
        --chip-border-left-width: 1px;
        --chip-padding-left: var(--spacing-space-3);
        --chip-padding-right: var(--spacing-space-3);
        --chip-padding-top: var(--spacing-space-1);
        --chip-padding-bottom: var(--spacing-space-1);
        --chip-row-gap: var(--numbers-size-1);
        --chip-column-gap: var(--numbers-size-1);
        --chip-font-family: sans-sarif;
        --chip-font-size: initial;
        --chip-font-weight: regular;
        --chip-paragraph-spacing: 0px;
        --chip-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-rounded-medium-d-bright-outline"], [data-theme='light'] [component-variant="chip-rounded-medium-d-bright-outline"] {
        --chip-height: 32px;
        --chip-background-color: var(--decorative-surface-purple);
        --chip-border-top-left-radius: 50px;
        --chip-border-top-right-radius: 50px;
        --chip-border-bottom-left-radius: 50px;
        --chip-border-bottom-right-radius: 50px;
        --chip-border-color: var(--decorative-border-purple);
        --chip-border-top-width: 1px;
        --chip-border-right-width: 1px;
        --chip-border-bottom-width: 1px;
        --chip-border-left-width: 1px;
        --chip-padding-left: var(--spacing-space-3);
        --chip-padding-right: var(--spacing-space-3);
        --chip-padding-top: var(--spacing-space-1);
        --chip-padding-bottom: var(--spacing-space-1);
        --chip-row-gap: var(--numbers-size-1);
        --chip-column-gap: var(--numbers-size-1);
        --chip-font-family: sans-sarif;
        --chip-font-size: initial;
        --chip-font-weight: regular;
        --chip-paragraph-spacing: 0px;
        --chip-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-rounded-medium-e-bright-outline"], [data-theme='light'] [component-variant="chip-rounded-medium-e-bright-outline"] {
        --chip-height: 32px;
        --chip-background-color: var(--decorative-surface-red);
        --chip-border-top-left-radius: 50px;
        --chip-border-top-right-radius: 50px;
        --chip-border-bottom-left-radius: 50px;
        --chip-border-bottom-right-radius: 50px;
        --chip-border-color: var(--decorative-border-red);
        --chip-border-top-width: 1px;
        --chip-border-right-width: 1px;
        --chip-border-bottom-width: 1px;
        --chip-border-left-width: 1px;
        --chip-padding-left: var(--spacing-space-3);
        --chip-padding-right: var(--spacing-space-3);
        --chip-padding-top: var(--spacing-space-1);
        --chip-padding-bottom: var(--spacing-space-1);
        --chip-row-gap: var(--numbers-size-1);
        --chip-column-gap: var(--numbers-size-1);
        --chip-font-family: sans-sarif;
        --chip-font-size: initial;
        --chip-font-weight: regular;
        --chip-paragraph-spacing: 0px;
        --chip-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-rounded-medium-f-bright-outline"], [data-theme='light'] [component-variant="chip-rounded-medium-f-bright-outline"] {
        --chip-height: 32px;
        --chip-background-color: var(--decorative-surface-gray);
        --chip-border-top-left-radius: 50px;
        --chip-border-top-right-radius: 50px;
        --chip-border-bottom-left-radius: 50px;
        --chip-border-bottom-right-radius: 50px;
        --chip-border-color: var(--decorative-border-grey);
        --chip-border-top-width: 1px;
        --chip-border-right-width: 1px;
        --chip-border-bottom-width: 1px;
        --chip-border-left-width: 1px;
        --chip-padding-left: var(--spacing-space-3);
        --chip-padding-right: var(--spacing-space-3);
        --chip-padding-top: var(--spacing-space-1);
        --chip-padding-bottom: var(--spacing-space-1);
        --chip-row-gap: var(--numbers-size-1);
        --chip-column-gap: var(--numbers-size-1);
        --chip-font-family: sans-sarif;
        --chip-font-size: initial;
        --chip-font-weight: regular;
        --chip-paragraph-spacing: 0px;
        --chip-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-rounded-medium-a-subdued"], [data-theme='light'] [component-variant="chip-rounded-medium-a-subdued"] {
        --chip-height: 32px;
        --chip-background-color: var(--surface-background-6);
        --chip-border-top-left-radius: 50px;
        --chip-border-top-right-radius: 50px;
        --chip-border-bottom-left-radius: 50px;
        --chip-border-bottom-right-radius: 50px;
        --chip-padding-left: var(--spacing-space-3);
        --chip-padding-right: var(--spacing-space-3);
        --chip-padding-top: var(--spacing-space-1);
        --chip-padding-bottom: var(--spacing-space-1);
        --chip-row-gap: var(--numbers-size-1);
        --chip-column-gap: var(--numbers-size-1);
        --chip-font-family: sans-sarif;
        --chip-font-size: initial;
        --chip-font-weight: regular;
        --chip-paragraph-spacing: 0px;
        --chip-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-rounded-medium-a-subdued-outline"], [data-theme='light'] [component-variant="chip-rounded-medium-a-subdued-outline"] {
        --chip-height: 32px;
        --chip-background-color: var(--surface-background-6);
        --chip-border-top-left-radius: 50px;
        --chip-border-top-right-radius: 50px;
        --chip-border-bottom-left-radius: 50px;
        --chip-border-bottom-right-radius: 50px;
        --chip-border-color: var(--decorative-border-orange);
        --chip-border-top-width: 1px;
        --chip-border-right-width: 1px;
        --chip-border-bottom-width: 1px;
        --chip-border-left-width: 1px;
        --chip-padding-left: var(--spacing-space-3);
        --chip-padding-right: var(--spacing-space-3);
        --chip-padding-top: var(--spacing-space-1);
        --chip-padding-bottom: var(--spacing-space-1);
        --chip-row-gap: var(--numbers-size-1);
        --chip-column-gap: var(--numbers-size-1);
        --chip-font-family: sans-sarif;
        --chip-font-size: initial;
        --chip-font-weight: regular;
        --chip-paragraph-spacing: 0px;
        --chip-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-rounded-medium-b-subdued"], [data-theme='light'] [component-variant="chip-rounded-medium-b-subdued"] {
        --chip-height: 32px;
        --chip-background-color: var(--surface-background-6);
        --chip-border-top-left-radius: 50px;
        --chip-border-top-right-radius: 50px;
        --chip-border-bottom-left-radius: 50px;
        --chip-border-bottom-right-radius: 50px;
        --chip-padding-left: var(--spacing-space-3);
        --chip-padding-right: var(--spacing-space-3);
        --chip-padding-top: var(--spacing-space-1);
        --chip-padding-bottom: var(--spacing-space-1);
        --chip-row-gap: var(--numbers-size-1);
        --chip-column-gap: var(--numbers-size-1);
        --chip-font-family: sans-sarif;
        --chip-font-size: initial;
        --chip-font-weight: regular;
        --chip-paragraph-spacing: 0px;
        --chip-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-rounded-medium-b-subdued-outline"], [data-theme='light'] [component-variant="chip-rounded-medium-b-subdued-outline"] {
        --chip-height: 32px;
        --chip-background-color: var(--surface-background-6);
        --chip-border-top-left-radius: 50px;
        --chip-border-top-right-radius: 50px;
        --chip-border-bottom-left-radius: 50px;
        --chip-border-bottom-right-radius: 50px;
        --chip-border-color: var(--decorative-border-green);
        --chip-border-top-width: 1px;
        --chip-border-right-width: 1px;
        --chip-border-bottom-width: 1px;
        --chip-border-left-width: 1px;
        --chip-padding-left: var(--spacing-space-3);
        --chip-padding-right: var(--spacing-space-3);
        --chip-padding-top: var(--spacing-space-1);
        --chip-padding-bottom: var(--spacing-space-1);
        --chip-row-gap: var(--numbers-size-1);
        --chip-column-gap: var(--numbers-size-1);
        --chip-font-family: sans-sarif;
        --chip-font-size: initial;
        --chip-font-weight: regular;
        --chip-paragraph-spacing: 0px;
        --chip-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-rounded-medium-c-subdued"], [data-theme='light'] [component-variant="chip-rounded-medium-c-subdued"] {
        --chip-height: 32px;
        --chip-background-color: var(--surface-background-6);
        --chip-border-top-left-radius: 50px;
        --chip-border-top-right-radius: 50px;
        --chip-border-bottom-left-radius: 50px;
        --chip-border-bottom-right-radius: 50px;
        --chip-padding-left: var(--spacing-space-3);
        --chip-padding-right: var(--spacing-space-3);
        --chip-padding-top: var(--spacing-space-1);
        --chip-padding-bottom: var(--spacing-space-1);
        --chip-row-gap: var(--numbers-size-1);
        --chip-column-gap: var(--numbers-size-1);
        --chip-font-family: sans-sarif;
        --chip-font-size: initial;
        --chip-font-weight: regular;
        --chip-paragraph-spacing: 0px;
        --chip-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-rounded-medium-c-subdued-outline"], [data-theme='light'] [component-variant="chip-rounded-medium-c-subdued-outline"] {
        --chip-height: 32px;
        --chip-background-color: var(--surface-background-6);
        --chip-border-top-left-radius: 50px;
        --chip-border-top-right-radius: 50px;
        --chip-border-bottom-left-radius: 50px;
        --chip-border-bottom-right-radius: 50px;
        --chip-border-color: var(--decorative-border-blue);
        --chip-border-top-width: 1px;
        --chip-border-right-width: 1px;
        --chip-border-bottom-width: 1px;
        --chip-border-left-width: 1px;
        --chip-padding-left: var(--spacing-space-3);
        --chip-padding-right: var(--spacing-space-3);
        --chip-padding-top: var(--spacing-space-1);
        --chip-padding-bottom: var(--spacing-space-1);
        --chip-row-gap: var(--numbers-size-1);
        --chip-column-gap: var(--numbers-size-1);
        --chip-font-family: sans-sarif;
        --chip-font-size: initial;
        --chip-font-weight: regular;
        --chip-paragraph-spacing: 0px;
        --chip-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-rounded-medium-d-subdued"], [data-theme='light'] [component-variant="chip-rounded-medium-d-subdued"] {
        --chip-height: 32px;
        --chip-background-color: var(--surface-background-6);
        --chip-border-top-left-radius: 50px;
        --chip-border-top-right-radius: 50px;
        --chip-border-bottom-left-radius: 50px;
        --chip-border-bottom-right-radius: 50px;
        --chip-padding-left: var(--spacing-space-3);
        --chip-padding-right: var(--spacing-space-3);
        --chip-padding-top: var(--spacing-space-1);
        --chip-padding-bottom: var(--spacing-space-1);
        --chip-row-gap: var(--numbers-size-1);
        --chip-column-gap: var(--numbers-size-1);
        --chip-font-family: sans-sarif;
        --chip-font-size: initial;
        --chip-font-weight: regular;
        --chip-paragraph-spacing: 0px;
        --chip-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-rounded-medium-d-subdued-outline"], [data-theme='light'] [component-variant="chip-rounded-medium-d-subdued-outline"] {
        --chip-height: 32px;
        --chip-background-color: var(--surface-background-6);
        --chip-border-top-left-radius: 50px;
        --chip-border-top-right-radius: 50px;
        --chip-border-bottom-left-radius: 50px;
        --chip-border-bottom-right-radius: 50px;
        --chip-border-color: var(--decorative-border-purple);
        --chip-border-top-width: 1px;
        --chip-border-right-width: 1px;
        --chip-border-bottom-width: 1px;
        --chip-border-left-width: 1px;
        --chip-padding-left: var(--spacing-space-3);
        --chip-padding-right: var(--spacing-space-3);
        --chip-padding-top: var(--spacing-space-1);
        --chip-padding-bottom: var(--spacing-space-1);
        --chip-row-gap: var(--numbers-size-1);
        --chip-column-gap: var(--numbers-size-1);
        --chip-font-family: sans-sarif;
        --chip-font-size: initial;
        --chip-font-weight: regular;
        --chip-paragraph-spacing: 0px;
        --chip-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-rounded-medium-e-subdued"], [data-theme='light'] [component-variant="chip-rounded-medium-e-subdued"] {
        --chip-height: 32px;
        --chip-background-color: var(--surface-background-6);
        --chip-border-top-left-radius: 50px;
        --chip-border-top-right-radius: 50px;
        --chip-border-bottom-left-radius: 50px;
        --chip-border-bottom-right-radius: 50px;
        --chip-padding-left: var(--spacing-space-3);
        --chip-padding-right: var(--spacing-space-3);
        --chip-padding-top: var(--spacing-space-1);
        --chip-padding-bottom: var(--spacing-space-1);
        --chip-row-gap: var(--numbers-size-1);
        --chip-column-gap: var(--numbers-size-1);
        --chip-font-family: sans-sarif;
        --chip-font-size: initial;
        --chip-font-weight: regular;
        --chip-paragraph-spacing: 0px;
        --chip-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-rounded-medium-e-subdued-outline"], [data-theme='light'] [component-variant="chip-rounded-medium-e-subdued-outline"] {
        --chip-height: 32px;
        --chip-background-color: var(--surface-background-6);
        --chip-border-top-left-radius: 50px;
        --chip-border-top-right-radius: 50px;
        --chip-border-bottom-left-radius: 50px;
        --chip-border-bottom-right-radius: 50px;
        --chip-border-color: var(--decorative-border-red);
        --chip-border-top-width: 1px;
        --chip-border-right-width: 1px;
        --chip-border-bottom-width: 1px;
        --chip-border-left-width: 1px;
        --chip-padding-left: var(--spacing-space-3);
        --chip-padding-right: var(--spacing-space-3);
        --chip-padding-top: var(--spacing-space-1);
        --chip-padding-bottom: var(--spacing-space-1);
        --chip-row-gap: var(--numbers-size-1);
        --chip-column-gap: var(--numbers-size-1);
        --chip-font-family: sans-sarif;
        --chip-font-size: initial;
        --chip-font-weight: regular;
        --chip-paragraph-spacing: 0px;
        --chip-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-rounded-medium-f-subdued"], [data-theme='light'] [component-variant="chip-rounded-medium-f-subdued"] {
        --chip-height: 32px;
        --chip-background-color: var(--surface-background-6);
        --chip-border-top-left-radius: 50px;
        --chip-border-top-right-radius: 50px;
        --chip-border-bottom-left-radius: 50px;
        --chip-border-bottom-right-radius: 50px;
        --chip-padding-left: var(--spacing-space-3);
        --chip-padding-right: var(--spacing-space-3);
        --chip-padding-top: var(--spacing-space-1);
        --chip-padding-bottom: var(--spacing-space-1);
        --chip-row-gap: var(--numbers-size-1);
        --chip-column-gap: var(--numbers-size-1);
        --chip-font-family: sans-sarif;
        --chip-font-size: initial;
        --chip-font-weight: regular;
        --chip-paragraph-spacing: 0px;
        --chip-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-rounded-medium-f-subdued-outline"], [data-theme='light'] [component-variant="chip-rounded-medium-f-subdued-outline"] {
        --chip-height: 32px;
        --chip-background-color: var(--surface-background-6);
        --chip-border-top-left-radius: 50px;
        --chip-border-top-right-radius: 50px;
        --chip-border-bottom-left-radius: 50px;
        --chip-border-bottom-right-radius: 50px;
        --chip-border-color: var(--decorative-border-grey);
        --chip-border-top-width: 1px;
        --chip-border-right-width: 1px;
        --chip-border-bottom-width: 1px;
        --chip-border-left-width: 1px;
        --chip-padding-left: var(--spacing-space-3);
        --chip-padding-right: var(--spacing-space-3);
        --chip-padding-top: var(--spacing-space-1);
        --chip-padding-bottom: var(--spacing-space-1);
        --chip-row-gap: var(--numbers-size-1);
        --chip-column-gap: var(--numbers-size-1);
        --chip-font-family: sans-sarif;
        --chip-font-size: initial;
        --chip-font-weight: regular;
        --chip-paragraph-spacing: 0px;
        --chip-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-squared-medium-a-bright"], [data-theme='light'] [component-variant="chip-squared-medium-a-bright"] {
        --chip-height: 32px;
        --chip-background-color: var(--decorative-surface-orange);
        --chip-border-top-left-radius: var(--numbers-size-1);
        --chip-border-top-right-radius: var(--numbers-size-1);
        --chip-border-bottom-left-radius: var(--numbers-size-1);
        --chip-border-bottom-right-radius: var(--numbers-size-1);
        --chip-padding-left: var(--spacing-space-3);
        --chip-padding-right: var(--spacing-space-3);
        --chip-padding-top: var(--spacing-space-1);
        --chip-padding-bottom: var(--spacing-space-1);
        --chip-row-gap: var(--numbers-size-1);
        --chip-column-gap: var(--numbers-size-1);
        --chip-font-family: sans-sarif;
        --chip-font-size: initial;
        --chip-font-weight: regular;
        --chip-paragraph-spacing: 0px;
        --chip-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-squared-medium-b-bright"], [data-theme='light'] [component-variant="chip-squared-medium-b-bright"] {
        --chip-height: 32px;
        --chip-background-color: var(--decorative-surface-green);
        --chip-border-top-left-radius: var(--numbers-size-1);
        --chip-border-top-right-radius: var(--numbers-size-1);
        --chip-border-bottom-left-radius: var(--numbers-size-1);
        --chip-border-bottom-right-radius: var(--numbers-size-1);
        --chip-padding-left: var(--spacing-space-3);
        --chip-padding-right: var(--spacing-space-3);
        --chip-padding-top: var(--spacing-space-1);
        --chip-padding-bottom: var(--spacing-space-1);
        --chip-row-gap: var(--spacing-space-2);
        --chip-column-gap: var(--spacing-space-2);
        --chip-font-family: sans-sarif;
        --chip-font-size: initial;
        --chip-font-weight: regular;
        --chip-paragraph-spacing: 0px;
        --chip-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-squared-medium-c-bright"], [data-theme='light'] [component-variant="chip-squared-medium-c-bright"] {
        --chip-height: 32px;
        --chip-background-color: var(--decorative-surface-blue);
        --chip-border-top-left-radius: var(--numbers-size-1);
        --chip-border-top-right-radius: var(--numbers-size-1);
        --chip-border-bottom-left-radius: var(--numbers-size-1);
        --chip-border-bottom-right-radius: var(--numbers-size-1);
        --chip-padding-left: var(--spacing-space-3);
        --chip-padding-right: var(--spacing-space-3);
        --chip-padding-top: var(--spacing-space-1);
        --chip-padding-bottom: var(--spacing-space-1);
        --chip-row-gap: var(--numbers-size-1);
        --chip-column-gap: var(--numbers-size-1);
        --chip-font-family: sans-sarif;
        --chip-font-size: initial;
        --chip-font-weight: regular;
        --chip-paragraph-spacing: 0px;
        --chip-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-squared-medium-d-bright"], [data-theme='light'] [component-variant="chip-squared-medium-d-bright"] {
        --chip-height: 32px;
        --chip-background-color: var(--decorative-surface-purple);
        --chip-border-top-left-radius: var(--numbers-size-1);
        --chip-border-top-right-radius: var(--numbers-size-1);
        --chip-border-bottom-left-radius: var(--numbers-size-1);
        --chip-border-bottom-right-radius: var(--numbers-size-1);
        --chip-padding-left: var(--spacing-space-3);
        --chip-padding-right: var(--spacing-space-3);
        --chip-padding-top: var(--spacing-space-1);
        --chip-padding-bottom: var(--spacing-space-1);
        --chip-row-gap: var(--numbers-size-1);
        --chip-column-gap: var(--numbers-size-1);
        --chip-font-family: sans-sarif;
        --chip-font-size: initial;
        --chip-font-weight: regular;
        --chip-paragraph-spacing: 0px;
        --chip-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-squared-medium-e-bright"], [data-theme='light'] [component-variant="chip-squared-medium-e-bright"] {
        --chip-height: 32px;
        --chip-background-color: var(--decorative-surface-red);
        --chip-border-top-left-radius: var(--numbers-size-1);
        --chip-border-top-right-radius: var(--numbers-size-1);
        --chip-border-bottom-left-radius: var(--numbers-size-1);
        --chip-border-bottom-right-radius: var(--numbers-size-1);
        --chip-padding-left: var(--spacing-space-3);
        --chip-padding-right: var(--spacing-space-3);
        --chip-padding-top: var(--spacing-space-1);
        --chip-padding-bottom: var(--spacing-space-1);
        --chip-row-gap: var(--numbers-size-1);
        --chip-column-gap: var(--numbers-size-1);
        --chip-font-family: sans-sarif;
        --chip-font-size: initial;
        --chip-font-weight: regular;
        --chip-paragraph-spacing: 0px;
        --chip-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-squared-medium-f-bright"], [data-theme='light'] [component-variant="chip-squared-medium-f-bright"] {
        --chip-height: 32px;
        --chip-background-color: var(--decorative-surface-gray);
        --chip-border-top-left-radius: var(--numbers-size-1);
        --chip-border-top-right-radius: var(--numbers-size-1);
        --chip-border-bottom-left-radius: var(--numbers-size-1);
        --chip-border-bottom-right-radius: var(--numbers-size-1);
        --chip-padding-left: var(--spacing-space-3);
        --chip-padding-right: var(--spacing-space-3);
        --chip-padding-top: var(--spacing-space-1);
        --chip-padding-bottom: var(--spacing-space-1);
        --chip-row-gap: var(--numbers-size-1);
        --chip-column-gap: var(--numbers-size-1);
        --chip-font-family: sans-sarif;
        --chip-font-size: initial;
        --chip-font-weight: regular;
        --chip-paragraph-spacing: 0px;
        --chip-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-squared-medium-a-bright-outline"], [data-theme='light'] [component-variant="chip-squared-medium-a-bright-outline"] {
        --chip-height: 32px;
        --chip-background-color: var(--decorative-surface-orange);
        --chip-border-top-left-radius: var(--numbers-size-1);
        --chip-border-top-right-radius: var(--numbers-size-1);
        --chip-border-bottom-left-radius: var(--numbers-size-1);
        --chip-border-bottom-right-radius: var(--numbers-size-1);
        --chip-border-color: var(--decorative-border-orange);
        --chip-border-top-width: 1px;
        --chip-border-right-width: 1px;
        --chip-border-bottom-width: 1px;
        --chip-border-left-width: 1px;
        --chip-padding-left: var(--spacing-space-3);
        --chip-padding-right: var(--spacing-space-3);
        --chip-padding-top: var(--spacing-space-1);
        --chip-padding-bottom: var(--spacing-space-1);
        --chip-row-gap: var(--numbers-size-1);
        --chip-column-gap: var(--numbers-size-1);
        --chip-font-family: sans-sarif;
        --chip-font-size: initial;
        --chip-font-weight: regular;
        --chip-paragraph-spacing: 0px;
        --chip-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-squared-medium-b-bright-outline"], [data-theme='light'] [component-variant="chip-squared-medium-b-bright-outline"] {
        --chip-height: 32px;
        --chip-background-color: var(--decorative-surface-green);
        --chip-border-top-left-radius: var(--numbers-size-1);
        --chip-border-top-right-radius: var(--numbers-size-1);
        --chip-border-bottom-left-radius: var(--numbers-size-1);
        --chip-border-bottom-right-radius: var(--numbers-size-1);
        --chip-border-color: var(--decorative-border-green);
        --chip-border-top-width: 1px;
        --chip-border-right-width: 1px;
        --chip-border-bottom-width: 1px;
        --chip-border-left-width: 1px;
        --chip-padding-left: var(--spacing-space-3);
        --chip-padding-right: var(--spacing-space-3);
        --chip-padding-top: var(--spacing-space-1);
        --chip-padding-bottom: var(--spacing-space-1);
        --chip-row-gap: var(--spacing-space-2);
        --chip-column-gap: var(--spacing-space-2);
        --chip-font-family: sans-sarif;
        --chip-font-size: initial;
        --chip-font-weight: regular;
        --chip-paragraph-spacing: 0px;
        --chip-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-squared-medium-c-bright-outline"], [data-theme='light'] [component-variant="chip-squared-medium-c-bright-outline"] {
        --chip-height: 32px;
        --chip-background-color: var(--decorative-surface-blue);
        --chip-border-top-left-radius: var(--numbers-size-1);
        --chip-border-top-right-radius: var(--numbers-size-1);
        --chip-border-bottom-left-radius: var(--numbers-size-1);
        --chip-border-bottom-right-radius: var(--numbers-size-1);
        --chip-border-color: var(--decorative-border-blue);
        --chip-border-top-width: 1px;
        --chip-border-right-width: 1px;
        --chip-border-bottom-width: 1px;
        --chip-border-left-width: 1px;
        --chip-padding-left: var(--spacing-space-3);
        --chip-padding-right: var(--spacing-space-3);
        --chip-padding-top: var(--spacing-space-1);
        --chip-padding-bottom: var(--spacing-space-1);
        --chip-row-gap: var(--numbers-size-1);
        --chip-column-gap: var(--numbers-size-1);
        --chip-font-family: sans-sarif;
        --chip-font-size: initial;
        --chip-font-weight: regular;
        --chip-paragraph-spacing: 0px;
        --chip-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-squared-medium-d-bright-outline"], [data-theme='light'] [component-variant="chip-squared-medium-d-bright-outline"] {
        --chip-height: 32px;
        --chip-background-color: var(--decorative-surface-purple);
        --chip-border-top-left-radius: var(--numbers-size-1);
        --chip-border-top-right-radius: var(--numbers-size-1);
        --chip-border-bottom-left-radius: var(--numbers-size-1);
        --chip-border-bottom-right-radius: var(--numbers-size-1);
        --chip-border-color: var(--decorative-border-purple);
        --chip-border-top-width: 1px;
        --chip-border-right-width: 1px;
        --chip-border-bottom-width: 1px;
        --chip-border-left-width: 1px;
        --chip-padding-left: var(--spacing-space-3);
        --chip-padding-right: var(--spacing-space-3);
        --chip-padding-top: var(--spacing-space-1);
        --chip-padding-bottom: var(--spacing-space-1);
        --chip-row-gap: var(--numbers-size-1);
        --chip-column-gap: var(--numbers-size-1);
        --chip-font-family: sans-sarif;
        --chip-font-size: initial;
        --chip-font-weight: regular;
        --chip-paragraph-spacing: 0px;
        --chip-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-squared-medium-e-bright-outline"], [data-theme='light'] [component-variant="chip-squared-medium-e-bright-outline"] {
        --chip-height: 32px;
        --chip-background-color: var(--decorative-surface-red);
        --chip-border-top-left-radius: var(--numbers-size-1);
        --chip-border-top-right-radius: var(--numbers-size-1);
        --chip-border-bottom-left-radius: var(--numbers-size-1);
        --chip-border-bottom-right-radius: var(--numbers-size-1);
        --chip-border-color: var(--decorative-border-red);
        --chip-border-top-width: 1px;
        --chip-border-right-width: 1px;
        --chip-border-bottom-width: 1px;
        --chip-border-left-width: 1px;
        --chip-padding-left: var(--spacing-space-3);
        --chip-padding-right: var(--spacing-space-3);
        --chip-padding-top: var(--spacing-space-1);
        --chip-padding-bottom: var(--spacing-space-1);
        --chip-row-gap: var(--numbers-size-1);
        --chip-column-gap: var(--numbers-size-1);
        --chip-font-family: sans-sarif;
        --chip-font-size: initial;
        --chip-font-weight: regular;
        --chip-paragraph-spacing: 0px;
        --chip-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-squared-medium-f-bright-outline"], [data-theme='light'] [component-variant="chip-squared-medium-f-bright-outline"] {
        --chip-height: 32px;
        --chip-background-color: var(--decorative-surface-gray);
        --chip-border-top-left-radius: var(--numbers-size-1);
        --chip-border-top-right-radius: var(--numbers-size-1);
        --chip-border-bottom-left-radius: var(--numbers-size-1);
        --chip-border-bottom-right-radius: var(--numbers-size-1);
        --chip-border-color: var(--decorative-border-grey);
        --chip-border-top-width: 1px;
        --chip-border-right-width: 1px;
        --chip-border-bottom-width: 1px;
        --chip-border-left-width: 1px;
        --chip-padding-left: var(--spacing-space-3);
        --chip-padding-right: var(--spacing-space-3);
        --chip-padding-top: var(--spacing-space-1);
        --chip-padding-bottom: var(--spacing-space-1);
        --chip-row-gap: var(--numbers-size-1);
        --chip-column-gap: var(--numbers-size-1);
        --chip-font-family: sans-sarif;
        --chip-font-size: initial;
        --chip-font-weight: regular;
        --chip-paragraph-spacing: 0px;
        --chip-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-squared-medium-a-subdued"], [data-theme='light'] [component-variant="chip-squared-medium-a-subdued"] {
        --chip-height: 32px;
        --chip-background-color: var(--surface-background-6);
        --chip-border-top-left-radius: var(--numbers-size-1);
        --chip-border-top-right-radius: var(--numbers-size-1);
        --chip-border-bottom-left-radius: var(--numbers-size-1);
        --chip-border-bottom-right-radius: var(--numbers-size-1);
        --chip-padding-left: var(--spacing-space-3);
        --chip-padding-right: var(--spacing-space-3);
        --chip-padding-top: var(--spacing-space-1);
        --chip-padding-bottom: var(--spacing-space-1);
        --chip-row-gap: var(--numbers-size-1);
        --chip-column-gap: var(--numbers-size-1);
        --chip-font-family: sans-sarif;
        --chip-font-size: initial;
        --chip-font-weight: regular;
        --chip-paragraph-spacing: 0px;
        --chip-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-squared-medium-a-subdued-outline"], [data-theme='light'] [component-variant="chip-squared-medium-a-subdued-outline"] {
        --chip-height: 32px;
        --chip-background-color: var(--surface-background-6);
        --chip-border-top-left-radius: var(--numbers-size-1);
        --chip-border-top-right-radius: var(--numbers-size-1);
        --chip-border-bottom-left-radius: var(--numbers-size-1);
        --chip-border-bottom-right-radius: var(--numbers-size-1);
        --chip-border-color: var(--decorative-border-orange);
        --chip-border-top-width: 1px;
        --chip-border-right-width: 1px;
        --chip-border-bottom-width: 1px;
        --chip-border-left-width: 1px;
        --chip-padding-left: var(--spacing-space-3);
        --chip-padding-right: var(--spacing-space-3);
        --chip-padding-top: var(--spacing-space-1);
        --chip-padding-bottom: var(--spacing-space-1);
        --chip-row-gap: var(--numbers-size-1);
        --chip-column-gap: var(--numbers-size-1);
        --chip-font-family: sans-sarif;
        --chip-font-size: initial;
        --chip-font-weight: regular;
        --chip-paragraph-spacing: 0px;
        --chip-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-squared-medium-b-subdued"], [data-theme='light'] [component-variant="chip-squared-medium-b-subdued"] {
        --chip-height: 32px;
        --chip-background-color: var(--surface-background-6);
        --chip-border-top-left-radius: var(--numbers-size-1);
        --chip-border-top-right-radius: var(--numbers-size-1);
        --chip-border-bottom-left-radius: var(--numbers-size-1);
        --chip-border-bottom-right-radius: var(--numbers-size-1);
        --chip-padding-left: var(--spacing-space-3);
        --chip-padding-right: var(--spacing-space-3);
        --chip-padding-top: var(--spacing-space-1);
        --chip-padding-bottom: var(--spacing-space-1);
        --chip-row-gap: var(--numbers-size-1);
        --chip-column-gap: var(--numbers-size-1);
        --chip-font-family: sans-sarif;
        --chip-font-size: initial;
        --chip-font-weight: regular;
        --chip-paragraph-spacing: 0px;
        --chip-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-squared-medium-b-subdued-outline"], [data-theme='light'] [component-variant="chip-squared-medium-b-subdued-outline"] {
        --chip-height: 32px;
        --chip-background-color: var(--surface-background-6);
        --chip-border-top-left-radius: var(--numbers-size-1);
        --chip-border-top-right-radius: var(--numbers-size-1);
        --chip-border-bottom-left-radius: var(--numbers-size-1);
        --chip-border-bottom-right-radius: var(--numbers-size-1);
        --chip-border-color: var(--decorative-border-green);
        --chip-border-top-width: 1px;
        --chip-border-right-width: 1px;
        --chip-border-bottom-width: 1px;
        --chip-border-left-width: 1px;
        --chip-padding-left: var(--spacing-space-3);
        --chip-padding-right: var(--spacing-space-3);
        --chip-padding-top: var(--spacing-space-1);
        --chip-padding-bottom: var(--spacing-space-1);
        --chip-row-gap: var(--numbers-size-1);
        --chip-column-gap: var(--numbers-size-1);
        --chip-font-family: sans-sarif;
        --chip-font-size: initial;
        --chip-font-weight: regular;
        --chip-paragraph-spacing: 0px;
        --chip-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-squared-medium-c-subdued"], [data-theme='light'] [component-variant="chip-squared-medium-c-subdued"] {
        --chip-height: 32px;
        --chip-background-color: var(--surface-background-6);
        --chip-border-top-left-radius: var(--numbers-size-1);
        --chip-border-top-right-radius: var(--numbers-size-1);
        --chip-border-bottom-left-radius: var(--numbers-size-1);
        --chip-border-bottom-right-radius: var(--numbers-size-1);
        --chip-padding-left: var(--spacing-space-3);
        --chip-padding-right: var(--spacing-space-3);
        --chip-padding-top: var(--spacing-space-1);
        --chip-padding-bottom: var(--spacing-space-1);
        --chip-row-gap: var(--numbers-size-1);
        --chip-column-gap: var(--numbers-size-1);
        --chip-font-family: sans-sarif;
        --chip-font-size: initial;
        --chip-font-weight: regular;
        --chip-paragraph-spacing: 0px;
        --chip-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-squared-medium-c-subdued-outline"], [data-theme='light'] [component-variant="chip-squared-medium-c-subdued-outline"] {
        --chip-height: 32px;
        --chip-background-color: var(--surface-background-6);
        --chip-border-top-left-radius: var(--numbers-size-1);
        --chip-border-top-right-radius: var(--numbers-size-1);
        --chip-border-bottom-left-radius: var(--numbers-size-1);
        --chip-border-bottom-right-radius: var(--numbers-size-1);
        --chip-border-color: var(--decorative-border-blue);
        --chip-border-top-width: 1px;
        --chip-border-right-width: 1px;
        --chip-border-bottom-width: 1px;
        --chip-border-left-width: 1px;
        --chip-padding-left: var(--spacing-space-3);
        --chip-padding-right: var(--spacing-space-3);
        --chip-padding-top: var(--spacing-space-1);
        --chip-padding-bottom: var(--spacing-space-1);
        --chip-row-gap: var(--numbers-size-1);
        --chip-column-gap: var(--numbers-size-1);
        --chip-font-family: sans-sarif;
        --chip-font-size: initial;
        --chip-font-weight: regular;
        --chip-paragraph-spacing: 0px;
        --chip-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-squared-medium-d-subdued"], [data-theme='light'] [component-variant="chip-squared-medium-d-subdued"] {
        --chip-height: 32px;
        --chip-background-color: var(--surface-background-6);
        --chip-border-top-left-radius: var(--numbers-size-1);
        --chip-border-top-right-radius: var(--numbers-size-1);
        --chip-border-bottom-left-radius: var(--numbers-size-1);
        --chip-border-bottom-right-radius: var(--numbers-size-1);
        --chip-padding-left: var(--spacing-space-3);
        --chip-padding-right: var(--spacing-space-3);
        --chip-padding-top: var(--spacing-space-1);
        --chip-padding-bottom: var(--spacing-space-1);
        --chip-row-gap: var(--numbers-size-1);
        --chip-column-gap: var(--numbers-size-1);
        --chip-font-family: sans-sarif;
        --chip-font-size: initial;
        --chip-font-weight: regular;
        --chip-paragraph-spacing: 0px;
        --chip-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-squared-medium-d-subdued-outline"], [data-theme='light'] [component-variant="chip-squared-medium-d-subdued-outline"] {
        --chip-height: 32px;
        --chip-background-color: var(--surface-background-6);
        --chip-border-top-left-radius: var(--numbers-size-1);
        --chip-border-top-right-radius: var(--numbers-size-1);
        --chip-border-bottom-left-radius: var(--numbers-size-1);
        --chip-border-bottom-right-radius: var(--numbers-size-1);
        --chip-border-color: var(--decorative-border-purple);
        --chip-border-top-width: 1px;
        --chip-border-right-width: 1px;
        --chip-border-bottom-width: 1px;
        --chip-border-left-width: 1px;
        --chip-padding-left: var(--spacing-space-3);
        --chip-padding-right: var(--spacing-space-3);
        --chip-padding-top: var(--spacing-space-1);
        --chip-padding-bottom: var(--spacing-space-1);
        --chip-row-gap: var(--numbers-size-1);
        --chip-column-gap: var(--numbers-size-1);
        --chip-font-family: sans-sarif;
        --chip-font-size: initial;
        --chip-font-weight: regular;
        --chip-paragraph-spacing: 0px;
        --chip-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-squared-medium-e-subdued"], [data-theme='light'] [component-variant="chip-squared-medium-e-subdued"] {
        --chip-height: 32px;
        --chip-background-color: var(--surface-background-6);
        --chip-border-top-left-radius: var(--numbers-size-1);
        --chip-border-top-right-radius: var(--numbers-size-1);
        --chip-border-bottom-left-radius: var(--numbers-size-1);
        --chip-border-bottom-right-radius: var(--numbers-size-1);
        --chip-padding-left: var(--spacing-space-3);
        --chip-padding-right: var(--spacing-space-3);
        --chip-padding-top: var(--spacing-space-1);
        --chip-padding-bottom: var(--spacing-space-1);
        --chip-row-gap: var(--numbers-size-1);
        --chip-column-gap: var(--numbers-size-1);
        --chip-font-family: sans-sarif;
        --chip-font-size: initial;
        --chip-font-weight: regular;
        --chip-paragraph-spacing: 0px;
        --chip-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-squared-medium-e-subdued-outline"], [data-theme='light'] [component-variant="chip-squared-medium-e-subdued-outline"] {
        --chip-height: 32px;
        --chip-background-color: var(--surface-background-6);
        --chip-border-top-left-radius: var(--numbers-size-1);
        --chip-border-top-right-radius: var(--numbers-size-1);
        --chip-border-bottom-left-radius: var(--numbers-size-1);
        --chip-border-bottom-right-radius: var(--numbers-size-1);
        --chip-border-color: var(--decorative-border-red);
        --chip-border-top-width: 1px;
        --chip-border-right-width: 1px;
        --chip-border-bottom-width: 1px;
        --chip-border-left-width: 1px;
        --chip-padding-left: var(--spacing-space-3);
        --chip-padding-right: var(--spacing-space-3);
        --chip-padding-top: var(--spacing-space-1);
        --chip-padding-bottom: var(--spacing-space-1);
        --chip-row-gap: var(--numbers-size-1);
        --chip-column-gap: var(--numbers-size-1);
        --chip-font-family: sans-sarif;
        --chip-font-size: initial;
        --chip-font-weight: regular;
        --chip-paragraph-spacing: 0px;
        --chip-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-squared-medium-f-subdued"], [data-theme='light'] [component-variant="chip-squared-medium-f-subdued"] {
        --chip-height: 32px;
        --chip-background-color: var(--surface-background-6);
        --chip-border-top-left-radius: var(--numbers-size-1);
        --chip-border-top-right-radius: var(--numbers-size-1);
        --chip-border-bottom-left-radius: var(--numbers-size-1);
        --chip-border-bottom-right-radius: var(--numbers-size-1);
        --chip-padding-left: var(--spacing-space-3);
        --chip-padding-right: var(--spacing-space-3);
        --chip-padding-top: var(--spacing-space-1);
        --chip-padding-bottom: var(--spacing-space-1);
        --chip-row-gap: var(--numbers-size-1);
        --chip-column-gap: var(--numbers-size-1);
        --chip-font-family: sans-sarif;
        --chip-font-size: initial;
        --chip-font-weight: regular;
        --chip-paragraph-spacing: 0px;
        --chip-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-squared-medium-f-subdued-outline"], [data-theme='light'] [component-variant="chip-squared-medium-f-subdued-outline"] {
        --chip-height: 32px;
        --chip-background-color: var(--surface-background-6);
        --chip-border-top-left-radius: var(--numbers-size-1);
        --chip-border-top-right-radius: var(--numbers-size-1);
        --chip-border-bottom-left-radius: var(--numbers-size-1);
        --chip-border-bottom-right-radius: var(--numbers-size-1);
        --chip-border-color: var(--decorative-border-grey);
        --chip-border-top-width: 1px;
        --chip-border-right-width: 1px;
        --chip-border-bottom-width: 1px;
        --chip-border-left-width: 1px;
        --chip-padding-left: var(--spacing-space-3);
        --chip-padding-right: var(--spacing-space-3);
        --chip-padding-top: var(--spacing-space-1);
        --chip-padding-bottom: var(--spacing-space-1);
        --chip-row-gap: var(--numbers-size-1);
        --chip-column-gap: var(--numbers-size-1);
        --chip-font-family: sans-sarif;
        --chip-font-size: initial;
        --chip-font-weight: regular;
        --chip-paragraph-spacing: 0px;
        --chip-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-rounded-small-a-bright"], [data-theme='light'] [component-variant="chip-rounded-small-a-bright"] {
        --chip-height: 24px;
        --chip-background-color: var(--decorative-surface-orange);
        --chip-border-top-left-radius: 50px;
        --chip-border-top-right-radius: 50px;
        --chip-border-bottom-left-radius: 50px;
        --chip-border-bottom-right-radius: 50px;
        --chip-padding-left: var(--spacing-space-1);
        --chip-padding-right: var(--spacing-space-1);
        --chip-padding-top: var(--spacing-space-1);
        --chip-padding-bottom: var(--spacing-space-1);
        --chip-row-gap: var(--numbers-size-1);
        --chip-column-gap: var(--numbers-size-1);
        --chip-font-family: sans-sarif;
        --chip-font-size: initial;
        --chip-font-weight: regular;
        --chip-paragraph-spacing: 0px;
        --chip-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-rounded-small-b-bright"], [data-theme='light'] [component-variant="chip-rounded-small-b-bright"] {
        --chip-height: 24px;
        --chip-background-color: var(--decorative-surface-green);
        --chip-border-top-left-radius: 50px;
        --chip-border-top-right-radius: 50px;
        --chip-border-bottom-left-radius: 50px;
        --chip-border-bottom-right-radius: 50px;
        --chip-padding-left: var(--spacing-space-1);
        --chip-padding-right: var(--spacing-space-1);
        --chip-padding-top: var(--spacing-space-1);
        --chip-padding-bottom: var(--spacing-space-1);
        --chip-row-gap: var(--numbers-size-1);
        --chip-column-gap: var(--numbers-size-1);
        --chip-font-family: sans-sarif;
        --chip-font-size: initial;
        --chip-font-weight: regular;
        --chip-paragraph-spacing: 0px;
        --chip-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-rounded-small-c-bright"], [data-theme='light'] [component-variant="chip-rounded-small-c-bright"] {
        --chip-height: 24px;
        --chip-background-color: var(--decorative-surface-blue);
        --chip-border-top-left-radius: 50px;
        --chip-border-top-right-radius: 50px;
        --chip-border-bottom-left-radius: 50px;
        --chip-border-bottom-right-radius: 50px;
        --chip-padding-left: var(--spacing-space-1);
        --chip-padding-right: var(--spacing-space-1);
        --chip-padding-top: var(--spacing-space-1);
        --chip-padding-bottom: var(--spacing-space-1);
        --chip-row-gap: var(--numbers-size-1);
        --chip-column-gap: var(--numbers-size-1);
        --chip-font-family: sans-sarif;
        --chip-font-size: initial;
        --chip-font-weight: regular;
        --chip-paragraph-spacing: 0px;
        --chip-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-rounded-small-d-bright"], [data-theme='light'] [component-variant="chip-rounded-small-d-bright"] {
        --chip-height: 24px;
        --chip-background-color: var(--decorative-surface-purple);
        --chip-border-top-left-radius: 50px;
        --chip-border-top-right-radius: 50px;
        --chip-border-bottom-left-radius: 50px;
        --chip-border-bottom-right-radius: 50px;
        --chip-padding-left: var(--spacing-space-1);
        --chip-padding-right: var(--spacing-space-1);
        --chip-padding-top: var(--spacing-space-1);
        --chip-padding-bottom: var(--spacing-space-1);
        --chip-row-gap: var(--numbers-size-1);
        --chip-column-gap: var(--numbers-size-1);
        --chip-font-family: sans-sarif;
        --chip-font-size: initial;
        --chip-font-weight: regular;
        --chip-paragraph-spacing: 0px;
        --chip-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-rounded-small-e-bright"], [data-theme='light'] [component-variant="chip-rounded-small-e-bright"] {
        --chip-height: 24px;
        --chip-background-color: var(--decorative-surface-red);
        --chip-border-top-left-radius: 50px;
        --chip-border-top-right-radius: 50px;
        --chip-border-bottom-left-radius: 50px;
        --chip-border-bottom-right-radius: 50px;
        --chip-padding-left: var(--spacing-space-1);
        --chip-padding-right: var(--spacing-space-1);
        --chip-padding-top: var(--spacing-space-1);
        --chip-padding-bottom: var(--spacing-space-1);
        --chip-row-gap: var(--numbers-size-1);
        --chip-column-gap: var(--numbers-size-1);
        --chip-font-family: sans-sarif;
        --chip-font-size: initial;
        --chip-font-weight: regular;
        --chip-paragraph-spacing: 0px;
        --chip-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-rounded-small-f-bright"], [data-theme='light'] [component-variant="chip-rounded-small-f-bright"] {
        --chip-height: 24px;
        --chip-background-color: var(--decorative-surface-gray);
        --chip-border-top-left-radius: 50px;
        --chip-border-top-right-radius: 50px;
        --chip-border-bottom-left-radius: 50px;
        --chip-border-bottom-right-radius: 50px;
        --chip-padding-left: var(--spacing-space-1);
        --chip-padding-right: var(--spacing-space-1);
        --chip-padding-top: var(--spacing-space-1);
        --chip-padding-bottom: var(--spacing-space-1);
        --chip-row-gap: var(--numbers-size-1);
        --chip-column-gap: var(--numbers-size-1);
        --chip-font-family: sans-sarif;
        --chip-font-size: initial;
        --chip-font-weight: regular;
        --chip-paragraph-spacing: 0px;
        --chip-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-rounded-small-a-bright-outline"], [data-theme='light'] [component-variant="chip-rounded-small-a-bright-outline"] {
        --chip-height: 24px;
        --chip-background-color: var(--decorative-surface-orange);
        --chip-border-top-left-radius: 50px;
        --chip-border-top-right-radius: 50px;
        --chip-border-bottom-left-radius: 50px;
        --chip-border-bottom-right-radius: 50px;
        --chip-border-color: var(--decorative-border-orange);
        --chip-border-top-width: 1px;
        --chip-border-right-width: 1px;
        --chip-border-bottom-width: 1px;
        --chip-border-left-width: 1px;
        --chip-padding-left: var(--spacing-space-1);
        --chip-padding-right: var(--spacing-space-1);
        --chip-padding-top: var(--spacing-space-1);
        --chip-padding-bottom: var(--spacing-space-1);
        --chip-row-gap: var(--numbers-size-1);
        --chip-column-gap: var(--numbers-size-1);
        --chip-font-family: sans-sarif;
        --chip-font-size: initial;
        --chip-font-weight: regular;
        --chip-paragraph-spacing: 0px;
        --chip-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-rounded-small-b-bright-outline"], [data-theme='light'] [component-variant="chip-rounded-small-b-bright-outline"] {
        --chip-height: 24px;
        --chip-background-color: var(--decorative-surface-green);
        --chip-border-top-left-radius: 50px;
        --chip-border-top-right-radius: 50px;
        --chip-border-bottom-left-radius: 50px;
        --chip-border-bottom-right-radius: 50px;
        --chip-border-color: var(--decorative-border-green);
        --chip-border-top-width: 1px;
        --chip-border-right-width: 1px;
        --chip-border-bottom-width: 1px;
        --chip-border-left-width: 1px;
        --chip-padding-left: var(--spacing-space-1);
        --chip-padding-right: var(--spacing-space-1);
        --chip-padding-top: var(--spacing-space-1);
        --chip-padding-bottom: var(--spacing-space-1);
        --chip-row-gap: var(--numbers-size-1);
        --chip-column-gap: var(--numbers-size-1);
        --chip-font-family: sans-sarif;
        --chip-font-size: initial;
        --chip-font-weight: regular;
        --chip-paragraph-spacing: 0px;
        --chip-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-rounded-small-c-bright-outline"], [data-theme='light'] [component-variant="chip-rounded-small-c-bright-outline"] {
        --chip-height: 24px;
        --chip-background-color: var(--decorative-surface-blue);
        --chip-border-top-left-radius: 50px;
        --chip-border-top-right-radius: 50px;
        --chip-border-bottom-left-radius: 50px;
        --chip-border-bottom-right-radius: 50px;
        --chip-border-color: var(--decorative-border-blue);
        --chip-border-top-width: 1px;
        --chip-border-right-width: 1px;
        --chip-border-bottom-width: 1px;
        --chip-border-left-width: 1px;
        --chip-padding-left: var(--spacing-space-1);
        --chip-padding-right: var(--spacing-space-1);
        --chip-padding-top: var(--spacing-space-1);
        --chip-padding-bottom: var(--spacing-space-1);
        --chip-row-gap: var(--numbers-size-1);
        --chip-column-gap: var(--numbers-size-1);
        --chip-font-family: sans-sarif;
        --chip-font-size: initial;
        --chip-font-weight: regular;
        --chip-paragraph-spacing: 0px;
        --chip-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-rounded-small-d-bright-outline"], [data-theme='light'] [component-variant="chip-rounded-small-d-bright-outline"] {
        --chip-height: 24px;
        --chip-background-color: var(--decorative-surface-purple);
        --chip-border-top-left-radius: 50px;
        --chip-border-top-right-radius: 50px;
        --chip-border-bottom-left-radius: 50px;
        --chip-border-bottom-right-radius: 50px;
        --chip-border-color: var(--decorative-border-purple);
        --chip-border-top-width: 1px;
        --chip-border-right-width: 1px;
        --chip-border-bottom-width: 1px;
        --chip-border-left-width: 1px;
        --chip-padding-left: var(--spacing-space-1);
        --chip-padding-right: var(--spacing-space-1);
        --chip-padding-top: var(--spacing-space-1);
        --chip-padding-bottom: var(--spacing-space-1);
        --chip-row-gap: var(--numbers-size-1);
        --chip-column-gap: var(--numbers-size-1);
        --chip-font-family: sans-sarif;
        --chip-font-size: initial;
        --chip-font-weight: regular;
        --chip-paragraph-spacing: 0px;
        --chip-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-rounded-small-e-bright-outline"], [data-theme='light'] [component-variant="chip-rounded-small-e-bright-outline"] {
        --chip-height: 24px;
        --chip-background-color: var(--decorative-surface-red);
        --chip-border-top-left-radius: 50px;
        --chip-border-top-right-radius: 50px;
        --chip-border-bottom-left-radius: 50px;
        --chip-border-bottom-right-radius: 50px;
        --chip-border-color: var(--decorative-border-red);
        --chip-border-top-width: 1px;
        --chip-border-right-width: 1px;
        --chip-border-bottom-width: 1px;
        --chip-border-left-width: 1px;
        --chip-padding-left: var(--spacing-space-1);
        --chip-padding-right: var(--spacing-space-1);
        --chip-padding-top: var(--spacing-space-1);
        --chip-padding-bottom: var(--spacing-space-1);
        --chip-row-gap: var(--numbers-size-1);
        --chip-column-gap: var(--numbers-size-1);
        --chip-font-family: sans-sarif;
        --chip-font-size: initial;
        --chip-font-weight: regular;
        --chip-paragraph-spacing: 0px;
        --chip-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-rounded-small-f-bright-outline"], [data-theme='light'] [component-variant="chip-rounded-small-f-bright-outline"] {
        --chip-height: 24px;
        --chip-background-color: var(--decorative-surface-gray);
        --chip-border-top-left-radius: 50px;
        --chip-border-top-right-radius: 50px;
        --chip-border-bottom-left-radius: 50px;
        --chip-border-bottom-right-radius: 50px;
        --chip-border-color: var(--decorative-border-grey);
        --chip-border-top-width: 1px;
        --chip-border-right-width: 1px;
        --chip-border-bottom-width: 1px;
        --chip-border-left-width: 1px;
        --chip-padding-left: var(--spacing-space-1);
        --chip-padding-right: var(--spacing-space-1);
        --chip-padding-top: var(--spacing-space-1);
        --chip-padding-bottom: var(--spacing-space-1);
        --chip-row-gap: var(--numbers-size-1);
        --chip-column-gap: var(--numbers-size-1);
        --chip-font-family: sans-sarif;
        --chip-font-size: initial;
        --chip-font-weight: regular;
        --chip-paragraph-spacing: 0px;
        --chip-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-rounded-small-a-subdued"], [data-theme='light'] [component-variant="chip-rounded-small-a-subdued"] {
        --chip-height: 24px;
        --chip-background-color: var(--surface-background-6);
        --chip-border-top-left-radius: 50px;
        --chip-border-top-right-radius: 50px;
        --chip-border-bottom-left-radius: 50px;
        --chip-border-bottom-right-radius: 50px;
        --chip-padding-left: var(--spacing-space-1);
        --chip-padding-right: var(--spacing-space-1);
        --chip-padding-top: var(--spacing-space-1);
        --chip-padding-bottom: var(--spacing-space-1);
        --chip-row-gap: var(--numbers-size-1);
        --chip-column-gap: var(--numbers-size-1);
        --chip-font-family: sans-sarif;
        --chip-font-size: initial;
        --chip-font-weight: regular;
        --chip-paragraph-spacing: 0px;
        --chip-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-rounded-small-a-subdued-outline"], [data-theme='light'] [component-variant="chip-rounded-small-a-subdued-outline"] {
        --chip-height: 24px;
        --chip-background-color: var(--surface-background-6);
        --chip-border-top-left-radius: 50px;
        --chip-border-top-right-radius: 50px;
        --chip-border-bottom-left-radius: 50px;
        --chip-border-bottom-right-radius: 50px;
        --chip-border-color: var(--decorative-border-orange);
        --chip-border-top-width: 1px;
        --chip-border-right-width: 1px;
        --chip-border-bottom-width: 1px;
        --chip-border-left-width: 1px;
        --chip-padding-left: var(--spacing-space-1);
        --chip-padding-right: var(--spacing-space-1);
        --chip-padding-top: var(--spacing-space-1);
        --chip-padding-bottom: var(--spacing-space-1);
        --chip-row-gap: var(--numbers-size-1);
        --chip-column-gap: var(--numbers-size-1);
        --chip-font-family: sans-sarif;
        --chip-font-size: initial;
        --chip-font-weight: regular;
        --chip-paragraph-spacing: 0px;
        --chip-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-rounded-small-b-subdued"], [data-theme='light'] [component-variant="chip-rounded-small-b-subdued"] {
        --chip-height: 24px;
        --chip-background-color: var(--surface-background-6);
        --chip-border-top-left-radius: 50px;
        --chip-border-top-right-radius: 50px;
        --chip-border-bottom-left-radius: 50px;
        --chip-border-bottom-right-radius: 50px;
        --chip-padding-left: var(--spacing-space-1);
        --chip-padding-right: var(--spacing-space-1);
        --chip-padding-top: var(--spacing-space-1);
        --chip-padding-bottom: var(--spacing-space-1);
        --chip-row-gap: var(--numbers-size-1);
        --chip-column-gap: var(--numbers-size-1);
        --chip-font-family: sans-sarif;
        --chip-font-size: initial;
        --chip-font-weight: regular;
        --chip-paragraph-spacing: 0px;
        --chip-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-rounded-small-b-subdued-outline"], [data-theme='light'] [component-variant="chip-rounded-small-b-subdued-outline"] {
        --chip-height: 24px;
        --chip-background-color: var(--surface-background-6);
        --chip-border-top-left-radius: 50px;
        --chip-border-top-right-radius: 50px;
        --chip-border-bottom-left-radius: 50px;
        --chip-border-bottom-right-radius: 50px;
        --chip-border-color: var(--decorative-border-green);
        --chip-border-top-width: 1px;
        --chip-border-right-width: 1px;
        --chip-border-bottom-width: 1px;
        --chip-border-left-width: 1px;
        --chip-padding-left: var(--spacing-space-1);
        --chip-padding-right: var(--spacing-space-1);
        --chip-padding-top: var(--spacing-space-1);
        --chip-padding-bottom: var(--spacing-space-1);
        --chip-row-gap: var(--numbers-size-1);
        --chip-column-gap: var(--numbers-size-1);
        --chip-font-family: sans-sarif;
        --chip-font-size: initial;
        --chip-font-weight: regular;
        --chip-paragraph-spacing: 0px;
        --chip-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-rounded-small-c-subdued"], [data-theme='light'] [component-variant="chip-rounded-small-c-subdued"] {
        --chip-height: 24px;
        --chip-background-color: var(--surface-background-6);
        --chip-border-top-left-radius: 50px;
        --chip-border-top-right-radius: 50px;
        --chip-border-bottom-left-radius: 50px;
        --chip-border-bottom-right-radius: 50px;
        --chip-padding-left: var(--spacing-space-1);
        --chip-padding-right: var(--spacing-space-1);
        --chip-padding-top: var(--spacing-space-1);
        --chip-padding-bottom: var(--spacing-space-1);
        --chip-row-gap: var(--numbers-size-1);
        --chip-column-gap: var(--numbers-size-1);
        --chip-font-family: sans-sarif;
        --chip-font-size: initial;
        --chip-font-weight: regular;
        --chip-paragraph-spacing: 0px;
        --chip-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-rounded-small-c-subdued-outline"], [data-theme='light'] [component-variant="chip-rounded-small-c-subdued-outline"] {
        --chip-height: 24px;
        --chip-background-color: var(--surface-background-6);
        --chip-border-top-left-radius: 50px;
        --chip-border-top-right-radius: 50px;
        --chip-border-bottom-left-radius: 50px;
        --chip-border-bottom-right-radius: 50px;
        --chip-border-color: var(--decorative-border-blue);
        --chip-border-top-width: 1px;
        --chip-border-right-width: 1px;
        --chip-border-bottom-width: 1px;
        --chip-border-left-width: 1px;
        --chip-padding-left: var(--spacing-space-1);
        --chip-padding-right: var(--spacing-space-1);
        --chip-padding-top: var(--spacing-space-1);
        --chip-padding-bottom: var(--spacing-space-1);
        --chip-row-gap: var(--numbers-size-1);
        --chip-column-gap: var(--numbers-size-1);
        --chip-font-family: sans-sarif;
        --chip-font-size: initial;
        --chip-font-weight: regular;
        --chip-paragraph-spacing: 0px;
        --chip-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-rounded-small-d-subdued"], [data-theme='light'] [component-variant="chip-rounded-small-d-subdued"] {
        --chip-height: 24px;
        --chip-background-color: var(--surface-background-6);
        --chip-border-top-left-radius: 50px;
        --chip-border-top-right-radius: 50px;
        --chip-border-bottom-left-radius: 50px;
        --chip-border-bottom-right-radius: 50px;
        --chip-padding-left: var(--spacing-space-1);
        --chip-padding-right: var(--spacing-space-1);
        --chip-padding-top: var(--spacing-space-1);
        --chip-padding-bottom: var(--spacing-space-1);
        --chip-row-gap: var(--numbers-size-1);
        --chip-column-gap: var(--numbers-size-1);
        --chip-font-family: sans-sarif;
        --chip-font-size: initial;
        --chip-font-weight: regular;
        --chip-paragraph-spacing: 0px;
        --chip-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-rounded-small-d-subdued-outline"], [data-theme='light'] [component-variant="chip-rounded-small-d-subdued-outline"] {
        --chip-height: 24px;
        --chip-background-color: var(--surface-background-6);
        --chip-border-top-left-radius: 50px;
        --chip-border-top-right-radius: 50px;
        --chip-border-bottom-left-radius: 50px;
        --chip-border-bottom-right-radius: 50px;
        --chip-border-color: var(--decorative-border-purple);
        --chip-border-top-width: 1px;
        --chip-border-right-width: 1px;
        --chip-border-bottom-width: 1px;
        --chip-border-left-width: 1px;
        --chip-padding-left: var(--spacing-space-1);
        --chip-padding-right: var(--spacing-space-1);
        --chip-padding-top: var(--spacing-space-1);
        --chip-padding-bottom: var(--spacing-space-1);
        --chip-row-gap: var(--numbers-size-1);
        --chip-column-gap: var(--numbers-size-1);
        --chip-font-family: sans-sarif;
        --chip-font-size: initial;
        --chip-font-weight: regular;
        --chip-paragraph-spacing: 0px;
        --chip-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-rounded-small-e-subdued"], [data-theme='light'] [component-variant="chip-rounded-small-e-subdued"] {
        --chip-height: 24px;
        --chip-background-color: var(--surface-background-6);
        --chip-border-top-left-radius: 50px;
        --chip-border-top-right-radius: 50px;
        --chip-border-bottom-left-radius: 50px;
        --chip-border-bottom-right-radius: 50px;
        --chip-padding-left: var(--spacing-space-1);
        --chip-padding-right: var(--spacing-space-1);
        --chip-padding-top: var(--spacing-space-1);
        --chip-padding-bottom: var(--spacing-space-1);
        --chip-row-gap: var(--numbers-size-1);
        --chip-column-gap: var(--numbers-size-1);
        --chip-font-family: sans-sarif;
        --chip-font-size: initial;
        --chip-font-weight: regular;
        --chip-paragraph-spacing: 0px;
        --chip-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-rounded-small-e-subdued-outline"], [data-theme='light'] [component-variant="chip-rounded-small-e-subdued-outline"] {
        --chip-height: 24px;
        --chip-background-color: var(--surface-background-6);
        --chip-border-top-left-radius: 50px;
        --chip-border-top-right-radius: 50px;
        --chip-border-bottom-left-radius: 50px;
        --chip-border-bottom-right-radius: 50px;
        --chip-border-color: var(--decorative-border-red);
        --chip-border-top-width: 1px;
        --chip-border-right-width: 1px;
        --chip-border-bottom-width: 1px;
        --chip-border-left-width: 1px;
        --chip-padding-left: var(--spacing-space-1);
        --chip-padding-right: var(--spacing-space-1);
        --chip-padding-top: var(--spacing-space-1);
        --chip-padding-bottom: var(--spacing-space-1);
        --chip-row-gap: var(--numbers-size-1);
        --chip-column-gap: var(--numbers-size-1);
        --chip-font-family: sans-sarif;
        --chip-font-size: initial;
        --chip-font-weight: regular;
        --chip-paragraph-spacing: 0px;
        --chip-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-rounded-small-f-subdued"], [data-theme='light'] [component-variant="chip-rounded-small-f-subdued"] {
        --chip-height: 24px;
        --chip-background-color: var(--surface-background-6);
        --chip-border-top-left-radius: 50px;
        --chip-border-top-right-radius: 50px;
        --chip-border-bottom-left-radius: 50px;
        --chip-border-bottom-right-radius: 50px;
        --chip-padding-left: var(--spacing-space-1);
        --chip-padding-right: var(--spacing-space-1);
        --chip-padding-top: var(--spacing-space-1);
        --chip-padding-bottom: var(--spacing-space-1);
        --chip-row-gap: var(--numbers-size-1);
        --chip-column-gap: var(--numbers-size-1);
        --chip-font-family: sans-sarif;
        --chip-font-size: initial;
        --chip-font-weight: regular;
        --chip-paragraph-spacing: 0px;
        --chip-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-rounded-small-f-subdued-outline"], [data-theme='light'] [component-variant="chip-rounded-small-f-subdued-outline"] {
        --chip-height: 24px;
        --chip-background-color: var(--surface-background-6);
        --chip-border-top-left-radius: 50px;
        --chip-border-top-right-radius: 50px;
        --chip-border-bottom-left-radius: 50px;
        --chip-border-bottom-right-radius: 50px;
        --chip-border-color: var(--decorative-border-grey);
        --chip-border-top-width: 1px;
        --chip-border-right-width: 1px;
        --chip-border-bottom-width: 1px;
        --chip-border-left-width: 1px;
        --chip-padding-left: var(--spacing-space-1);
        --chip-padding-right: var(--spacing-space-1);
        --chip-padding-top: var(--spacing-space-1);
        --chip-padding-bottom: var(--spacing-space-1);
        --chip-row-gap: var(--numbers-size-1);
        --chip-column-gap: var(--numbers-size-1);
        --chip-font-family: sans-sarif;
        --chip-font-size: initial;
        --chip-font-weight: regular;
        --chip-paragraph-spacing: 0px;
        --chip-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-squared-small-a-bright"], [data-theme='light'] [component-variant="chip-squared-small-a-bright"] {
        --chip-height: 24px;
        --chip-background-color: var(--decorative-surface-orange);
        --chip-border-top-left-radius: var(--numbers-size-1);
        --chip-border-top-right-radius: var(--numbers-size-1);
        --chip-border-bottom-left-radius: var(--numbers-size-1);
        --chip-border-bottom-right-radius: var(--numbers-size-1);
        --chip-padding-left: var(--spacing-space-2);
        --chip-padding-right: var(--spacing-space-2);
        --chip-padding-top: var(--spacing-space-1);
        --chip-padding-bottom: var(--spacing-space-1);
        --chip-row-gap: var(--numbers-size-1);
        --chip-column-gap: var(--numbers-size-1);
        --chip-font-family: sans-sarif;
        --chip-font-size: initial;
        --chip-font-weight: regular;
        --chip-paragraph-spacing: 0px;
        --chip-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-squared-small-b-bright"], [data-theme='light'] [component-variant="chip-squared-small-b-bright"] {
        --chip-height: 24px;
        --chip-background-color: var(--decorative-surface-green);
        --chip-border-top-left-radius: var(--numbers-size-1);
        --chip-border-top-right-radius: var(--numbers-size-1);
        --chip-border-bottom-left-radius: var(--numbers-size-1);
        --chip-border-bottom-right-radius: var(--numbers-size-1);
        --chip-padding-left: var(--spacing-space-2);
        --chip-padding-right: var(--spacing-space-2);
        --chip-padding-top: var(--spacing-space-1);
        --chip-padding-bottom: var(--spacing-space-1);
        --chip-row-gap: var(--numbers-size-1);
        --chip-column-gap: var(--numbers-size-1);
        --chip-font-family: sans-sarif;
        --chip-font-size: initial;
        --chip-font-weight: regular;
        --chip-paragraph-spacing: 0px;
        --chip-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-squared-small-c-bright"], [data-theme='light'] [component-variant="chip-squared-small-c-bright"] {
        --chip-height: 24px;
        --chip-background-color: var(--decorative-surface-blue);
        --chip-border-top-left-radius: var(--numbers-size-1);
        --chip-border-top-right-radius: var(--numbers-size-1);
        --chip-border-bottom-left-radius: var(--numbers-size-1);
        --chip-border-bottom-right-radius: var(--numbers-size-1);
        --chip-padding-left: var(--spacing-space-2);
        --chip-padding-right: var(--spacing-space-2);
        --chip-padding-top: var(--spacing-space-1);
        --chip-padding-bottom: var(--spacing-space-1);
        --chip-row-gap: var(--numbers-size-1);
        --chip-column-gap: var(--numbers-size-1);
        --chip-font-family: sans-sarif;
        --chip-font-size: initial;
        --chip-font-weight: regular;
        --chip-paragraph-spacing: 0px;
        --chip-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-squared-small-d-bright"], [data-theme='light'] [component-variant="chip-squared-small-d-bright"] {
        --chip-height: 24px;
        --chip-background-color: var(--decorative-surface-purple);
        --chip-border-top-left-radius: var(--numbers-size-1);
        --chip-border-top-right-radius: var(--numbers-size-1);
        --chip-border-bottom-left-radius: var(--numbers-size-1);
        --chip-border-bottom-right-radius: var(--numbers-size-1);
        --chip-padding-left: var(--spacing-space-2);
        --chip-padding-right: var(--spacing-space-2);
        --chip-padding-top: var(--spacing-space-1);
        --chip-padding-bottom: var(--spacing-space-1);
        --chip-row-gap: var(--numbers-size-1);
        --chip-column-gap: var(--numbers-size-1);
        --chip-font-family: sans-sarif;
        --chip-font-size: initial;
        --chip-font-weight: regular;
        --chip-paragraph-spacing: 0px;
        --chip-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-squared-small-e-bright"], [data-theme='light'] [component-variant="chip-squared-small-e-bright"] {
        --chip-height: 24px;
        --chip-background-color: var(--decorative-surface-red);
        --chip-border-top-left-radius: var(--numbers-size-1);
        --chip-border-top-right-radius: var(--numbers-size-1);
        --chip-border-bottom-left-radius: var(--numbers-size-1);
        --chip-border-bottom-right-radius: var(--numbers-size-1);
        --chip-padding-left: var(--spacing-space-2);
        --chip-padding-right: var(--spacing-space-2);
        --chip-padding-top: var(--spacing-space-1);
        --chip-padding-bottom: var(--spacing-space-1);
        --chip-row-gap: var(--numbers-size-1);
        --chip-column-gap: var(--numbers-size-1);
        --chip-font-family: sans-sarif;
        --chip-font-size: initial;
        --chip-font-weight: regular;
        --chip-paragraph-spacing: 0px;
        --chip-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-squared-small-f-bright"], [data-theme='light'] [component-variant="chip-squared-small-f-bright"] {
        --chip-height: 24px;
        --chip-background-color: var(--decorative-surface-gray);
        --chip-border-top-left-radius: var(--numbers-size-1);
        --chip-border-top-right-radius: var(--numbers-size-1);
        --chip-border-bottom-left-radius: var(--numbers-size-1);
        --chip-border-bottom-right-radius: var(--numbers-size-1);
        --chip-padding-left: var(--spacing-space-2);
        --chip-padding-right: var(--spacing-space-2);
        --chip-padding-top: var(--spacing-space-1);
        --chip-padding-bottom: var(--spacing-space-1);
        --chip-row-gap: var(--numbers-size-1);
        --chip-column-gap: var(--numbers-size-1);
        --chip-font-family: sans-sarif;
        --chip-font-size: initial;
        --chip-font-weight: regular;
        --chip-paragraph-spacing: 0px;
        --chip-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-squared-small-a-bright-outline"], [data-theme='light'] [component-variant="chip-squared-small-a-bright-outline"] {
        --chip-height: 24px;
        --chip-background-color: var(--decorative-surface-orange);
        --chip-border-top-left-radius: var(--numbers-size-1);
        --chip-border-top-right-radius: var(--numbers-size-1);
        --chip-border-bottom-left-radius: var(--numbers-size-1);
        --chip-border-bottom-right-radius: var(--numbers-size-1);
        --chip-border-color: var(--decorative-border-orange);
        --chip-border-top-width: 1px;
        --chip-border-right-width: 1px;
        --chip-border-bottom-width: 1px;
        --chip-border-left-width: 1px;
        --chip-padding-left: var(--spacing-space-2);
        --chip-padding-right: var(--spacing-space-2);
        --chip-padding-top: var(--spacing-space-1);
        --chip-padding-bottom: var(--spacing-space-1);
        --chip-row-gap: var(--numbers-size-1);
        --chip-column-gap: var(--numbers-size-1);
        --chip-font-family: sans-sarif;
        --chip-font-size: initial;
        --chip-font-weight: regular;
        --chip-paragraph-spacing: 0px;
        --chip-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-squared-small-b-bright-outline"], [data-theme='light'] [component-variant="chip-squared-small-b-bright-outline"] {
        --chip-height: 24px;
        --chip-background-color: var(--decorative-surface-green);
        --chip-border-top-left-radius: var(--numbers-size-1);
        --chip-border-top-right-radius: var(--numbers-size-1);
        --chip-border-bottom-left-radius: var(--numbers-size-1);
        --chip-border-bottom-right-radius: var(--numbers-size-1);
        --chip-border-color: var(--decorative-border-green);
        --chip-border-top-width: 1px;
        --chip-border-right-width: 1px;
        --chip-border-bottom-width: 1px;
        --chip-border-left-width: 1px;
        --chip-padding-left: var(--spacing-space-2);
        --chip-padding-right: var(--spacing-space-2);
        --chip-padding-top: var(--spacing-space-1);
        --chip-padding-bottom: var(--spacing-space-1);
        --chip-row-gap: var(--numbers-size-1);
        --chip-column-gap: var(--numbers-size-1);
        --chip-font-family: sans-sarif;
        --chip-font-size: initial;
        --chip-font-weight: regular;
        --chip-paragraph-spacing: 0px;
        --chip-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-squared-small-c-bright-outline"], [data-theme='light'] [component-variant="chip-squared-small-c-bright-outline"] {
        --chip-height: 24px;
        --chip-background-color: var(--decorative-surface-blue);
        --chip-border-top-left-radius: var(--numbers-size-1);
        --chip-border-top-right-radius: var(--numbers-size-1);
        --chip-border-bottom-left-radius: var(--numbers-size-1);
        --chip-border-bottom-right-radius: var(--numbers-size-1);
        --chip-border-color: var(--decorative-border-blue);
        --chip-border-top-width: 1px;
        --chip-border-right-width: 1px;
        --chip-border-bottom-width: 1px;
        --chip-border-left-width: 1px;
        --chip-padding-left: var(--spacing-space-2);
        --chip-padding-right: var(--spacing-space-2);
        --chip-padding-top: var(--spacing-space-1);
        --chip-padding-bottom: var(--spacing-space-1);
        --chip-row-gap: var(--numbers-size-1);
        --chip-column-gap: var(--numbers-size-1);
        --chip-font-family: sans-sarif;
        --chip-font-size: initial;
        --chip-font-weight: regular;
        --chip-paragraph-spacing: 0px;
        --chip-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-squared-small-d-bright-outline"], [data-theme='light'] [component-variant="chip-squared-small-d-bright-outline"] {
        --chip-height: 24px;
        --chip-background-color: var(--decorative-surface-purple);
        --chip-border-top-left-radius: var(--numbers-size-1);
        --chip-border-top-right-radius: var(--numbers-size-1);
        --chip-border-bottom-left-radius: var(--numbers-size-1);
        --chip-border-bottom-right-radius: var(--numbers-size-1);
        --chip-border-color: var(--decorative-border-purple);
        --chip-border-top-width: 1px;
        --chip-border-right-width: 1px;
        --chip-border-bottom-width: 1px;
        --chip-border-left-width: 1px;
        --chip-padding-left: var(--spacing-space-2);
        --chip-padding-right: var(--spacing-space-2);
        --chip-padding-top: var(--spacing-space-1);
        --chip-padding-bottom: var(--spacing-space-1);
        --chip-row-gap: var(--numbers-size-1);
        --chip-column-gap: var(--numbers-size-1);
        --chip-font-family: sans-sarif;
        --chip-font-size: initial;
        --chip-font-weight: regular;
        --chip-paragraph-spacing: 0px;
        --chip-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-squared-small-e-bright-outline"], [data-theme='light'] [component-variant="chip-squared-small-e-bright-outline"] {
        --chip-height: 24px;
        --chip-background-color: var(--decorative-surface-red);
        --chip-border-top-left-radius: var(--numbers-size-1);
        --chip-border-top-right-radius: var(--numbers-size-1);
        --chip-border-bottom-left-radius: var(--numbers-size-1);
        --chip-border-bottom-right-radius: var(--numbers-size-1);
        --chip-border-color: var(--decorative-border-red);
        --chip-border-top-width: 1px;
        --chip-border-right-width: 1px;
        --chip-border-bottom-width: 1px;
        --chip-border-left-width: 1px;
        --chip-padding-left: var(--spacing-space-2);
        --chip-padding-right: var(--spacing-space-2);
        --chip-padding-top: var(--spacing-space-1);
        --chip-padding-bottom: var(--spacing-space-1);
        --chip-row-gap: var(--numbers-size-1);
        --chip-column-gap: var(--numbers-size-1);
        --chip-font-family: sans-sarif;
        --chip-font-size: initial;
        --chip-font-weight: regular;
        --chip-paragraph-spacing: 0px;
        --chip-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-squared-small-f-bright-outline"], [data-theme='light'] [component-variant="chip-squared-small-f-bright-outline"] {
        --chip-height: 24px;
        --chip-background-color: var(--decorative-surface-gray);
        --chip-border-top-left-radius: var(--numbers-size-1);
        --chip-border-top-right-radius: var(--numbers-size-1);
        --chip-border-bottom-left-radius: var(--numbers-size-1);
        --chip-border-bottom-right-radius: var(--numbers-size-1);
        --chip-border-color: var(--decorative-border-grey);
        --chip-border-top-width: 1px;
        --chip-border-right-width: 1px;
        --chip-border-bottom-width: 1px;
        --chip-border-left-width: 1px;
        --chip-padding-left: var(--spacing-space-2);
        --chip-padding-right: var(--spacing-space-2);
        --chip-padding-top: var(--spacing-space-1);
        --chip-padding-bottom: var(--spacing-space-1);
        --chip-row-gap: var(--numbers-size-1);
        --chip-column-gap: var(--numbers-size-1);
        --chip-font-family: sans-sarif;
        --chip-font-size: initial;
        --chip-font-weight: regular;
        --chip-paragraph-spacing: 0px;
        --chip-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-squared-small-a-subdued"], [data-theme='light'] [component-variant="chip-squared-small-a-subdued"] {
        --chip-height: 24px;
        --chip-background-color: var(--surface-background-6);
        --chip-border-top-left-radius: var(--numbers-size-1);
        --chip-border-top-right-radius: var(--numbers-size-1);
        --chip-border-bottom-left-radius: var(--numbers-size-1);
        --chip-border-bottom-right-radius: var(--numbers-size-1);
        --chip-padding-left: var(--spacing-space-2);
        --chip-padding-right: var(--spacing-space-2);
        --chip-padding-top: var(--spacing-space-1);
        --chip-padding-bottom: var(--spacing-space-1);
        --chip-row-gap: var(--numbers-size-1);
        --chip-column-gap: var(--numbers-size-1);
        --chip-font-family: sans-sarif;
        --chip-font-size: initial;
        --chip-font-weight: regular;
        --chip-paragraph-spacing: 0px;
        --chip-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-squared-small-a-subdued-outline"], [data-theme='light'] [component-variant="chip-squared-small-a-subdued-outline"] {
        --chip-height: 24px;
        --chip-background-color: var(--surface-background-6);
        --chip-border-top-left-radius: var(--numbers-size-1);
        --chip-border-top-right-radius: var(--numbers-size-1);
        --chip-border-bottom-left-radius: var(--numbers-size-1);
        --chip-border-bottom-right-radius: var(--numbers-size-1);
        --chip-border-color: var(--decorative-border-orange);
        --chip-border-top-width: 1px;
        --chip-border-right-width: 1px;
        --chip-border-bottom-width: 1px;
        --chip-border-left-width: 1px;
        --chip-padding-left: var(--spacing-space-2);
        --chip-padding-right: var(--spacing-space-2);
        --chip-padding-top: var(--spacing-space-1);
        --chip-padding-bottom: var(--spacing-space-1);
        --chip-row-gap: var(--numbers-size-1);
        --chip-column-gap: var(--numbers-size-1);
        --chip-font-family: sans-sarif;
        --chip-font-size: initial;
        --chip-font-weight: regular;
        --chip-paragraph-spacing: 0px;
        --chip-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-squared-small-b-subdued"], [data-theme='light'] [component-variant="chip-squared-small-b-subdued"] {
        --chip-height: 24px;
        --chip-background-color: var(--surface-background-6);
        --chip-border-top-left-radius: var(--numbers-size-1);
        --chip-border-top-right-radius: var(--numbers-size-1);
        --chip-border-bottom-left-radius: var(--numbers-size-1);
        --chip-border-bottom-right-radius: var(--numbers-size-1);
        --chip-padding-left: var(--spacing-space-2);
        --chip-padding-right: var(--spacing-space-2);
        --chip-padding-top: var(--spacing-space-1);
        --chip-padding-bottom: var(--spacing-space-1);
        --chip-row-gap: var(--numbers-size-1);
        --chip-column-gap: var(--numbers-size-1);
        --chip-font-family: sans-sarif;
        --chip-font-size: initial;
        --chip-font-weight: regular;
        --chip-paragraph-spacing: 0px;
        --chip-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-squared-small-b-subdued-outline"], [data-theme='light'] [component-variant="chip-squared-small-b-subdued-outline"] {
        --chip-height: 24px;
        --chip-background-color: var(--surface-background-6);
        --chip-border-top-left-radius: var(--numbers-size-1);
        --chip-border-top-right-radius: var(--numbers-size-1);
        --chip-border-bottom-left-radius: var(--numbers-size-1);
        --chip-border-bottom-right-radius: var(--numbers-size-1);
        --chip-border-color: var(--decorative-border-green);
        --chip-border-top-width: 1px;
        --chip-border-right-width: 1px;
        --chip-border-bottom-width: 1px;
        --chip-border-left-width: 1px;
        --chip-padding-left: var(--spacing-space-2);
        --chip-padding-right: var(--spacing-space-2);
        --chip-padding-top: var(--spacing-space-1);
        --chip-padding-bottom: var(--spacing-space-1);
        --chip-row-gap: var(--numbers-size-1);
        --chip-column-gap: var(--numbers-size-1);
        --chip-font-family: sans-sarif;
        --chip-font-size: initial;
        --chip-font-weight: regular;
        --chip-paragraph-spacing: 0px;
        --chip-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-squared-small-c-subdued"], [data-theme='light'] [component-variant="chip-squared-small-c-subdued"] {
        --chip-height: 24px;
        --chip-background-color: var(--surface-background-6);
        --chip-border-top-left-radius: var(--numbers-size-1);
        --chip-border-top-right-radius: var(--numbers-size-1);
        --chip-border-bottom-left-radius: var(--numbers-size-1);
        --chip-border-bottom-right-radius: var(--numbers-size-1);
        --chip-padding-left: var(--spacing-space-2);
        --chip-padding-right: var(--spacing-space-2);
        --chip-padding-top: var(--spacing-space-1);
        --chip-padding-bottom: var(--spacing-space-1);
        --chip-row-gap: var(--numbers-size-1);
        --chip-column-gap: var(--numbers-size-1);
        --chip-font-family: sans-sarif;
        --chip-font-size: initial;
        --chip-font-weight: regular;
        --chip-paragraph-spacing: 0px;
        --chip-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-squared-small-c-subdued-outline"], [data-theme='light'] [component-variant="chip-squared-small-c-subdued-outline"] {
        --chip-height: 24px;
        --chip-background-color: var(--surface-background-6);
        --chip-border-top-left-radius: var(--numbers-size-1);
        --chip-border-top-right-radius: var(--numbers-size-1);
        --chip-border-bottom-left-radius: var(--numbers-size-1);
        --chip-border-bottom-right-radius: var(--numbers-size-1);
        --chip-border-color: var(--decorative-border-blue);
        --chip-border-top-width: 1px;
        --chip-border-right-width: 1px;
        --chip-border-bottom-width: 1px;
        --chip-border-left-width: 1px;
        --chip-padding-left: var(--spacing-space-2);
        --chip-padding-right: var(--spacing-space-2);
        --chip-padding-top: var(--spacing-space-1);
        --chip-padding-bottom: var(--spacing-space-1);
        --chip-row-gap: var(--numbers-size-1);
        --chip-column-gap: var(--numbers-size-1);
        --chip-font-family: sans-sarif;
        --chip-font-size: initial;
        --chip-font-weight: regular;
        --chip-paragraph-spacing: 0px;
        --chip-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-squared-small-d-subdued"], [data-theme='light'] [component-variant="chip-squared-small-d-subdued"] {
        --chip-height: 24px;
        --chip-background-color: var(--surface-background-6);
        --chip-border-top-left-radius: var(--numbers-size-1);
        --chip-border-top-right-radius: var(--numbers-size-1);
        --chip-border-bottom-left-radius: var(--numbers-size-1);
        --chip-border-bottom-right-radius: var(--numbers-size-1);
        --chip-padding-left: var(--spacing-space-2);
        --chip-padding-right: var(--spacing-space-2);
        --chip-padding-top: var(--spacing-space-1);
        --chip-padding-bottom: var(--spacing-space-1);
        --chip-row-gap: var(--numbers-size-1);
        --chip-column-gap: var(--numbers-size-1);
        --chip-font-family: sans-sarif;
        --chip-font-size: initial;
        --chip-font-weight: regular;
        --chip-paragraph-spacing: 0px;
        --chip-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-squared-small-d-subdued-outline"], [data-theme='light'] [component-variant="chip-squared-small-d-subdued-outline"] {
        --chip-height: 24px;
        --chip-background-color: var(--surface-background-6);
        --chip-border-top-left-radius: var(--numbers-size-1);
        --chip-border-top-right-radius: var(--numbers-size-1);
        --chip-border-bottom-left-radius: var(--numbers-size-1);
        --chip-border-bottom-right-radius: var(--numbers-size-1);
        --chip-border-color: var(--decorative-border-purple);
        --chip-border-top-width: 1px;
        --chip-border-right-width: 1px;
        --chip-border-bottom-width: 1px;
        --chip-border-left-width: 1px;
        --chip-padding-left: var(--spacing-space-2);
        --chip-padding-right: var(--spacing-space-2);
        --chip-padding-top: var(--spacing-space-1);
        --chip-padding-bottom: var(--spacing-space-1);
        --chip-row-gap: var(--numbers-size-1);
        --chip-column-gap: var(--numbers-size-1);
        --chip-font-family: sans-sarif;
        --chip-font-size: initial;
        --chip-font-weight: regular;
        --chip-paragraph-spacing: 0px;
        --chip-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-squared-small-e-subdued"], [data-theme='light'] [component-variant="chip-squared-small-e-subdued"] {
        --chip-height: 24px;
        --chip-background-color: var(--surface-background-6);
        --chip-border-top-left-radius: var(--numbers-size-1);
        --chip-border-top-right-radius: var(--numbers-size-1);
        --chip-border-bottom-left-radius: var(--numbers-size-1);
        --chip-border-bottom-right-radius: var(--numbers-size-1);
        --chip-padding-left: var(--spacing-space-2);
        --chip-padding-right: var(--spacing-space-2);
        --chip-padding-top: var(--spacing-space-1);
        --chip-padding-bottom: var(--spacing-space-1);
        --chip-row-gap: var(--numbers-size-1);
        --chip-column-gap: var(--numbers-size-1);
        --chip-font-family: sans-sarif;
        --chip-font-size: initial;
        --chip-font-weight: regular;
        --chip-paragraph-spacing: 0px;
        --chip-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-squared-small-e-subdued-outline"], [data-theme='light'] [component-variant="chip-squared-small-e-subdued-outline"] {
        --chip-height: 24px;
        --chip-background-color: var(--surface-background-6);
        --chip-border-top-left-radius: var(--numbers-size-1);
        --chip-border-top-right-radius: var(--numbers-size-1);
        --chip-border-bottom-left-radius: var(--numbers-size-1);
        --chip-border-bottom-right-radius: var(--numbers-size-1);
        --chip-border-color: var(--decorative-border-red);
        --chip-border-top-width: 1px;
        --chip-border-right-width: 1px;
        --chip-border-bottom-width: 1px;
        --chip-border-left-width: 1px;
        --chip-padding-left: var(--spacing-space-2);
        --chip-padding-right: var(--spacing-space-2);
        --chip-padding-top: var(--spacing-space-1);
        --chip-padding-bottom: var(--spacing-space-1);
        --chip-row-gap: var(--numbers-size-1);
        --chip-column-gap: var(--numbers-size-1);
        --chip-font-family: sans-sarif;
        --chip-font-size: initial;
        --chip-font-weight: regular;
        --chip-paragraph-spacing: 0px;
        --chip-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-squared-small-f-subdued"], [data-theme='light'] [component-variant="chip-squared-small-f-subdued"] {
        --chip-height: 24px;
        --chip-background-color: var(--surface-background-6);
        --chip-border-top-left-radius: var(--numbers-size-1);
        --chip-border-top-right-radius: var(--numbers-size-1);
        --chip-border-bottom-left-radius: var(--numbers-size-1);
        --chip-border-bottom-right-radius: var(--numbers-size-1);
        --chip-padding-left: var(--spacing-space-2);
        --chip-padding-right: var(--spacing-space-2);
        --chip-padding-top: var(--spacing-space-1);
        --chip-padding-bottom: var(--spacing-space-1);
        --chip-row-gap: var(--numbers-size-1);
        --chip-column-gap: var(--numbers-size-1);
        --chip-font-family: sans-sarif;
        --chip-font-size: initial;
        --chip-font-weight: regular;
        --chip-paragraph-spacing: 0px;
        --chip-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-squared-small-f-subdued-outline"], [data-theme='light'] [component-variant="chip-squared-small-f-subdued-outline"] {
        --chip-height: 24px;
        --chip-background-color: var(--surface-background-6);
        --chip-border-top-left-radius: var(--numbers-size-1);
        --chip-border-top-right-radius: var(--numbers-size-1);
        --chip-border-bottom-left-radius: var(--numbers-size-1);
        --chip-border-bottom-right-radius: var(--numbers-size-1);
        --chip-border-color: var(--decorative-border-grey);
        --chip-border-top-width: 1px;
        --chip-border-right-width: 1px;
        --chip-border-bottom-width: 1px;
        --chip-border-left-width: 1px;
        --chip-padding-left: var(--spacing-space-2);
        --chip-padding-right: var(--spacing-space-2);
        --chip-padding-top: var(--spacing-space-1);
        --chip-padding-bottom: var(--spacing-space-1);
        --chip-row-gap: var(--numbers-size-1);
        --chip-column-gap: var(--numbers-size-1);
        --chip-font-family: sans-sarif;
        --chip-font-size: initial;
        --chip-font-weight: regular;
        --chip-paragraph-spacing: 0px;
        --chip-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-rounded-medium-a-bright"], [data-theme='light'] [component-variant="chip-rounded-medium-a-bright"] {
        --chip-content-padding-left: var(--spacing-space-5);
        --chip-content-padding-right: var(--spacing-space-5);
        --chip-content-row-gap: var(--spacing-space-2);
        --chip-content-column-gap: var(--spacing-space-2);
        --chip-content-font-family: sans-sarif;
        --chip-content-font-size: initial;
        --chip-content-font-weight: regular;
        --chip-content-paragraph-spacing: 0px;
        --chip-content-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-rounded-medium-b-bright"], [data-theme='light'] [component-variant="chip-rounded-medium-b-bright"] {
        --chip-content-padding-left: var(--spacing-space-5);
        --chip-content-padding-right: var(--spacing-space-5);
        --chip-content-row-gap: var(--spacing-space-2);
        --chip-content-column-gap: var(--spacing-space-2);
        --chip-content-font-family: sans-sarif;
        --chip-content-font-size: initial;
        --chip-content-font-weight: regular;
        --chip-content-paragraph-spacing: 0px;
        --chip-content-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-rounded-medium-c-bright"], [data-theme='light'] [component-variant="chip-rounded-medium-c-bright"] {
        --chip-content-padding-left: var(--spacing-space-5);
        --chip-content-padding-right: var(--spacing-space-5);
        --chip-content-row-gap: var(--spacing-space-2);
        --chip-content-column-gap: var(--spacing-space-2);
        --chip-content-font-family: sans-sarif;
        --chip-content-font-size: initial;
        --chip-content-font-weight: regular;
        --chip-content-paragraph-spacing: 0px;
        --chip-content-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-rounded-medium-d-bright"], [data-theme='light'] [component-variant="chip-rounded-medium-d-bright"] {
        --chip-content-padding-left: var(--spacing-space-5);
        --chip-content-padding-right: var(--spacing-space-5);
        --chip-content-row-gap: var(--spacing-space-2);
        --chip-content-column-gap: var(--spacing-space-2);
        --chip-content-font-family: sans-sarif;
        --chip-content-font-size: initial;
        --chip-content-font-weight: regular;
        --chip-content-paragraph-spacing: 0px;
        --chip-content-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-rounded-medium-e-bright"], [data-theme='light'] [component-variant="chip-rounded-medium-e-bright"] {
        --chip-content-padding-left: var(--spacing-space-5);
        --chip-content-padding-right: var(--spacing-space-5);
        --chip-content-row-gap: var(--spacing-space-2);
        --chip-content-column-gap: var(--spacing-space-2);
        --chip-content-font-family: sans-sarif;
        --chip-content-font-size: initial;
        --chip-content-font-weight: regular;
        --chip-content-paragraph-spacing: 0px;
        --chip-content-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-rounded-medium-f-bright"], [data-theme='light'] [component-variant="chip-rounded-medium-f-bright"] {
        --chip-content-padding-left: var(--spacing-space-5);
        --chip-content-padding-right: var(--spacing-space-5);
        --chip-content-row-gap: var(--spacing-space-2);
        --chip-content-column-gap: var(--spacing-space-2);
        --chip-content-font-family: sans-sarif;
        --chip-content-font-size: initial;
        --chip-content-font-weight: regular;
        --chip-content-paragraph-spacing: 0px;
        --chip-content-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-rounded-medium-a-bright-outline"], [data-theme='light'] [component-variant="chip-rounded-medium-a-bright-outline"] {
        --chip-content-padding-left: var(--spacing-space-5);
        --chip-content-padding-right: var(--spacing-space-5);
        --chip-content-row-gap: var(--spacing-space-2);
        --chip-content-column-gap: var(--spacing-space-2);
        --chip-content-font-family: sans-sarif;
        --chip-content-font-size: initial;
        --chip-content-font-weight: regular;
        --chip-content-paragraph-spacing: 0px;
        --chip-content-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-rounded-medium-b-bright-outline"], [data-theme='light'] [component-variant="chip-rounded-medium-b-bright-outline"] {
        --chip-content-padding-left: var(--spacing-space-5);
        --chip-content-padding-right: var(--spacing-space-5);
        --chip-content-row-gap: var(--spacing-space-2);
        --chip-content-column-gap: var(--spacing-space-2);
        --chip-content-font-family: sans-sarif;
        --chip-content-font-size: initial;
        --chip-content-font-weight: regular;
        --chip-content-paragraph-spacing: 0px;
        --chip-content-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-rounded-medium-c-bright-outline"], [data-theme='light'] [component-variant="chip-rounded-medium-c-bright-outline"] {
        --chip-content-padding-left: var(--spacing-space-5);
        --chip-content-padding-right: var(--spacing-space-5);
        --chip-content-row-gap: var(--spacing-space-2);
        --chip-content-column-gap: var(--spacing-space-2);
        --chip-content-font-family: sans-sarif;
        --chip-content-font-size: initial;
        --chip-content-font-weight: regular;
        --chip-content-paragraph-spacing: 0px;
        --chip-content-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-rounded-medium-d-bright-outline"], [data-theme='light'] [component-variant="chip-rounded-medium-d-bright-outline"] {
        --chip-content-padding-left: var(--spacing-space-5);
        --chip-content-padding-right: var(--spacing-space-5);
        --chip-content-row-gap: var(--spacing-space-2);
        --chip-content-column-gap: var(--spacing-space-2);
        --chip-content-font-family: sans-sarif;
        --chip-content-font-size: initial;
        --chip-content-font-weight: regular;
        --chip-content-paragraph-spacing: 0px;
        --chip-content-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-rounded-medium-e-bright-outline"], [data-theme='light'] [component-variant="chip-rounded-medium-e-bright-outline"] {
        --chip-content-padding-left: var(--spacing-space-5);
        --chip-content-padding-right: var(--spacing-space-5);
        --chip-content-row-gap: var(--spacing-space-2);
        --chip-content-column-gap: var(--spacing-space-2);
        --chip-content-font-family: sans-sarif;
        --chip-content-font-size: initial;
        --chip-content-font-weight: regular;
        --chip-content-paragraph-spacing: 0px;
        --chip-content-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-rounded-medium-f-bright-outline"], [data-theme='light'] [component-variant="chip-rounded-medium-f-bright-outline"] {
        --chip-content-padding-left: var(--spacing-space-5);
        --chip-content-padding-right: var(--spacing-space-5);
        --chip-content-row-gap: var(--spacing-space-2);
        --chip-content-column-gap: var(--spacing-space-2);
        --chip-content-font-family: sans-sarif;
        --chip-content-font-size: initial;
        --chip-content-font-weight: regular;
        --chip-content-paragraph-spacing: 0px;
        --chip-content-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-rounded-medium-a-subdued"], [data-theme='light'] [component-variant="chip-rounded-medium-a-subdued"] {
        --chip-content-padding-left: var(--spacing-space-5);
        --chip-content-padding-right: var(--spacing-space-5);
        --chip-content-row-gap: var(--spacing-space-2);
        --chip-content-column-gap: var(--spacing-space-2);
        --chip-content-font-family: sans-sarif;
        --chip-content-font-size: initial;
        --chip-content-font-weight: regular;
        --chip-content-paragraph-spacing: 0px;
        --chip-content-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-rounded-medium-a-subdued-outline"], [data-theme='light'] [component-variant="chip-rounded-medium-a-subdued-outline"] {
        --chip-content-padding-left: var(--spacing-space-5);
        --chip-content-padding-right: var(--spacing-space-5);
        --chip-content-row-gap: var(--spacing-space-2);
        --chip-content-column-gap: var(--spacing-space-2);
        --chip-content-font-family: sans-sarif;
        --chip-content-font-size: initial;
        --chip-content-font-weight: regular;
        --chip-content-paragraph-spacing: 0px;
        --chip-content-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-rounded-medium-b-subdued"], [data-theme='light'] [component-variant="chip-rounded-medium-b-subdued"] {
        --chip-content-padding-left: var(--spacing-space-5);
        --chip-content-padding-right: var(--spacing-space-5);
        --chip-content-row-gap: var(--spacing-space-2);
        --chip-content-column-gap: var(--spacing-space-2);
        --chip-content-font-family: sans-sarif;
        --chip-content-font-size: initial;
        --chip-content-font-weight: regular;
        --chip-content-paragraph-spacing: 0px;
        --chip-content-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-rounded-medium-b-subdued-outline"], [data-theme='light'] [component-variant="chip-rounded-medium-b-subdued-outline"] {
        --chip-content-padding-left: var(--spacing-space-5);
        --chip-content-padding-right: var(--spacing-space-5);
        --chip-content-row-gap: var(--spacing-space-2);
        --chip-content-column-gap: var(--spacing-space-2);
        --chip-content-font-family: sans-sarif;
        --chip-content-font-size: initial;
        --chip-content-font-weight: regular;
        --chip-content-paragraph-spacing: 0px;
        --chip-content-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-rounded-medium-c-subdued"], [data-theme='light'] [component-variant="chip-rounded-medium-c-subdued"] {
        --chip-content-padding-left: var(--spacing-space-5);
        --chip-content-padding-right: var(--spacing-space-5);
        --chip-content-row-gap: var(--spacing-space-2);
        --chip-content-column-gap: var(--spacing-space-2);
        --chip-content-font-family: sans-sarif;
        --chip-content-font-size: initial;
        --chip-content-font-weight: regular;
        --chip-content-paragraph-spacing: 0px;
        --chip-content-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-rounded-medium-c-subdued-outline"], [data-theme='light'] [component-variant="chip-rounded-medium-c-subdued-outline"] {
        --chip-content-padding-left: var(--spacing-space-5);
        --chip-content-padding-right: var(--spacing-space-5);
        --chip-content-row-gap: var(--spacing-space-2);
        --chip-content-column-gap: var(--spacing-space-2);
        --chip-content-font-family: sans-sarif;
        --chip-content-font-size: initial;
        --chip-content-font-weight: regular;
        --chip-content-paragraph-spacing: 0px;
        --chip-content-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-rounded-medium-d-subdued"], [data-theme='light'] [component-variant="chip-rounded-medium-d-subdued"] {
        --chip-content-padding-left: var(--spacing-space-5);
        --chip-content-padding-right: var(--spacing-space-5);
        --chip-content-row-gap: var(--spacing-space-2);
        --chip-content-column-gap: var(--spacing-space-2);
        --chip-content-font-family: sans-sarif;
        --chip-content-font-size: initial;
        --chip-content-font-weight: regular;
        --chip-content-paragraph-spacing: 0px;
        --chip-content-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-rounded-medium-d-subdued-outline"], [data-theme='light'] [component-variant="chip-rounded-medium-d-subdued-outline"] {
        --chip-content-padding-left: var(--spacing-space-5);
        --chip-content-padding-right: var(--spacing-space-5);
        --chip-content-row-gap: var(--spacing-space-2);
        --chip-content-column-gap: var(--spacing-space-2);
        --chip-content-font-family: sans-sarif;
        --chip-content-font-size: initial;
        --chip-content-font-weight: regular;
        --chip-content-paragraph-spacing: 0px;
        --chip-content-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-rounded-medium-e-subdued"], [data-theme='light'] [component-variant="chip-rounded-medium-e-subdued"] {
        --chip-content-padding-left: var(--spacing-space-5);
        --chip-content-padding-right: var(--spacing-space-5);
        --chip-content-row-gap: var(--spacing-space-2);
        --chip-content-column-gap: var(--spacing-space-2);
        --chip-content-font-family: sans-sarif;
        --chip-content-font-size: initial;
        --chip-content-font-weight: regular;
        --chip-content-paragraph-spacing: 0px;
        --chip-content-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-rounded-medium-e-subdued-outline"], [data-theme='light'] [component-variant="chip-rounded-medium-e-subdued-outline"] {
        --chip-content-padding-left: var(--spacing-space-5);
        --chip-content-padding-right: var(--spacing-space-5);
        --chip-content-row-gap: var(--spacing-space-2);
        --chip-content-column-gap: var(--spacing-space-2);
        --chip-content-font-family: sans-sarif;
        --chip-content-font-size: initial;
        --chip-content-font-weight: regular;
        --chip-content-paragraph-spacing: 0px;
        --chip-content-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-rounded-medium-f-subdued"], [data-theme='light'] [component-variant="chip-rounded-medium-f-subdued"] {
        --chip-content-padding-left: var(--spacing-space-5);
        --chip-content-padding-right: var(--spacing-space-5);
        --chip-content-row-gap: var(--spacing-space-2);
        --chip-content-column-gap: var(--spacing-space-2);
        --chip-content-font-family: sans-sarif;
        --chip-content-font-size: initial;
        --chip-content-font-weight: regular;
        --chip-content-paragraph-spacing: 0px;
        --chip-content-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-rounded-medium-f-subdued-outline"], [data-theme='light'] [component-variant="chip-rounded-medium-f-subdued-outline"] {
        --chip-content-padding-left: var(--spacing-space-5);
        --chip-content-padding-right: var(--spacing-space-5);
        --chip-content-row-gap: var(--spacing-space-2);
        --chip-content-column-gap: var(--spacing-space-2);
        --chip-content-font-family: sans-sarif;
        --chip-content-font-size: initial;
        --chip-content-font-weight: regular;
        --chip-content-paragraph-spacing: 0px;
        --chip-content-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-squared-medium-a-bright"], [data-theme='light'] [component-variant="chip-squared-medium-a-bright"] {
        --chip-content-padding-left: var(--spacing-space-5);
        --chip-content-padding-right: var(--spacing-space-5);
        --chip-content-row-gap: var(--spacing-space-2);
        --chip-content-column-gap: var(--spacing-space-2);
        --chip-content-font-family: sans-sarif;
        --chip-content-font-size: initial;
        --chip-content-font-weight: regular;
        --chip-content-paragraph-spacing: 0px;
        --chip-content-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-squared-medium-b-bright"], [data-theme='light'] [component-variant="chip-squared-medium-b-bright"] {
        --chip-content-padding-left: var(--spacing-space-5);
        --chip-content-padding-right: var(--spacing-space-5);
        --chip-content-row-gap: var(--spacing-space-2);
        --chip-content-column-gap: var(--spacing-space-2);
        --chip-content-font-family: sans-sarif;
        --chip-content-font-size: initial;
        --chip-content-font-weight: regular;
        --chip-content-paragraph-spacing: 0px;
        --chip-content-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-squared-medium-c-bright"], [data-theme='light'] [component-variant="chip-squared-medium-c-bright"] {
        --chip-content-padding-left: var(--spacing-space-5);
        --chip-content-padding-right: var(--spacing-space-5);
        --chip-content-row-gap: var(--spacing-space-2);
        --chip-content-column-gap: var(--spacing-space-2);
        --chip-content-font-family: sans-sarif;
        --chip-content-font-size: initial;
        --chip-content-font-weight: regular;
        --chip-content-paragraph-spacing: 0px;
        --chip-content-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-squared-medium-d-bright"], [data-theme='light'] [component-variant="chip-squared-medium-d-bright"] {
        --chip-content-padding-left: var(--spacing-space-5);
        --chip-content-padding-right: var(--spacing-space-5);
        --chip-content-row-gap: var(--spacing-space-2);
        --chip-content-column-gap: var(--spacing-space-2);
        --chip-content-font-family: sans-sarif;
        --chip-content-font-size: initial;
        --chip-content-font-weight: regular;
        --chip-content-paragraph-spacing: 0px;
        --chip-content-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-squared-medium-e-bright"], [data-theme='light'] [component-variant="chip-squared-medium-e-bright"] {
        --chip-content-padding-left: var(--spacing-space-5);
        --chip-content-padding-right: var(--spacing-space-5);
        --chip-content-row-gap: var(--spacing-space-2);
        --chip-content-column-gap: var(--spacing-space-2);
        --chip-content-font-family: sans-sarif;
        --chip-content-font-size: initial;
        --chip-content-font-weight: regular;
        --chip-content-paragraph-spacing: 0px;
        --chip-content-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-squared-medium-f-bright"], [data-theme='light'] [component-variant="chip-squared-medium-f-bright"] {
        --chip-content-padding-left: var(--spacing-space-5);
        --chip-content-padding-right: var(--spacing-space-5);
        --chip-content-row-gap: var(--spacing-space-2);
        --chip-content-column-gap: var(--spacing-space-2);
        --chip-content-font-family: sans-sarif;
        --chip-content-font-size: initial;
        --chip-content-font-weight: regular;
        --chip-content-paragraph-spacing: 0px;
        --chip-content-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-squared-medium-a-bright-outline"], [data-theme='light'] [component-variant="chip-squared-medium-a-bright-outline"] {
        --chip-content-padding-left: var(--spacing-space-5);
        --chip-content-padding-right: var(--spacing-space-5);
        --chip-content-row-gap: var(--spacing-space-2);
        --chip-content-column-gap: var(--spacing-space-2);
        --chip-content-font-family: sans-sarif;
        --chip-content-font-size: initial;
        --chip-content-font-weight: regular;
        --chip-content-paragraph-spacing: 0px;
        --chip-content-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-squared-medium-b-bright-outline"], [data-theme='light'] [component-variant="chip-squared-medium-b-bright-outline"] {
        --chip-content-padding-left: var(--spacing-space-5);
        --chip-content-padding-right: var(--spacing-space-5);
        --chip-content-row-gap: var(--spacing-space-2);
        --chip-content-column-gap: var(--spacing-space-2);
        --chip-content-font-family: sans-sarif;
        --chip-content-font-size: initial;
        --chip-content-font-weight: regular;
        --chip-content-paragraph-spacing: 0px;
        --chip-content-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-squared-medium-c-bright-outline"], [data-theme='light'] [component-variant="chip-squared-medium-c-bright-outline"] {
        --chip-content-padding-left: var(--spacing-space-5);
        --chip-content-padding-right: var(--spacing-space-5);
        --chip-content-row-gap: var(--spacing-space-2);
        --chip-content-column-gap: var(--spacing-space-2);
        --chip-content-font-family: sans-sarif;
        --chip-content-font-size: initial;
        --chip-content-font-weight: regular;
        --chip-content-paragraph-spacing: 0px;
        --chip-content-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-squared-medium-d-bright-outline"], [data-theme='light'] [component-variant="chip-squared-medium-d-bright-outline"] {
        --chip-content-padding-left: var(--spacing-space-5);
        --chip-content-padding-right: var(--spacing-space-5);
        --chip-content-row-gap: var(--spacing-space-2);
        --chip-content-column-gap: var(--spacing-space-2);
        --chip-content-font-family: sans-sarif;
        --chip-content-font-size: initial;
        --chip-content-font-weight: regular;
        --chip-content-paragraph-spacing: 0px;
        --chip-content-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-squared-medium-e-bright-outline"], [data-theme='light'] [component-variant="chip-squared-medium-e-bright-outline"] {
        --chip-content-padding-left: var(--spacing-space-5);
        --chip-content-padding-right: var(--spacing-space-5);
        --chip-content-row-gap: var(--spacing-space-2);
        --chip-content-column-gap: var(--spacing-space-2);
        --chip-content-font-family: sans-sarif;
        --chip-content-font-size: initial;
        --chip-content-font-weight: regular;
        --chip-content-paragraph-spacing: 0px;
        --chip-content-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-squared-medium-f-bright-outline"], [data-theme='light'] [component-variant="chip-squared-medium-f-bright-outline"] {
        --chip-content-padding-left: var(--spacing-space-5);
        --chip-content-padding-right: var(--spacing-space-5);
        --chip-content-row-gap: var(--spacing-space-2);
        --chip-content-column-gap: var(--spacing-space-2);
        --chip-content-font-family: sans-sarif;
        --chip-content-font-size: initial;
        --chip-content-font-weight: regular;
        --chip-content-paragraph-spacing: 0px;
        --chip-content-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-squared-medium-a-subdued"], [data-theme='light'] [component-variant="chip-squared-medium-a-subdued"] {
        --chip-content-padding-left: var(--spacing-space-5);
        --chip-content-padding-right: var(--spacing-space-5);
        --chip-content-row-gap: var(--spacing-space-2);
        --chip-content-column-gap: var(--spacing-space-2);
        --chip-content-font-family: sans-sarif;
        --chip-content-font-size: initial;
        --chip-content-font-weight: regular;
        --chip-content-paragraph-spacing: 0px;
        --chip-content-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-squared-medium-a-subdued-outline"], [data-theme='light'] [component-variant="chip-squared-medium-a-subdued-outline"] {
        --chip-content-padding-left: var(--spacing-space-5);
        --chip-content-padding-right: var(--spacing-space-5);
        --chip-content-row-gap: var(--spacing-space-2);
        --chip-content-column-gap: var(--spacing-space-2);
        --chip-content-font-family: sans-sarif;
        --chip-content-font-size: initial;
        --chip-content-font-weight: regular;
        --chip-content-paragraph-spacing: 0px;
        --chip-content-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-squared-medium-b-subdued"], [data-theme='light'] [component-variant="chip-squared-medium-b-subdued"] {
        --chip-content-padding-left: var(--spacing-space-5);
        --chip-content-padding-right: var(--spacing-space-5);
        --chip-content-row-gap: var(--spacing-space-2);
        --chip-content-column-gap: var(--spacing-space-2);
        --chip-content-font-family: sans-sarif;
        --chip-content-font-size: initial;
        --chip-content-font-weight: regular;
        --chip-content-paragraph-spacing: 0px;
        --chip-content-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-squared-medium-b-subdued-outline"], [data-theme='light'] [component-variant="chip-squared-medium-b-subdued-outline"] {
        --chip-content-padding-left: var(--spacing-space-5);
        --chip-content-padding-right: var(--spacing-space-5);
        --chip-content-row-gap: var(--spacing-space-2);
        --chip-content-column-gap: var(--spacing-space-2);
        --chip-content-font-family: sans-sarif;
        --chip-content-font-size: initial;
        --chip-content-font-weight: regular;
        --chip-content-paragraph-spacing: 0px;
        --chip-content-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-squared-medium-c-subdued"], [data-theme='light'] [component-variant="chip-squared-medium-c-subdued"] {
        --chip-content-padding-left: var(--spacing-space-5);
        --chip-content-padding-right: var(--spacing-space-5);
        --chip-content-row-gap: var(--spacing-space-2);
        --chip-content-column-gap: var(--spacing-space-2);
        --chip-content-font-family: sans-sarif;
        --chip-content-font-size: initial;
        --chip-content-font-weight: regular;
        --chip-content-paragraph-spacing: 0px;
        --chip-content-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-squared-medium-c-subdued-outline"], [data-theme='light'] [component-variant="chip-squared-medium-c-subdued-outline"] {
        --chip-content-padding-left: var(--spacing-space-5);
        --chip-content-padding-right: var(--spacing-space-5);
        --chip-content-row-gap: var(--spacing-space-2);
        --chip-content-column-gap: var(--spacing-space-2);
        --chip-content-font-family: sans-sarif;
        --chip-content-font-size: initial;
        --chip-content-font-weight: regular;
        --chip-content-paragraph-spacing: 0px;
        --chip-content-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-squared-medium-d-subdued"], [data-theme='light'] [component-variant="chip-squared-medium-d-subdued"] {
        --chip-content-padding-left: var(--spacing-space-5);
        --chip-content-padding-right: var(--spacing-space-5);
        --chip-content-row-gap: var(--spacing-space-2);
        --chip-content-column-gap: var(--spacing-space-2);
        --chip-content-font-family: sans-sarif;
        --chip-content-font-size: initial;
        --chip-content-font-weight: regular;
        --chip-content-paragraph-spacing: 0px;
        --chip-content-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-squared-medium-d-subdued-outline"], [data-theme='light'] [component-variant="chip-squared-medium-d-subdued-outline"] {
        --chip-content-padding-left: var(--spacing-space-5);
        --chip-content-padding-right: var(--spacing-space-5);
        --chip-content-row-gap: var(--spacing-space-2);
        --chip-content-column-gap: var(--spacing-space-2);
        --chip-content-font-family: sans-sarif;
        --chip-content-font-size: initial;
        --chip-content-font-weight: regular;
        --chip-content-paragraph-spacing: 0px;
        --chip-content-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-squared-medium-e-subdued"], [data-theme='light'] [component-variant="chip-squared-medium-e-subdued"] {
        --chip-content-padding-left: var(--spacing-space-5);
        --chip-content-padding-right: var(--spacing-space-5);
        --chip-content-row-gap: var(--spacing-space-2);
        --chip-content-column-gap: var(--spacing-space-2);
        --chip-content-font-family: sans-sarif;
        --chip-content-font-size: initial;
        --chip-content-font-weight: regular;
        --chip-content-paragraph-spacing: 0px;
        --chip-content-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-squared-medium-e-subdued-outline"], [data-theme='light'] [component-variant="chip-squared-medium-e-subdued-outline"] {
        --chip-content-padding-left: var(--spacing-space-5);
        --chip-content-padding-right: var(--spacing-space-5);
        --chip-content-row-gap: var(--spacing-space-2);
        --chip-content-column-gap: var(--spacing-space-2);
        --chip-content-font-family: sans-sarif;
        --chip-content-font-size: initial;
        --chip-content-font-weight: regular;
        --chip-content-paragraph-spacing: 0px;
        --chip-content-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-squared-medium-f-subdued"], [data-theme='light'] [component-variant="chip-squared-medium-f-subdued"] {
        --chip-content-padding-left: var(--spacing-space-5);
        --chip-content-padding-right: var(--spacing-space-5);
        --chip-content-row-gap: var(--spacing-space-2);
        --chip-content-column-gap: var(--spacing-space-2);
        --chip-content-font-family: sans-sarif;
        --chip-content-font-size: initial;
        --chip-content-font-weight: regular;
        --chip-content-paragraph-spacing: 0px;
        --chip-content-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-squared-medium-f-subdued-outline"], [data-theme='light'] [component-variant="chip-squared-medium-f-subdued-outline"] {
        --chip-content-padding-left: var(--spacing-space-5);
        --chip-content-padding-right: var(--spacing-space-5);
        --chip-content-row-gap: var(--spacing-space-2);
        --chip-content-column-gap: var(--spacing-space-2);
        --chip-content-font-family: sans-sarif;
        --chip-content-font-size: initial;
        --chip-content-font-weight: regular;
        --chip-content-paragraph-spacing: 0px;
        --chip-content-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-rounded-small-a-bright"], [data-theme='light'] [component-variant="chip-rounded-small-a-bright"] {
        --chip-content-padding-left: var(--spacing-space-5);
        --chip-content-padding-right: var(--spacing-space-5);
        --chip-content-row-gap: var(--spacing-space-2);
        --chip-content-column-gap: var(--spacing-space-2);
        --chip-content-font-family: sans-sarif;
        --chip-content-font-size: initial;
        --chip-content-font-weight: regular;
        --chip-content-paragraph-spacing: 0px;
        --chip-content-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-rounded-small-b-bright"], [data-theme='light'] [component-variant="chip-rounded-small-b-bright"] {
        --chip-content-padding-left: var(--spacing-space-5);
        --chip-content-padding-right: var(--spacing-space-5);
        --chip-content-row-gap: var(--spacing-space-2);
        --chip-content-column-gap: var(--spacing-space-2);
        --chip-content-font-family: sans-sarif;
        --chip-content-font-size: initial;
        --chip-content-font-weight: regular;
        --chip-content-paragraph-spacing: 0px;
        --chip-content-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-rounded-small-c-bright"], [data-theme='light'] [component-variant="chip-rounded-small-c-bright"] {
        --chip-content-padding-left: var(--spacing-space-5);
        --chip-content-padding-right: var(--spacing-space-5);
        --chip-content-row-gap: var(--spacing-space-2);
        --chip-content-column-gap: var(--spacing-space-2);
        --chip-content-font-family: sans-sarif;
        --chip-content-font-size: initial;
        --chip-content-font-weight: regular;
        --chip-content-paragraph-spacing: 0px;
        --chip-content-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-rounded-small-d-bright"], [data-theme='light'] [component-variant="chip-rounded-small-d-bright"] {
        --chip-content-padding-left: var(--spacing-space-5);
        --chip-content-padding-right: var(--spacing-space-5);
        --chip-content-row-gap: var(--spacing-space-2);
        --chip-content-column-gap: var(--spacing-space-2);
        --chip-content-font-family: sans-sarif;
        --chip-content-font-size: initial;
        --chip-content-font-weight: regular;
        --chip-content-paragraph-spacing: 0px;
        --chip-content-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-rounded-small-e-bright"], [data-theme='light'] [component-variant="chip-rounded-small-e-bright"] {
        --chip-content-padding-left: var(--spacing-space-5);
        --chip-content-padding-right: var(--spacing-space-5);
        --chip-content-row-gap: var(--spacing-space-2);
        --chip-content-column-gap: var(--spacing-space-2);
        --chip-content-font-family: sans-sarif;
        --chip-content-font-size: initial;
        --chip-content-font-weight: regular;
        --chip-content-paragraph-spacing: 0px;
        --chip-content-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-rounded-small-f-bright"], [data-theme='light'] [component-variant="chip-rounded-small-f-bright"] {
        --chip-content-padding-left: var(--spacing-space-5);
        --chip-content-padding-right: var(--spacing-space-5);
        --chip-content-row-gap: var(--spacing-space-2);
        --chip-content-column-gap: var(--spacing-space-2);
        --chip-content-font-family: sans-sarif;
        --chip-content-font-size: initial;
        --chip-content-font-weight: regular;
        --chip-content-paragraph-spacing: 0px;
        --chip-content-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-rounded-small-a-bright-outline"], [data-theme='light'] [component-variant="chip-rounded-small-a-bright-outline"] {
        --chip-content-padding-left: var(--spacing-space-5);
        --chip-content-padding-right: var(--spacing-space-5);
        --chip-content-row-gap: var(--spacing-space-2);
        --chip-content-column-gap: var(--spacing-space-2);
        --chip-content-font-family: sans-sarif;
        --chip-content-font-size: initial;
        --chip-content-font-weight: regular;
        --chip-content-paragraph-spacing: 0px;
        --chip-content-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-rounded-small-b-bright-outline"], [data-theme='light'] [component-variant="chip-rounded-small-b-bright-outline"] {
        --chip-content-padding-left: var(--spacing-space-5);
        --chip-content-padding-right: var(--spacing-space-5);
        --chip-content-row-gap: var(--spacing-space-2);
        --chip-content-column-gap: var(--spacing-space-2);
        --chip-content-font-family: sans-sarif;
        --chip-content-font-size: initial;
        --chip-content-font-weight: regular;
        --chip-content-paragraph-spacing: 0px;
        --chip-content-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-rounded-small-c-bright-outline"], [data-theme='light'] [component-variant="chip-rounded-small-c-bright-outline"] {
        --chip-content-padding-left: var(--spacing-space-5);
        --chip-content-padding-right: var(--spacing-space-5);
        --chip-content-row-gap: var(--spacing-space-2);
        --chip-content-column-gap: var(--spacing-space-2);
        --chip-content-font-family: sans-sarif;
        --chip-content-font-size: initial;
        --chip-content-font-weight: regular;
        --chip-content-paragraph-spacing: 0px;
        --chip-content-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-rounded-small-d-bright-outline"], [data-theme='light'] [component-variant="chip-rounded-small-d-bright-outline"] {
        --chip-content-padding-left: var(--spacing-space-5);
        --chip-content-padding-right: var(--spacing-space-5);
        --chip-content-row-gap: var(--spacing-space-2);
        --chip-content-column-gap: var(--spacing-space-2);
        --chip-content-font-family: sans-sarif;
        --chip-content-font-size: initial;
        --chip-content-font-weight: regular;
        --chip-content-paragraph-spacing: 0px;
        --chip-content-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-rounded-small-e-bright-outline"], [data-theme='light'] [component-variant="chip-rounded-small-e-bright-outline"] {
        --chip-content-padding-left: var(--spacing-space-5);
        --chip-content-padding-right: var(--spacing-space-5);
        --chip-content-row-gap: var(--spacing-space-2);
        --chip-content-column-gap: var(--spacing-space-2);
        --chip-content-font-family: sans-sarif;
        --chip-content-font-size: initial;
        --chip-content-font-weight: regular;
        --chip-content-paragraph-spacing: 0px;
        --chip-content-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-rounded-small-f-bright-outline"], [data-theme='light'] [component-variant="chip-rounded-small-f-bright-outline"] {
        --chip-content-padding-left: var(--spacing-space-5);
        --chip-content-padding-right: var(--spacing-space-5);
        --chip-content-row-gap: var(--spacing-space-2);
        --chip-content-column-gap: var(--spacing-space-2);
        --chip-content-font-family: sans-sarif;
        --chip-content-font-size: initial;
        --chip-content-font-weight: regular;
        --chip-content-paragraph-spacing: 0px;
        --chip-content-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-rounded-small-a-subdued"], [data-theme='light'] [component-variant="chip-rounded-small-a-subdued"] {
        --chip-content-padding-left: var(--spacing-space-5);
        --chip-content-padding-right: var(--spacing-space-5);
        --chip-content-row-gap: var(--spacing-space-2);
        --chip-content-column-gap: var(--spacing-space-2);
        --chip-content-font-family: sans-sarif;
        --chip-content-font-size: initial;
        --chip-content-font-weight: regular;
        --chip-content-paragraph-spacing: 0px;
        --chip-content-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-rounded-small-a-subdued-outline"], [data-theme='light'] [component-variant="chip-rounded-small-a-subdued-outline"] {
        --chip-content-padding-left: var(--spacing-space-5);
        --chip-content-padding-right: var(--spacing-space-5);
        --chip-content-row-gap: var(--spacing-space-2);
        --chip-content-column-gap: var(--spacing-space-2);
        --chip-content-font-family: sans-sarif;
        --chip-content-font-size: initial;
        --chip-content-font-weight: regular;
        --chip-content-paragraph-spacing: 0px;
        --chip-content-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-rounded-small-b-subdued"], [data-theme='light'] [component-variant="chip-rounded-small-b-subdued"] {
        --chip-content-padding-left: var(--spacing-space-5);
        --chip-content-padding-right: var(--spacing-space-5);
        --chip-content-row-gap: var(--spacing-space-2);
        --chip-content-column-gap: var(--spacing-space-2);
        --chip-content-font-family: sans-sarif;
        --chip-content-font-size: initial;
        --chip-content-font-weight: regular;
        --chip-content-paragraph-spacing: 0px;
        --chip-content-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-rounded-small-b-subdued-outline"], [data-theme='light'] [component-variant="chip-rounded-small-b-subdued-outline"] {
        --chip-content-padding-left: var(--spacing-space-5);
        --chip-content-padding-right: var(--spacing-space-5);
        --chip-content-row-gap: var(--spacing-space-2);
        --chip-content-column-gap: var(--spacing-space-2);
        --chip-content-font-family: sans-sarif;
        --chip-content-font-size: initial;
        --chip-content-font-weight: regular;
        --chip-content-paragraph-spacing: 0px;
        --chip-content-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-rounded-small-c-subdued"], [data-theme='light'] [component-variant="chip-rounded-small-c-subdued"] {
        --chip-content-padding-left: var(--spacing-space-5);
        --chip-content-padding-right: var(--spacing-space-5);
        --chip-content-row-gap: var(--spacing-space-2);
        --chip-content-column-gap: var(--spacing-space-2);
        --chip-content-font-family: sans-sarif;
        --chip-content-font-size: initial;
        --chip-content-font-weight: regular;
        --chip-content-paragraph-spacing: 0px;
        --chip-content-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-rounded-small-c-subdued-outline"], [data-theme='light'] [component-variant="chip-rounded-small-c-subdued-outline"] {
        --chip-content-padding-left: var(--spacing-space-5);
        --chip-content-padding-right: var(--spacing-space-5);
        --chip-content-row-gap: var(--spacing-space-2);
        --chip-content-column-gap: var(--spacing-space-2);
        --chip-content-font-family: sans-sarif;
        --chip-content-font-size: initial;
        --chip-content-font-weight: regular;
        --chip-content-paragraph-spacing: 0px;
        --chip-content-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-rounded-small-d-subdued"], [data-theme='light'] [component-variant="chip-rounded-small-d-subdued"] {
        --chip-content-padding-left: var(--spacing-space-5);
        --chip-content-padding-right: var(--spacing-space-5);
        --chip-content-row-gap: var(--spacing-space-2);
        --chip-content-column-gap: var(--spacing-space-2);
        --chip-content-font-family: sans-sarif;
        --chip-content-font-size: initial;
        --chip-content-font-weight: regular;
        --chip-content-paragraph-spacing: 0px;
        --chip-content-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-rounded-small-d-subdued-outline"], [data-theme='light'] [component-variant="chip-rounded-small-d-subdued-outline"] {
        --chip-content-padding-left: var(--spacing-space-5);
        --chip-content-padding-right: var(--spacing-space-5);
        --chip-content-row-gap: var(--spacing-space-2);
        --chip-content-column-gap: var(--spacing-space-2);
        --chip-content-font-family: sans-sarif;
        --chip-content-font-size: initial;
        --chip-content-font-weight: regular;
        --chip-content-paragraph-spacing: 0px;
        --chip-content-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-rounded-small-e-subdued"], [data-theme='light'] [component-variant="chip-rounded-small-e-subdued"] {
        --chip-content-padding-left: var(--spacing-space-5);
        --chip-content-padding-right: var(--spacing-space-5);
        --chip-content-row-gap: var(--spacing-space-2);
        --chip-content-column-gap: var(--spacing-space-2);
        --chip-content-font-family: sans-sarif;
        --chip-content-font-size: initial;
        --chip-content-font-weight: regular;
        --chip-content-paragraph-spacing: 0px;
        --chip-content-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-rounded-small-e-subdued-outline"], [data-theme='light'] [component-variant="chip-rounded-small-e-subdued-outline"] {
        --chip-content-padding-left: var(--spacing-space-5);
        --chip-content-padding-right: var(--spacing-space-5);
        --chip-content-row-gap: var(--spacing-space-2);
        --chip-content-column-gap: var(--spacing-space-2);
        --chip-content-font-family: sans-sarif;
        --chip-content-font-size: initial;
        --chip-content-font-weight: regular;
        --chip-content-paragraph-spacing: 0px;
        --chip-content-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-rounded-small-f-subdued"], [data-theme='light'] [component-variant="chip-rounded-small-f-subdued"] {
        --chip-content-padding-left: var(--spacing-space-5);
        --chip-content-padding-right: var(--spacing-space-5);
        --chip-content-row-gap: var(--spacing-space-2);
        --chip-content-column-gap: var(--spacing-space-2);
        --chip-content-font-family: sans-sarif;
        --chip-content-font-size: initial;
        --chip-content-font-weight: regular;
        --chip-content-paragraph-spacing: 0px;
        --chip-content-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-rounded-small-f-subdued-outline"], [data-theme='light'] [component-variant="chip-rounded-small-f-subdued-outline"] {
        --chip-content-padding-left: var(--spacing-space-5);
        --chip-content-padding-right: var(--spacing-space-5);
        --chip-content-row-gap: var(--spacing-space-2);
        --chip-content-column-gap: var(--spacing-space-2);
        --chip-content-font-family: sans-sarif;
        --chip-content-font-size: initial;
        --chip-content-font-weight: regular;
        --chip-content-paragraph-spacing: 0px;
        --chip-content-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-squared-small-a-bright"], [data-theme='light'] [component-variant="chip-squared-small-a-bright"] {
        --chip-content-padding-left: var(--spacing-space-5);
        --chip-content-padding-right: var(--spacing-space-5);
        --chip-content-row-gap: var(--spacing-space-2);
        --chip-content-column-gap: var(--spacing-space-2);
        --chip-content-font-family: sans-sarif;
        --chip-content-font-size: initial;
        --chip-content-font-weight: regular;
        --chip-content-paragraph-spacing: 0px;
        --chip-content-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-squared-small-b-bright"], [data-theme='light'] [component-variant="chip-squared-small-b-bright"] {
        --chip-content-padding-left: var(--spacing-space-5);
        --chip-content-padding-right: var(--spacing-space-5);
        --chip-content-row-gap: var(--spacing-space-2);
        --chip-content-column-gap: var(--spacing-space-2);
        --chip-content-font-family: sans-sarif;
        --chip-content-font-size: initial;
        --chip-content-font-weight: regular;
        --chip-content-paragraph-spacing: 0px;
        --chip-content-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-squared-small-c-bright"], [data-theme='light'] [component-variant="chip-squared-small-c-bright"] {
        --chip-content-padding-left: var(--spacing-space-5);
        --chip-content-padding-right: var(--spacing-space-5);
        --chip-content-row-gap: var(--spacing-space-2);
        --chip-content-column-gap: var(--spacing-space-2);
        --chip-content-font-family: sans-sarif;
        --chip-content-font-size: initial;
        --chip-content-font-weight: regular;
        --chip-content-paragraph-spacing: 0px;
        --chip-content-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-squared-small-d-bright"], [data-theme='light'] [component-variant="chip-squared-small-d-bright"] {
        --chip-content-padding-left: var(--spacing-space-5);
        --chip-content-padding-right: var(--spacing-space-5);
        --chip-content-row-gap: var(--spacing-space-2);
        --chip-content-column-gap: var(--spacing-space-2);
        --chip-content-font-family: sans-sarif;
        --chip-content-font-size: initial;
        --chip-content-font-weight: regular;
        --chip-content-paragraph-spacing: 0px;
        --chip-content-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-squared-small-e-bright"], [data-theme='light'] [component-variant="chip-squared-small-e-bright"] {
        --chip-content-padding-left: var(--spacing-space-5);
        --chip-content-padding-right: var(--spacing-space-5);
        --chip-content-row-gap: var(--spacing-space-2);
        --chip-content-column-gap: var(--spacing-space-2);
        --chip-content-font-family: sans-sarif;
        --chip-content-font-size: initial;
        --chip-content-font-weight: regular;
        --chip-content-paragraph-spacing: 0px;
        --chip-content-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-squared-small-f-bright"], [data-theme='light'] [component-variant="chip-squared-small-f-bright"] {
        --chip-content-padding-left: var(--spacing-space-5);
        --chip-content-padding-right: var(--spacing-space-5);
        --chip-content-row-gap: var(--spacing-space-2);
        --chip-content-column-gap: var(--spacing-space-2);
        --chip-content-font-family: sans-sarif;
        --chip-content-font-size: initial;
        --chip-content-font-weight: regular;
        --chip-content-paragraph-spacing: 0px;
        --chip-content-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-squared-small-a-bright-outline"], [data-theme='light'] [component-variant="chip-squared-small-a-bright-outline"] {
        --chip-content-padding-left: var(--spacing-space-5);
        --chip-content-padding-right: var(--spacing-space-5);
        --chip-content-row-gap: var(--spacing-space-2);
        --chip-content-column-gap: var(--spacing-space-2);
        --chip-content-font-family: sans-sarif;
        --chip-content-font-size: initial;
        --chip-content-font-weight: regular;
        --chip-content-paragraph-spacing: 0px;
        --chip-content-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-squared-small-b-bright-outline"], [data-theme='light'] [component-variant="chip-squared-small-b-bright-outline"] {
        --chip-content-padding-left: var(--spacing-space-5);
        --chip-content-padding-right: var(--spacing-space-5);
        --chip-content-row-gap: var(--spacing-space-2);
        --chip-content-column-gap: var(--spacing-space-2);
        --chip-content-font-family: sans-sarif;
        --chip-content-font-size: initial;
        --chip-content-font-weight: regular;
        --chip-content-paragraph-spacing: 0px;
        --chip-content-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-squared-small-c-bright-outline"], [data-theme='light'] [component-variant="chip-squared-small-c-bright-outline"] {
        --chip-content-padding-left: var(--spacing-space-5);
        --chip-content-padding-right: var(--spacing-space-5);
        --chip-content-row-gap: var(--spacing-space-2);
        --chip-content-column-gap: var(--spacing-space-2);
        --chip-content-font-family: sans-sarif;
        --chip-content-font-size: initial;
        --chip-content-font-weight: regular;
        --chip-content-paragraph-spacing: 0px;
        --chip-content-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-squared-small-d-bright-outline"], [data-theme='light'] [component-variant="chip-squared-small-d-bright-outline"] {
        --chip-content-padding-left: var(--spacing-space-5);
        --chip-content-padding-right: var(--spacing-space-5);
        --chip-content-row-gap: var(--spacing-space-2);
        --chip-content-column-gap: var(--spacing-space-2);
        --chip-content-font-family: sans-sarif;
        --chip-content-font-size: initial;
        --chip-content-font-weight: regular;
        --chip-content-paragraph-spacing: 0px;
        --chip-content-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-squared-small-e-bright-outline"], [data-theme='light'] [component-variant="chip-squared-small-e-bright-outline"] {
        --chip-content-padding-left: var(--spacing-space-5);
        --chip-content-padding-right: var(--spacing-space-5);
        --chip-content-row-gap: var(--spacing-space-2);
        --chip-content-column-gap: var(--spacing-space-2);
        --chip-content-font-family: sans-sarif;
        --chip-content-font-size: initial;
        --chip-content-font-weight: regular;
        --chip-content-paragraph-spacing: 0px;
        --chip-content-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-squared-small-f-bright-outline"], [data-theme='light'] [component-variant="chip-squared-small-f-bright-outline"] {
        --chip-content-padding-left: var(--spacing-space-5);
        --chip-content-padding-right: var(--spacing-space-5);
        --chip-content-row-gap: var(--spacing-space-2);
        --chip-content-column-gap: var(--spacing-space-2);
        --chip-content-font-family: sans-sarif;
        --chip-content-font-size: initial;
        --chip-content-font-weight: regular;
        --chip-content-paragraph-spacing: 0px;
        --chip-content-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-squared-small-a-subdued"], [data-theme='light'] [component-variant="chip-squared-small-a-subdued"] {
        --chip-content-padding-left: var(--spacing-space-5);
        --chip-content-padding-right: var(--spacing-space-5);
        --chip-content-row-gap: var(--spacing-space-2);
        --chip-content-column-gap: var(--spacing-space-2);
        --chip-content-font-family: sans-sarif;
        --chip-content-font-size: initial;
        --chip-content-font-weight: regular;
        --chip-content-paragraph-spacing: 0px;
        --chip-content-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-squared-small-a-subdued-outline"], [data-theme='light'] [component-variant="chip-squared-small-a-subdued-outline"] {
        --chip-content-padding-left: var(--spacing-space-5);
        --chip-content-padding-right: var(--spacing-space-5);
        --chip-content-row-gap: var(--spacing-space-2);
        --chip-content-column-gap: var(--spacing-space-2);
        --chip-content-font-family: sans-sarif;
        --chip-content-font-size: initial;
        --chip-content-font-weight: regular;
        --chip-content-paragraph-spacing: 0px;
        --chip-content-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-squared-small-b-subdued"], [data-theme='light'] [component-variant="chip-squared-small-b-subdued"] {
        --chip-content-padding-left: var(--spacing-space-5);
        --chip-content-padding-right: var(--spacing-space-5);
        --chip-content-row-gap: var(--spacing-space-2);
        --chip-content-column-gap: var(--spacing-space-2);
        --chip-content-font-family: sans-sarif;
        --chip-content-font-size: initial;
        --chip-content-font-weight: regular;
        --chip-content-paragraph-spacing: 0px;
        --chip-content-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-squared-small-b-subdued-outline"], [data-theme='light'] [component-variant="chip-squared-small-b-subdued-outline"] {
        --chip-content-padding-left: var(--spacing-space-5);
        --chip-content-padding-right: var(--spacing-space-5);
        --chip-content-row-gap: var(--spacing-space-2);
        --chip-content-column-gap: var(--spacing-space-2);
        --chip-content-font-family: sans-sarif;
        --chip-content-font-size: initial;
        --chip-content-font-weight: regular;
        --chip-content-paragraph-spacing: 0px;
        --chip-content-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-squared-small-c-subdued"], [data-theme='light'] [component-variant="chip-squared-small-c-subdued"] {
        --chip-content-padding-left: var(--spacing-space-5);
        --chip-content-padding-right: var(--spacing-space-5);
        --chip-content-row-gap: var(--spacing-space-2);
        --chip-content-column-gap: var(--spacing-space-2);
        --chip-content-font-family: sans-sarif;
        --chip-content-font-size: initial;
        --chip-content-font-weight: regular;
        --chip-content-paragraph-spacing: 0px;
        --chip-content-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-squared-small-c-subdued-outline"], [data-theme='light'] [component-variant="chip-squared-small-c-subdued-outline"] {
        --chip-content-padding-left: var(--spacing-space-5);
        --chip-content-padding-right: var(--spacing-space-5);
        --chip-content-row-gap: var(--spacing-space-2);
        --chip-content-column-gap: var(--spacing-space-2);
        --chip-content-font-family: sans-sarif;
        --chip-content-font-size: initial;
        --chip-content-font-weight: regular;
        --chip-content-paragraph-spacing: 0px;
        --chip-content-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-squared-small-d-subdued"], [data-theme='light'] [component-variant="chip-squared-small-d-subdued"] {
        --chip-content-padding-left: var(--spacing-space-5);
        --chip-content-padding-right: var(--spacing-space-5);
        --chip-content-row-gap: var(--spacing-space-2);
        --chip-content-column-gap: var(--spacing-space-2);
        --chip-content-font-family: sans-sarif;
        --chip-content-font-size: initial;
        --chip-content-font-weight: regular;
        --chip-content-paragraph-spacing: 0px;
        --chip-content-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-squared-small-d-subdued-outline"], [data-theme='light'] [component-variant="chip-squared-small-d-subdued-outline"] {
        --chip-content-padding-left: var(--spacing-space-5);
        --chip-content-padding-right: var(--spacing-space-5);
        --chip-content-row-gap: var(--spacing-space-2);
        --chip-content-column-gap: var(--spacing-space-2);
        --chip-content-font-family: sans-sarif;
        --chip-content-font-size: initial;
        --chip-content-font-weight: regular;
        --chip-content-paragraph-spacing: 0px;
        --chip-content-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-squared-small-e-subdued"], [data-theme='light'] [component-variant="chip-squared-small-e-subdued"] {
        --chip-content-padding-left: var(--spacing-space-5);
        --chip-content-padding-right: var(--spacing-space-5);
        --chip-content-row-gap: var(--spacing-space-2);
        --chip-content-column-gap: var(--spacing-space-2);
        --chip-content-font-family: sans-sarif;
        --chip-content-font-size: initial;
        --chip-content-font-weight: regular;
        --chip-content-paragraph-spacing: 0px;
        --chip-content-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-squared-small-e-subdued-outline"], [data-theme='light'] [component-variant="chip-squared-small-e-subdued-outline"] {
        --chip-content-padding-left: var(--spacing-space-5);
        --chip-content-padding-right: var(--spacing-space-5);
        --chip-content-row-gap: var(--spacing-space-2);
        --chip-content-column-gap: var(--spacing-space-2);
        --chip-content-font-family: sans-sarif;
        --chip-content-font-size: initial;
        --chip-content-font-weight: regular;
        --chip-content-paragraph-spacing: 0px;
        --chip-content-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-squared-small-f-subdued"], [data-theme='light'] [component-variant="chip-squared-small-f-subdued"] {
        --chip-content-padding-left: var(--spacing-space-5);
        --chip-content-padding-right: var(--spacing-space-5);
        --chip-content-row-gap: var(--spacing-space-2);
        --chip-content-column-gap: var(--spacing-space-2);
        --chip-content-font-family: sans-sarif;
        --chip-content-font-size: initial;
        --chip-content-font-weight: regular;
        --chip-content-paragraph-spacing: 0px;
        --chip-content-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-squared-small-f-subdued-outline"], [data-theme='light'] [component-variant="chip-squared-small-f-subdued-outline"] {
        --chip-content-padding-left: var(--spacing-space-5);
        --chip-content-padding-right: var(--spacing-space-5);
        --chip-content-row-gap: var(--spacing-space-2);
        --chip-content-column-gap: var(--spacing-space-2);
        --chip-content-font-family: sans-sarif;
        --chip-content-font-size: initial;
        --chip-content-font-weight: regular;
        --chip-content-paragraph-spacing: 0px;
        --chip-content-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-rounded-medium-a-bright"], [data-theme='light'] [component-variant="chip-rounded-medium-a-bright"] {
        --chip-icon-height: 16px;
        --chip-icon-width: 16px;
        --chip-icon-background-color: rgb(233, 233, 234);
        --chip-icon-color: var(--icon-primary);
        --chip-icon-font-family: sans-sarif;
        --chip-icon-font-size: initial;
        --chip-icon-font-weight: regular;
        --chip-icon-paragraph-spacing: 0px;
        --chip-icon-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-rounded-medium-b-bright"], [data-theme='light'] [component-variant="chip-rounded-medium-b-bright"] {
        --chip-icon-height: 16px;
        --chip-icon-width: 16px;
        --chip-icon-background-color: rgb(233, 233, 234);
        --chip-icon-color: var(--icon-primary);
        --chip-icon-font-family: sans-sarif;
        --chip-icon-font-size: initial;
        --chip-icon-font-weight: regular;
        --chip-icon-paragraph-spacing: 0px;
        --chip-icon-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-rounded-medium-c-bright"], [data-theme='light'] [component-variant="chip-rounded-medium-c-bright"] {
        --chip-icon-height: 16px;
        --chip-icon-width: 16px;
        --chip-icon-background-color: rgb(233, 233, 234);
        --chip-icon-color: var(--icon-primary);
        --chip-icon-font-family: sans-sarif;
        --chip-icon-font-size: initial;
        --chip-icon-font-weight: regular;
        --chip-icon-paragraph-spacing: 0px;
        --chip-icon-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-rounded-medium-d-bright"], [data-theme='light'] [component-variant="chip-rounded-medium-d-bright"] {
        --chip-icon-height: 16px;
        --chip-icon-width: 16px;
        --chip-icon-background-color: rgb(233, 233, 234);
        --chip-icon-color: var(--icon-primary);
        --chip-icon-font-family: sans-sarif;
        --chip-icon-font-size: initial;
        --chip-icon-font-weight: regular;
        --chip-icon-paragraph-spacing: 0px;
        --chip-icon-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-rounded-medium-e-bright"], [data-theme='light'] [component-variant="chip-rounded-medium-e-bright"] {
        --chip-icon-height: 16px;
        --chip-icon-width: 16px;
        --chip-icon-background-color: rgb(233, 233, 234);
        --chip-icon-color: var(--icon-primary);
        --chip-icon-font-family: sans-sarif;
        --chip-icon-font-size: initial;
        --chip-icon-font-weight: regular;
        --chip-icon-paragraph-spacing: 0px;
        --chip-icon-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-rounded-medium-f-bright"], [data-theme='light'] [component-variant="chip-rounded-medium-f-bright"] {
        --chip-icon-height: 16px;
        --chip-icon-width: 16px;
        --chip-icon-background-color: rgb(233, 233, 234);
        --chip-icon-color: var(--icon-primary);
        --chip-icon-font-family: sans-sarif;
        --chip-icon-font-size: initial;
        --chip-icon-font-weight: regular;
        --chip-icon-paragraph-spacing: 0px;
        --chip-icon-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-rounded-medium-a-bright-outline"], [data-theme='light'] [component-variant="chip-rounded-medium-a-bright-outline"] {
        --chip-icon-height: 16px;
        --chip-icon-width: 16px;
        --chip-icon-background-color: rgb(233, 233, 234);
        --chip-icon-color: var(--icon-primary);
        --chip-icon-font-family: sans-sarif;
        --chip-icon-font-size: initial;
        --chip-icon-font-weight: regular;
        --chip-icon-paragraph-spacing: 0px;
        --chip-icon-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-rounded-medium-b-bright-outline"], [data-theme='light'] [component-variant="chip-rounded-medium-b-bright-outline"] {
        --chip-icon-height: 16px;
        --chip-icon-width: 16px;
        --chip-icon-background-color: rgb(233, 233, 234);
        --chip-icon-color: var(--icon-primary);
        --chip-icon-font-family: sans-sarif;
        --chip-icon-font-size: initial;
        --chip-icon-font-weight: regular;
        --chip-icon-paragraph-spacing: 0px;
        --chip-icon-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-rounded-medium-c-bright-outline"], [data-theme='light'] [component-variant="chip-rounded-medium-c-bright-outline"] {
        --chip-icon-height: 16px;
        --chip-icon-width: 16px;
        --chip-icon-background-color: rgb(233, 233, 234);
        --chip-icon-color: var(--icon-primary);
        --chip-icon-font-family: sans-sarif;
        --chip-icon-font-size: initial;
        --chip-icon-font-weight: regular;
        --chip-icon-paragraph-spacing: 0px;
        --chip-icon-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-rounded-medium-d-bright-outline"], [data-theme='light'] [component-variant="chip-rounded-medium-d-bright-outline"] {
        --chip-icon-height: 16px;
        --chip-icon-width: 16px;
        --chip-icon-background-color: rgb(233, 233, 234);
        --chip-icon-color: var(--icon-primary);
        --chip-icon-font-family: sans-sarif;
        --chip-icon-font-size: initial;
        --chip-icon-font-weight: regular;
        --chip-icon-paragraph-spacing: 0px;
        --chip-icon-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-rounded-medium-e-bright-outline"], [data-theme='light'] [component-variant="chip-rounded-medium-e-bright-outline"] {
        --chip-icon-height: 16px;
        --chip-icon-width: 16px;
        --chip-icon-background-color: rgb(233, 233, 234);
        --chip-icon-color: var(--icon-primary);
        --chip-icon-font-family: sans-sarif;
        --chip-icon-font-size: initial;
        --chip-icon-font-weight: regular;
        --chip-icon-paragraph-spacing: 0px;
        --chip-icon-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-rounded-medium-f-bright-outline"], [data-theme='light'] [component-variant="chip-rounded-medium-f-bright-outline"] {
        --chip-icon-height: 16px;
        --chip-icon-width: 16px;
        --chip-icon-background-color: rgb(233, 233, 234);
        --chip-icon-color: var(--icon-primary);
        --chip-icon-font-family: sans-sarif;
        --chip-icon-font-size: initial;
        --chip-icon-font-weight: regular;
        --chip-icon-paragraph-spacing: 0px;
        --chip-icon-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-rounded-medium-a-subdued"], [data-theme='light'] [component-variant="chip-rounded-medium-a-subdued"] {
        --chip-icon-height: 16px;
        --chip-icon-width: 16px;
        --chip-icon-background-color: rgb(209, 157, 84);
        --chip-icon-color: var(--decorative-icon-orange);
        --chip-icon-font-family: sans-sarif;
        --chip-icon-font-size: initial;
        --chip-icon-font-weight: regular;
        --chip-icon-paragraph-spacing: 0px;
        --chip-icon-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-rounded-medium-a-subdued-outline"], [data-theme='light'] [component-variant="chip-rounded-medium-a-subdued-outline"] {
        --chip-icon-height: 16px;
        --chip-icon-width: 16px;
        --chip-icon-background-color: rgb(209, 157, 84);
        --chip-icon-color: var(--decorative-icon-orange);
        --chip-icon-font-family: sans-sarif;
        --chip-icon-font-size: initial;
        --chip-icon-font-weight: regular;
        --chip-icon-paragraph-spacing: 0px;
        --chip-icon-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-rounded-medium-b-subdued"], [data-theme='light'] [component-variant="chip-rounded-medium-b-subdued"] {
        --chip-icon-height: 16px;
        --chip-icon-width: 16px;
        --chip-icon-background-color: rgb(34, 193, 37);
        --chip-icon-color: var(--decorative-icon-green);
        --chip-icon-font-family: sans-sarif;
        --chip-icon-font-size: initial;
        --chip-icon-font-weight: regular;
        --chip-icon-paragraph-spacing: 0px;
        --chip-icon-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-rounded-medium-b-subdued-outline"], [data-theme='light'] [component-variant="chip-rounded-medium-b-subdued-outline"] {
        --chip-icon-height: 16px;
        --chip-icon-width: 16px;
        --chip-icon-background-color: rgb(34, 193, 37);
        --chip-icon-color: var(--decorative-icon-green);
        --chip-icon-font-family: sans-sarif;
        --chip-icon-font-size: initial;
        --chip-icon-font-weight: regular;
        --chip-icon-paragraph-spacing: 0px;
        --chip-icon-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-rounded-medium-c-subdued"], [data-theme='light'] [component-variant="chip-rounded-medium-c-subdued"] {
        --chip-icon-height: 16px;
        --chip-icon-width: 16px;
        --chip-icon-background-color: rgb(84, 173, 232);
        --chip-icon-color: var(--decorative-icon-blue);
        --chip-icon-font-family: sans-sarif;
        --chip-icon-font-size: initial;
        --chip-icon-font-weight: regular;
        --chip-icon-paragraph-spacing: 0px;
        --chip-icon-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-rounded-medium-c-subdued-outline"], [data-theme='light'] [component-variant="chip-rounded-medium-c-subdued-outline"] {
        --chip-icon-height: 16px;
        --chip-icon-width: 16px;
        --chip-icon-background-color: rgb(84, 173, 232);
        --chip-icon-color: var(--decorative-icon-blue);
        --chip-icon-font-family: sans-sarif;
        --chip-icon-font-size: initial;
        --chip-icon-font-weight: regular;
        --chip-icon-paragraph-spacing: 0px;
        --chip-icon-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-rounded-medium-d-subdued"], [data-theme='light'] [component-variant="chip-rounded-medium-d-subdued"] {
        --chip-icon-height: 16px;
        --chip-icon-width: 16px;
        --chip-icon-background-color: rgb(176, 180, 221);
        --chip-icon-color: var(--decorative-icon-purple);
        --chip-icon-font-family: sans-sarif;
        --chip-icon-font-size: initial;
        --chip-icon-font-weight: regular;
        --chip-icon-paragraph-spacing: 0px;
        --chip-icon-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-rounded-medium-d-subdued-outline"], [data-theme='light'] [component-variant="chip-rounded-medium-d-subdued-outline"] {
        --chip-icon-height: 16px;
        --chip-icon-width: 16px;
        --chip-icon-background-color: rgb(176, 180, 221);
        --chip-icon-color: var(--decorative-icon-purple);
        --chip-icon-font-family: sans-sarif;
        --chip-icon-font-size: initial;
        --chip-icon-font-weight: regular;
        --chip-icon-paragraph-spacing: 0px;
        --chip-icon-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-rounded-medium-e-subdued"], [data-theme='light'] [component-variant="chip-rounded-medium-e-subdued"] {
        --chip-icon-height: 16px;
        --chip-icon-width: 16px;
        --chip-icon-background-color: rgb(242, 160, 160);
        --chip-icon-color: var(--decorative-icon-red);
        --chip-icon-font-family: sans-sarif;
        --chip-icon-font-size: initial;
        --chip-icon-font-weight: regular;
        --chip-icon-paragraph-spacing: 0px;
        --chip-icon-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-rounded-medium-e-subdued-outline"], [data-theme='light'] [component-variant="chip-rounded-medium-e-subdued-outline"] {
        --chip-icon-height: 16px;
        --chip-icon-width: 16px;
        --chip-icon-background-color: rgb(242, 160, 160);
        --chip-icon-color: var(--decorative-icon-red);
        --chip-icon-font-family: sans-sarif;
        --chip-icon-font-size: initial;
        --chip-icon-font-weight: regular;
        --chip-icon-paragraph-spacing: 0px;
        --chip-icon-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-rounded-medium-f-subdued"], [data-theme='light'] [component-variant="chip-rounded-medium-f-subdued"] {
        --chip-icon-height: 16px;
        --chip-icon-width: 16px;
        --chip-icon-background-color: rgb(255, 255, 255);
        --chip-icon-color: var(--decorative-icon-grey);
        --chip-icon-font-family: sans-sarif;
        --chip-icon-font-size: initial;
        --chip-icon-font-weight: regular;
        --chip-icon-paragraph-spacing: 0px;
        --chip-icon-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-rounded-medium-f-subdued-outline"], [data-theme='light'] [component-variant="chip-rounded-medium-f-subdued-outline"] {
        --chip-icon-height: 16px;
        --chip-icon-width: 16px;
        --chip-icon-background-color: rgb(255, 255, 255);
        --chip-icon-color: var(--decorative-icon-grey);
        --chip-icon-font-family: sans-sarif;
        --chip-icon-font-size: initial;
        --chip-icon-font-weight: regular;
        --chip-icon-paragraph-spacing: 0px;
        --chip-icon-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-squared-medium-a-bright"], [data-theme='light'] [component-variant="chip-squared-medium-a-bright"] {
        --chip-icon-height: 16px;
        --chip-icon-width: 16px;
        --chip-icon-background-color: rgb(233, 233, 234);
        --chip-icon-color: var(--icon-primary);
        --chip-icon-font-family: sans-sarif;
        --chip-icon-font-size: initial;
        --chip-icon-font-weight: regular;
        --chip-icon-paragraph-spacing: 0px;
        --chip-icon-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-squared-medium-b-bright"], [data-theme='light'] [component-variant="chip-squared-medium-b-bright"] {
        --chip-icon-height: 16px;
        --chip-icon-width: 16px;
        --chip-icon-background-color: rgb(233, 233, 234);
        --chip-icon-color: var(--icon-primary);
        --chip-icon-font-family: sans-sarif;
        --chip-icon-font-size: initial;
        --chip-icon-font-weight: regular;
        --chip-icon-paragraph-spacing: 0px;
        --chip-icon-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-squared-medium-c-bright"], [data-theme='light'] [component-variant="chip-squared-medium-c-bright"] {
        --chip-icon-height: 16px;
        --chip-icon-width: 16px;
        --chip-icon-background-color: rgb(233, 233, 234);
        --chip-icon-color: var(--icon-primary);
        --chip-icon-font-family: sans-sarif;
        --chip-icon-font-size: initial;
        --chip-icon-font-weight: regular;
        --chip-icon-paragraph-spacing: 0px;
        --chip-icon-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-squared-medium-d-bright"], [data-theme='light'] [component-variant="chip-squared-medium-d-bright"] {
        --chip-icon-height: 16px;
        --chip-icon-width: 16px;
        --chip-icon-background-color: rgb(233, 233, 234);
        --chip-icon-color: var(--icon-primary);
        --chip-icon-font-family: sans-sarif;
        --chip-icon-font-size: initial;
        --chip-icon-font-weight: regular;
        --chip-icon-paragraph-spacing: 0px;
        --chip-icon-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-squared-medium-e-bright"], [data-theme='light'] [component-variant="chip-squared-medium-e-bright"] {
        --chip-icon-height: 16px;
        --chip-icon-width: 16px;
        --chip-icon-background-color: rgb(233, 233, 234);
        --chip-icon-color: var(--icon-primary);
        --chip-icon-font-family: sans-sarif;
        --chip-icon-font-size: initial;
        --chip-icon-font-weight: regular;
        --chip-icon-paragraph-spacing: 0px;
        --chip-icon-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-squared-medium-f-bright"], [data-theme='light'] [component-variant="chip-squared-medium-f-bright"] {
        --chip-icon-height: 16px;
        --chip-icon-width: 16px;
        --chip-icon-background-color: rgb(233, 233, 234);
        --chip-icon-color: var(--icon-primary);
        --chip-icon-font-family: sans-sarif;
        --chip-icon-font-size: initial;
        --chip-icon-font-weight: regular;
        --chip-icon-paragraph-spacing: 0px;
        --chip-icon-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-squared-medium-a-bright-outline"], [data-theme='light'] [component-variant="chip-squared-medium-a-bright-outline"] {
        --chip-icon-height: 16px;
        --chip-icon-width: 16px;
        --chip-icon-background-color: rgb(233, 233, 234);
        --chip-icon-color: var(--icon-primary);
        --chip-icon-font-family: sans-sarif;
        --chip-icon-font-size: initial;
        --chip-icon-font-weight: regular;
        --chip-icon-paragraph-spacing: 0px;
        --chip-icon-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-squared-medium-b-bright-outline"], [data-theme='light'] [component-variant="chip-squared-medium-b-bright-outline"] {
        --chip-icon-height: 16px;
        --chip-icon-width: 16px;
        --chip-icon-background-color: rgb(233, 233, 234);
        --chip-icon-color: var(--icon-primary);
        --chip-icon-font-family: sans-sarif;
        --chip-icon-font-size: initial;
        --chip-icon-font-weight: regular;
        --chip-icon-paragraph-spacing: 0px;
        --chip-icon-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-squared-medium-c-bright-outline"], [data-theme='light'] [component-variant="chip-squared-medium-c-bright-outline"] {
        --chip-icon-height: 16px;
        --chip-icon-width: 16px;
        --chip-icon-background-color: rgb(233, 233, 234);
        --chip-icon-color: var(--icon-primary);
        --chip-icon-font-family: sans-sarif;
        --chip-icon-font-size: initial;
        --chip-icon-font-weight: regular;
        --chip-icon-paragraph-spacing: 0px;
        --chip-icon-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-squared-medium-d-bright-outline"], [data-theme='light'] [component-variant="chip-squared-medium-d-bright-outline"] {
        --chip-icon-height: 16px;
        --chip-icon-width: 16px;
        --chip-icon-background-color: rgb(233, 233, 234);
        --chip-icon-color: var(--icon-primary);
        --chip-icon-font-family: sans-sarif;
        --chip-icon-font-size: initial;
        --chip-icon-font-weight: regular;
        --chip-icon-paragraph-spacing: 0px;
        --chip-icon-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-squared-medium-e-bright-outline"], [data-theme='light'] [component-variant="chip-squared-medium-e-bright-outline"] {
        --chip-icon-height: 16px;
        --chip-icon-width: 16px;
        --chip-icon-background-color: rgb(233, 233, 234);
        --chip-icon-color: var(--icon-primary);
        --chip-icon-font-family: sans-sarif;
        --chip-icon-font-size: initial;
        --chip-icon-font-weight: regular;
        --chip-icon-paragraph-spacing: 0px;
        --chip-icon-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-squared-medium-f-bright-outline"], [data-theme='light'] [component-variant="chip-squared-medium-f-bright-outline"] {
        --chip-icon-height: 16px;
        --chip-icon-width: 16px;
        --chip-icon-background-color: rgb(233, 233, 234);
        --chip-icon-color: var(--icon-primary);
        --chip-icon-font-family: sans-sarif;
        --chip-icon-font-size: initial;
        --chip-icon-font-weight: regular;
        --chip-icon-paragraph-spacing: 0px;
        --chip-icon-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-squared-medium-a-subdued"], [data-theme='light'] [component-variant="chip-squared-medium-a-subdued"] {
        --chip-icon-height: 16px;
        --chip-icon-width: 16px;
        --chip-icon-background-color: rgb(209, 157, 84);
        --chip-icon-color: var(--decorative-icon-orange);
        --chip-icon-font-family: sans-sarif;
        --chip-icon-font-size: initial;
        --chip-icon-font-weight: regular;
        --chip-icon-paragraph-spacing: 0px;
        --chip-icon-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-squared-medium-a-subdued-outline"], [data-theme='light'] [component-variant="chip-squared-medium-a-subdued-outline"] {
        --chip-icon-height: 16px;
        --chip-icon-width: 16px;
        --chip-icon-background-color: rgb(209, 157, 84);
        --chip-icon-color: var(--decorative-icon-orange);
        --chip-icon-font-family: sans-sarif;
        --chip-icon-font-size: initial;
        --chip-icon-font-weight: regular;
        --chip-icon-paragraph-spacing: 0px;
        --chip-icon-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-squared-medium-b-subdued"], [data-theme='light'] [component-variant="chip-squared-medium-b-subdued"] {
        --chip-icon-height: 16px;
        --chip-icon-width: 16px;
        --chip-icon-background-color: rgb(34, 193, 37);
        --chip-icon-color: var(--decorative-icon-green);
        --chip-icon-font-family: sans-sarif;
        --chip-icon-font-size: initial;
        --chip-icon-font-weight: regular;
        --chip-icon-paragraph-spacing: 0px;
        --chip-icon-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-squared-medium-b-subdued-outline"], [data-theme='light'] [component-variant="chip-squared-medium-b-subdued-outline"] {
        --chip-icon-height: 16px;
        --chip-icon-width: 16px;
        --chip-icon-background-color: rgb(34, 193, 37);
        --chip-icon-color: var(--decorative-icon-green);
        --chip-icon-font-family: sans-sarif;
        --chip-icon-font-size: initial;
        --chip-icon-font-weight: regular;
        --chip-icon-paragraph-spacing: 0px;
        --chip-icon-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-squared-medium-c-subdued"], [data-theme='light'] [component-variant="chip-squared-medium-c-subdued"] {
        --chip-icon-height: 16px;
        --chip-icon-width: 16px;
        --chip-icon-background-color: rgb(84, 173, 232);
        --chip-icon-color: var(--decorative-icon-blue);
        --chip-icon-font-family: sans-sarif;
        --chip-icon-font-size: initial;
        --chip-icon-font-weight: regular;
        --chip-icon-paragraph-spacing: 0px;
        --chip-icon-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-squared-medium-c-subdued-outline"], [data-theme='light'] [component-variant="chip-squared-medium-c-subdued-outline"] {
        --chip-icon-height: 16px;
        --chip-icon-width: 16px;
        --chip-icon-background-color: rgb(84, 173, 232);
        --chip-icon-color: var(--decorative-icon-blue);
        --chip-icon-font-family: sans-sarif;
        --chip-icon-font-size: initial;
        --chip-icon-font-weight: regular;
        --chip-icon-paragraph-spacing: 0px;
        --chip-icon-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-squared-medium-d-subdued"], [data-theme='light'] [component-variant="chip-squared-medium-d-subdued"] {
        --chip-icon-height: 16px;
        --chip-icon-width: 16px;
        --chip-icon-background-color: rgb(176, 180, 221);
        --chip-icon-color: var(--decorative-icon-purple);
        --chip-icon-font-family: sans-sarif;
        --chip-icon-font-size: initial;
        --chip-icon-font-weight: regular;
        --chip-icon-paragraph-spacing: 0px;
        --chip-icon-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-squared-medium-d-subdued-outline"], [data-theme='light'] [component-variant="chip-squared-medium-d-subdued-outline"] {
        --chip-icon-height: 16px;
        --chip-icon-width: 16px;
        --chip-icon-background-color: rgb(176, 180, 221);
        --chip-icon-color: var(--decorative-icon-purple);
        --chip-icon-font-family: sans-sarif;
        --chip-icon-font-size: initial;
        --chip-icon-font-weight: regular;
        --chip-icon-paragraph-spacing: 0px;
        --chip-icon-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-squared-medium-e-subdued"], [data-theme='light'] [component-variant="chip-squared-medium-e-subdued"] {
        --chip-icon-height: 16px;
        --chip-icon-width: 16px;
        --chip-icon-background-color: rgb(242, 160, 160);
        --chip-icon-color: var(--decorative-icon-red);
        --chip-icon-font-family: sans-sarif;
        --chip-icon-font-size: initial;
        --chip-icon-font-weight: regular;
        --chip-icon-paragraph-spacing: 0px;
        --chip-icon-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-squared-medium-e-subdued-outline"], [data-theme='light'] [component-variant="chip-squared-medium-e-subdued-outline"] {
        --chip-icon-height: 16px;
        --chip-icon-width: 16px;
        --chip-icon-background-color: rgb(242, 160, 160);
        --chip-icon-color: var(--decorative-icon-red);
        --chip-icon-font-family: sans-sarif;
        --chip-icon-font-size: initial;
        --chip-icon-font-weight: regular;
        --chip-icon-paragraph-spacing: 0px;
        --chip-icon-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-squared-medium-f-subdued"], [data-theme='light'] [component-variant="chip-squared-medium-f-subdued"] {
        --chip-icon-height: 16px;
        --chip-icon-width: 16px;
        --chip-icon-background-color: rgb(255, 255, 255);
        --chip-icon-color: var(--decorative-icon-grey);
        --chip-icon-font-family: sans-sarif;
        --chip-icon-font-size: initial;
        --chip-icon-font-weight: regular;
        --chip-icon-paragraph-spacing: 0px;
        --chip-icon-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-squared-medium-f-subdued-outline"], [data-theme='light'] [component-variant="chip-squared-medium-f-subdued-outline"] {
        --chip-icon-height: 16px;
        --chip-icon-width: 16px;
        --chip-icon-background-color: rgb(255, 255, 255);
        --chip-icon-color: var(--decorative-icon-grey);
        --chip-icon-font-family: sans-sarif;
        --chip-icon-font-size: initial;
        --chip-icon-font-weight: regular;
        --chip-icon-paragraph-spacing: 0px;
        --chip-icon-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-rounded-small-a-bright"], [data-theme='light'] [component-variant="chip-rounded-small-a-bright"] {
        --chip-icon-height: 16px;
        --chip-icon-width: 16px;
        --chip-icon-background-color: rgb(233, 233, 234);
        --chip-icon-color: var(--icon-primary);
        --chip-icon-font-family: sans-sarif;
        --chip-icon-font-size: initial;
        --chip-icon-font-weight: regular;
        --chip-icon-paragraph-spacing: 0px;
        --chip-icon-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-rounded-small-b-bright"], [data-theme='light'] [component-variant="chip-rounded-small-b-bright"] {
        --chip-icon-height: 16px;
        --chip-icon-width: 16px;
        --chip-icon-background-color: rgb(233, 233, 234);
        --chip-icon-color: var(--icon-primary);
        --chip-icon-font-family: sans-sarif;
        --chip-icon-font-size: initial;
        --chip-icon-font-weight: regular;
        --chip-icon-paragraph-spacing: 0px;
        --chip-icon-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-rounded-small-c-bright"], [data-theme='light'] [component-variant="chip-rounded-small-c-bright"] {
        --chip-icon-height: 16px;
        --chip-icon-width: 16px;
        --chip-icon-background-color: rgb(233, 233, 234);
        --chip-icon-color: var(--icon-primary);
        --chip-icon-font-family: sans-sarif;
        --chip-icon-font-size: initial;
        --chip-icon-font-weight: regular;
        --chip-icon-paragraph-spacing: 0px;
        --chip-icon-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-rounded-small-d-bright"], [data-theme='light'] [component-variant="chip-rounded-small-d-bright"] {
        --chip-icon-height: 16px;
        --chip-icon-width: 16px;
        --chip-icon-background-color: rgb(233, 233, 234);
        --chip-icon-color: var(--icon-primary);
        --chip-icon-font-family: sans-sarif;
        --chip-icon-font-size: initial;
        --chip-icon-font-weight: regular;
        --chip-icon-paragraph-spacing: 0px;
        --chip-icon-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-rounded-small-e-bright"], [data-theme='light'] [component-variant="chip-rounded-small-e-bright"] {
        --chip-icon-height: 16px;
        --chip-icon-width: 16px;
        --chip-icon-background-color: rgb(233, 233, 234);
        --chip-icon-color: var(--icon-primary);
        --chip-icon-font-family: sans-sarif;
        --chip-icon-font-size: initial;
        --chip-icon-font-weight: regular;
        --chip-icon-paragraph-spacing: 0px;
        --chip-icon-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-rounded-small-f-bright"], [data-theme='light'] [component-variant="chip-rounded-small-f-bright"] {
        --chip-icon-height: 16px;
        --chip-icon-width: 16px;
        --chip-icon-background-color: rgb(233, 233, 234);
        --chip-icon-color: var(--icon-primary);
        --chip-icon-font-family: sans-sarif;
        --chip-icon-font-size: initial;
        --chip-icon-font-weight: regular;
        --chip-icon-paragraph-spacing: 0px;
        --chip-icon-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-rounded-small-a-bright-outline"], [data-theme='light'] [component-variant="chip-rounded-small-a-bright-outline"] {
        --chip-icon-height: 16px;
        --chip-icon-width: 16px;
        --chip-icon-background-color: rgb(233, 233, 234);
        --chip-icon-color: var(--icon-primary);
        --chip-icon-font-family: sans-sarif;
        --chip-icon-font-size: initial;
        --chip-icon-font-weight: regular;
        --chip-icon-paragraph-spacing: 0px;
        --chip-icon-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-rounded-small-b-bright-outline"], [data-theme='light'] [component-variant="chip-rounded-small-b-bright-outline"] {
        --chip-icon-height: 16px;
        --chip-icon-width: 16px;
        --chip-icon-background-color: rgb(233, 233, 234);
        --chip-icon-color: var(--icon-primary);
        --chip-icon-font-family: sans-sarif;
        --chip-icon-font-size: initial;
        --chip-icon-font-weight: regular;
        --chip-icon-paragraph-spacing: 0px;
        --chip-icon-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-rounded-small-c-bright-outline"], [data-theme='light'] [component-variant="chip-rounded-small-c-bright-outline"] {
        --chip-icon-height: 16px;
        --chip-icon-width: 16px;
        --chip-icon-background-color: rgb(233, 233, 234);
        --chip-icon-color: var(--icon-primary);
        --chip-icon-font-family: sans-sarif;
        --chip-icon-font-size: initial;
        --chip-icon-font-weight: regular;
        --chip-icon-paragraph-spacing: 0px;
        --chip-icon-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-rounded-small-d-bright-outline"], [data-theme='light'] [component-variant="chip-rounded-small-d-bright-outline"] {
        --chip-icon-height: 16px;
        --chip-icon-width: 16px;
        --chip-icon-background-color: rgb(233, 233, 234);
        --chip-icon-color: var(--icon-primary);
        --chip-icon-font-family: sans-sarif;
        --chip-icon-font-size: initial;
        --chip-icon-font-weight: regular;
        --chip-icon-paragraph-spacing: 0px;
        --chip-icon-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-rounded-small-e-bright-outline"], [data-theme='light'] [component-variant="chip-rounded-small-e-bright-outline"] {
        --chip-icon-height: 16px;
        --chip-icon-width: 16px;
        --chip-icon-background-color: rgb(233, 233, 234);
        --chip-icon-color: var(--icon-primary);
        --chip-icon-font-family: sans-sarif;
        --chip-icon-font-size: initial;
        --chip-icon-font-weight: regular;
        --chip-icon-paragraph-spacing: 0px;
        --chip-icon-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-rounded-small-f-bright-outline"], [data-theme='light'] [component-variant="chip-rounded-small-f-bright-outline"] {
        --chip-icon-height: 16px;
        --chip-icon-width: 16px;
        --chip-icon-background-color: rgb(233, 233, 234);
        --chip-icon-color: var(--icon-primary);
        --chip-icon-font-family: sans-sarif;
        --chip-icon-font-size: initial;
        --chip-icon-font-weight: regular;
        --chip-icon-paragraph-spacing: 0px;
        --chip-icon-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-rounded-small-a-subdued"], [data-theme='light'] [component-variant="chip-rounded-small-a-subdued"] {
        --chip-icon-height: 16px;
        --chip-icon-width: 16px;
        --chip-icon-background-color: rgb(209, 157, 84);
        --chip-icon-color: var(--decorative-icon-orange);
        --chip-icon-font-family: sans-sarif;
        --chip-icon-font-size: initial;
        --chip-icon-font-weight: regular;
        --chip-icon-paragraph-spacing: 0px;
        --chip-icon-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-rounded-small-a-subdued-outline"], [data-theme='light'] [component-variant="chip-rounded-small-a-subdued-outline"] {
        --chip-icon-height: 16px;
        --chip-icon-width: 16px;
        --chip-icon-background-color: rgb(209, 157, 84);
        --chip-icon-color: var(--decorative-icon-orange);
        --chip-icon-font-family: sans-sarif;
        --chip-icon-font-size: initial;
        --chip-icon-font-weight: regular;
        --chip-icon-paragraph-spacing: 0px;
        --chip-icon-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-rounded-small-b-subdued"], [data-theme='light'] [component-variant="chip-rounded-small-b-subdued"] {
        --chip-icon-height: 16px;
        --chip-icon-width: 16px;
        --chip-icon-background-color: rgb(34, 193, 37);
        --chip-icon-color: var(--decorative-icon-green);
        --chip-icon-font-family: sans-sarif;
        --chip-icon-font-size: initial;
        --chip-icon-font-weight: regular;
        --chip-icon-paragraph-spacing: 0px;
        --chip-icon-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-rounded-small-b-subdued-outline"], [data-theme='light'] [component-variant="chip-rounded-small-b-subdued-outline"] {
        --chip-icon-height: 16px;
        --chip-icon-width: 16px;
        --chip-icon-background-color: rgb(34, 193, 37);
        --chip-icon-color: var(--decorative-icon-green);
        --chip-icon-font-family: sans-sarif;
        --chip-icon-font-size: initial;
        --chip-icon-font-weight: regular;
        --chip-icon-paragraph-spacing: 0px;
        --chip-icon-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-rounded-small-c-subdued"], [data-theme='light'] [component-variant="chip-rounded-small-c-subdued"] {
        --chip-icon-height: 16px;
        --chip-icon-width: 16px;
        --chip-icon-background-color: rgb(84, 173, 232);
        --chip-icon-color: var(--decorative-icon-blue);
        --chip-icon-font-family: sans-sarif;
        --chip-icon-font-size: initial;
        --chip-icon-font-weight: regular;
        --chip-icon-paragraph-spacing: 0px;
        --chip-icon-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-rounded-small-c-subdued-outline"], [data-theme='light'] [component-variant="chip-rounded-small-c-subdued-outline"] {
        --chip-icon-height: 16px;
        --chip-icon-width: 16px;
        --chip-icon-background-color: rgb(84, 173, 232);
        --chip-icon-color: var(--decorative-icon-blue);
        --chip-icon-font-family: sans-sarif;
        --chip-icon-font-size: initial;
        --chip-icon-font-weight: regular;
        --chip-icon-paragraph-spacing: 0px;
        --chip-icon-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-rounded-small-d-subdued"], [data-theme='light'] [component-variant="chip-rounded-small-d-subdued"] {
        --chip-icon-height: 16px;
        --chip-icon-width: 16px;
        --chip-icon-background-color: rgb(176, 180, 221);
        --chip-icon-color: var(--decorative-icon-purple);
        --chip-icon-font-family: sans-sarif;
        --chip-icon-font-size: initial;
        --chip-icon-font-weight: regular;
        --chip-icon-paragraph-spacing: 0px;
        --chip-icon-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-rounded-small-d-subdued-outline"], [data-theme='light'] [component-variant="chip-rounded-small-d-subdued-outline"] {
        --chip-icon-height: 16px;
        --chip-icon-width: 16px;
        --chip-icon-background-color: rgb(176, 180, 221);
        --chip-icon-color: var(--decorative-icon-purple);
        --chip-icon-font-family: sans-sarif;
        --chip-icon-font-size: initial;
        --chip-icon-font-weight: regular;
        --chip-icon-paragraph-spacing: 0px;
        --chip-icon-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-rounded-small-e-subdued"], [data-theme='light'] [component-variant="chip-rounded-small-e-subdued"] {
        --chip-icon-height: 16px;
        --chip-icon-width: 16px;
        --chip-icon-background-color: rgb(242, 160, 160);
        --chip-icon-color: var(--decorative-icon-red);
        --chip-icon-font-family: sans-sarif;
        --chip-icon-font-size: initial;
        --chip-icon-font-weight: regular;
        --chip-icon-paragraph-spacing: 0px;
        --chip-icon-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-rounded-small-e-subdued-outline"], [data-theme='light'] [component-variant="chip-rounded-small-e-subdued-outline"] {
        --chip-icon-height: 16px;
        --chip-icon-width: 16px;
        --chip-icon-background-color: rgb(242, 160, 160);
        --chip-icon-color: var(--decorative-icon-red);
        --chip-icon-font-family: sans-sarif;
        --chip-icon-font-size: initial;
        --chip-icon-font-weight: regular;
        --chip-icon-paragraph-spacing: 0px;
        --chip-icon-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-rounded-small-f-subdued"], [data-theme='light'] [component-variant="chip-rounded-small-f-subdued"] {
        --chip-icon-height: 16px;
        --chip-icon-width: 16px;
        --chip-icon-background-color: rgb(255, 255, 255);
        --chip-icon-color: var(--decorative-icon-grey);
        --chip-icon-font-family: sans-sarif;
        --chip-icon-font-size: initial;
        --chip-icon-font-weight: regular;
        --chip-icon-paragraph-spacing: 0px;
        --chip-icon-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-rounded-small-f-subdued-outline"], [data-theme='light'] [component-variant="chip-rounded-small-f-subdued-outline"] {
        --chip-icon-height: 16px;
        --chip-icon-width: 16px;
        --chip-icon-background-color: rgb(255, 255, 255);
        --chip-icon-color: var(--decorative-icon-grey);
        --chip-icon-font-family: sans-sarif;
        --chip-icon-font-size: initial;
        --chip-icon-font-weight: regular;
        --chip-icon-paragraph-spacing: 0px;
        --chip-icon-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-squared-small-a-bright"], [data-theme='light'] [component-variant="chip-squared-small-a-bright"] {
        --chip-icon-height: 16px;
        --chip-icon-width: 16px;
        --chip-icon-background-color: rgb(233, 233, 234);
        --chip-icon-color: var(--icon-primary);
        --chip-icon-font-family: sans-sarif;
        --chip-icon-font-size: initial;
        --chip-icon-font-weight: regular;
        --chip-icon-paragraph-spacing: 0px;
        --chip-icon-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-squared-small-b-bright"], [data-theme='light'] [component-variant="chip-squared-small-b-bright"] {
        --chip-icon-height: 16px;
        --chip-icon-width: 16px;
        --chip-icon-background-color: rgb(233, 233, 234);
        --chip-icon-color: var(--icon-primary);
        --chip-icon-font-family: sans-sarif;
        --chip-icon-font-size: initial;
        --chip-icon-font-weight: regular;
        --chip-icon-paragraph-spacing: 0px;
        --chip-icon-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-squared-small-c-bright"], [data-theme='light'] [component-variant="chip-squared-small-c-bright"] {
        --chip-icon-height: 16px;
        --chip-icon-width: 16px;
        --chip-icon-background-color: rgb(233, 233, 234);
        --chip-icon-color: var(--icon-primary);
        --chip-icon-font-family: sans-sarif;
        --chip-icon-font-size: initial;
        --chip-icon-font-weight: regular;
        --chip-icon-paragraph-spacing: 0px;
        --chip-icon-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-squared-small-d-bright"], [data-theme='light'] [component-variant="chip-squared-small-d-bright"] {
        --chip-icon-height: 16px;
        --chip-icon-width: 16px;
        --chip-icon-background-color: rgb(233, 233, 234);
        --chip-icon-color: var(--icon-primary);
        --chip-icon-font-family: sans-sarif;
        --chip-icon-font-size: initial;
        --chip-icon-font-weight: regular;
        --chip-icon-paragraph-spacing: 0px;
        --chip-icon-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-squared-small-e-bright"], [data-theme='light'] [component-variant="chip-squared-small-e-bright"] {
        --chip-icon-height: 16px;
        --chip-icon-width: 16px;
        --chip-icon-background-color: rgb(233, 233, 234);
        --chip-icon-color: var(--icon-primary);
        --chip-icon-font-family: sans-sarif;
        --chip-icon-font-size: initial;
        --chip-icon-font-weight: regular;
        --chip-icon-paragraph-spacing: 0px;
        --chip-icon-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-squared-small-f-bright"], [data-theme='light'] [component-variant="chip-squared-small-f-bright"] {
        --chip-icon-height: 16px;
        --chip-icon-width: 16px;
        --chip-icon-background-color: rgb(233, 233, 234);
        --chip-icon-color: var(--icon-primary);
        --chip-icon-font-family: sans-sarif;
        --chip-icon-font-size: initial;
        --chip-icon-font-weight: regular;
        --chip-icon-paragraph-spacing: 0px;
        --chip-icon-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-squared-small-a-bright-outline"], [data-theme='light'] [component-variant="chip-squared-small-a-bright-outline"] {
        --chip-icon-height: 16px;
        --chip-icon-width: 16px;
        --chip-icon-background-color: rgb(233, 233, 234);
        --chip-icon-color: var(--icon-primary);
        --chip-icon-font-family: sans-sarif;
        --chip-icon-font-size: initial;
        --chip-icon-font-weight: regular;
        --chip-icon-paragraph-spacing: 0px;
        --chip-icon-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-squared-small-b-bright-outline"], [data-theme='light'] [component-variant="chip-squared-small-b-bright-outline"] {
        --chip-icon-height: 16px;
        --chip-icon-width: 16px;
        --chip-icon-background-color: rgb(233, 233, 234);
        --chip-icon-color: var(--icon-primary);
        --chip-icon-font-family: sans-sarif;
        --chip-icon-font-size: initial;
        --chip-icon-font-weight: regular;
        --chip-icon-paragraph-spacing: 0px;
        --chip-icon-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-squared-small-c-bright-outline"], [data-theme='light'] [component-variant="chip-squared-small-c-bright-outline"] {
        --chip-icon-height: 16px;
        --chip-icon-width: 16px;
        --chip-icon-background-color: rgb(233, 233, 234);
        --chip-icon-color: var(--icon-primary);
        --chip-icon-font-family: sans-sarif;
        --chip-icon-font-size: initial;
        --chip-icon-font-weight: regular;
        --chip-icon-paragraph-spacing: 0px;
        --chip-icon-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-squared-small-d-bright-outline"], [data-theme='light'] [component-variant="chip-squared-small-d-bright-outline"] {
        --chip-icon-height: 16px;
        --chip-icon-width: 16px;
        --chip-icon-background-color: rgb(233, 233, 234);
        --chip-icon-color: var(--icon-primary);
        --chip-icon-font-family: sans-sarif;
        --chip-icon-font-size: initial;
        --chip-icon-font-weight: regular;
        --chip-icon-paragraph-spacing: 0px;
        --chip-icon-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-squared-small-e-bright-outline"], [data-theme='light'] [component-variant="chip-squared-small-e-bright-outline"] {
        --chip-icon-height: 16px;
        --chip-icon-width: 16px;
        --chip-icon-background-color: rgb(233, 233, 234);
        --chip-icon-color: var(--icon-primary);
        --chip-icon-font-family: sans-sarif;
        --chip-icon-font-size: initial;
        --chip-icon-font-weight: regular;
        --chip-icon-paragraph-spacing: 0px;
        --chip-icon-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-squared-small-f-bright-outline"], [data-theme='light'] [component-variant="chip-squared-small-f-bright-outline"] {
        --chip-icon-height: 16px;
        --chip-icon-width: 16px;
        --chip-icon-background-color: rgb(233, 233, 234);
        --chip-icon-color: var(--icon-primary);
        --chip-icon-font-family: sans-sarif;
        --chip-icon-font-size: initial;
        --chip-icon-font-weight: regular;
        --chip-icon-paragraph-spacing: 0px;
        --chip-icon-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-squared-small-a-subdued"], [data-theme='light'] [component-variant="chip-squared-small-a-subdued"] {
        --chip-icon-height: 16px;
        --chip-icon-width: 16px;
        --chip-icon-background-color: rgb(209, 157, 84);
        --chip-icon-color: var(--decorative-icon-orange);
        --chip-icon-font-family: sans-sarif;
        --chip-icon-font-size: initial;
        --chip-icon-font-weight: regular;
        --chip-icon-paragraph-spacing: 0px;
        --chip-icon-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-squared-small-a-subdued-outline"], [data-theme='light'] [component-variant="chip-squared-small-a-subdued-outline"] {
        --chip-icon-height: 16px;
        --chip-icon-width: 16px;
        --chip-icon-background-color: rgb(209, 157, 84);
        --chip-icon-color: var(--decorative-icon-orange);
        --chip-icon-font-family: sans-sarif;
        --chip-icon-font-size: initial;
        --chip-icon-font-weight: regular;
        --chip-icon-paragraph-spacing: 0px;
        --chip-icon-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-squared-small-b-subdued"], [data-theme='light'] [component-variant="chip-squared-small-b-subdued"] {
        --chip-icon-height: 16px;
        --chip-icon-width: 16px;
        --chip-icon-background-color: rgb(34, 193, 37);
        --chip-icon-color: var(--decorative-icon-green);
        --chip-icon-font-family: sans-sarif;
        --chip-icon-font-size: initial;
        --chip-icon-font-weight: regular;
        --chip-icon-paragraph-spacing: 0px;
        --chip-icon-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-squared-small-b-subdued-outline"], [data-theme='light'] [component-variant="chip-squared-small-b-subdued-outline"] {
        --chip-icon-height: 16px;
        --chip-icon-width: 16px;
        --chip-icon-background-color: rgb(34, 193, 37);
        --chip-icon-color: var(--decorative-icon-green);
        --chip-icon-font-family: sans-sarif;
        --chip-icon-font-size: initial;
        --chip-icon-font-weight: regular;
        --chip-icon-paragraph-spacing: 0px;
        --chip-icon-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-squared-small-c-subdued"], [data-theme='light'] [component-variant="chip-squared-small-c-subdued"] {
        --chip-icon-height: 16px;
        --chip-icon-width: 16px;
        --chip-icon-background-color: rgb(84, 173, 232);
        --chip-icon-color: var(--decorative-icon-blue);
        --chip-icon-font-family: sans-sarif;
        --chip-icon-font-size: initial;
        --chip-icon-font-weight: regular;
        --chip-icon-paragraph-spacing: 0px;
        --chip-icon-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-squared-small-c-subdued-outline"], [data-theme='light'] [component-variant="chip-squared-small-c-subdued-outline"] {
        --chip-icon-height: 16px;
        --chip-icon-width: 16px;
        --chip-icon-background-color: rgb(84, 173, 232);
        --chip-icon-color: var(--decorative-icon-blue);
        --chip-icon-font-family: sans-sarif;
        --chip-icon-font-size: initial;
        --chip-icon-font-weight: regular;
        --chip-icon-paragraph-spacing: 0px;
        --chip-icon-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-squared-small-d-subdued"], [data-theme='light'] [component-variant="chip-squared-small-d-subdued"] {
        --chip-icon-height: 16px;
        --chip-icon-width: 16px;
        --chip-icon-background-color: rgb(176, 180, 221);
        --chip-icon-color: var(--decorative-icon-purple);
        --chip-icon-font-family: sans-sarif;
        --chip-icon-font-size: initial;
        --chip-icon-font-weight: regular;
        --chip-icon-paragraph-spacing: 0px;
        --chip-icon-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-squared-small-d-subdued-outline"], [data-theme='light'] [component-variant="chip-squared-small-d-subdued-outline"] {
        --chip-icon-height: 16px;
        --chip-icon-width: 16px;
        --chip-icon-background-color: rgb(176, 180, 221);
        --chip-icon-color: var(--decorative-icon-purple);
        --chip-icon-font-family: sans-sarif;
        --chip-icon-font-size: initial;
        --chip-icon-font-weight: regular;
        --chip-icon-paragraph-spacing: 0px;
        --chip-icon-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-squared-small-e-subdued"], [data-theme='light'] [component-variant="chip-squared-small-e-subdued"] {
        --chip-icon-height: 16px;
        --chip-icon-width: 16px;
        --chip-icon-background-color: rgb(242, 160, 160);
        --chip-icon-color: var(--decorative-icon-red);
        --chip-icon-font-family: sans-sarif;
        --chip-icon-font-size: initial;
        --chip-icon-font-weight: regular;
        --chip-icon-paragraph-spacing: 0px;
        --chip-icon-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-squared-small-e-subdued-outline"], [data-theme='light'] [component-variant="chip-squared-small-e-subdued-outline"] {
        --chip-icon-height: 16px;
        --chip-icon-width: 16px;
        --chip-icon-background-color: rgb(242, 160, 160);
        --chip-icon-color: var(--decorative-icon-red);
        --chip-icon-font-family: sans-sarif;
        --chip-icon-font-size: initial;
        --chip-icon-font-weight: regular;
        --chip-icon-paragraph-spacing: 0px;
        --chip-icon-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-squared-small-f-subdued"], [data-theme='light'] [component-variant="chip-squared-small-f-subdued"] {
        --chip-icon-height: 16px;
        --chip-icon-width: 16px;
        --chip-icon-background-color: rgb(255, 255, 255);
        --chip-icon-color: var(--decorative-icon-grey);
        --chip-icon-font-family: sans-sarif;
        --chip-icon-font-size: initial;
        --chip-icon-font-weight: regular;
        --chip-icon-paragraph-spacing: 0px;
        --chip-icon-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-squared-small-f-subdued-outline"], [data-theme='light'] [component-variant="chip-squared-small-f-subdued-outline"] {
        --chip-icon-height: 16px;
        --chip-icon-width: 16px;
        --chip-icon-background-color: rgb(255, 255, 255);
        --chip-icon-color: var(--decorative-icon-grey);
        --chip-icon-font-family: sans-sarif;
        --chip-icon-font-size: initial;
        --chip-icon-font-weight: regular;
        --chip-icon-paragraph-spacing: 0px;
        --chip-icon-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-rounded-medium-a-bright"], [data-theme='light'] [component-variant="chip-rounded-medium-a-bright"] {
        --chip-text-font-family: var(--font-family-body);
        --chip-text-font-size: var(--font-size-body-small);
        --chip-text-font-weight: var(--font-weight-medium);
        --chip-text-color: var(--text-primary);
        --chip-text-line-height: var(--line-height-body-small);
        --chip-text-paragraph-spacing: 0px;
        --chip-text-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-rounded-medium-b-bright"], [data-theme='light'] [component-variant="chip-rounded-medium-b-bright"] {
        --chip-text-font-family: var(--font-family-body);
        --chip-text-font-size: var(--font-size-body-small);
        --chip-text-font-weight: var(--font-weight-medium);
        --chip-text-color: var(--text-primary);
        --chip-text-line-height: var(--line-height-body-small);
        --chip-text-paragraph-spacing: 0px;
        --chip-text-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-rounded-medium-c-bright"], [data-theme='light'] [component-variant="chip-rounded-medium-c-bright"] {
        --chip-text-font-family: var(--font-family-body);
        --chip-text-font-size: var(--font-size-body-small);
        --chip-text-font-weight: var(--font-weight-medium);
        --chip-text-color: var(--text-primary);
        --chip-text-line-height: var(--line-height-body-small);
        --chip-text-paragraph-spacing: 0px;
        --chip-text-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-rounded-medium-d-bright"], [data-theme='light'] [component-variant="chip-rounded-medium-d-bright"] {
        --chip-text-font-family: var(--font-family-body);
        --chip-text-font-size: var(--font-size-body-small);
        --chip-text-font-weight: var(--font-weight-medium);
        --chip-text-color: var(--text-primary);
        --chip-text-line-height: var(--line-height-body-small);
        --chip-text-paragraph-spacing: 0px;
        --chip-text-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-rounded-medium-e-bright"], [data-theme='light'] [component-variant="chip-rounded-medium-e-bright"] {
        --chip-text-font-family: var(--font-family-body);
        --chip-text-font-size: var(--font-size-body-small);
        --chip-text-font-weight: var(--font-weight-medium);
        --chip-text-color: var(--text-primary);
        --chip-text-line-height: var(--line-height-body-small);
        --chip-text-paragraph-spacing: 0px;
        --chip-text-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-rounded-medium-f-bright"], [data-theme='light'] [component-variant="chip-rounded-medium-f-bright"] {
        --chip-text-font-family: var(--font-family-body);
        --chip-text-font-size: var(--font-size-body-small);
        --chip-text-font-weight: var(--font-weight-medium);
        --chip-text-color: var(--text-primary);
        --chip-text-line-height: var(--line-height-body-small);
        --chip-text-paragraph-spacing: 0px;
        --chip-text-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-rounded-medium-a-bright-outline"], [data-theme='light'] [component-variant="chip-rounded-medium-a-bright-outline"] {
        --chip-text-font-family: var(--font-family-body);
        --chip-text-font-size: var(--font-size-body-small);
        --chip-text-font-weight: var(--font-weight-medium);
        --chip-text-color: var(--text-primary);
        --chip-text-line-height: var(--line-height-body-small);
        --chip-text-paragraph-spacing: 0px;
        --chip-text-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-rounded-medium-b-bright-outline"], [data-theme='light'] [component-variant="chip-rounded-medium-b-bright-outline"] {
        --chip-text-font-family: var(--font-family-body);
        --chip-text-font-size: var(--font-size-body-small);
        --chip-text-font-weight: var(--font-weight-medium);
        --chip-text-color: var(--text-primary);
        --chip-text-line-height: var(--line-height-body-small);
        --chip-text-paragraph-spacing: 0px;
        --chip-text-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-rounded-medium-c-bright-outline"], [data-theme='light'] [component-variant="chip-rounded-medium-c-bright-outline"] {
        --chip-text-font-family: var(--font-family-body);
        --chip-text-font-size: var(--font-size-body-small);
        --chip-text-font-weight: var(--font-weight-medium);
        --chip-text-color: var(--text-primary);
        --chip-text-line-height: var(--line-height-body-small);
        --chip-text-paragraph-spacing: 0px;
        --chip-text-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-rounded-medium-d-bright-outline"], [data-theme='light'] [component-variant="chip-rounded-medium-d-bright-outline"] {
        --chip-text-font-family: var(--font-family-body);
        --chip-text-font-size: var(--font-size-body-small);
        --chip-text-font-weight: var(--font-weight-medium);
        --chip-text-color: var(--text-primary);
        --chip-text-line-height: var(--line-height-body-small);
        --chip-text-paragraph-spacing: 0px;
        --chip-text-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-rounded-medium-e-bright-outline"], [data-theme='light'] [component-variant="chip-rounded-medium-e-bright-outline"] {
        --chip-text-font-family: var(--font-family-body);
        --chip-text-font-size: var(--font-size-body-small);
        --chip-text-font-weight: var(--font-weight-medium);
        --chip-text-color: var(--text-primary);
        --chip-text-line-height: var(--line-height-body-small);
        --chip-text-paragraph-spacing: 0px;
        --chip-text-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-rounded-medium-f-bright-outline"], [data-theme='light'] [component-variant="chip-rounded-medium-f-bright-outline"] {
        --chip-text-font-family: var(--font-family-body);
        --chip-text-font-size: var(--font-size-body-small);
        --chip-text-font-weight: var(--font-weight-medium);
        --chip-text-color: var(--text-primary);
        --chip-text-line-height: var(--line-height-body-small);
        --chip-text-paragraph-spacing: 0px;
        --chip-text-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-rounded-medium-a-subdued"], [data-theme='light'] [component-variant="chip-rounded-medium-a-subdued"] {
        --chip-text-font-family: var(--font-family-body);
        --chip-text-font-size: var(--font-size-body-small);
        --chip-text-font-weight: var(--font-weight-medium);
        --chip-text-color: var(--decorative-text-orange);
        --chip-text-line-height: var(--line-height-body-small);
        --chip-text-paragraph-spacing: 0px;
        --chip-text-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-rounded-medium-a-subdued-outline"], [data-theme='light'] [component-variant="chip-rounded-medium-a-subdued-outline"] {
        --chip-text-font-family: var(--font-family-body);
        --chip-text-font-size: var(--font-size-body-small);
        --chip-text-font-weight: var(--font-weight-medium);
        --chip-text-color: var(--decorative-text-orange);
        --chip-text-line-height: var(--line-height-body-small);
        --chip-text-paragraph-spacing: 0px;
        --chip-text-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-rounded-medium-b-subdued"], [data-theme='light'] [component-variant="chip-rounded-medium-b-subdued"] {
        --chip-text-font-family: var(--font-family-body);
        --chip-text-font-size: var(--font-size-body-small);
        --chip-text-font-weight: var(--font-weight-medium);
        --chip-text-color: var(--decorative-text-green);
        --chip-text-line-height: var(--line-height-body-small);
        --chip-text-paragraph-spacing: 0px;
        --chip-text-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-rounded-medium-b-subdued-outline"], [data-theme='light'] [component-variant="chip-rounded-medium-b-subdued-outline"] {
        --chip-text-font-family: var(--font-family-body);
        --chip-text-font-size: var(--font-size-body-small);
        --chip-text-font-weight: var(--font-weight-medium);
        --chip-text-color: var(--decorative-text-green);
        --chip-text-line-height: var(--line-height-body-small);
        --chip-text-paragraph-spacing: 0px;
        --chip-text-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-rounded-medium-c-subdued"], [data-theme='light'] [component-variant="chip-rounded-medium-c-subdued"] {
        --chip-text-font-family: var(--font-family-body);
        --chip-text-font-size: var(--font-size-body-small);
        --chip-text-font-weight: var(--font-weight-medium);
        --chip-text-color: var(--decorative-text-blue);
        --chip-text-line-height: var(--line-height-body-small);
        --chip-text-paragraph-spacing: 0px;
        --chip-text-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-rounded-medium-c-subdued-outline"], [data-theme='light'] [component-variant="chip-rounded-medium-c-subdued-outline"] {
        --chip-text-font-family: var(--font-family-body);
        --chip-text-font-size: var(--font-size-body-small);
        --chip-text-font-weight: var(--font-weight-medium);
        --chip-text-color: var(--decorative-text-blue);
        --chip-text-line-height: var(--line-height-body-small);
        --chip-text-paragraph-spacing: 0px;
        --chip-text-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-rounded-medium-d-subdued"], [data-theme='light'] [component-variant="chip-rounded-medium-d-subdued"] {
        --chip-text-font-family: var(--font-family-body);
        --chip-text-font-size: var(--font-size-body-small);
        --chip-text-font-weight: var(--font-weight-medium);
        --chip-text-color: var(--decorative-text-purple);
        --chip-text-line-height: var(--line-height-body-small);
        --chip-text-paragraph-spacing: 0px;
        --chip-text-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-rounded-medium-d-subdued-outline"], [data-theme='light'] [component-variant="chip-rounded-medium-d-subdued-outline"] {
        --chip-text-font-family: var(--font-family-body);
        --chip-text-font-size: var(--font-size-body-small);
        --chip-text-font-weight: var(--font-weight-medium);
        --chip-text-color: var(--decorative-text-purple);
        --chip-text-line-height: var(--line-height-body-small);
        --chip-text-paragraph-spacing: 0px;
        --chip-text-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-rounded-medium-e-subdued"], [data-theme='light'] [component-variant="chip-rounded-medium-e-subdued"] {
        --chip-text-font-family: var(--font-family-body);
        --chip-text-font-size: var(--font-size-body-small);
        --chip-text-font-weight: var(--font-weight-medium);
        --chip-text-color: var(--decorative-text-red);
        --chip-text-line-height: var(--line-height-body-small);
        --chip-text-paragraph-spacing: 0px;
        --chip-text-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-rounded-medium-e-subdued-outline"], [data-theme='light'] [component-variant="chip-rounded-medium-e-subdued-outline"] {
        --chip-text-font-family: var(--font-family-body);
        --chip-text-font-size: var(--font-size-body-small);
        --chip-text-font-weight: var(--font-weight-medium);
        --chip-text-color: var(--decorative-text-red);
        --chip-text-line-height: var(--line-height-body-small);
        --chip-text-paragraph-spacing: 0px;
        --chip-text-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-rounded-medium-f-subdued"], [data-theme='light'] [component-variant="chip-rounded-medium-f-subdued"] {
        --chip-text-font-family: var(--font-family-body);
        --chip-text-font-size: var(--font-size-body-small);
        --chip-text-font-weight: var(--font-weight-medium);
        --chip-text-color: var(--decorative-text-gray);
        --chip-text-line-height: var(--line-height-body-small);
        --chip-text-paragraph-spacing: 0px;
        --chip-text-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-rounded-medium-f-subdued-outline"], [data-theme='light'] [component-variant="chip-rounded-medium-f-subdued-outline"] {
        --chip-text-font-family: var(--font-family-body);
        --chip-text-font-size: var(--font-size-body-small);
        --chip-text-font-weight: var(--font-weight-medium);
        --chip-text-color: var(--decorative-text-gray);
        --chip-text-line-height: var(--line-height-body-small);
        --chip-text-paragraph-spacing: 0px;
        --chip-text-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-squared-medium-a-bright"], [data-theme='light'] [component-variant="chip-squared-medium-a-bright"] {
        --chip-text-font-family: var(--font-family-body);
        --chip-text-font-size: var(--font-size-body-small);
        --chip-text-font-weight: var(--font-weight-medium);
        --chip-text-color: var(--text-primary);
        --chip-text-line-height: var(--line-height-body-small);
        --chip-text-paragraph-spacing: 0px;
        --chip-text-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-squared-medium-b-bright"], [data-theme='light'] [component-variant="chip-squared-medium-b-bright"] {
        --chip-text-font-family: var(--font-family-body);
        --chip-text-font-size: var(--font-size-body-small);
        --chip-text-font-weight: var(--font-weight-medium);
        --chip-text-color: var(--text-primary);
        --chip-text-line-height: var(--line-height-body-small);
        --chip-text-paragraph-spacing: 0px;
        --chip-text-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-squared-medium-c-bright"], [data-theme='light'] [component-variant="chip-squared-medium-c-bright"] {
        --chip-text-font-family: var(--font-family-body);
        --chip-text-font-size: var(--font-size-body-small);
        --chip-text-font-weight: var(--font-weight-medium);
        --chip-text-color: var(--text-primary);
        --chip-text-line-height: var(--line-height-body-small);
        --chip-text-paragraph-spacing: 0px;
        --chip-text-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-squared-medium-d-bright"], [data-theme='light'] [component-variant="chip-squared-medium-d-bright"] {
        --chip-text-font-family: var(--font-family-body);
        --chip-text-font-size: var(--font-size-body-small);
        --chip-text-font-weight: var(--font-weight-medium);
        --chip-text-color: var(--text-primary);
        --chip-text-line-height: var(--line-height-body-small);
        --chip-text-paragraph-spacing: 0px;
        --chip-text-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-squared-medium-e-bright"], [data-theme='light'] [component-variant="chip-squared-medium-e-bright"] {
        --chip-text-font-family: var(--font-family-body);
        --chip-text-font-size: var(--font-size-body-small);
        --chip-text-font-weight: var(--font-weight-medium);
        --chip-text-color: var(--text-primary);
        --chip-text-line-height: var(--line-height-body-small);
        --chip-text-paragraph-spacing: 0px;
        --chip-text-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-squared-medium-f-bright"], [data-theme='light'] [component-variant="chip-squared-medium-f-bright"] {
        --chip-text-font-family: var(--font-family-body);
        --chip-text-font-size: var(--font-size-body-small);
        --chip-text-font-weight: var(--font-weight-medium);
        --chip-text-color: var(--text-primary);
        --chip-text-line-height: var(--line-height-body-small);
        --chip-text-paragraph-spacing: 0px;
        --chip-text-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-squared-medium-a-bright-outline"], [data-theme='light'] [component-variant="chip-squared-medium-a-bright-outline"] {
        --chip-text-font-family: var(--font-family-body);
        --chip-text-font-size: var(--font-size-body-small);
        --chip-text-font-weight: var(--font-weight-medium);
        --chip-text-color: var(--text-primary);
        --chip-text-line-height: var(--line-height-body-small);
        --chip-text-paragraph-spacing: 0px;
        --chip-text-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-squared-medium-b-bright-outline"], [data-theme='light'] [component-variant="chip-squared-medium-b-bright-outline"] {
        --chip-text-font-family: var(--font-family-body);
        --chip-text-font-size: var(--font-size-body-small);
        --chip-text-font-weight: var(--font-weight-medium);
        --chip-text-color: var(--text-primary);
        --chip-text-line-height: var(--line-height-body-small);
        --chip-text-paragraph-spacing: 0px;
        --chip-text-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-squared-medium-c-bright-outline"], [data-theme='light'] [component-variant="chip-squared-medium-c-bright-outline"] {
        --chip-text-font-family: var(--font-family-body);
        --chip-text-font-size: var(--font-size-body-small);
        --chip-text-font-weight: var(--font-weight-medium);
        --chip-text-color: var(--text-primary);
        --chip-text-line-height: var(--line-height-body-small);
        --chip-text-paragraph-spacing: 0px;
        --chip-text-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-squared-medium-d-bright-outline"], [data-theme='light'] [component-variant="chip-squared-medium-d-bright-outline"] {
        --chip-text-font-family: var(--font-family-body);
        --chip-text-font-size: var(--font-size-body-small);
        --chip-text-font-weight: var(--font-weight-medium);
        --chip-text-color: var(--text-primary);
        --chip-text-line-height: var(--line-height-body-small);
        --chip-text-paragraph-spacing: 0px;
        --chip-text-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-squared-medium-e-bright-outline"], [data-theme='light'] [component-variant="chip-squared-medium-e-bright-outline"] {
        --chip-text-font-family: var(--font-family-body);
        --chip-text-font-size: var(--font-size-body-small);
        --chip-text-font-weight: var(--font-weight-medium);
        --chip-text-color: var(--text-primary);
        --chip-text-line-height: var(--line-height-body-small);
        --chip-text-paragraph-spacing: 0px;
        --chip-text-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-squared-medium-f-bright-outline"], [data-theme='light'] [component-variant="chip-squared-medium-f-bright-outline"] {
        --chip-text-font-family: var(--font-family-body);
        --chip-text-font-size: var(--font-size-body-small);
        --chip-text-font-weight: var(--font-weight-medium);
        --chip-text-color: var(--text-primary);
        --chip-text-line-height: var(--line-height-body-small);
        --chip-text-paragraph-spacing: 0px;
        --chip-text-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-squared-medium-a-subdued"], [data-theme='light'] [component-variant="chip-squared-medium-a-subdued"] {
        --chip-text-font-family: var(--font-family-body);
        --chip-text-font-size: var(--font-size-body-small);
        --chip-text-font-weight: var(--font-weight-medium);
        --chip-text-color: var(--decorative-text-orange);
        --chip-text-line-height: var(--line-height-body-small);
        --chip-text-paragraph-spacing: 0px;
        --chip-text-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-squared-medium-a-subdued-outline"], [data-theme='light'] [component-variant="chip-squared-medium-a-subdued-outline"] {
        --chip-text-font-family: var(--font-family-body);
        --chip-text-font-size: var(--font-size-body-small);
        --chip-text-font-weight: var(--font-weight-medium);
        --chip-text-color: var(--decorative-text-orange);
        --chip-text-line-height: var(--line-height-body-small);
        --chip-text-paragraph-spacing: 0px;
        --chip-text-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-squared-medium-b-subdued"], [data-theme='light'] [component-variant="chip-squared-medium-b-subdued"] {
        --chip-text-font-family: var(--font-family-body);
        --chip-text-font-size: var(--font-size-body-small);
        --chip-text-font-weight: var(--font-weight-medium);
        --chip-text-color: var(--decorative-text-green);
        --chip-text-line-height: var(--line-height-body-small);
        --chip-text-paragraph-spacing: 0px;
        --chip-text-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-squared-medium-b-subdued-outline"], [data-theme='light'] [component-variant="chip-squared-medium-b-subdued-outline"] {
        --chip-text-font-family: var(--font-family-body);
        --chip-text-font-size: var(--font-size-body-small);
        --chip-text-font-weight: var(--font-weight-medium);
        --chip-text-color: var(--decorative-text-green);
        --chip-text-line-height: var(--line-height-body-small);
        --chip-text-paragraph-spacing: 0px;
        --chip-text-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-squared-medium-c-subdued"], [data-theme='light'] [component-variant="chip-squared-medium-c-subdued"] {
        --chip-text-font-family: var(--font-family-body);
        --chip-text-font-size: var(--font-size-body-small);
        --chip-text-font-weight: var(--font-weight-medium);
        --chip-text-color: var(--decorative-text-blue);
        --chip-text-line-height: var(--line-height-body-small);
        --chip-text-paragraph-spacing: 0px;
        --chip-text-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-squared-medium-c-subdued-outline"], [data-theme='light'] [component-variant="chip-squared-medium-c-subdued-outline"] {
        --chip-text-font-family: var(--font-family-body);
        --chip-text-font-size: var(--font-size-body-small);
        --chip-text-font-weight: var(--font-weight-medium);
        --chip-text-color: var(--decorative-text-blue);
        --chip-text-line-height: var(--line-height-body-small);
        --chip-text-paragraph-spacing: 0px;
        --chip-text-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-squared-medium-d-subdued"], [data-theme='light'] [component-variant="chip-squared-medium-d-subdued"] {
        --chip-text-font-family: var(--font-family-body);
        --chip-text-font-size: var(--font-size-body-small);
        --chip-text-font-weight: var(--font-weight-medium);
        --chip-text-color: var(--decorative-text-purple);
        --chip-text-line-height: var(--line-height-body-small);
        --chip-text-paragraph-spacing: 0px;
        --chip-text-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-squared-medium-d-subdued-outline"], [data-theme='light'] [component-variant="chip-squared-medium-d-subdued-outline"] {
        --chip-text-font-family: var(--font-family-body);
        --chip-text-font-size: var(--font-size-body-small);
        --chip-text-font-weight: var(--font-weight-medium);
        --chip-text-color: var(--decorative-text-purple);
        --chip-text-line-height: var(--line-height-body-small);
        --chip-text-paragraph-spacing: 0px;
        --chip-text-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-squared-medium-e-subdued"], [data-theme='light'] [component-variant="chip-squared-medium-e-subdued"] {
        --chip-text-font-family: var(--font-family-body);
        --chip-text-font-size: var(--font-size-body-small);
        --chip-text-font-weight: var(--font-weight-medium);
        --chip-text-color: var(--decorative-text-red);
        --chip-text-line-height: var(--line-height-body-small);
        --chip-text-paragraph-spacing: 0px;
        --chip-text-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-squared-medium-e-subdued-outline"], [data-theme='light'] [component-variant="chip-squared-medium-e-subdued-outline"] {
        --chip-text-font-family: var(--font-family-body);
        --chip-text-font-size: var(--font-size-body-small);
        --chip-text-font-weight: var(--font-weight-medium);
        --chip-text-color: var(--decorative-text-red);
        --chip-text-line-height: var(--line-height-body-small);
        --chip-text-paragraph-spacing: 0px;
        --chip-text-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-squared-medium-f-subdued"], [data-theme='light'] [component-variant="chip-squared-medium-f-subdued"] {
        --chip-text-font-family: var(--font-family-body);
        --chip-text-font-size: var(--font-size-body-small);
        --chip-text-font-weight: var(--font-weight-medium);
        --chip-text-color: var(--decorative-text-gray);
        --chip-text-line-height: var(--line-height-body-small);
        --chip-text-paragraph-spacing: 0px;
        --chip-text-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-squared-medium-f-subdued-outline"], [data-theme='light'] [component-variant="chip-squared-medium-f-subdued-outline"] {
        --chip-text-font-family: var(--font-family-body);
        --chip-text-font-size: var(--font-size-body-small);
        --chip-text-font-weight: var(--font-weight-medium);
        --chip-text-color: var(--decorative-text-gray);
        --chip-text-line-height: var(--line-height-body-small);
        --chip-text-paragraph-spacing: 0px;
        --chip-text-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-rounded-small-a-bright"], [data-theme='light'] [component-variant="chip-rounded-small-a-bright"] {
        --chip-text-font-family: var(--font-family-body);
        --chip-text-font-size: var(--font-size-body-small);
        --chip-text-font-weight: var(--font-weight-medium);
        --chip-text-color: var(--text-primary);
        --chip-text-line-height: var(--line-height-body-small);
        --chip-text-paragraph-spacing: 0px;
        --chip-text-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-rounded-small-b-bright"], [data-theme='light'] [component-variant="chip-rounded-small-b-bright"] {
        --chip-text-font-family: var(--font-family-body);
        --chip-text-font-size: var(--font-size-body-small);
        --chip-text-font-weight: var(--font-weight-medium);
        --chip-text-color: var(--text-primary);
        --chip-text-line-height: var(--line-height-body-small);
        --chip-text-paragraph-spacing: 0px;
        --chip-text-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-rounded-small-c-bright"], [data-theme='light'] [component-variant="chip-rounded-small-c-bright"] {
        --chip-text-font-family: var(--font-family-body);
        --chip-text-font-size: var(--font-size-body-small);
        --chip-text-font-weight: var(--font-weight-medium);
        --chip-text-color: var(--text-primary);
        --chip-text-line-height: var(--line-height-body-small);
        --chip-text-paragraph-spacing: 0px;
        --chip-text-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-rounded-small-d-bright"], [data-theme='light'] [component-variant="chip-rounded-small-d-bright"] {
        --chip-text-font-family: var(--font-family-body);
        --chip-text-font-size: var(--font-size-body-small);
        --chip-text-font-weight: var(--font-weight-medium);
        --chip-text-color: var(--text-primary);
        --chip-text-line-height: var(--line-height-body-small);
        --chip-text-paragraph-spacing: 0px;
        --chip-text-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-rounded-small-e-bright"], [data-theme='light'] [component-variant="chip-rounded-small-e-bright"] {
        --chip-text-font-family: var(--font-family-body);
        --chip-text-font-size: var(--font-size-body-small);
        --chip-text-font-weight: var(--font-weight-medium);
        --chip-text-color: var(--text-primary);
        --chip-text-line-height: var(--line-height-body-small);
        --chip-text-paragraph-spacing: 0px;
        --chip-text-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-rounded-small-f-bright"], [data-theme='light'] [component-variant="chip-rounded-small-f-bright"] {
        --chip-text-font-family: var(--font-family-body);
        --chip-text-font-size: var(--font-size-body-small);
        --chip-text-font-weight: var(--font-weight-medium);
        --chip-text-color: var(--text-primary);
        --chip-text-line-height: var(--line-height-body-small);
        --chip-text-paragraph-spacing: 0px;
        --chip-text-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-rounded-small-a-bright-outline"], [data-theme='light'] [component-variant="chip-rounded-small-a-bright-outline"] {
        --chip-text-font-family: var(--font-family-body);
        --chip-text-font-size: var(--font-size-body-small);
        --chip-text-font-weight: var(--font-weight-medium);
        --chip-text-color: var(--text-primary);
        --chip-text-line-height: var(--line-height-body-small);
        --chip-text-paragraph-spacing: 0px;
        --chip-text-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-rounded-small-b-bright-outline"], [data-theme='light'] [component-variant="chip-rounded-small-b-bright-outline"] {
        --chip-text-font-family: var(--font-family-body);
        --chip-text-font-size: var(--font-size-body-small);
        --chip-text-font-weight: var(--font-weight-medium);
        --chip-text-color: var(--text-primary);
        --chip-text-line-height: var(--line-height-body-small);
        --chip-text-paragraph-spacing: 0px;
        --chip-text-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-rounded-small-c-bright-outline"], [data-theme='light'] [component-variant="chip-rounded-small-c-bright-outline"] {
        --chip-text-font-family: var(--font-family-body);
        --chip-text-font-size: var(--font-size-body-small);
        --chip-text-font-weight: var(--font-weight-medium);
        --chip-text-color: var(--text-primary);
        --chip-text-line-height: var(--line-height-body-small);
        --chip-text-paragraph-spacing: 0px;
        --chip-text-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-rounded-small-d-bright-outline"], [data-theme='light'] [component-variant="chip-rounded-small-d-bright-outline"] {
        --chip-text-font-family: var(--font-family-body);
        --chip-text-font-size: var(--font-size-body-small);
        --chip-text-font-weight: var(--font-weight-medium);
        --chip-text-color: var(--text-primary);
        --chip-text-line-height: var(--line-height-body-small);
        --chip-text-paragraph-spacing: 0px;
        --chip-text-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-rounded-small-e-bright-outline"], [data-theme='light'] [component-variant="chip-rounded-small-e-bright-outline"] {
        --chip-text-font-family: var(--font-family-body);
        --chip-text-font-size: var(--font-size-body-small);
        --chip-text-font-weight: var(--font-weight-medium);
        --chip-text-color: var(--text-primary);
        --chip-text-line-height: var(--line-height-body-small);
        --chip-text-paragraph-spacing: 0px;
        --chip-text-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-rounded-small-f-bright-outline"], [data-theme='light'] [component-variant="chip-rounded-small-f-bright-outline"] {
        --chip-text-font-family: var(--font-family-body);
        --chip-text-font-size: var(--font-size-body-small);
        --chip-text-font-weight: var(--font-weight-medium);
        --chip-text-color: var(--text-primary);
        --chip-text-line-height: var(--line-height-body-small);
        --chip-text-paragraph-spacing: 0px;
        --chip-text-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-rounded-small-a-subdued"], [data-theme='light'] [component-variant="chip-rounded-small-a-subdued"] {
        --chip-text-font-family: var(--font-family-body);
        --chip-text-font-size: var(--font-size-body-small);
        --chip-text-font-weight: var(--font-weight-medium);
        --chip-text-color: var(--decorative-text-orange);
        --chip-text-line-height: var(--line-height-body-small);
        --chip-text-paragraph-spacing: 0px;
        --chip-text-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-rounded-small-a-subdued-outline"], [data-theme='light'] [component-variant="chip-rounded-small-a-subdued-outline"] {
        --chip-text-font-family: var(--font-family-body);
        --chip-text-font-size: var(--font-size-body-small);
        --chip-text-font-weight: var(--font-weight-medium);
        --chip-text-color: var(--decorative-text-orange);
        --chip-text-line-height: var(--line-height-body-small);
        --chip-text-paragraph-spacing: 0px;
        --chip-text-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-rounded-small-b-subdued"], [data-theme='light'] [component-variant="chip-rounded-small-b-subdued"] {
        --chip-text-font-family: var(--font-family-body);
        --chip-text-font-size: var(--font-size-body-small);
        --chip-text-font-weight: var(--font-weight-medium);
        --chip-text-color: var(--decorative-text-green);
        --chip-text-line-height: var(--line-height-body-small);
        --chip-text-paragraph-spacing: 0px;
        --chip-text-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-rounded-small-b-subdued-outline"], [data-theme='light'] [component-variant="chip-rounded-small-b-subdued-outline"] {
        --chip-text-font-family: var(--font-family-body);
        --chip-text-font-size: var(--font-size-body-small);
        --chip-text-font-weight: var(--font-weight-medium);
        --chip-text-color: var(--decorative-text-green);
        --chip-text-line-height: var(--line-height-body-small);
        --chip-text-paragraph-spacing: 0px;
        --chip-text-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-rounded-small-c-subdued"], [data-theme='light'] [component-variant="chip-rounded-small-c-subdued"] {
        --chip-text-font-family: var(--font-family-body);
        --chip-text-font-size: var(--font-size-body-small);
        --chip-text-font-weight: var(--font-weight-medium);
        --chip-text-color: var(--decorative-text-blue);
        --chip-text-line-height: var(--line-height-body-small);
        --chip-text-paragraph-spacing: 0px;
        --chip-text-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-rounded-small-c-subdued-outline"], [data-theme='light'] [component-variant="chip-rounded-small-c-subdued-outline"] {
        --chip-text-font-family: var(--font-family-body);
        --chip-text-font-size: var(--font-size-body-small);
        --chip-text-font-weight: var(--font-weight-medium);
        --chip-text-color: var(--decorative-text-blue);
        --chip-text-line-height: var(--line-height-body-small);
        --chip-text-paragraph-spacing: 0px;
        --chip-text-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-rounded-small-d-subdued"], [data-theme='light'] [component-variant="chip-rounded-small-d-subdued"] {
        --chip-text-font-family: var(--font-family-body);
        --chip-text-font-size: var(--font-size-body-small);
        --chip-text-font-weight: var(--font-weight-medium);
        --chip-text-color: var(--decorative-text-purple);
        --chip-text-line-height: var(--line-height-body-small);
        --chip-text-paragraph-spacing: 0px;
        --chip-text-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-rounded-small-d-subdued-outline"], [data-theme='light'] [component-variant="chip-rounded-small-d-subdued-outline"] {
        --chip-text-font-family: var(--font-family-body);
        --chip-text-font-size: var(--font-size-body-small);
        --chip-text-font-weight: var(--font-weight-medium);
        --chip-text-color: var(--decorative-text-purple);
        --chip-text-line-height: var(--line-height-body-small);
        --chip-text-paragraph-spacing: 0px;
        --chip-text-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-rounded-small-e-subdued"], [data-theme='light'] [component-variant="chip-rounded-small-e-subdued"] {
        --chip-text-font-family: var(--font-family-body);
        --chip-text-font-size: var(--font-size-body-small);
        --chip-text-font-weight: var(--font-weight-medium);
        --chip-text-color: var(--decorative-text-red);
        --chip-text-line-height: var(--line-height-body-small);
        --chip-text-paragraph-spacing: 0px;
        --chip-text-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-rounded-small-e-subdued-outline"], [data-theme='light'] [component-variant="chip-rounded-small-e-subdued-outline"] {
        --chip-text-font-family: var(--font-family-body);
        --chip-text-font-size: var(--font-size-body-small);
        --chip-text-font-weight: var(--font-weight-medium);
        --chip-text-color: var(--decorative-text-red);
        --chip-text-line-height: var(--line-height-body-small);
        --chip-text-paragraph-spacing: 0px;
        --chip-text-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-rounded-small-f-subdued"], [data-theme='light'] [component-variant="chip-rounded-small-f-subdued"] {
        --chip-text-font-family: var(--font-family-body);
        --chip-text-font-size: var(--font-size-body-small);
        --chip-text-font-weight: var(--font-weight-medium);
        --chip-text-color: var(--decorative-text-gray);
        --chip-text-line-height: var(--line-height-body-small);
        --chip-text-paragraph-spacing: 0px;
        --chip-text-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-rounded-small-f-subdued-outline"], [data-theme='light'] [component-variant="chip-rounded-small-f-subdued-outline"] {
        --chip-text-font-family: var(--font-family-body);
        --chip-text-font-size: var(--font-size-body-small);
        --chip-text-font-weight: var(--font-weight-medium);
        --chip-text-color: var(--decorative-text-gray);
        --chip-text-line-height: var(--line-height-body-small);
        --chip-text-paragraph-spacing: 0px;
        --chip-text-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-squared-small-a-bright"], [data-theme='light'] [component-variant="chip-squared-small-a-bright"] {
        --chip-text-font-family: var(--font-family-body);
        --chip-text-font-size: var(--font-size-body-small);
        --chip-text-font-weight: var(--font-weight-medium);
        --chip-text-color: var(--text-primary);
        --chip-text-line-height: var(--line-height-body-small);
        --chip-text-paragraph-spacing: 0px;
        --chip-text-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-squared-small-b-bright"], [data-theme='light'] [component-variant="chip-squared-small-b-bright"] {
        --chip-text-font-family: var(--font-family-body);
        --chip-text-font-size: var(--font-size-body-small);
        --chip-text-font-weight: var(--font-weight-medium);
        --chip-text-color: var(--text-primary);
        --chip-text-line-height: var(--line-height-body-small);
        --chip-text-paragraph-spacing: 0px;
        --chip-text-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-squared-small-c-bright"], [data-theme='light'] [component-variant="chip-squared-small-c-bright"] {
        --chip-text-font-family: var(--font-family-body);
        --chip-text-font-size: var(--font-size-body-small);
        --chip-text-font-weight: var(--font-weight-medium);
        --chip-text-color: var(--text-primary);
        --chip-text-line-height: var(--line-height-body-small);
        --chip-text-paragraph-spacing: 0px;
        --chip-text-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-squared-small-d-bright"], [data-theme='light'] [component-variant="chip-squared-small-d-bright"] {
        --chip-text-font-family: var(--font-family-body);
        --chip-text-font-size: var(--font-size-body-small);
        --chip-text-font-weight: var(--font-weight-medium);
        --chip-text-color: var(--text-primary);
        --chip-text-line-height: var(--line-height-body-small);
        --chip-text-paragraph-spacing: 0px;
        --chip-text-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-squared-small-e-bright"], [data-theme='light'] [component-variant="chip-squared-small-e-bright"] {
        --chip-text-font-family: var(--font-family-body);
        --chip-text-font-size: var(--font-size-body-small);
        --chip-text-font-weight: var(--font-weight-medium);
        --chip-text-color: var(--text-primary);
        --chip-text-line-height: var(--line-height-body-small);
        --chip-text-paragraph-spacing: 0px;
        --chip-text-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-squared-small-f-bright"], [data-theme='light'] [component-variant="chip-squared-small-f-bright"] {
        --chip-text-font-family: var(--font-family-body);
        --chip-text-font-size: var(--font-size-body-small);
        --chip-text-font-weight: var(--font-weight-medium);
        --chip-text-color: var(--text-primary);
        --chip-text-line-height: var(--line-height-body-small);
        --chip-text-paragraph-spacing: 0px;
        --chip-text-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-squared-small-a-bright-outline"], [data-theme='light'] [component-variant="chip-squared-small-a-bright-outline"] {
        --chip-text-font-family: var(--font-family-body);
        --chip-text-font-size: var(--font-size-body-small);
        --chip-text-font-weight: var(--font-weight-medium);
        --chip-text-color: var(--text-primary);
        --chip-text-line-height: var(--line-height-body-small);
        --chip-text-paragraph-spacing: 0px;
        --chip-text-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-squared-small-b-bright-outline"], [data-theme='light'] [component-variant="chip-squared-small-b-bright-outline"] {
        --chip-text-font-family: var(--font-family-body);
        --chip-text-font-size: var(--font-size-body-small);
        --chip-text-font-weight: var(--font-weight-medium);
        --chip-text-color: var(--text-primary);
        --chip-text-line-height: var(--line-height-body-small);
        --chip-text-paragraph-spacing: 0px;
        --chip-text-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-squared-small-c-bright-outline"], [data-theme='light'] [component-variant="chip-squared-small-c-bright-outline"] {
        --chip-text-font-family: var(--font-family-body);
        --chip-text-font-size: var(--font-size-body-small);
        --chip-text-font-weight: var(--font-weight-medium);
        --chip-text-color: var(--text-primary);
        --chip-text-line-height: var(--line-height-body-small);
        --chip-text-paragraph-spacing: 0px;
        --chip-text-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-squared-small-d-bright-outline"], [data-theme='light'] [component-variant="chip-squared-small-d-bright-outline"] {
        --chip-text-font-family: var(--font-family-body);
        --chip-text-font-size: var(--font-size-body-small);
        --chip-text-font-weight: var(--font-weight-medium);
        --chip-text-color: var(--text-primary);
        --chip-text-line-height: var(--line-height-body-small);
        --chip-text-paragraph-spacing: 0px;
        --chip-text-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-squared-small-e-bright-outline"], [data-theme='light'] [component-variant="chip-squared-small-e-bright-outline"] {
        --chip-text-font-family: var(--font-family-body);
        --chip-text-font-size: var(--font-size-body-small);
        --chip-text-font-weight: var(--font-weight-medium);
        --chip-text-color: var(--text-primary);
        --chip-text-line-height: var(--line-height-body-small);
        --chip-text-paragraph-spacing: 0px;
        --chip-text-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-squared-small-f-bright-outline"], [data-theme='light'] [component-variant="chip-squared-small-f-bright-outline"] {
        --chip-text-font-family: var(--font-family-body);
        --chip-text-font-size: var(--font-size-body-small);
        --chip-text-font-weight: var(--font-weight-medium);
        --chip-text-color: var(--text-primary);
        --chip-text-line-height: var(--line-height-body-small);
        --chip-text-paragraph-spacing: 0px;
        --chip-text-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-squared-small-a-subdued"], [data-theme='light'] [component-variant="chip-squared-small-a-subdued"] {
        --chip-text-font-family: var(--font-family-body);
        --chip-text-font-size: var(--font-size-body-small);
        --chip-text-font-weight: var(--font-weight-medium);
        --chip-text-color: var(--decorative-text-orange);
        --chip-text-line-height: var(--line-height-body-small);
        --chip-text-paragraph-spacing: 0px;
        --chip-text-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-squared-small-a-subdued-outline"], [data-theme='light'] [component-variant="chip-squared-small-a-subdued-outline"] {
        --chip-text-font-family: var(--font-family-body);
        --chip-text-font-size: var(--font-size-body-small);
        --chip-text-font-weight: var(--font-weight-medium);
        --chip-text-color: var(--decorative-text-orange);
        --chip-text-line-height: var(--line-height-body-small);
        --chip-text-paragraph-spacing: 0px;
        --chip-text-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-squared-small-b-subdued"], [data-theme='light'] [component-variant="chip-squared-small-b-subdued"] {
        --chip-text-font-family: var(--font-family-body);
        --chip-text-font-size: var(--font-size-body-small);
        --chip-text-font-weight: var(--font-weight-medium);
        --chip-text-color: var(--decorative-text-green);
        --chip-text-line-height: var(--line-height-body-small);
        --chip-text-paragraph-spacing: 0px;
        --chip-text-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-squared-small-b-subdued-outline"], [data-theme='light'] [component-variant="chip-squared-small-b-subdued-outline"] {
        --chip-text-font-family: var(--font-family-body);
        --chip-text-font-size: var(--font-size-body-small);
        --chip-text-font-weight: var(--font-weight-medium);
        --chip-text-color: var(--decorative-text-green);
        --chip-text-line-height: var(--line-height-body-small);
        --chip-text-paragraph-spacing: 0px;
        --chip-text-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-squared-small-c-subdued"], [data-theme='light'] [component-variant="chip-squared-small-c-subdued"] {
        --chip-text-font-family: var(--font-family-body);
        --chip-text-font-size: var(--font-size-body-small);
        --chip-text-font-weight: var(--font-weight-medium);
        --chip-text-color: var(--decorative-text-blue);
        --chip-text-line-height: var(--line-height-body-small);
        --chip-text-paragraph-spacing: 0px;
        --chip-text-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-squared-small-c-subdued-outline"], [data-theme='light'] [component-variant="chip-squared-small-c-subdued-outline"] {
        --chip-text-font-family: var(--font-family-body);
        --chip-text-font-size: var(--font-size-body-small);
        --chip-text-font-weight: var(--font-weight-medium);
        --chip-text-color: var(--decorative-text-blue);
        --chip-text-line-height: var(--line-height-body-small);
        --chip-text-paragraph-spacing: 0px;
        --chip-text-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-squared-small-d-subdued"], [data-theme='light'] [component-variant="chip-squared-small-d-subdued"] {
        --chip-text-font-family: var(--font-family-body);
        --chip-text-font-size: var(--font-size-body-small);
        --chip-text-font-weight: var(--font-weight-medium);
        --chip-text-color: var(--decorative-text-purple);
        --chip-text-line-height: var(--line-height-body-small);
        --chip-text-paragraph-spacing: 0px;
        --chip-text-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-squared-small-d-subdued-outline"], [data-theme='light'] [component-variant="chip-squared-small-d-subdued-outline"] {
        --chip-text-font-family: var(--font-family-body);
        --chip-text-font-size: var(--font-size-body-small);
        --chip-text-font-weight: var(--font-weight-medium);
        --chip-text-color: var(--decorative-text-purple);
        --chip-text-line-height: var(--line-height-body-small);
        --chip-text-paragraph-spacing: 0px;
        --chip-text-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-squared-small-e-subdued"], [data-theme='light'] [component-variant="chip-squared-small-e-subdued"] {
        --chip-text-font-family: var(--font-family-body);
        --chip-text-font-size: var(--font-size-body-small);
        --chip-text-font-weight: var(--font-weight-medium);
        --chip-text-color: var(--decorative-text-red);
        --chip-text-line-height: var(--line-height-body-small);
        --chip-text-paragraph-spacing: 0px;
        --chip-text-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-squared-small-e-subdued-outline"], [data-theme='light'] [component-variant="chip-squared-small-e-subdued-outline"] {
        --chip-text-font-family: var(--font-family-body);
        --chip-text-font-size: var(--font-size-body-small);
        --chip-text-font-weight: var(--font-weight-medium);
        --chip-text-color: var(--decorative-text-red);
        --chip-text-line-height: var(--line-height-body-small);
        --chip-text-paragraph-spacing: 0px;
        --chip-text-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-squared-small-f-subdued"], [data-theme='light'] [component-variant="chip-squared-small-f-subdued"] {
        --chip-text-font-family: var(--font-family-body);
        --chip-text-font-size: var(--font-size-body-small);
        --chip-text-font-weight: var(--font-weight-medium);
        --chip-text-color: var(--decorative-text-gray);
        --chip-text-line-height: var(--line-height-body-small);
        --chip-text-paragraph-spacing: 0px;
        --chip-text-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-squared-small-f-subdued-outline"], [data-theme='light'] [component-variant="chip-squared-small-f-subdued-outline"] {
        --chip-text-font-family: var(--font-family-body);
        --chip-text-font-size: var(--font-size-body-small);
        --chip-text-font-weight: var(--font-weight-medium);
        --chip-text-color: var(--decorative-text-gray);
        --chip-text-line-height: var(--line-height-body-small);
        --chip-text-paragraph-spacing: 0px;
        --chip-text-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-rounded-medium-a-bright"], [data-theme='light'] [component-variant="chip-rounded-medium-a-bright"] {
        --chip-delete-background-color: var(--interactive-surface-ghost-default);
        --chip-delete-color: rgb(255, 255, 255);
        --chip-delete-border-top-left-radius: 100px;
        --chip-delete-border-top-right-radius: 100px;
        --chip-delete-border-bottom-left-radius: 100px;
        --chip-delete-border-bottom-right-radius: 100px;
        --chip-delete-padding-left: var(--spacing-space-3);
        --chip-delete-padding-right: var(--spacing-space-3);
        --chip-delete-padding-top: var(--spacing-space-3);
        --chip-delete-padding-bottom: var(--spacing-space-3);
        --chip-delete-row-gap: var(--spacing-space-1);
        --chip-delete-column-gap: var(--spacing-space-1);
        --chip-delete-font-family: sans-sarif;
        --chip-delete-font-size: initial;
        --chip-delete-font-weight: regular;
        --chip-delete-paragraph-spacing: 0px;
        --chip-delete-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-rounded-medium-b-bright"], [data-theme='light'] [component-variant="chip-rounded-medium-b-bright"] {
        --chip-delete-background-color: var(--interactive-surface-ghost-default);
        --chip-delete-color: var(--icon-secondary);
        --chip-delete-border-top-left-radius: var(--spacing-space-8);
        --chip-delete-border-top-right-radius: var(--spacing-space-8);
        --chip-delete-border-bottom-left-radius: var(--spacing-space-8);
        --chip-delete-border-bottom-right-radius: var(--spacing-space-8);
        --chip-delete-padding-left: var(--spacing-space-3);
        --chip-delete-padding-right: var(--spacing-space-3);
        --chip-delete-padding-top: var(--spacing-space-3);
        --chip-delete-padding-bottom: var(--spacing-space-3);
        --chip-delete-row-gap: var(--spacing-space-1);
        --chip-delete-column-gap: var(--spacing-space-1);
        --chip-delete-font-family: sans-sarif;
        --chip-delete-font-size: initial;
        --chip-delete-font-weight: regular;
        --chip-delete-paragraph-spacing: 0px;
        --chip-delete-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-rounded-medium-c-bright"], [data-theme='light'] [component-variant="chip-rounded-medium-c-bright"] {
        --chip-delete-background-color: var(--interactive-surface-ghost-default);
        --chip-delete-color: var(--icon-secondary);
        --chip-delete-border-top-left-radius: var(--corner-radius-extra-large);
        --chip-delete-border-top-right-radius: var(--corner-radius-extra-large);
        --chip-delete-border-bottom-left-radius: var(--corner-radius-extra-large);
        --chip-delete-border-bottom-right-radius: var(--corner-radius-extra-large);
        --chip-delete-padding-left: var(--spacing-space-3);
        --chip-delete-padding-right: var(--spacing-space-3);
        --chip-delete-padding-top: var(--spacing-space-3);
        --chip-delete-padding-bottom: var(--spacing-space-3);
        --chip-delete-row-gap: var(--spacing-space-1);
        --chip-delete-column-gap: var(--spacing-space-1);
        --chip-delete-font-family: sans-sarif;
        --chip-delete-font-size: initial;
        --chip-delete-font-weight: regular;
        --chip-delete-paragraph-spacing: 0px;
        --chip-delete-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-rounded-medium-d-bright"], [data-theme='light'] [component-variant="chip-rounded-medium-d-bright"] {
        --chip-delete-background-color: var(--interactive-surface-ghost-default);
        --chip-delete-color: var(--icon-secondary);
        --chip-delete-border-top-left-radius: var(--corner-radius-extra-large);
        --chip-delete-border-top-right-radius: var(--corner-radius-extra-large);
        --chip-delete-border-bottom-left-radius: var(--corner-radius-extra-large);
        --chip-delete-border-bottom-right-radius: var(--corner-radius-extra-large);
        --chip-delete-padding-left: var(--spacing-space-3);
        --chip-delete-padding-right: var(--spacing-space-3);
        --chip-delete-padding-top: var(--spacing-space-3);
        --chip-delete-padding-bottom: var(--spacing-space-3);
        --chip-delete-row-gap: var(--spacing-space-1);
        --chip-delete-column-gap: var(--spacing-space-1);
        --chip-delete-font-family: sans-sarif;
        --chip-delete-font-size: initial;
        --chip-delete-font-weight: regular;
        --chip-delete-paragraph-spacing: 0px;
        --chip-delete-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-rounded-medium-e-bright"], [data-theme='light'] [component-variant="chip-rounded-medium-e-bright"] {
        --chip-delete-background-color: var(--interactive-surface-ghost-default);
        --chip-delete-color: var(--icon-secondary);
        --chip-delete-border-top-left-radius: var(--corner-radius-extra-large);
        --chip-delete-border-top-right-radius: var(--corner-radius-extra-large);
        --chip-delete-border-bottom-left-radius: var(--corner-radius-extra-large);
        --chip-delete-border-bottom-right-radius: var(--corner-radius-extra-large);
        --chip-delete-padding-left: var(--spacing-space-3);
        --chip-delete-padding-right: var(--spacing-space-3);
        --chip-delete-padding-top: var(--spacing-space-3);
        --chip-delete-padding-bottom: var(--spacing-space-3);
        --chip-delete-row-gap: var(--spacing-space-1);
        --chip-delete-column-gap: var(--spacing-space-1);
        --chip-delete-font-family: sans-sarif;
        --chip-delete-font-size: initial;
        --chip-delete-font-weight: regular;
        --chip-delete-paragraph-spacing: 0px;
        --chip-delete-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-rounded-medium-f-bright"], [data-theme='light'] [component-variant="chip-rounded-medium-f-bright"] {
        --chip-delete-background-color: var(--interactive-surface-ghost-default);
        --chip-delete-color: var(--icon-secondary);
        --chip-delete-border-top-left-radius: var(--corner-radius-extra-large);
        --chip-delete-border-top-right-radius: var(--corner-radius-extra-large);
        --chip-delete-border-bottom-left-radius: var(--corner-radius-extra-large);
        --chip-delete-border-bottom-right-radius: var(--corner-radius-extra-large);
        --chip-delete-padding-left: var(--spacing-space-3);
        --chip-delete-padding-right: var(--spacing-space-3);
        --chip-delete-padding-top: var(--spacing-space-3);
        --chip-delete-padding-bottom: var(--spacing-space-3);
        --chip-delete-row-gap: var(--spacing-space-1);
        --chip-delete-column-gap: var(--spacing-space-1);
        --chip-delete-font-family: sans-sarif;
        --chip-delete-font-size: initial;
        --chip-delete-font-weight: regular;
        --chip-delete-paragraph-spacing: 0px;
        --chip-delete-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-rounded-medium-a-bright-outline"], [data-theme='light'] [component-variant="chip-rounded-medium-a-bright-outline"] {
        --chip-delete-background-color: var(--interactive-surface-ghost-default);
        --chip-delete-color: var(--icon-secondary);
        --chip-delete-border-top-left-radius: var(--corner-radius-extra-large);
        --chip-delete-border-top-right-radius: var(--corner-radius-extra-large);
        --chip-delete-border-bottom-left-radius: var(--corner-radius-extra-large);
        --chip-delete-border-bottom-right-radius: var(--corner-radius-extra-large);
        --chip-delete-padding-left: var(--spacing-space-3);
        --chip-delete-padding-right: var(--spacing-space-3);
        --chip-delete-padding-top: var(--spacing-space-3);
        --chip-delete-padding-bottom: var(--spacing-space-3);
        --chip-delete-row-gap: var(--spacing-space-1);
        --chip-delete-column-gap: var(--spacing-space-1);
        --chip-delete-font-family: sans-sarif;
        --chip-delete-font-size: initial;
        --chip-delete-font-weight: regular;
        --chip-delete-paragraph-spacing: 0px;
        --chip-delete-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-rounded-medium-b-bright-outline"], [data-theme='light'] [component-variant="chip-rounded-medium-b-bright-outline"] {
        --chip-delete-background-color: var(--interactive-surface-ghost-default);
        --chip-delete-color: var(--icon-secondary);
        --chip-delete-border-top-left-radius: var(--corner-radius-extra-large);
        --chip-delete-border-top-right-radius: var(--corner-radius-extra-large);
        --chip-delete-border-bottom-left-radius: var(--corner-radius-extra-large);
        --chip-delete-border-bottom-right-radius: var(--corner-radius-extra-large);
        --chip-delete-padding-left: var(--spacing-space-3);
        --chip-delete-padding-right: var(--spacing-space-3);
        --chip-delete-padding-top: var(--spacing-space-3);
        --chip-delete-padding-bottom: var(--spacing-space-3);
        --chip-delete-row-gap: var(--spacing-space-1);
        --chip-delete-column-gap: var(--spacing-space-1);
        --chip-delete-font-family: sans-sarif;
        --chip-delete-font-size: initial;
        --chip-delete-font-weight: regular;
        --chip-delete-paragraph-spacing: 0px;
        --chip-delete-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-rounded-medium-c-bright-outline"], [data-theme='light'] [component-variant="chip-rounded-medium-c-bright-outline"] {
        --chip-delete-background-color: var(--interactive-surface-ghost-default);
        --chip-delete-color: var(--icon-secondary);
        --chip-delete-border-top-left-radius: var(--corner-radius-extra-large);
        --chip-delete-border-top-right-radius: var(--corner-radius-extra-large);
        --chip-delete-border-bottom-left-radius: var(--corner-radius-extra-large);
        --chip-delete-border-bottom-right-radius: var(--corner-radius-extra-large);
        --chip-delete-padding-left: var(--spacing-space-3);
        --chip-delete-padding-right: var(--spacing-space-3);
        --chip-delete-padding-top: var(--spacing-space-3);
        --chip-delete-padding-bottom: var(--spacing-space-3);
        --chip-delete-row-gap: var(--spacing-space-1);
        --chip-delete-column-gap: var(--spacing-space-1);
        --chip-delete-font-family: sans-sarif;
        --chip-delete-font-size: initial;
        --chip-delete-font-weight: regular;
        --chip-delete-paragraph-spacing: 0px;
        --chip-delete-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-rounded-medium-d-bright-outline"], [data-theme='light'] [component-variant="chip-rounded-medium-d-bright-outline"] {
        --chip-delete-background-color: var(--interactive-surface-ghost-default);
        --chip-delete-color: var(--icon-secondary);
        --chip-delete-border-top-left-radius: var(--corner-radius-extra-large);
        --chip-delete-border-top-right-radius: var(--corner-radius-extra-large);
        --chip-delete-border-bottom-left-radius: var(--corner-radius-extra-large);
        --chip-delete-border-bottom-right-radius: var(--corner-radius-extra-large);
        --chip-delete-padding-left: var(--spacing-space-3);
        --chip-delete-padding-right: var(--spacing-space-3);
        --chip-delete-padding-top: var(--spacing-space-3);
        --chip-delete-padding-bottom: var(--spacing-space-3);
        --chip-delete-row-gap: var(--spacing-space-1);
        --chip-delete-column-gap: var(--spacing-space-1);
        --chip-delete-font-family: sans-sarif;
        --chip-delete-font-size: initial;
        --chip-delete-font-weight: regular;
        --chip-delete-paragraph-spacing: 0px;
        --chip-delete-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-rounded-medium-e-bright-outline"], [data-theme='light'] [component-variant="chip-rounded-medium-e-bright-outline"] {
        --chip-delete-background-color: var(--interactive-surface-ghost-default);
        --chip-delete-color: var(--icon-secondary);
        --chip-delete-border-top-left-radius: var(--corner-radius-extra-large);
        --chip-delete-border-top-right-radius: var(--corner-radius-extra-large);
        --chip-delete-border-bottom-left-radius: var(--corner-radius-extra-large);
        --chip-delete-border-bottom-right-radius: var(--corner-radius-extra-large);
        --chip-delete-padding-left: var(--spacing-space-3);
        --chip-delete-padding-right: var(--spacing-space-3);
        --chip-delete-padding-top: var(--spacing-space-3);
        --chip-delete-padding-bottom: var(--spacing-space-3);
        --chip-delete-row-gap: var(--spacing-space-1);
        --chip-delete-column-gap: var(--spacing-space-1);
        --chip-delete-font-family: sans-sarif;
        --chip-delete-font-size: initial;
        --chip-delete-font-weight: regular;
        --chip-delete-paragraph-spacing: 0px;
        --chip-delete-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-rounded-medium-f-bright-outline"], [data-theme='light'] [component-variant="chip-rounded-medium-f-bright-outline"] {
        --chip-delete-background-color: var(--interactive-surface-ghost-default);
        --chip-delete-color: var(--icon-secondary);
        --chip-delete-border-top-left-radius: var(--corner-radius-extra-large);
        --chip-delete-border-top-right-radius: var(--corner-radius-extra-large);
        --chip-delete-border-bottom-left-radius: var(--corner-radius-extra-large);
        --chip-delete-border-bottom-right-radius: var(--corner-radius-extra-large);
        --chip-delete-padding-left: var(--spacing-space-3);
        --chip-delete-padding-right: var(--spacing-space-3);
        --chip-delete-padding-top: var(--spacing-space-3);
        --chip-delete-padding-bottom: var(--spacing-space-3);
        --chip-delete-row-gap: var(--spacing-space-1);
        --chip-delete-column-gap: var(--spacing-space-1);
        --chip-delete-font-family: sans-sarif;
        --chip-delete-font-size: initial;
        --chip-delete-font-weight: regular;
        --chip-delete-paragraph-spacing: 0px;
        --chip-delete-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-rounded-medium-a-subdued"], [data-theme='light'] [component-variant="chip-rounded-medium-a-subdued"] {
        --chip-delete-background-color: var(--interactive-surface-ghost-default);
        --chip-delete-color: var(--icon-secondary);
        --chip-delete-border-top-left-radius: var(--corner-radius-extra-large);
        --chip-delete-border-top-right-radius: var(--corner-radius-extra-large);
        --chip-delete-border-bottom-left-radius: var(--corner-radius-extra-large);
        --chip-delete-border-bottom-right-radius: var(--corner-radius-extra-large);
        --chip-delete-padding-left: var(--spacing-space-3);
        --chip-delete-padding-right: var(--spacing-space-3);
        --chip-delete-padding-top: var(--spacing-space-3);
        --chip-delete-padding-bottom: var(--spacing-space-3);
        --chip-delete-row-gap: var(--spacing-space-1);
        --chip-delete-column-gap: var(--spacing-space-1);
        --chip-delete-font-family: sans-sarif;
        --chip-delete-font-size: initial;
        --chip-delete-font-weight: regular;
        --chip-delete-paragraph-spacing: 0px;
        --chip-delete-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-rounded-medium-a-subdued-outline"], [data-theme='light'] [component-variant="chip-rounded-medium-a-subdued-outline"] {
        --chip-delete-background-color: var(--interactive-surface-ghost-default);
        --chip-delete-color: var(--icon-secondary);
        --chip-delete-border-top-left-radius: var(--corner-radius-extra-large);
        --chip-delete-border-top-right-radius: var(--corner-radius-extra-large);
        --chip-delete-border-bottom-left-radius: var(--corner-radius-extra-large);
        --chip-delete-border-bottom-right-radius: var(--corner-radius-extra-large);
        --chip-delete-padding-left: var(--spacing-space-3);
        --chip-delete-padding-right: var(--spacing-space-3);
        --chip-delete-padding-top: var(--spacing-space-3);
        --chip-delete-padding-bottom: var(--spacing-space-3);
        --chip-delete-row-gap: var(--spacing-space-1);
        --chip-delete-column-gap: var(--spacing-space-1);
        --chip-delete-font-family: sans-sarif;
        --chip-delete-font-size: initial;
        --chip-delete-font-weight: regular;
        --chip-delete-paragraph-spacing: 0px;
        --chip-delete-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-rounded-medium-b-subdued"], [data-theme='light'] [component-variant="chip-rounded-medium-b-subdued"] {
        --chip-delete-background-color: var(--interactive-surface-ghost-default);
        --chip-delete-color: var(--icon-secondary);
        --chip-delete-border-top-left-radius: var(--corner-radius-extra-large);
        --chip-delete-border-top-right-radius: var(--corner-radius-extra-large);
        --chip-delete-border-bottom-left-radius: var(--corner-radius-extra-large);
        --chip-delete-border-bottom-right-radius: var(--corner-radius-extra-large);
        --chip-delete-padding-left: var(--spacing-space-3);
        --chip-delete-padding-right: var(--spacing-space-3);
        --chip-delete-padding-top: var(--spacing-space-3);
        --chip-delete-padding-bottom: var(--spacing-space-3);
        --chip-delete-row-gap: var(--spacing-space-1);
        --chip-delete-column-gap: var(--spacing-space-1);
        --chip-delete-font-family: sans-sarif;
        --chip-delete-font-size: initial;
        --chip-delete-font-weight: regular;
        --chip-delete-paragraph-spacing: 0px;
        --chip-delete-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-rounded-medium-b-subdued-outline"], [data-theme='light'] [component-variant="chip-rounded-medium-b-subdued-outline"] {
        --chip-delete-background-color: var(--interactive-surface-ghost-default);
        --chip-delete-color: var(--icon-secondary);
        --chip-delete-border-top-left-radius: var(--corner-radius-extra-large);
        --chip-delete-border-top-right-radius: var(--corner-radius-extra-large);
        --chip-delete-border-bottom-left-radius: var(--corner-radius-extra-large);
        --chip-delete-border-bottom-right-radius: var(--corner-radius-extra-large);
        --chip-delete-padding-left: var(--spacing-space-3);
        --chip-delete-padding-right: var(--spacing-space-3);
        --chip-delete-padding-top: var(--spacing-space-3);
        --chip-delete-padding-bottom: var(--spacing-space-3);
        --chip-delete-row-gap: var(--spacing-space-1);
        --chip-delete-column-gap: var(--spacing-space-1);
        --chip-delete-font-family: sans-sarif;
        --chip-delete-font-size: initial;
        --chip-delete-font-weight: regular;
        --chip-delete-paragraph-spacing: 0px;
        --chip-delete-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-rounded-medium-c-subdued"], [data-theme='light'] [component-variant="chip-rounded-medium-c-subdued"] {
        --chip-delete-background-color: var(--interactive-surface-ghost-default);
        --chip-delete-color: var(--icon-secondary);
        --chip-delete-border-top-left-radius: var(--corner-radius-extra-large);
        --chip-delete-border-top-right-radius: var(--corner-radius-extra-large);
        --chip-delete-border-bottom-left-radius: var(--corner-radius-extra-large);
        --chip-delete-border-bottom-right-radius: var(--corner-radius-extra-large);
        --chip-delete-padding-left: var(--spacing-space-3);
        --chip-delete-padding-right: var(--spacing-space-3);
        --chip-delete-padding-top: var(--spacing-space-3);
        --chip-delete-padding-bottom: var(--spacing-space-3);
        --chip-delete-row-gap: var(--spacing-space-1);
        --chip-delete-column-gap: var(--spacing-space-1);
        --chip-delete-font-family: sans-sarif;
        --chip-delete-font-size: initial;
        --chip-delete-font-weight: regular;
        --chip-delete-paragraph-spacing: 0px;
        --chip-delete-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-rounded-medium-c-subdued-outline"], [data-theme='light'] [component-variant="chip-rounded-medium-c-subdued-outline"] {
        --chip-delete-background-color: var(--interactive-surface-ghost-default);
        --chip-delete-color: var(--icon-secondary);
        --chip-delete-border-top-left-radius: var(--corner-radius-extra-large);
        --chip-delete-border-top-right-radius: var(--corner-radius-extra-large);
        --chip-delete-border-bottom-left-radius: var(--corner-radius-extra-large);
        --chip-delete-border-bottom-right-radius: var(--corner-radius-extra-large);
        --chip-delete-padding-left: var(--spacing-space-3);
        --chip-delete-padding-right: var(--spacing-space-3);
        --chip-delete-padding-top: var(--spacing-space-3);
        --chip-delete-padding-bottom: var(--spacing-space-3);
        --chip-delete-row-gap: var(--spacing-space-1);
        --chip-delete-column-gap: var(--spacing-space-1);
        --chip-delete-font-family: sans-sarif;
        --chip-delete-font-size: initial;
        --chip-delete-font-weight: regular;
        --chip-delete-paragraph-spacing: 0px;
        --chip-delete-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-rounded-medium-d-subdued"], [data-theme='light'] [component-variant="chip-rounded-medium-d-subdued"] {
        --chip-delete-background-color: var(--interactive-surface-ghost-default);
        --chip-delete-color: var(--icon-secondary);
        --chip-delete-border-top-left-radius: var(--corner-radius-extra-large);
        --chip-delete-border-top-right-radius: var(--corner-radius-extra-large);
        --chip-delete-border-bottom-left-radius: var(--corner-radius-extra-large);
        --chip-delete-border-bottom-right-radius: var(--corner-radius-extra-large);
        --chip-delete-padding-left: var(--spacing-space-3);
        --chip-delete-padding-right: var(--spacing-space-3);
        --chip-delete-padding-top: var(--spacing-space-3);
        --chip-delete-padding-bottom: var(--spacing-space-3);
        --chip-delete-row-gap: var(--spacing-space-1);
        --chip-delete-column-gap: var(--spacing-space-1);
        --chip-delete-font-family: sans-sarif;
        --chip-delete-font-size: initial;
        --chip-delete-font-weight: regular;
        --chip-delete-paragraph-spacing: 0px;
        --chip-delete-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-rounded-medium-d-subdued-outline"], [data-theme='light'] [component-variant="chip-rounded-medium-d-subdued-outline"] {
        --chip-delete-background-color: var(--interactive-surface-ghost-default);
        --chip-delete-color: var(--icon-secondary);
        --chip-delete-border-top-left-radius: var(--corner-radius-extra-large);
        --chip-delete-border-top-right-radius: var(--corner-radius-extra-large);
        --chip-delete-border-bottom-left-radius: var(--corner-radius-extra-large);
        --chip-delete-border-bottom-right-radius: var(--corner-radius-extra-large);
        --chip-delete-padding-left: var(--spacing-space-3);
        --chip-delete-padding-right: var(--spacing-space-3);
        --chip-delete-padding-top: var(--spacing-space-3);
        --chip-delete-padding-bottom: var(--spacing-space-3);
        --chip-delete-row-gap: var(--spacing-space-1);
        --chip-delete-column-gap: var(--spacing-space-1);
        --chip-delete-font-family: sans-sarif;
        --chip-delete-font-size: initial;
        --chip-delete-font-weight: regular;
        --chip-delete-paragraph-spacing: 0px;
        --chip-delete-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-rounded-medium-e-subdued"], [data-theme='light'] [component-variant="chip-rounded-medium-e-subdued"] {
        --chip-delete-background-color: var(--interactive-surface-ghost-default);
        --chip-delete-color: var(--icon-secondary);
        --chip-delete-border-top-left-radius: var(--corner-radius-extra-large);
        --chip-delete-border-top-right-radius: var(--corner-radius-extra-large);
        --chip-delete-border-bottom-left-radius: var(--corner-radius-extra-large);
        --chip-delete-border-bottom-right-radius: var(--corner-radius-extra-large);
        --chip-delete-padding-left: var(--spacing-space-3);
        --chip-delete-padding-right: var(--spacing-space-3);
        --chip-delete-padding-top: var(--spacing-space-3);
        --chip-delete-padding-bottom: var(--spacing-space-3);
        --chip-delete-row-gap: var(--spacing-space-1);
        --chip-delete-column-gap: var(--spacing-space-1);
        --chip-delete-font-family: sans-sarif;
        --chip-delete-font-size: initial;
        --chip-delete-font-weight: regular;
        --chip-delete-paragraph-spacing: 0px;
        --chip-delete-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-rounded-medium-e-subdued-outline"], [data-theme='light'] [component-variant="chip-rounded-medium-e-subdued-outline"] {
        --chip-delete-background-color: var(--interactive-surface-ghost-default);
        --chip-delete-color: var(--icon-secondary);
        --chip-delete-border-top-left-radius: var(--corner-radius-extra-large);
        --chip-delete-border-top-right-radius: var(--corner-radius-extra-large);
        --chip-delete-border-bottom-left-radius: var(--corner-radius-extra-large);
        --chip-delete-border-bottom-right-radius: var(--corner-radius-extra-large);
        --chip-delete-padding-left: var(--spacing-space-3);
        --chip-delete-padding-right: var(--spacing-space-3);
        --chip-delete-padding-top: var(--spacing-space-3);
        --chip-delete-padding-bottom: var(--spacing-space-3);
        --chip-delete-row-gap: var(--spacing-space-1);
        --chip-delete-column-gap: var(--spacing-space-1);
        --chip-delete-font-family: sans-sarif;
        --chip-delete-font-size: initial;
        --chip-delete-font-weight: regular;
        --chip-delete-paragraph-spacing: 0px;
        --chip-delete-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-rounded-medium-f-subdued"], [data-theme='light'] [component-variant="chip-rounded-medium-f-subdued"] {
        --chip-delete-background-color: var(--interactive-surface-ghost-default);
        --chip-delete-color: var(--icon-secondary);
        --chip-delete-border-top-left-radius: var(--corner-radius-extra-large);
        --chip-delete-border-top-right-radius: var(--corner-radius-extra-large);
        --chip-delete-border-bottom-left-radius: var(--corner-radius-extra-large);
        --chip-delete-border-bottom-right-radius: var(--corner-radius-extra-large);
        --chip-delete-padding-left: var(--spacing-space-3);
        --chip-delete-padding-right: var(--spacing-space-3);
        --chip-delete-padding-top: var(--spacing-space-3);
        --chip-delete-padding-bottom: var(--spacing-space-3);
        --chip-delete-row-gap: var(--spacing-space-1);
        --chip-delete-column-gap: var(--spacing-space-1);
        --chip-delete-font-family: sans-sarif;
        --chip-delete-font-size: initial;
        --chip-delete-font-weight: regular;
        --chip-delete-paragraph-spacing: 0px;
        --chip-delete-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-rounded-medium-f-subdued-outline"], [data-theme='light'] [component-variant="chip-rounded-medium-f-subdued-outline"] {
        --chip-delete-background-color: var(--interactive-surface-ghost-default);
        --chip-delete-color: var(--icon-secondary);
        --chip-delete-border-top-left-radius: var(--corner-radius-extra-large);
        --chip-delete-border-top-right-radius: var(--corner-radius-extra-large);
        --chip-delete-border-bottom-left-radius: var(--corner-radius-extra-large);
        --chip-delete-border-bottom-right-radius: var(--corner-radius-extra-large);
        --chip-delete-padding-left: var(--spacing-space-3);
        --chip-delete-padding-right: var(--spacing-space-3);
        --chip-delete-padding-top: var(--spacing-space-3);
        --chip-delete-padding-bottom: var(--spacing-space-3);
        --chip-delete-row-gap: var(--spacing-space-1);
        --chip-delete-column-gap: var(--spacing-space-1);
        --chip-delete-font-family: sans-sarif;
        --chip-delete-font-size: initial;
        --chip-delete-font-weight: regular;
        --chip-delete-paragraph-spacing: 0px;
        --chip-delete-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-squared-medium-a-bright"], [data-theme='light'] [component-variant="chip-squared-medium-a-bright"] {
        --chip-delete-background-color: var(--interactive-surface-ghost-default);
        --chip-delete-color: var(--icon-secondary);
        --chip-delete-border-top-left-radius: var(--spacing-space-2);
        --chip-delete-border-top-right-radius: var(--spacing-space-2);
        --chip-delete-border-bottom-left-radius: var(--spacing-space-2);
        --chip-delete-border-bottom-right-radius: var(--spacing-space-2);
        --chip-delete-padding-left: var(--spacing-space-3);
        --chip-delete-padding-right: var(--spacing-space-3);
        --chip-delete-padding-top: var(--spacing-space-3);
        --chip-delete-padding-bottom: var(--spacing-space-3);
        --chip-delete-row-gap: var(--spacing-space-1);
        --chip-delete-column-gap: var(--spacing-space-1);
        --chip-delete-font-family: sans-sarif;
        --chip-delete-font-size: initial;
        --chip-delete-font-weight: regular;
        --chip-delete-paragraph-spacing: 0px;
        --chip-delete-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-squared-medium-b-bright"], [data-theme='light'] [component-variant="chip-squared-medium-b-bright"] {
        --chip-delete-background-color: var(--interactive-surface-ghost-default);
        --chip-delete-color: var(--icon-secondary);
        --chip-delete-border-top-left-radius: var(--spacing-space-2);
        --chip-delete-border-top-right-radius: var(--spacing-space-2);
        --chip-delete-border-bottom-left-radius: var(--spacing-space-2);
        --chip-delete-border-bottom-right-radius: var(--spacing-space-2);
        --chip-delete-padding-left: var(--spacing-space-3);
        --chip-delete-padding-right: var(--spacing-space-3);
        --chip-delete-padding-top: var(--spacing-space-3);
        --chip-delete-padding-bottom: var(--spacing-space-3);
        --chip-delete-row-gap: var(--spacing-space-1);
        --chip-delete-column-gap: var(--spacing-space-1);
        --chip-delete-font-family: sans-sarif;
        --chip-delete-font-size: initial;
        --chip-delete-font-weight: regular;
        --chip-delete-paragraph-spacing: 0px;
        --chip-delete-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-squared-medium-c-bright"], [data-theme='light'] [component-variant="chip-squared-medium-c-bright"] {
        --chip-delete-background-color: var(--interactive-surface-ghost-default);
        --chip-delete-color: var(--icon-secondary);
        --chip-delete-border-top-left-radius: var(--spacing-space-2);
        --chip-delete-border-top-right-radius: var(--spacing-space-2);
        --chip-delete-border-bottom-left-radius: var(--spacing-space-2);
        --chip-delete-border-bottom-right-radius: var(--spacing-space-2);
        --chip-delete-padding-left: var(--spacing-space-3);
        --chip-delete-padding-right: var(--spacing-space-3);
        --chip-delete-padding-top: var(--spacing-space-3);
        --chip-delete-padding-bottom: var(--spacing-space-3);
        --chip-delete-row-gap: var(--spacing-space-1);
        --chip-delete-column-gap: var(--spacing-space-1);
        --chip-delete-font-family: sans-sarif;
        --chip-delete-font-size: initial;
        --chip-delete-font-weight: regular;
        --chip-delete-paragraph-spacing: 0px;
        --chip-delete-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-squared-medium-d-bright"], [data-theme='light'] [component-variant="chip-squared-medium-d-bright"] {
        --chip-delete-background-color: var(--interactive-surface-ghost-default);
        --chip-delete-color: var(--icon-secondary);
        --chip-delete-border-top-left-radius: var(--spacing-space-2);
        --chip-delete-border-top-right-radius: var(--spacing-space-2);
        --chip-delete-border-bottom-left-radius: var(--spacing-space-2);
        --chip-delete-border-bottom-right-radius: var(--spacing-space-2);
        --chip-delete-padding-left: var(--spacing-space-3);
        --chip-delete-padding-right: var(--spacing-space-3);
        --chip-delete-padding-top: var(--spacing-space-3);
        --chip-delete-padding-bottom: var(--spacing-space-3);
        --chip-delete-row-gap: var(--spacing-space-1);
        --chip-delete-column-gap: var(--spacing-space-1);
        --chip-delete-font-family: sans-sarif;
        --chip-delete-font-size: initial;
        --chip-delete-font-weight: regular;
        --chip-delete-paragraph-spacing: 0px;
        --chip-delete-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-squared-medium-e-bright"], [data-theme='light'] [component-variant="chip-squared-medium-e-bright"] {
        --chip-delete-background-color: var(--interactive-surface-ghost-default);
        --chip-delete-color: var(--icon-secondary);
        --chip-delete-border-top-left-radius: var(--spacing-space-2);
        --chip-delete-border-top-right-radius: var(--spacing-space-2);
        --chip-delete-border-bottom-left-radius: var(--spacing-space-2);
        --chip-delete-border-bottom-right-radius: var(--spacing-space-2);
        --chip-delete-padding-left: var(--spacing-space-3);
        --chip-delete-padding-right: var(--spacing-space-3);
        --chip-delete-padding-top: var(--spacing-space-3);
        --chip-delete-padding-bottom: var(--spacing-space-3);
        --chip-delete-row-gap: var(--spacing-space-1);
        --chip-delete-column-gap: var(--spacing-space-1);
        --chip-delete-font-family: sans-sarif;
        --chip-delete-font-size: initial;
        --chip-delete-font-weight: regular;
        --chip-delete-paragraph-spacing: 0px;
        --chip-delete-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-squared-medium-f-bright"], [data-theme='light'] [component-variant="chip-squared-medium-f-bright"] {
        --chip-delete-background-color: var(--interactive-surface-ghost-default);
        --chip-delete-color: var(--icon-secondary);
        --chip-delete-border-top-left-radius: var(--spacing-space-2);
        --chip-delete-border-top-right-radius: var(--spacing-space-2);
        --chip-delete-border-bottom-left-radius: var(--spacing-space-2);
        --chip-delete-border-bottom-right-radius: var(--spacing-space-2);
        --chip-delete-padding-left: var(--spacing-space-3);
        --chip-delete-padding-right: var(--spacing-space-3);
        --chip-delete-padding-top: var(--spacing-space-3);
        --chip-delete-padding-bottom: var(--spacing-space-3);
        --chip-delete-row-gap: var(--spacing-space-1);
        --chip-delete-column-gap: var(--spacing-space-1);
        --chip-delete-font-family: sans-sarif;
        --chip-delete-font-size: initial;
        --chip-delete-font-weight: regular;
        --chip-delete-paragraph-spacing: 0px;
        --chip-delete-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-squared-medium-a-bright-outline"], [data-theme='light'] [component-variant="chip-squared-medium-a-bright-outline"] {
        --chip-delete-background-color: var(--interactive-surface-ghost-default);
        --chip-delete-color: var(--icon-secondary);
        --chip-delete-border-top-left-radius: var(--spacing-space-2);
        --chip-delete-border-top-right-radius: var(--spacing-space-2);
        --chip-delete-border-bottom-left-radius: var(--spacing-space-2);
        --chip-delete-border-bottom-right-radius: var(--spacing-space-2);
        --chip-delete-padding-left: var(--spacing-space-3);
        --chip-delete-padding-right: var(--spacing-space-3);
        --chip-delete-padding-top: var(--spacing-space-3);
        --chip-delete-padding-bottom: var(--spacing-space-3);
        --chip-delete-row-gap: var(--spacing-space-1);
        --chip-delete-column-gap: var(--spacing-space-1);
        --chip-delete-font-family: sans-sarif;
        --chip-delete-font-size: initial;
        --chip-delete-font-weight: regular;
        --chip-delete-paragraph-spacing: 0px;
        --chip-delete-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-squared-medium-b-bright-outline"], [data-theme='light'] [component-variant="chip-squared-medium-b-bright-outline"] {
        --chip-delete-background-color: var(--interactive-surface-ghost-default);
        --chip-delete-color: var(--icon-secondary);
        --chip-delete-border-top-left-radius: var(--spacing-space-2);
        --chip-delete-border-top-right-radius: var(--spacing-space-2);
        --chip-delete-border-bottom-left-radius: var(--spacing-space-2);
        --chip-delete-border-bottom-right-radius: var(--spacing-space-2);
        --chip-delete-padding-left: var(--spacing-space-3);
        --chip-delete-padding-right: var(--spacing-space-3);
        --chip-delete-padding-top: var(--spacing-space-3);
        --chip-delete-padding-bottom: var(--spacing-space-3);
        --chip-delete-row-gap: var(--spacing-space-1);
        --chip-delete-column-gap: var(--spacing-space-1);
        --chip-delete-font-family: sans-sarif;
        --chip-delete-font-size: initial;
        --chip-delete-font-weight: regular;
        --chip-delete-paragraph-spacing: 0px;
        --chip-delete-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-squared-medium-c-bright-outline"], [data-theme='light'] [component-variant="chip-squared-medium-c-bright-outline"] {
        --chip-delete-background-color: var(--interactive-surface-ghost-default);
        --chip-delete-color: var(--icon-secondary);
        --chip-delete-border-top-left-radius: var(--spacing-space-2);
        --chip-delete-border-top-right-radius: var(--spacing-space-2);
        --chip-delete-border-bottom-left-radius: var(--spacing-space-2);
        --chip-delete-border-bottom-right-radius: var(--spacing-space-2);
        --chip-delete-padding-left: var(--spacing-space-3);
        --chip-delete-padding-right: var(--spacing-space-3);
        --chip-delete-padding-top: var(--spacing-space-3);
        --chip-delete-padding-bottom: var(--spacing-space-3);
        --chip-delete-row-gap: var(--spacing-space-1);
        --chip-delete-column-gap: var(--spacing-space-1);
        --chip-delete-font-family: sans-sarif;
        --chip-delete-font-size: initial;
        --chip-delete-font-weight: regular;
        --chip-delete-paragraph-spacing: 0px;
        --chip-delete-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-squared-medium-d-bright-outline"], [data-theme='light'] [component-variant="chip-squared-medium-d-bright-outline"] {
        --chip-delete-background-color: var(--interactive-surface-ghost-default);
        --chip-delete-color: var(--icon-secondary);
        --chip-delete-border-top-left-radius: var(--spacing-space-2);
        --chip-delete-border-top-right-radius: var(--spacing-space-2);
        --chip-delete-border-bottom-left-radius: var(--spacing-space-2);
        --chip-delete-border-bottom-right-radius: var(--spacing-space-2);
        --chip-delete-padding-left: var(--spacing-space-3);
        --chip-delete-padding-right: var(--spacing-space-3);
        --chip-delete-padding-top: var(--spacing-space-3);
        --chip-delete-padding-bottom: var(--spacing-space-3);
        --chip-delete-row-gap: var(--spacing-space-1);
        --chip-delete-column-gap: var(--spacing-space-1);
        --chip-delete-font-family: sans-sarif;
        --chip-delete-font-size: initial;
        --chip-delete-font-weight: regular;
        --chip-delete-paragraph-spacing: 0px;
        --chip-delete-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-squared-medium-e-bright-outline"], [data-theme='light'] [component-variant="chip-squared-medium-e-bright-outline"] {
        --chip-delete-background-color: var(--interactive-surface-ghost-default);
        --chip-delete-color: var(--icon-secondary);
        --chip-delete-border-top-left-radius: var(--spacing-space-2);
        --chip-delete-border-top-right-radius: var(--spacing-space-2);
        --chip-delete-border-bottom-left-radius: var(--spacing-space-2);
        --chip-delete-border-bottom-right-radius: var(--spacing-space-2);
        --chip-delete-padding-left: var(--spacing-space-3);
        --chip-delete-padding-right: var(--spacing-space-3);
        --chip-delete-padding-top: var(--spacing-space-3);
        --chip-delete-padding-bottom: var(--spacing-space-3);
        --chip-delete-row-gap: var(--spacing-space-1);
        --chip-delete-column-gap: var(--spacing-space-1);
        --chip-delete-font-family: sans-sarif;
        --chip-delete-font-size: initial;
        --chip-delete-font-weight: regular;
        --chip-delete-paragraph-spacing: 0px;
        --chip-delete-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-squared-medium-f-bright-outline"], [data-theme='light'] [component-variant="chip-squared-medium-f-bright-outline"] {
        --chip-delete-background-color: var(--interactive-surface-ghost-default);
        --chip-delete-color: var(--icon-secondary);
        --chip-delete-border-top-left-radius: var(--spacing-space-2);
        --chip-delete-border-top-right-radius: var(--spacing-space-2);
        --chip-delete-border-bottom-left-radius: var(--spacing-space-2);
        --chip-delete-border-bottom-right-radius: var(--spacing-space-2);
        --chip-delete-padding-left: var(--spacing-space-3);
        --chip-delete-padding-right: var(--spacing-space-3);
        --chip-delete-padding-top: var(--spacing-space-3);
        --chip-delete-padding-bottom: var(--spacing-space-3);
        --chip-delete-row-gap: var(--spacing-space-1);
        --chip-delete-column-gap: var(--spacing-space-1);
        --chip-delete-font-family: sans-sarif;
        --chip-delete-font-size: initial;
        --chip-delete-font-weight: regular;
        --chip-delete-paragraph-spacing: 0px;
        --chip-delete-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-squared-medium-a-subdued"], [data-theme='light'] [component-variant="chip-squared-medium-a-subdued"] {
        --chip-delete-background-color: var(--interactive-surface-ghost-default);
        --chip-delete-color: var(--icon-secondary);
        --chip-delete-border-top-left-radius: var(--spacing-space-2);
        --chip-delete-border-top-right-radius: var(--spacing-space-2);
        --chip-delete-border-bottom-left-radius: var(--spacing-space-2);
        --chip-delete-border-bottom-right-radius: var(--spacing-space-2);
        --chip-delete-padding-left: var(--spacing-space-3);
        --chip-delete-padding-right: var(--spacing-space-3);
        --chip-delete-padding-top: var(--spacing-space-3);
        --chip-delete-padding-bottom: var(--spacing-space-3);
        --chip-delete-row-gap: var(--spacing-space-1);
        --chip-delete-column-gap: var(--spacing-space-1);
        --chip-delete-font-family: sans-sarif;
        --chip-delete-font-size: initial;
        --chip-delete-font-weight: regular;
        --chip-delete-paragraph-spacing: 0px;
        --chip-delete-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-squared-medium-a-subdued-outline"], [data-theme='light'] [component-variant="chip-squared-medium-a-subdued-outline"] {
        --chip-delete-background-color: var(--interactive-surface-ghost-default);
        --chip-delete-color: var(--icon-secondary);
        --chip-delete-border-top-left-radius: var(--spacing-space-2);
        --chip-delete-border-top-right-radius: var(--spacing-space-2);
        --chip-delete-border-bottom-left-radius: var(--spacing-space-2);
        --chip-delete-border-bottom-right-radius: var(--spacing-space-2);
        --chip-delete-padding-left: var(--spacing-space-3);
        --chip-delete-padding-right: var(--spacing-space-3);
        --chip-delete-padding-top: var(--spacing-space-3);
        --chip-delete-padding-bottom: var(--spacing-space-3);
        --chip-delete-row-gap: var(--spacing-space-1);
        --chip-delete-column-gap: var(--spacing-space-1);
        --chip-delete-font-family: sans-sarif;
        --chip-delete-font-size: initial;
        --chip-delete-font-weight: regular;
        --chip-delete-paragraph-spacing: 0px;
        --chip-delete-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-squared-medium-b-subdued"], [data-theme='light'] [component-variant="chip-squared-medium-b-subdued"] {
        --chip-delete-background-color: var(--interactive-surface-ghost-default);
        --chip-delete-color: var(--icon-secondary);
        --chip-delete-border-top-left-radius: var(--spacing-space-2);
        --chip-delete-border-top-right-radius: var(--spacing-space-2);
        --chip-delete-border-bottom-left-radius: var(--spacing-space-2);
        --chip-delete-border-bottom-right-radius: var(--spacing-space-2);
        --chip-delete-padding-left: var(--spacing-space-3);
        --chip-delete-padding-right: var(--spacing-space-3);
        --chip-delete-padding-top: var(--spacing-space-3);
        --chip-delete-padding-bottom: var(--spacing-space-3);
        --chip-delete-row-gap: var(--spacing-space-1);
        --chip-delete-column-gap: var(--spacing-space-1);
        --chip-delete-font-family: sans-sarif;
        --chip-delete-font-size: initial;
        --chip-delete-font-weight: regular;
        --chip-delete-paragraph-spacing: 0px;
        --chip-delete-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-squared-medium-b-subdued-outline"], [data-theme='light'] [component-variant="chip-squared-medium-b-subdued-outline"] {
        --chip-delete-background-color: var(--interactive-surface-ghost-default);
        --chip-delete-color: var(--icon-secondary);
        --chip-delete-border-top-left-radius: var(--spacing-space-2);
        --chip-delete-border-top-right-radius: var(--spacing-space-2);
        --chip-delete-border-bottom-left-radius: var(--spacing-space-2);
        --chip-delete-border-bottom-right-radius: var(--spacing-space-2);
        --chip-delete-padding-left: var(--spacing-space-3);
        --chip-delete-padding-right: var(--spacing-space-3);
        --chip-delete-padding-top: var(--spacing-space-3);
        --chip-delete-padding-bottom: var(--spacing-space-3);
        --chip-delete-row-gap: var(--spacing-space-1);
        --chip-delete-column-gap: var(--spacing-space-1);
        --chip-delete-font-family: sans-sarif;
        --chip-delete-font-size: initial;
        --chip-delete-font-weight: regular;
        --chip-delete-paragraph-spacing: 0px;
        --chip-delete-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-squared-medium-c-subdued"], [data-theme='light'] [component-variant="chip-squared-medium-c-subdued"] {
        --chip-delete-background-color: var(--interactive-surface-ghost-default);
        --chip-delete-color: var(--icon-secondary);
        --chip-delete-border-top-left-radius: var(--spacing-space-2);
        --chip-delete-border-top-right-radius: var(--spacing-space-2);
        --chip-delete-border-bottom-left-radius: var(--spacing-space-2);
        --chip-delete-border-bottom-right-radius: var(--spacing-space-2);
        --chip-delete-padding-left: var(--spacing-space-3);
        --chip-delete-padding-right: var(--spacing-space-3);
        --chip-delete-padding-top: var(--spacing-space-3);
        --chip-delete-padding-bottom: var(--spacing-space-3);
        --chip-delete-row-gap: var(--spacing-space-1);
        --chip-delete-column-gap: var(--spacing-space-1);
        --chip-delete-font-family: sans-sarif;
        --chip-delete-font-size: initial;
        --chip-delete-font-weight: regular;
        --chip-delete-paragraph-spacing: 0px;
        --chip-delete-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-squared-medium-c-subdued-outline"], [data-theme='light'] [component-variant="chip-squared-medium-c-subdued-outline"] {
        --chip-delete-background-color: var(--interactive-surface-ghost-default);
        --chip-delete-color: var(--icon-secondary);
        --chip-delete-border-top-left-radius: var(--spacing-space-2);
        --chip-delete-border-top-right-radius: var(--spacing-space-2);
        --chip-delete-border-bottom-left-radius: var(--spacing-space-2);
        --chip-delete-border-bottom-right-radius: var(--spacing-space-2);
        --chip-delete-padding-left: var(--spacing-space-3);
        --chip-delete-padding-right: var(--spacing-space-3);
        --chip-delete-padding-top: var(--spacing-space-3);
        --chip-delete-padding-bottom: var(--spacing-space-3);
        --chip-delete-row-gap: var(--spacing-space-1);
        --chip-delete-column-gap: var(--spacing-space-1);
        --chip-delete-font-family: sans-sarif;
        --chip-delete-font-size: initial;
        --chip-delete-font-weight: regular;
        --chip-delete-paragraph-spacing: 0px;
        --chip-delete-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-squared-medium-d-subdued"], [data-theme='light'] [component-variant="chip-squared-medium-d-subdued"] {
        --chip-delete-background-color: var(--interactive-surface-ghost-default);
        --chip-delete-color: var(--icon-secondary);
        --chip-delete-border-top-left-radius: var(--spacing-space-2);
        --chip-delete-border-top-right-radius: var(--spacing-space-2);
        --chip-delete-border-bottom-left-radius: var(--spacing-space-2);
        --chip-delete-border-bottom-right-radius: var(--spacing-space-2);
        --chip-delete-padding-left: var(--spacing-space-3);
        --chip-delete-padding-right: var(--spacing-space-3);
        --chip-delete-padding-top: var(--spacing-space-3);
        --chip-delete-padding-bottom: var(--spacing-space-3);
        --chip-delete-row-gap: var(--spacing-space-1);
        --chip-delete-column-gap: var(--spacing-space-1);
        --chip-delete-font-family: sans-sarif;
        --chip-delete-font-size: initial;
        --chip-delete-font-weight: regular;
        --chip-delete-paragraph-spacing: 0px;
        --chip-delete-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-squared-medium-d-subdued-outline"], [data-theme='light'] [component-variant="chip-squared-medium-d-subdued-outline"] {
        --chip-delete-background-color: var(--interactive-surface-ghost-default);
        --chip-delete-color: var(--icon-secondary);
        --chip-delete-border-top-left-radius: var(--spacing-space-2);
        --chip-delete-border-top-right-radius: var(--spacing-space-2);
        --chip-delete-border-bottom-left-radius: var(--spacing-space-2);
        --chip-delete-border-bottom-right-radius: var(--spacing-space-2);
        --chip-delete-padding-left: var(--spacing-space-3);
        --chip-delete-padding-right: var(--spacing-space-3);
        --chip-delete-padding-top: var(--spacing-space-3);
        --chip-delete-padding-bottom: var(--spacing-space-3);
        --chip-delete-row-gap: var(--spacing-space-1);
        --chip-delete-column-gap: var(--spacing-space-1);
        --chip-delete-font-family: sans-sarif;
        --chip-delete-font-size: initial;
        --chip-delete-font-weight: regular;
        --chip-delete-paragraph-spacing: 0px;
        --chip-delete-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-squared-medium-e-subdued"], [data-theme='light'] [component-variant="chip-squared-medium-e-subdued"] {
        --chip-delete-background-color: var(--interactive-surface-ghost-default);
        --chip-delete-color: var(--icon-secondary);
        --chip-delete-border-top-left-radius: var(--spacing-space-2);
        --chip-delete-border-top-right-radius: var(--spacing-space-2);
        --chip-delete-border-bottom-left-radius: var(--spacing-space-2);
        --chip-delete-border-bottom-right-radius: var(--spacing-space-2);
        --chip-delete-padding-left: var(--spacing-space-3);
        --chip-delete-padding-right: var(--spacing-space-3);
        --chip-delete-padding-top: var(--spacing-space-3);
        --chip-delete-padding-bottom: var(--spacing-space-3);
        --chip-delete-row-gap: var(--spacing-space-1);
        --chip-delete-column-gap: var(--spacing-space-1);
        --chip-delete-font-family: sans-sarif;
        --chip-delete-font-size: initial;
        --chip-delete-font-weight: regular;
        --chip-delete-paragraph-spacing: 0px;
        --chip-delete-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-squared-medium-e-subdued-outline"], [data-theme='light'] [component-variant="chip-squared-medium-e-subdued-outline"] {
        --chip-delete-background-color: var(--interactive-surface-ghost-default);
        --chip-delete-color: var(--icon-secondary);
        --chip-delete-border-top-left-radius: var(--spacing-space-2);
        --chip-delete-border-top-right-radius: var(--spacing-space-2);
        --chip-delete-border-bottom-left-radius: var(--spacing-space-2);
        --chip-delete-border-bottom-right-radius: var(--spacing-space-2);
        --chip-delete-padding-left: var(--spacing-space-3);
        --chip-delete-padding-right: var(--spacing-space-3);
        --chip-delete-padding-top: var(--spacing-space-3);
        --chip-delete-padding-bottom: var(--spacing-space-3);
        --chip-delete-row-gap: var(--spacing-space-1);
        --chip-delete-column-gap: var(--spacing-space-1);
        --chip-delete-font-family: sans-sarif;
        --chip-delete-font-size: initial;
        --chip-delete-font-weight: regular;
        --chip-delete-paragraph-spacing: 0px;
        --chip-delete-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-squared-medium-f-subdued"], [data-theme='light'] [component-variant="chip-squared-medium-f-subdued"] {
        --chip-delete-background-color: var(--interactive-surface-ghost-default);
        --chip-delete-color: var(--icon-secondary);
        --chip-delete-border-top-left-radius: var(--spacing-space-2);
        --chip-delete-border-top-right-radius: var(--spacing-space-2);
        --chip-delete-border-bottom-left-radius: var(--spacing-space-2);
        --chip-delete-border-bottom-right-radius: var(--spacing-space-2);
        --chip-delete-padding-left: var(--spacing-space-3);
        --chip-delete-padding-right: var(--spacing-space-3);
        --chip-delete-padding-top: var(--spacing-space-3);
        --chip-delete-padding-bottom: var(--spacing-space-3);
        --chip-delete-row-gap: var(--spacing-space-1);
        --chip-delete-column-gap: var(--spacing-space-1);
        --chip-delete-font-family: sans-sarif;
        --chip-delete-font-size: initial;
        --chip-delete-font-weight: regular;
        --chip-delete-paragraph-spacing: 0px;
        --chip-delete-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-squared-medium-f-subdued-outline"], [data-theme='light'] [component-variant="chip-squared-medium-f-subdued-outline"] {
        --chip-delete-background-color: var(--interactive-surface-ghost-default);
        --chip-delete-color: var(--icon-secondary);
        --chip-delete-border-top-left-radius: var(--spacing-space-2);
        --chip-delete-border-top-right-radius: var(--spacing-space-2);
        --chip-delete-border-bottom-left-radius: var(--spacing-space-2);
        --chip-delete-border-bottom-right-radius: var(--spacing-space-2);
        --chip-delete-padding-left: var(--spacing-space-3);
        --chip-delete-padding-right: var(--spacing-space-3);
        --chip-delete-padding-top: var(--spacing-space-3);
        --chip-delete-padding-bottom: var(--spacing-space-3);
        --chip-delete-row-gap: var(--spacing-space-1);
        --chip-delete-column-gap: var(--spacing-space-1);
        --chip-delete-font-family: sans-sarif;
        --chip-delete-font-size: initial;
        --chip-delete-font-weight: regular;
        --chip-delete-paragraph-spacing: 0px;
        --chip-delete-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-rounded-small-a-bright"], [data-theme='light'] [component-variant="chip-rounded-small-a-bright"] {
        --chip-delete-background-color: var(--interactive-surface-ghost-default);
        --chip-delete-color: var(--icon-secondary);
        --chip-delete-border-top-left-radius: var(--corner-radius-extra-large);
        --chip-delete-border-top-right-radius: var(--corner-radius-extra-large);
        --chip-delete-border-bottom-left-radius: var(--corner-radius-extra-large);
        --chip-delete-border-bottom-right-radius: var(--corner-radius-extra-large);
        --chip-delete-padding-left: var(--spacing-space-3);
        --chip-delete-padding-right: var(--spacing-space-3);
        --chip-delete-padding-top: var(--spacing-space-3);
        --chip-delete-padding-bottom: var(--spacing-space-3);
        --chip-delete-row-gap: var(--spacing-space-1);
        --chip-delete-column-gap: var(--spacing-space-1);
        --chip-delete-font-family: sans-sarif;
        --chip-delete-font-size: initial;
        --chip-delete-font-weight: regular;
        --chip-delete-paragraph-spacing: 0px;
        --chip-delete-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-rounded-small-b-bright"], [data-theme='light'] [component-variant="chip-rounded-small-b-bright"] {
        --chip-delete-background-color: var(--interactive-surface-ghost-default);
        --chip-delete-color: var(--icon-secondary);
        --chip-delete-border-top-left-radius: var(--corner-radius-extra-large);
        --chip-delete-border-top-right-radius: var(--corner-radius-extra-large);
        --chip-delete-border-bottom-left-radius: var(--corner-radius-extra-large);
        --chip-delete-border-bottom-right-radius: var(--corner-radius-extra-large);
        --chip-delete-padding-left: var(--spacing-space-3);
        --chip-delete-padding-right: var(--spacing-space-3);
        --chip-delete-padding-top: var(--spacing-space-3);
        --chip-delete-padding-bottom: var(--spacing-space-3);
        --chip-delete-row-gap: var(--spacing-space-1);
        --chip-delete-column-gap: var(--spacing-space-1);
        --chip-delete-font-family: sans-sarif;
        --chip-delete-font-size: initial;
        --chip-delete-font-weight: regular;
        --chip-delete-paragraph-spacing: 0px;
        --chip-delete-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-rounded-small-c-bright"], [data-theme='light'] [component-variant="chip-rounded-small-c-bright"] {
        --chip-delete-background-color: var(--interactive-surface-ghost-default);
        --chip-delete-color: var(--icon-secondary);
        --chip-delete-border-top-left-radius: var(--corner-radius-extra-large);
        --chip-delete-border-top-right-radius: var(--corner-radius-extra-large);
        --chip-delete-border-bottom-left-radius: var(--corner-radius-extra-large);
        --chip-delete-border-bottom-right-radius: var(--corner-radius-extra-large);
        --chip-delete-padding-left: var(--spacing-space-3);
        --chip-delete-padding-right: var(--spacing-space-3);
        --chip-delete-padding-top: var(--spacing-space-3);
        --chip-delete-padding-bottom: var(--spacing-space-3);
        --chip-delete-row-gap: var(--spacing-space-1);
        --chip-delete-column-gap: var(--spacing-space-1);
        --chip-delete-font-family: sans-sarif;
        --chip-delete-font-size: initial;
        --chip-delete-font-weight: regular;
        --chip-delete-paragraph-spacing: 0px;
        --chip-delete-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-rounded-small-d-bright"], [data-theme='light'] [component-variant="chip-rounded-small-d-bright"] {
        --chip-delete-background-color: var(--interactive-surface-ghost-default);
        --chip-delete-color: var(--icon-secondary);
        --chip-delete-border-top-left-radius: var(--corner-radius-extra-large);
        --chip-delete-border-top-right-radius: var(--corner-radius-extra-large);
        --chip-delete-border-bottom-left-radius: var(--corner-radius-extra-large);
        --chip-delete-border-bottom-right-radius: var(--corner-radius-extra-large);
        --chip-delete-padding-left: var(--spacing-space-3);
        --chip-delete-padding-right: var(--spacing-space-3);
        --chip-delete-padding-top: var(--spacing-space-3);
        --chip-delete-padding-bottom: var(--spacing-space-3);
        --chip-delete-row-gap: var(--spacing-space-1);
        --chip-delete-column-gap: var(--spacing-space-1);
        --chip-delete-font-family: sans-sarif;
        --chip-delete-font-size: initial;
        --chip-delete-font-weight: regular;
        --chip-delete-paragraph-spacing: 0px;
        --chip-delete-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-rounded-small-e-bright"], [data-theme='light'] [component-variant="chip-rounded-small-e-bright"] {
        --chip-delete-background-color: var(--interactive-surface-ghost-default);
        --chip-delete-color: var(--icon-secondary);
        --chip-delete-border-top-left-radius: var(--corner-radius-extra-large);
        --chip-delete-border-top-right-radius: var(--corner-radius-extra-large);
        --chip-delete-border-bottom-left-radius: var(--corner-radius-extra-large);
        --chip-delete-border-bottom-right-radius: var(--corner-radius-extra-large);
        --chip-delete-padding-left: var(--spacing-space-3);
        --chip-delete-padding-right: var(--spacing-space-3);
        --chip-delete-padding-top: var(--spacing-space-3);
        --chip-delete-padding-bottom: var(--spacing-space-3);
        --chip-delete-row-gap: var(--spacing-space-1);
        --chip-delete-column-gap: var(--spacing-space-1);
        --chip-delete-font-family: sans-sarif;
        --chip-delete-font-size: initial;
        --chip-delete-font-weight: regular;
        --chip-delete-paragraph-spacing: 0px;
        --chip-delete-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-rounded-small-f-bright"], [data-theme='light'] [component-variant="chip-rounded-small-f-bright"] {
        --chip-delete-background-color: var(--interactive-surface-ghost-default);
        --chip-delete-color: var(--icon-secondary);
        --chip-delete-border-top-left-radius: var(--corner-radius-extra-large);
        --chip-delete-border-top-right-radius: var(--corner-radius-extra-large);
        --chip-delete-border-bottom-left-radius: var(--corner-radius-extra-large);
        --chip-delete-border-bottom-right-radius: var(--corner-radius-extra-large);
        --chip-delete-padding-left: var(--spacing-space-3);
        --chip-delete-padding-right: var(--spacing-space-3);
        --chip-delete-padding-top: var(--spacing-space-3);
        --chip-delete-padding-bottom: var(--spacing-space-3);
        --chip-delete-row-gap: var(--spacing-space-1);
        --chip-delete-column-gap: var(--spacing-space-1);
        --chip-delete-font-family: sans-sarif;
        --chip-delete-font-size: initial;
        --chip-delete-font-weight: regular;
        --chip-delete-paragraph-spacing: 0px;
        --chip-delete-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-rounded-small-a-bright-outline"], [data-theme='light'] [component-variant="chip-rounded-small-a-bright-outline"] {
        --chip-delete-background-color: var(--interactive-surface-ghost-default);
        --chip-delete-color: var(--icon-secondary);
        --chip-delete-border-top-left-radius: var(--corner-radius-extra-large);
        --chip-delete-border-top-right-radius: var(--corner-radius-extra-large);
        --chip-delete-border-bottom-left-radius: var(--corner-radius-extra-large);
        --chip-delete-border-bottom-right-radius: var(--corner-radius-extra-large);
        --chip-delete-padding-left: var(--spacing-space-3);
        --chip-delete-padding-right: var(--spacing-space-3);
        --chip-delete-padding-top: var(--spacing-space-3);
        --chip-delete-padding-bottom: var(--spacing-space-3);
        --chip-delete-row-gap: var(--spacing-space-1);
        --chip-delete-column-gap: var(--spacing-space-1);
        --chip-delete-font-family: sans-sarif;
        --chip-delete-font-size: initial;
        --chip-delete-font-weight: regular;
        --chip-delete-paragraph-spacing: 0px;
        --chip-delete-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-rounded-small-b-bright-outline"], [data-theme='light'] [component-variant="chip-rounded-small-b-bright-outline"] {
        --chip-delete-background-color: var(--interactive-surface-ghost-default);
        --chip-delete-color: var(--icon-secondary);
        --chip-delete-border-top-left-radius: var(--corner-radius-extra-large);
        --chip-delete-border-top-right-radius: var(--corner-radius-extra-large);
        --chip-delete-border-bottom-left-radius: var(--corner-radius-extra-large);
        --chip-delete-border-bottom-right-radius: var(--corner-radius-extra-large);
        --chip-delete-padding-left: var(--spacing-space-3);
        --chip-delete-padding-right: var(--spacing-space-3);
        --chip-delete-padding-top: var(--spacing-space-3);
        --chip-delete-padding-bottom: var(--spacing-space-3);
        --chip-delete-row-gap: var(--spacing-space-1);
        --chip-delete-column-gap: var(--spacing-space-1);
        --chip-delete-font-family: sans-sarif;
        --chip-delete-font-size: initial;
        --chip-delete-font-weight: regular;
        --chip-delete-paragraph-spacing: 0px;
        --chip-delete-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-rounded-small-c-bright-outline"], [data-theme='light'] [component-variant="chip-rounded-small-c-bright-outline"] {
        --chip-delete-background-color: var(--interactive-surface-ghost-default);
        --chip-delete-color: var(--icon-secondary);
        --chip-delete-border-top-left-radius: var(--corner-radius-extra-large);
        --chip-delete-border-top-right-radius: var(--corner-radius-extra-large);
        --chip-delete-border-bottom-left-radius: var(--corner-radius-extra-large);
        --chip-delete-border-bottom-right-radius: var(--corner-radius-extra-large);
        --chip-delete-padding-left: var(--spacing-space-3);
        --chip-delete-padding-right: var(--spacing-space-3);
        --chip-delete-padding-top: var(--spacing-space-3);
        --chip-delete-padding-bottom: var(--spacing-space-3);
        --chip-delete-row-gap: var(--spacing-space-1);
        --chip-delete-column-gap: var(--spacing-space-1);
        --chip-delete-font-family: sans-sarif;
        --chip-delete-font-size: initial;
        --chip-delete-font-weight: regular;
        --chip-delete-paragraph-spacing: 0px;
        --chip-delete-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-rounded-small-d-bright-outline"], [data-theme='light'] [component-variant="chip-rounded-small-d-bright-outline"] {
        --chip-delete-background-color: var(--interactive-surface-ghost-default);
        --chip-delete-color: var(--icon-secondary);
        --chip-delete-border-top-left-radius: var(--corner-radius-extra-large);
        --chip-delete-border-top-right-radius: var(--corner-radius-extra-large);
        --chip-delete-border-bottom-left-radius: var(--corner-radius-extra-large);
        --chip-delete-border-bottom-right-radius: var(--corner-radius-extra-large);
        --chip-delete-padding-left: var(--spacing-space-3);
        --chip-delete-padding-right: var(--spacing-space-3);
        --chip-delete-padding-top: var(--spacing-space-3);
        --chip-delete-padding-bottom: var(--spacing-space-3);
        --chip-delete-row-gap: var(--spacing-space-1);
        --chip-delete-column-gap: var(--spacing-space-1);
        --chip-delete-font-family: sans-sarif;
        --chip-delete-font-size: initial;
        --chip-delete-font-weight: regular;
        --chip-delete-paragraph-spacing: 0px;
        --chip-delete-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-rounded-small-e-bright-outline"], [data-theme='light'] [component-variant="chip-rounded-small-e-bright-outline"] {
        --chip-delete-background-color: var(--interactive-surface-ghost-default);
        --chip-delete-color: var(--icon-secondary);
        --chip-delete-border-top-left-radius: var(--corner-radius-extra-large);
        --chip-delete-border-top-right-radius: var(--corner-radius-extra-large);
        --chip-delete-border-bottom-left-radius: var(--corner-radius-extra-large);
        --chip-delete-border-bottom-right-radius: var(--corner-radius-extra-large);
        --chip-delete-padding-left: var(--spacing-space-3);
        --chip-delete-padding-right: var(--spacing-space-3);
        --chip-delete-padding-top: var(--spacing-space-3);
        --chip-delete-padding-bottom: var(--spacing-space-3);
        --chip-delete-row-gap: var(--spacing-space-1);
        --chip-delete-column-gap: var(--spacing-space-1);
        --chip-delete-font-family: sans-sarif;
        --chip-delete-font-size: initial;
        --chip-delete-font-weight: regular;
        --chip-delete-paragraph-spacing: 0px;
        --chip-delete-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-rounded-small-f-bright-outline"], [data-theme='light'] [component-variant="chip-rounded-small-f-bright-outline"] {
        --chip-delete-background-color: var(--interactive-surface-ghost-default);
        --chip-delete-color: var(--icon-secondary);
        --chip-delete-border-top-left-radius: var(--corner-radius-extra-large);
        --chip-delete-border-top-right-radius: var(--corner-radius-extra-large);
        --chip-delete-border-bottom-left-radius: var(--corner-radius-extra-large);
        --chip-delete-border-bottom-right-radius: var(--corner-radius-extra-large);
        --chip-delete-padding-left: var(--spacing-space-3);
        --chip-delete-padding-right: var(--spacing-space-3);
        --chip-delete-padding-top: var(--spacing-space-3);
        --chip-delete-padding-bottom: var(--spacing-space-3);
        --chip-delete-row-gap: var(--spacing-space-1);
        --chip-delete-column-gap: var(--spacing-space-1);
        --chip-delete-font-family: sans-sarif;
        --chip-delete-font-size: initial;
        --chip-delete-font-weight: regular;
        --chip-delete-paragraph-spacing: 0px;
        --chip-delete-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-rounded-small-a-subdued"], [data-theme='light'] [component-variant="chip-rounded-small-a-subdued"] {
        --chip-delete-background-color: var(--interactive-surface-ghost-default);
        --chip-delete-color: var(--icon-secondary);
        --chip-delete-border-top-left-radius: var(--corner-radius-extra-large);
        --chip-delete-border-top-right-radius: var(--corner-radius-extra-large);
        --chip-delete-border-bottom-left-radius: var(--corner-radius-extra-large);
        --chip-delete-border-bottom-right-radius: var(--corner-radius-extra-large);
        --chip-delete-padding-left: var(--spacing-space-3);
        --chip-delete-padding-right: var(--spacing-space-3);
        --chip-delete-padding-top: var(--spacing-space-3);
        --chip-delete-padding-bottom: var(--spacing-space-3);
        --chip-delete-row-gap: var(--spacing-space-1);
        --chip-delete-column-gap: var(--spacing-space-1);
        --chip-delete-font-family: sans-sarif;
        --chip-delete-font-size: initial;
        --chip-delete-font-weight: regular;
        --chip-delete-paragraph-spacing: 0px;
        --chip-delete-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-rounded-small-a-subdued-outline"], [data-theme='light'] [component-variant="chip-rounded-small-a-subdued-outline"] {
        --chip-delete-background-color: var(--interactive-surface-ghost-default);
        --chip-delete-color: var(--icon-secondary);
        --chip-delete-border-top-left-radius: var(--corner-radius-extra-large);
        --chip-delete-border-top-right-radius: var(--corner-radius-extra-large);
        --chip-delete-border-bottom-left-radius: var(--corner-radius-extra-large);
        --chip-delete-border-bottom-right-radius: var(--corner-radius-extra-large);
        --chip-delete-padding-left: var(--spacing-space-3);
        --chip-delete-padding-right: var(--spacing-space-3);
        --chip-delete-padding-top: var(--spacing-space-3);
        --chip-delete-padding-bottom: var(--spacing-space-3);
        --chip-delete-row-gap: var(--spacing-space-1);
        --chip-delete-column-gap: var(--spacing-space-1);
        --chip-delete-font-family: sans-sarif;
        --chip-delete-font-size: initial;
        --chip-delete-font-weight: regular;
        --chip-delete-paragraph-spacing: 0px;
        --chip-delete-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-rounded-small-b-subdued"], [data-theme='light'] [component-variant="chip-rounded-small-b-subdued"] {
        --chip-delete-background-color: var(--interactive-surface-ghost-default);
        --chip-delete-color: var(--icon-secondary);
        --chip-delete-border-top-left-radius: var(--corner-radius-extra-large);
        --chip-delete-border-top-right-radius: var(--corner-radius-extra-large);
        --chip-delete-border-bottom-left-radius: var(--corner-radius-extra-large);
        --chip-delete-border-bottom-right-radius: var(--corner-radius-extra-large);
        --chip-delete-padding-left: var(--spacing-space-3);
        --chip-delete-padding-right: var(--spacing-space-3);
        --chip-delete-padding-top: var(--spacing-space-3);
        --chip-delete-padding-bottom: var(--spacing-space-3);
        --chip-delete-row-gap: var(--spacing-space-1);
        --chip-delete-column-gap: var(--spacing-space-1);
        --chip-delete-font-family: sans-sarif;
        --chip-delete-font-size: initial;
        --chip-delete-font-weight: regular;
        --chip-delete-paragraph-spacing: 0px;
        --chip-delete-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-rounded-small-b-subdued-outline"], [data-theme='light'] [component-variant="chip-rounded-small-b-subdued-outline"] {
        --chip-delete-background-color: var(--interactive-surface-ghost-default);
        --chip-delete-color: var(--icon-secondary);
        --chip-delete-border-top-left-radius: var(--corner-radius-extra-large);
        --chip-delete-border-top-right-radius: var(--corner-radius-extra-large);
        --chip-delete-border-bottom-left-radius: var(--corner-radius-extra-large);
        --chip-delete-border-bottom-right-radius: var(--corner-radius-extra-large);
        --chip-delete-padding-left: var(--spacing-space-3);
        --chip-delete-padding-right: var(--spacing-space-3);
        --chip-delete-padding-top: var(--spacing-space-3);
        --chip-delete-padding-bottom: var(--spacing-space-3);
        --chip-delete-row-gap: var(--spacing-space-1);
        --chip-delete-column-gap: var(--spacing-space-1);
        --chip-delete-font-family: sans-sarif;
        --chip-delete-font-size: initial;
        --chip-delete-font-weight: regular;
        --chip-delete-paragraph-spacing: 0px;
        --chip-delete-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-rounded-small-c-subdued"], [data-theme='light'] [component-variant="chip-rounded-small-c-subdued"] {
        --chip-delete-background-color: var(--interactive-surface-ghost-default);
        --chip-delete-color: var(--icon-secondary);
        --chip-delete-border-top-left-radius: var(--corner-radius-extra-large);
        --chip-delete-border-top-right-radius: var(--corner-radius-extra-large);
        --chip-delete-border-bottom-left-radius: var(--corner-radius-extra-large);
        --chip-delete-border-bottom-right-radius: var(--corner-radius-extra-large);
        --chip-delete-padding-left: var(--spacing-space-3);
        --chip-delete-padding-right: var(--spacing-space-3);
        --chip-delete-padding-top: var(--spacing-space-3);
        --chip-delete-padding-bottom: var(--spacing-space-3);
        --chip-delete-row-gap: var(--spacing-space-1);
        --chip-delete-column-gap: var(--spacing-space-1);
        --chip-delete-font-family: sans-sarif;
        --chip-delete-font-size: initial;
        --chip-delete-font-weight: regular;
        --chip-delete-paragraph-spacing: 0px;
        --chip-delete-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-rounded-small-c-subdued-outline"], [data-theme='light'] [component-variant="chip-rounded-small-c-subdued-outline"] {
        --chip-delete-background-color: var(--interactive-surface-ghost-default);
        --chip-delete-color: var(--icon-secondary);
        --chip-delete-border-top-left-radius: var(--corner-radius-extra-large);
        --chip-delete-border-top-right-radius: var(--corner-radius-extra-large);
        --chip-delete-border-bottom-left-radius: var(--corner-radius-extra-large);
        --chip-delete-border-bottom-right-radius: var(--corner-radius-extra-large);
        --chip-delete-padding-left: var(--spacing-space-3);
        --chip-delete-padding-right: var(--spacing-space-3);
        --chip-delete-padding-top: var(--spacing-space-3);
        --chip-delete-padding-bottom: var(--spacing-space-3);
        --chip-delete-row-gap: var(--spacing-space-1);
        --chip-delete-column-gap: var(--spacing-space-1);
        --chip-delete-font-family: sans-sarif;
        --chip-delete-font-size: initial;
        --chip-delete-font-weight: regular;
        --chip-delete-paragraph-spacing: 0px;
        --chip-delete-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-rounded-small-d-subdued"], [data-theme='light'] [component-variant="chip-rounded-small-d-subdued"] {
        --chip-delete-background-color: var(--interactive-surface-ghost-default);
        --chip-delete-color: var(--icon-secondary);
        --chip-delete-border-top-left-radius: var(--corner-radius-extra-large);
        --chip-delete-border-top-right-radius: var(--corner-radius-extra-large);
        --chip-delete-border-bottom-left-radius: var(--corner-radius-extra-large);
        --chip-delete-border-bottom-right-radius: var(--corner-radius-extra-large);
        --chip-delete-padding-left: var(--spacing-space-3);
        --chip-delete-padding-right: var(--spacing-space-3);
        --chip-delete-padding-top: var(--spacing-space-3);
        --chip-delete-padding-bottom: var(--spacing-space-3);
        --chip-delete-row-gap: var(--spacing-space-1);
        --chip-delete-column-gap: var(--spacing-space-1);
        --chip-delete-font-family: sans-sarif;
        --chip-delete-font-size: initial;
        --chip-delete-font-weight: regular;
        --chip-delete-paragraph-spacing: 0px;
        --chip-delete-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-rounded-small-d-subdued-outline"], [data-theme='light'] [component-variant="chip-rounded-small-d-subdued-outline"] {
        --chip-delete-background-color: var(--interactive-surface-ghost-default);
        --chip-delete-color: var(--icon-secondary);
        --chip-delete-border-top-left-radius: var(--corner-radius-extra-large);
        --chip-delete-border-top-right-radius: var(--corner-radius-extra-large);
        --chip-delete-border-bottom-left-radius: var(--corner-radius-extra-large);
        --chip-delete-border-bottom-right-radius: var(--corner-radius-extra-large);
        --chip-delete-padding-left: var(--spacing-space-3);
        --chip-delete-padding-right: var(--spacing-space-3);
        --chip-delete-padding-top: var(--spacing-space-3);
        --chip-delete-padding-bottom: var(--spacing-space-3);
        --chip-delete-row-gap: var(--spacing-space-1);
        --chip-delete-column-gap: var(--spacing-space-1);
        --chip-delete-font-family: sans-sarif;
        --chip-delete-font-size: initial;
        --chip-delete-font-weight: regular;
        --chip-delete-paragraph-spacing: 0px;
        --chip-delete-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-rounded-small-e-subdued"], [data-theme='light'] [component-variant="chip-rounded-small-e-subdued"] {
        --chip-delete-background-color: var(--interactive-surface-ghost-default);
        --chip-delete-color: var(--icon-secondary);
        --chip-delete-border-top-left-radius: var(--corner-radius-extra-large);
        --chip-delete-border-top-right-radius: var(--corner-radius-extra-large);
        --chip-delete-border-bottom-left-radius: var(--corner-radius-extra-large);
        --chip-delete-border-bottom-right-radius: var(--corner-radius-extra-large);
        --chip-delete-padding-left: var(--spacing-space-3);
        --chip-delete-padding-right: var(--spacing-space-3);
        --chip-delete-padding-top: var(--spacing-space-3);
        --chip-delete-padding-bottom: var(--spacing-space-3);
        --chip-delete-row-gap: var(--spacing-space-1);
        --chip-delete-column-gap: var(--spacing-space-1);
        --chip-delete-font-family: sans-sarif;
        --chip-delete-font-size: initial;
        --chip-delete-font-weight: regular;
        --chip-delete-paragraph-spacing: 0px;
        --chip-delete-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-rounded-small-e-subdued-outline"], [data-theme='light'] [component-variant="chip-rounded-small-e-subdued-outline"] {
        --chip-delete-background-color: var(--interactive-surface-ghost-default);
        --chip-delete-color: var(--icon-secondary);
        --chip-delete-border-top-left-radius: var(--corner-radius-extra-large);
        --chip-delete-border-top-right-radius: var(--corner-radius-extra-large);
        --chip-delete-border-bottom-left-radius: var(--corner-radius-extra-large);
        --chip-delete-border-bottom-right-radius: var(--corner-radius-extra-large);
        --chip-delete-padding-left: var(--spacing-space-3);
        --chip-delete-padding-right: var(--spacing-space-3);
        --chip-delete-padding-top: var(--spacing-space-3);
        --chip-delete-padding-bottom: var(--spacing-space-3);
        --chip-delete-row-gap: var(--spacing-space-1);
        --chip-delete-column-gap: var(--spacing-space-1);
        --chip-delete-font-family: sans-sarif;
        --chip-delete-font-size: initial;
        --chip-delete-font-weight: regular;
        --chip-delete-paragraph-spacing: 0px;
        --chip-delete-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-rounded-small-f-subdued"], [data-theme='light'] [component-variant="chip-rounded-small-f-subdued"] {
        --chip-delete-background-color: var(--interactive-surface-ghost-default);
        --chip-delete-color: var(--icon-secondary);
        --chip-delete-border-top-left-radius: var(--corner-radius-extra-large);
        --chip-delete-border-top-right-radius: var(--corner-radius-extra-large);
        --chip-delete-border-bottom-left-radius: var(--corner-radius-extra-large);
        --chip-delete-border-bottom-right-radius: var(--corner-radius-extra-large);
        --chip-delete-padding-left: var(--spacing-space-3);
        --chip-delete-padding-right: var(--spacing-space-3);
        --chip-delete-padding-top: var(--spacing-space-3);
        --chip-delete-padding-bottom: var(--spacing-space-3);
        --chip-delete-row-gap: var(--spacing-space-1);
        --chip-delete-column-gap: var(--spacing-space-1);
        --chip-delete-font-family: sans-sarif;
        --chip-delete-font-size: initial;
        --chip-delete-font-weight: regular;
        --chip-delete-paragraph-spacing: 0px;
        --chip-delete-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-rounded-small-f-subdued-outline"], [data-theme='light'] [component-variant="chip-rounded-small-f-subdued-outline"] {
        --chip-delete-background-color: var(--interactive-surface-ghost-default);
        --chip-delete-color: var(--icon-secondary);
        --chip-delete-border-top-left-radius: var(--corner-radius-extra-large);
        --chip-delete-border-top-right-radius: var(--corner-radius-extra-large);
        --chip-delete-border-bottom-left-radius: var(--corner-radius-extra-large);
        --chip-delete-border-bottom-right-radius: var(--corner-radius-extra-large);
        --chip-delete-padding-left: var(--spacing-space-3);
        --chip-delete-padding-right: var(--spacing-space-3);
        --chip-delete-padding-top: var(--spacing-space-3);
        --chip-delete-padding-bottom: var(--spacing-space-3);
        --chip-delete-row-gap: var(--spacing-space-1);
        --chip-delete-column-gap: var(--spacing-space-1);
        --chip-delete-font-family: sans-sarif;
        --chip-delete-font-size: initial;
        --chip-delete-font-weight: regular;
        --chip-delete-paragraph-spacing: 0px;
        --chip-delete-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-squared-small-a-bright"], [data-theme='light'] [component-variant="chip-squared-small-a-bright"] {
        --chip-delete-background-color: var(--interactive-surface-ghost-default);
        --chip-delete-color: var(--icon-secondary);
        --chip-delete-border-top-left-radius: var(--spacing-space-2);
        --chip-delete-border-top-right-radius: var(--spacing-space-2);
        --chip-delete-border-bottom-left-radius: var(--spacing-space-2);
        --chip-delete-border-bottom-right-radius: var(--spacing-space-2);
        --chip-delete-padding-left: var(--spacing-space-3);
        --chip-delete-padding-right: var(--spacing-space-3);
        --chip-delete-padding-top: var(--spacing-space-3);
        --chip-delete-padding-bottom: var(--spacing-space-3);
        --chip-delete-row-gap: var(--spacing-space-1);
        --chip-delete-column-gap: var(--spacing-space-1);
        --chip-delete-font-family: sans-sarif;
        --chip-delete-font-size: initial;
        --chip-delete-font-weight: regular;
        --chip-delete-paragraph-spacing: 0px;
        --chip-delete-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-squared-small-b-bright"], [data-theme='light'] [component-variant="chip-squared-small-b-bright"] {
        --chip-delete-background-color: var(--interactive-surface-ghost-default);
        --chip-delete-color: var(--icon-secondary);
        --chip-delete-border-top-left-radius: var(--spacing-space-2);
        --chip-delete-border-top-right-radius: var(--spacing-space-2);
        --chip-delete-border-bottom-left-radius: var(--spacing-space-2);
        --chip-delete-border-bottom-right-radius: var(--spacing-space-2);
        --chip-delete-padding-left: var(--spacing-space-3);
        --chip-delete-padding-right: var(--spacing-space-3);
        --chip-delete-padding-top: var(--spacing-space-3);
        --chip-delete-padding-bottom: var(--spacing-space-3);
        --chip-delete-row-gap: var(--spacing-space-1);
        --chip-delete-column-gap: var(--spacing-space-1);
        --chip-delete-font-family: sans-sarif;
        --chip-delete-font-size: initial;
        --chip-delete-font-weight: regular;
        --chip-delete-paragraph-spacing: 0px;
        --chip-delete-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-squared-small-c-bright"], [data-theme='light'] [component-variant="chip-squared-small-c-bright"] {
        --chip-delete-background-color: var(--interactive-surface-ghost-default);
        --chip-delete-color: var(--icon-secondary);
        --chip-delete-border-top-left-radius: var(--spacing-space-2);
        --chip-delete-border-top-right-radius: var(--spacing-space-2);
        --chip-delete-border-bottom-left-radius: var(--spacing-space-2);
        --chip-delete-border-bottom-right-radius: var(--spacing-space-2);
        --chip-delete-padding-left: var(--spacing-space-3);
        --chip-delete-padding-right: var(--spacing-space-3);
        --chip-delete-padding-top: var(--spacing-space-3);
        --chip-delete-padding-bottom: var(--spacing-space-3);
        --chip-delete-row-gap: var(--spacing-space-1);
        --chip-delete-column-gap: var(--spacing-space-1);
        --chip-delete-font-family: sans-sarif;
        --chip-delete-font-size: initial;
        --chip-delete-font-weight: regular;
        --chip-delete-paragraph-spacing: 0px;
        --chip-delete-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-squared-small-d-bright"], [data-theme='light'] [component-variant="chip-squared-small-d-bright"] {
        --chip-delete-background-color: var(--interactive-surface-ghost-default);
        --chip-delete-color: var(--icon-secondary);
        --chip-delete-border-top-left-radius: var(--spacing-space-2);
        --chip-delete-border-top-right-radius: var(--spacing-space-2);
        --chip-delete-border-bottom-left-radius: var(--spacing-space-2);
        --chip-delete-border-bottom-right-radius: var(--spacing-space-2);
        --chip-delete-padding-left: var(--spacing-space-3);
        --chip-delete-padding-right: var(--spacing-space-3);
        --chip-delete-padding-top: var(--spacing-space-3);
        --chip-delete-padding-bottom: var(--spacing-space-3);
        --chip-delete-row-gap: var(--spacing-space-1);
        --chip-delete-column-gap: var(--spacing-space-1);
        --chip-delete-font-family: sans-sarif;
        --chip-delete-font-size: initial;
        --chip-delete-font-weight: regular;
        --chip-delete-paragraph-spacing: 0px;
        --chip-delete-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-squared-small-e-bright"], [data-theme='light'] [component-variant="chip-squared-small-e-bright"] {
        --chip-delete-background-color: var(--interactive-surface-ghost-default);
        --chip-delete-color: var(--icon-secondary);
        --chip-delete-border-top-left-radius: var(--spacing-space-2);
        --chip-delete-border-top-right-radius: var(--spacing-space-2);
        --chip-delete-border-bottom-left-radius: var(--spacing-space-2);
        --chip-delete-border-bottom-right-radius: var(--spacing-space-2);
        --chip-delete-padding-left: var(--spacing-space-3);
        --chip-delete-padding-right: var(--spacing-space-3);
        --chip-delete-padding-top: var(--spacing-space-3);
        --chip-delete-padding-bottom: var(--spacing-space-3);
        --chip-delete-row-gap: var(--spacing-space-1);
        --chip-delete-column-gap: var(--spacing-space-1);
        --chip-delete-font-family: sans-sarif;
        --chip-delete-font-size: initial;
        --chip-delete-font-weight: regular;
        --chip-delete-paragraph-spacing: 0px;
        --chip-delete-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-squared-small-f-bright"], [data-theme='light'] [component-variant="chip-squared-small-f-bright"] {
        --chip-delete-background-color: var(--interactive-surface-ghost-default);
        --chip-delete-color: var(--icon-secondary);
        --chip-delete-border-top-left-radius: var(--spacing-space-2);
        --chip-delete-border-top-right-radius: var(--spacing-space-2);
        --chip-delete-border-bottom-left-radius: var(--spacing-space-2);
        --chip-delete-border-bottom-right-radius: var(--spacing-space-2);
        --chip-delete-padding-left: var(--spacing-space-3);
        --chip-delete-padding-right: var(--spacing-space-3);
        --chip-delete-padding-top: var(--spacing-space-3);
        --chip-delete-padding-bottom: var(--spacing-space-3);
        --chip-delete-row-gap: var(--spacing-space-1);
        --chip-delete-column-gap: var(--spacing-space-1);
        --chip-delete-font-family: sans-sarif;
        --chip-delete-font-size: initial;
        --chip-delete-font-weight: regular;
        --chip-delete-paragraph-spacing: 0px;
        --chip-delete-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-squared-small-a-bright-outline"], [data-theme='light'] [component-variant="chip-squared-small-a-bright-outline"] {
        --chip-delete-background-color: var(--interactive-surface-ghost-default);
        --chip-delete-color: var(--icon-secondary);
        --chip-delete-border-top-left-radius: var(--spacing-space-2);
        --chip-delete-border-top-right-radius: var(--spacing-space-2);
        --chip-delete-border-bottom-left-radius: var(--spacing-space-2);
        --chip-delete-border-bottom-right-radius: var(--spacing-space-2);
        --chip-delete-padding-left: var(--spacing-space-3);
        --chip-delete-padding-right: var(--spacing-space-3);
        --chip-delete-padding-top: var(--spacing-space-3);
        --chip-delete-padding-bottom: var(--spacing-space-3);
        --chip-delete-row-gap: var(--spacing-space-1);
        --chip-delete-column-gap: var(--spacing-space-1);
        --chip-delete-font-family: sans-sarif;
        --chip-delete-font-size: initial;
        --chip-delete-font-weight: regular;
        --chip-delete-paragraph-spacing: 0px;
        --chip-delete-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-squared-small-b-bright-outline"], [data-theme='light'] [component-variant="chip-squared-small-b-bright-outline"] {
        --chip-delete-background-color: var(--interactive-surface-ghost-default);
        --chip-delete-color: var(--icon-secondary);
        --chip-delete-border-top-left-radius: var(--spacing-space-2);
        --chip-delete-border-top-right-radius: var(--spacing-space-2);
        --chip-delete-border-bottom-left-radius: var(--spacing-space-2);
        --chip-delete-border-bottom-right-radius: var(--spacing-space-2);
        --chip-delete-padding-left: var(--spacing-space-3);
        --chip-delete-padding-right: var(--spacing-space-3);
        --chip-delete-padding-top: var(--spacing-space-3);
        --chip-delete-padding-bottom: var(--spacing-space-3);
        --chip-delete-row-gap: var(--spacing-space-1);
        --chip-delete-column-gap: var(--spacing-space-1);
        --chip-delete-font-family: sans-sarif;
        --chip-delete-font-size: initial;
        --chip-delete-font-weight: regular;
        --chip-delete-paragraph-spacing: 0px;
        --chip-delete-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-squared-small-c-bright-outline"], [data-theme='light'] [component-variant="chip-squared-small-c-bright-outline"] {
        --chip-delete-background-color: var(--interactive-surface-ghost-default);
        --chip-delete-color: var(--icon-secondary);
        --chip-delete-border-top-left-radius: var(--spacing-space-2);
        --chip-delete-border-top-right-radius: var(--spacing-space-2);
        --chip-delete-border-bottom-left-radius: var(--spacing-space-2);
        --chip-delete-border-bottom-right-radius: var(--spacing-space-2);
        --chip-delete-padding-left: var(--spacing-space-3);
        --chip-delete-padding-right: var(--spacing-space-3);
        --chip-delete-padding-top: var(--spacing-space-3);
        --chip-delete-padding-bottom: var(--spacing-space-3);
        --chip-delete-row-gap: var(--spacing-space-1);
        --chip-delete-column-gap: var(--spacing-space-1);
        --chip-delete-font-family: sans-sarif;
        --chip-delete-font-size: initial;
        --chip-delete-font-weight: regular;
        --chip-delete-paragraph-spacing: 0px;
        --chip-delete-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-squared-small-d-bright-outline"], [data-theme='light'] [component-variant="chip-squared-small-d-bright-outline"] {
        --chip-delete-background-color: var(--interactive-surface-ghost-default);
        --chip-delete-color: var(--icon-secondary);
        --chip-delete-border-top-left-radius: var(--spacing-space-2);
        --chip-delete-border-top-right-radius: var(--spacing-space-2);
        --chip-delete-border-bottom-left-radius: var(--spacing-space-2);
        --chip-delete-border-bottom-right-radius: var(--spacing-space-2);
        --chip-delete-padding-left: var(--spacing-space-3);
        --chip-delete-padding-right: var(--spacing-space-3);
        --chip-delete-padding-top: var(--spacing-space-3);
        --chip-delete-padding-bottom: var(--spacing-space-3);
        --chip-delete-row-gap: var(--spacing-space-1);
        --chip-delete-column-gap: var(--spacing-space-1);
        --chip-delete-font-family: sans-sarif;
        --chip-delete-font-size: initial;
        --chip-delete-font-weight: regular;
        --chip-delete-paragraph-spacing: 0px;
        --chip-delete-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-squared-small-e-bright-outline"], [data-theme='light'] [component-variant="chip-squared-small-e-bright-outline"] {
        --chip-delete-background-color: var(--interactive-surface-ghost-default);
        --chip-delete-color: var(--icon-secondary);
        --chip-delete-border-top-left-radius: var(--spacing-space-2);
        --chip-delete-border-top-right-radius: var(--spacing-space-2);
        --chip-delete-border-bottom-left-radius: var(--spacing-space-2);
        --chip-delete-border-bottom-right-radius: var(--spacing-space-2);
        --chip-delete-padding-left: var(--spacing-space-3);
        --chip-delete-padding-right: var(--spacing-space-3);
        --chip-delete-padding-top: var(--spacing-space-3);
        --chip-delete-padding-bottom: var(--spacing-space-3);
        --chip-delete-row-gap: var(--spacing-space-1);
        --chip-delete-column-gap: var(--spacing-space-1);
        --chip-delete-font-family: sans-sarif;
        --chip-delete-font-size: initial;
        --chip-delete-font-weight: regular;
        --chip-delete-paragraph-spacing: 0px;
        --chip-delete-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-squared-small-f-bright-outline"], [data-theme='light'] [component-variant="chip-squared-small-f-bright-outline"] {
        --chip-delete-background-color: var(--interactive-surface-ghost-default);
        --chip-delete-color: var(--icon-secondary);
        --chip-delete-border-top-left-radius: var(--spacing-space-2);
        --chip-delete-border-top-right-radius: var(--spacing-space-2);
        --chip-delete-border-bottom-left-radius: var(--spacing-space-2);
        --chip-delete-border-bottom-right-radius: var(--spacing-space-2);
        --chip-delete-padding-left: var(--spacing-space-3);
        --chip-delete-padding-right: var(--spacing-space-3);
        --chip-delete-padding-top: var(--spacing-space-3);
        --chip-delete-padding-bottom: var(--spacing-space-3);
        --chip-delete-row-gap: var(--spacing-space-1);
        --chip-delete-column-gap: var(--spacing-space-1);
        --chip-delete-font-family: sans-sarif;
        --chip-delete-font-size: initial;
        --chip-delete-font-weight: regular;
        --chip-delete-paragraph-spacing: 0px;
        --chip-delete-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-squared-small-a-subdued"], [data-theme='light'] [component-variant="chip-squared-small-a-subdued"] {
        --chip-delete-background-color: var(--interactive-surface-ghost-default);
        --chip-delete-color: var(--icon-secondary);
        --chip-delete-border-top-left-radius: var(--spacing-space-2);
        --chip-delete-border-top-right-radius: var(--spacing-space-2);
        --chip-delete-border-bottom-left-radius: var(--spacing-space-2);
        --chip-delete-border-bottom-right-radius: var(--spacing-space-2);
        --chip-delete-padding-left: var(--spacing-space-3);
        --chip-delete-padding-right: var(--spacing-space-3);
        --chip-delete-padding-top: var(--spacing-space-3);
        --chip-delete-padding-bottom: var(--spacing-space-3);
        --chip-delete-row-gap: var(--spacing-space-1);
        --chip-delete-column-gap: var(--spacing-space-1);
        --chip-delete-font-family: sans-sarif;
        --chip-delete-font-size: initial;
        --chip-delete-font-weight: regular;
        --chip-delete-paragraph-spacing: 0px;
        --chip-delete-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-squared-small-a-subdued-outline"], [data-theme='light'] [component-variant="chip-squared-small-a-subdued-outline"] {
        --chip-delete-background-color: var(--interactive-surface-ghost-default);
        --chip-delete-color: var(--icon-secondary);
        --chip-delete-border-top-left-radius: var(--spacing-space-2);
        --chip-delete-border-top-right-radius: var(--spacing-space-2);
        --chip-delete-border-bottom-left-radius: var(--spacing-space-2);
        --chip-delete-border-bottom-right-radius: var(--spacing-space-2);
        --chip-delete-padding-left: var(--spacing-space-3);
        --chip-delete-padding-right: var(--spacing-space-3);
        --chip-delete-padding-top: var(--spacing-space-3);
        --chip-delete-padding-bottom: var(--spacing-space-3);
        --chip-delete-row-gap: var(--spacing-space-1);
        --chip-delete-column-gap: var(--spacing-space-1);
        --chip-delete-font-family: sans-sarif;
        --chip-delete-font-size: initial;
        --chip-delete-font-weight: regular;
        --chip-delete-paragraph-spacing: 0px;
        --chip-delete-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-squared-small-b-subdued"], [data-theme='light'] [component-variant="chip-squared-small-b-subdued"] {
        --chip-delete-background-color: var(--interactive-surface-ghost-default);
        --chip-delete-color: var(--icon-secondary);
        --chip-delete-border-top-left-radius: var(--spacing-space-2);
        --chip-delete-border-top-right-radius: var(--spacing-space-2);
        --chip-delete-border-bottom-left-radius: var(--spacing-space-2);
        --chip-delete-border-bottom-right-radius: var(--spacing-space-2);
        --chip-delete-padding-left: var(--spacing-space-3);
        --chip-delete-padding-right: var(--spacing-space-3);
        --chip-delete-padding-top: var(--spacing-space-3);
        --chip-delete-padding-bottom: var(--spacing-space-3);
        --chip-delete-row-gap: var(--spacing-space-1);
        --chip-delete-column-gap: var(--spacing-space-1);
        --chip-delete-font-family: sans-sarif;
        --chip-delete-font-size: initial;
        --chip-delete-font-weight: regular;
        --chip-delete-paragraph-spacing: 0px;
        --chip-delete-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-squared-small-b-subdued-outline"], [data-theme='light'] [component-variant="chip-squared-small-b-subdued-outline"] {
        --chip-delete-background-color: var(--interactive-surface-ghost-default);
        --chip-delete-color: var(--icon-secondary);
        --chip-delete-border-top-left-radius: var(--spacing-space-2);
        --chip-delete-border-top-right-radius: var(--spacing-space-2);
        --chip-delete-border-bottom-left-radius: var(--spacing-space-2);
        --chip-delete-border-bottom-right-radius: var(--spacing-space-2);
        --chip-delete-padding-left: var(--spacing-space-3);
        --chip-delete-padding-right: var(--spacing-space-3);
        --chip-delete-padding-top: var(--spacing-space-3);
        --chip-delete-padding-bottom: var(--spacing-space-3);
        --chip-delete-row-gap: var(--spacing-space-1);
        --chip-delete-column-gap: var(--spacing-space-1);
        --chip-delete-font-family: sans-sarif;
        --chip-delete-font-size: initial;
        --chip-delete-font-weight: regular;
        --chip-delete-paragraph-spacing: 0px;
        --chip-delete-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-squared-small-c-subdued"], [data-theme='light'] [component-variant="chip-squared-small-c-subdued"] {
        --chip-delete-background-color: var(--interactive-surface-ghost-default);
        --chip-delete-color: var(--icon-secondary);
        --chip-delete-border-top-left-radius: var(--spacing-space-2);
        --chip-delete-border-top-right-radius: var(--spacing-space-2);
        --chip-delete-border-bottom-left-radius: var(--spacing-space-2);
        --chip-delete-border-bottom-right-radius: var(--spacing-space-2);
        --chip-delete-padding-left: var(--spacing-space-3);
        --chip-delete-padding-right: var(--spacing-space-3);
        --chip-delete-padding-top: var(--spacing-space-3);
        --chip-delete-padding-bottom: var(--spacing-space-3);
        --chip-delete-row-gap: var(--spacing-space-1);
        --chip-delete-column-gap: var(--spacing-space-1);
        --chip-delete-font-family: sans-sarif;
        --chip-delete-font-size: initial;
        --chip-delete-font-weight: regular;
        --chip-delete-paragraph-spacing: 0px;
        --chip-delete-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-squared-small-c-subdued-outline"], [data-theme='light'] [component-variant="chip-squared-small-c-subdued-outline"] {
        --chip-delete-background-color: var(--interactive-surface-ghost-default);
        --chip-delete-color: var(--icon-secondary);
        --chip-delete-border-top-left-radius: var(--spacing-space-2);
        --chip-delete-border-top-right-radius: var(--spacing-space-2);
        --chip-delete-border-bottom-left-radius: var(--spacing-space-2);
        --chip-delete-border-bottom-right-radius: var(--spacing-space-2);
        --chip-delete-padding-left: var(--spacing-space-3);
        --chip-delete-padding-right: var(--spacing-space-3);
        --chip-delete-padding-top: var(--spacing-space-3);
        --chip-delete-padding-bottom: var(--spacing-space-3);
        --chip-delete-row-gap: var(--spacing-space-1);
        --chip-delete-column-gap: var(--spacing-space-1);
        --chip-delete-font-family: sans-sarif;
        --chip-delete-font-size: initial;
        --chip-delete-font-weight: regular;
        --chip-delete-paragraph-spacing: 0px;
        --chip-delete-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-squared-small-d-subdued"], [data-theme='light'] [component-variant="chip-squared-small-d-subdued"] {
        --chip-delete-background-color: var(--interactive-surface-ghost-default);
        --chip-delete-color: var(--icon-secondary);
        --chip-delete-border-top-left-radius: var(--spacing-space-2);
        --chip-delete-border-top-right-radius: var(--spacing-space-2);
        --chip-delete-border-bottom-left-radius: var(--spacing-space-2);
        --chip-delete-border-bottom-right-radius: var(--spacing-space-2);
        --chip-delete-padding-left: var(--spacing-space-3);
        --chip-delete-padding-right: var(--spacing-space-3);
        --chip-delete-padding-top: var(--spacing-space-3);
        --chip-delete-padding-bottom: var(--spacing-space-3);
        --chip-delete-row-gap: var(--spacing-space-1);
        --chip-delete-column-gap: var(--spacing-space-1);
        --chip-delete-font-family: sans-sarif;
        --chip-delete-font-size: initial;
        --chip-delete-font-weight: regular;
        --chip-delete-paragraph-spacing: 0px;
        --chip-delete-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-squared-small-d-subdued-outline"], [data-theme='light'] [component-variant="chip-squared-small-d-subdued-outline"] {
        --chip-delete-background-color: var(--interactive-surface-ghost-default);
        --chip-delete-color: var(--icon-secondary);
        --chip-delete-border-top-left-radius: var(--spacing-space-2);
        --chip-delete-border-top-right-radius: var(--spacing-space-2);
        --chip-delete-border-bottom-left-radius: var(--spacing-space-2);
        --chip-delete-border-bottom-right-radius: var(--spacing-space-2);
        --chip-delete-padding-left: var(--spacing-space-3);
        --chip-delete-padding-right: var(--spacing-space-3);
        --chip-delete-padding-top: var(--spacing-space-3);
        --chip-delete-padding-bottom: var(--spacing-space-3);
        --chip-delete-row-gap: var(--spacing-space-1);
        --chip-delete-column-gap: var(--spacing-space-1);
        --chip-delete-font-family: sans-sarif;
        --chip-delete-font-size: initial;
        --chip-delete-font-weight: regular;
        --chip-delete-paragraph-spacing: 0px;
        --chip-delete-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-squared-small-e-subdued"], [data-theme='light'] [component-variant="chip-squared-small-e-subdued"] {
        --chip-delete-background-color: var(--interactive-surface-ghost-default);
        --chip-delete-color: var(--icon-secondary);
        --chip-delete-border-top-left-radius: var(--spacing-space-2);
        --chip-delete-border-top-right-radius: var(--spacing-space-2);
        --chip-delete-border-bottom-left-radius: var(--spacing-space-2);
        --chip-delete-border-bottom-right-radius: var(--spacing-space-2);
        --chip-delete-padding-left: var(--spacing-space-3);
        --chip-delete-padding-right: var(--spacing-space-3);
        --chip-delete-padding-top: var(--spacing-space-3);
        --chip-delete-padding-bottom: var(--spacing-space-3);
        --chip-delete-row-gap: var(--spacing-space-1);
        --chip-delete-column-gap: var(--spacing-space-1);
        --chip-delete-font-family: sans-sarif;
        --chip-delete-font-size: initial;
        --chip-delete-font-weight: regular;
        --chip-delete-paragraph-spacing: 0px;
        --chip-delete-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-squared-small-e-subdued-outline"], [data-theme='light'] [component-variant="chip-squared-small-e-subdued-outline"] {
        --chip-delete-background-color: var(--interactive-surface-ghost-default);
        --chip-delete-color: var(--icon-secondary);
        --chip-delete-border-top-left-radius: var(--spacing-space-2);
        --chip-delete-border-top-right-radius: var(--spacing-space-2);
        --chip-delete-border-bottom-left-radius: var(--spacing-space-2);
        --chip-delete-border-bottom-right-radius: var(--spacing-space-2);
        --chip-delete-padding-left: var(--spacing-space-3);
        --chip-delete-padding-right: var(--spacing-space-3);
        --chip-delete-padding-top: var(--spacing-space-3);
        --chip-delete-padding-bottom: var(--spacing-space-3);
        --chip-delete-row-gap: var(--spacing-space-1);
        --chip-delete-column-gap: var(--spacing-space-1);
        --chip-delete-font-family: sans-sarif;
        --chip-delete-font-size: initial;
        --chip-delete-font-weight: regular;
        --chip-delete-paragraph-spacing: 0px;
        --chip-delete-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-squared-small-f-subdued"], [data-theme='light'] [component-variant="chip-squared-small-f-subdued"] {
        --chip-delete-background-color: var(--interactive-surface-ghost-default);
        --chip-delete-color: var(--icon-secondary);
        --chip-delete-border-top-left-radius: var(--spacing-space-2);
        --chip-delete-border-top-right-radius: var(--spacing-space-2);
        --chip-delete-border-bottom-left-radius: var(--spacing-space-2);
        --chip-delete-border-bottom-right-radius: var(--spacing-space-2);
        --chip-delete-padding-left: var(--spacing-space-3);
        --chip-delete-padding-right: var(--spacing-space-3);
        --chip-delete-padding-top: var(--spacing-space-3);
        --chip-delete-padding-bottom: var(--spacing-space-3);
        --chip-delete-row-gap: var(--spacing-space-1);
        --chip-delete-column-gap: var(--spacing-space-1);
        --chip-delete-font-family: sans-sarif;
        --chip-delete-font-size: initial;
        --chip-delete-font-weight: regular;
        --chip-delete-paragraph-spacing: 0px;
        --chip-delete-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-squared-small-f-subdued-outline"], [data-theme='light'] [component-variant="chip-squared-small-f-subdued-outline"] {
        --chip-delete-background-color: var(--interactive-surface-ghost-default);
        --chip-delete-color: var(--icon-secondary);
        --chip-delete-border-top-left-radius: var(--spacing-space-2);
        --chip-delete-border-top-right-radius: var(--spacing-space-2);
        --chip-delete-border-bottom-left-radius: var(--spacing-space-2);
        --chip-delete-border-bottom-right-radius: var(--spacing-space-2);
        --chip-delete-padding-left: var(--spacing-space-3);
        --chip-delete-padding-right: var(--spacing-space-3);
        --chip-delete-padding-top: var(--spacing-space-3);
        --chip-delete-padding-bottom: var(--spacing-space-3);
        --chip-delete-row-gap: var(--spacing-space-1);
        --chip-delete-column-gap: var(--spacing-space-1);
        --chip-delete-font-family: sans-sarif;
        --chip-delete-font-size: initial;
        --chip-delete-font-weight: regular;
        --chip-delete-paragraph-spacing: 0px;
        --chip-delete-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant^="chip-input-"], [data-theme='light'] [component-variant^="chip-input-"] {
        --chip-input-opacity: 1;
        --chip-input-height: auto;
        --chip-input-min-height: auto;
        --chip-input-max-height: none;
        --chip-input-width: auto;
        --chip-input-min-width: auto;
        --chip-input-max-width: none;
        --chip-input-background-color: transparent;
        --chip-input-fill: currentcolor;
        --chip-input-border-top-left-radius: 0px;
        --chip-input-border-top-right-radius: 0px;
        --chip-input-border-bottom-left-radius: 0px;
        --chip-input-border-bottom-right-radius: 0px;
        --chip-input-border-color: transparent;
        --chip-input-border-style: solid;
        --chip-input-border-gap: normal;
        --chip-input-border-dash: none;
        --chip-input-border-top-width: 0px;
        --chip-input-border-right-width: 0px;
        --chip-input-border-bottom-width: 0px;
        --chip-input-border-left-width: 0px;
        --chip-input-outline-color: auto;
        --chip-input-outline-style: solid;
        --chip-input-outline-width: 0px;
        --chip-input-padding-left: 0px;
        --chip-input-padding-right: 0px;
        --chip-input-padding-top: 0px;
        --chip-input-padding-bottom: 0px;
        --chip-input-row-gap: 0px;
        --chip-input-column-gap: 0px;
        --chip-input-font-family: sans-serif;
        --chip-input-font-size: medium;
        --chip-input-color: currentcolor;
        --chip-input-letter-spacing: normal;
        --chip-input-line-height: normal;
        --chip-input-paragraph-spacing: ;
        --chip-input-paragraph-indent: 
    }
[data-theme='dark'] [component-variant="chip-input-default"], [data-theme='light'] [component-variant="chip-input-default"] {
        --chip-input-min-height: 32px;
        --chip-input-max-height: 200px;
        --chip-input-width: 100%;
        --chip-input-background-color: var(--interactive-surface-secondary-default);
        --chip-input-border-top-left-radius: var(--corner-radius-extra-small);
        --chip-input-border-top-right-radius: var(--corner-radius-extra-small);
        --chip-input-border-bottom-left-radius: var(--corner-radius-extra-small);
        --chip-input-border-bottom-right-radius: var(--corner-radius-extra-small);
        --chip-input-border-color: var(--border-border-grey-3);
        --chip-input-border-top-width: 1px;
        --chip-input-border-right-width: 1px;
        --chip-input-border-bottom-width: 1px;
        --chip-input-border-left-width: 1px;
        --chip-input-padding-left: var(--spacing-space-3);
        --chip-input-padding-right: var(--spacing-space-3);
        --chip-input-padding-top: var(--spacing-space-3);
        --chip-input-padding-bottom: var(--spacing-space-3);
        --chip-input-row-gap: var(--spacing-space-5);
        --chip-input-column-gap: var(--spacing-space-5);
        --chip-input-font-family: sans-sarif;
        --chip-input-font-size: initial;
        --chip-input-font-weight: regular;
        --chip-input-paragraph-spacing: 0px;
        --chip-input-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-input-default"]:hover:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="chip-input-default"]:hover:not(:disabled):not([disabled]) {
        --chip-input-min-height: 32px;
        --chip-input-max-height: 200px;
        --chip-input-width: 100%;
        --chip-input-background-color: var(--interactive-surface-secondary-default);
        --chip-input-border-top-left-radius: var(--corner-radius-extra-small);
        --chip-input-border-top-right-radius: var(--corner-radius-extra-small);
        --chip-input-border-bottom-left-radius: var(--corner-radius-extra-small);
        --chip-input-border-bottom-right-radius: var(--corner-radius-extra-small);
        --chip-input-border-color: var(--border-border-grey-3);
        --chip-input-border-top-width: 1px;
        --chip-input-border-right-width: 1px;
        --chip-input-border-bottom-width: 1px;
        --chip-input-border-left-width: 1px;
        --chip-input-padding-left: var(--spacing-space-3);
        --chip-input-padding-right: var(--spacing-space-3);
        --chip-input-padding-top: var(--spacing-space-3);
        --chip-input-padding-bottom: var(--spacing-space-3);
        --chip-input-row-gap: var(--spacing-space-5);
        --chip-input-column-gap: var(--spacing-space-5);
        --chip-input-font-family: sans-sarif;
        --chip-input-font-size: initial;
        --chip-input-font-weight: regular;
        --chip-input-paragraph-spacing: 0px;
        --chip-input-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-input-default"][active]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="chip-input-default"][active]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="chip-input-default"]:active:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="chip-input-default"]:active:not(:disabled):not([disabled]) {
        --chip-input-min-height: 32px;
        --chip-input-max-height: 200px;
        --chip-input-width: 100%;
        --chip-input-background-color: var(--interactive-surface-secondary-default);
        --chip-input-border-top-left-radius: var(--corner-radius-extra-small);
        --chip-input-border-top-right-radius: var(--corner-radius-extra-small);
        --chip-input-border-bottom-left-radius: var(--corner-radius-extra-small);
        --chip-input-border-bottom-right-radius: var(--corner-radius-extra-small);
        --chip-input-border-color: var(--border-border-grey-3);
        --chip-input-border-top-width: 1px;
        --chip-input-border-right-width: 1px;
        --chip-input-border-bottom-width: 1px;
        --chip-input-border-left-width: 1px;
        --chip-input-padding-left: var(--spacing-space-3);
        --chip-input-padding-right: var(--spacing-space-3);
        --chip-input-padding-top: var(--spacing-space-3);
        --chip-input-padding-bottom: var(--spacing-space-3);
        --chip-input-row-gap: var(--spacing-space-5);
        --chip-input-column-gap: var(--spacing-space-5);
        --chip-input-font-family: sans-sarif;
        --chip-input-font-size: initial;
        --chip-input-font-weight: regular;
        --chip-input-paragraph-spacing: 0px;
        --chip-input-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-input-default"]:has(:focus):not(:disabled):not([disabled]), [data-theme='light'] [component-variant="chip-input-default"]:has(:focus):not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="chip-input-default"]:focus:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="chip-input-default"]:focus:not(:disabled):not([disabled]) {
        --chip-input-min-height: 32px;
        --chip-input-max-height: 200px;
        --chip-input-width: 100%;
        --chip-input-background-color: var(--interactive-surface-secondary-default);
        --chip-input-border-top-left-radius: var(--corner-radius-extra-small);
        --chip-input-border-top-right-radius: var(--corner-radius-extra-small);
        --chip-input-border-bottom-left-radius: var(--corner-radius-extra-small);
        --chip-input-border-bottom-right-radius: var(--corner-radius-extra-small);
        --chip-input-border-color: var(--border-primary);
        --chip-input-border-top-width: 1px;
        --chip-input-border-right-width: 1px;
        --chip-input-border-bottom-width: 1px;
        --chip-input-border-left-width: 1px;
        --chip-input-padding-left: var(--spacing-space-3);
        --chip-input-padding-right: var(--spacing-space-3);
        --chip-input-padding-top: var(--spacing-space-3);
        --chip-input-padding-bottom: var(--spacing-space-3);
        --chip-input-row-gap: var(--spacing-space-5);
        --chip-input-column-gap: var(--spacing-space-5);
        --chip-input-font-family: sans-sarif;
        --chip-input-font-size: initial;
        --chip-input-font-weight: regular;
        --chip-input-paragraph-spacing: 0px;
        --chip-input-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-input-default"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='light'] [component-variant="chip-input-default"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="chip-input-default"]:focus-visible:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="chip-input-default"]:focus-visible:not(:disabled):not([disabled]) {
        --chip-input-min-height: 32px;
        --chip-input-max-height: 200px;
        --chip-input-width: 100%;
        --chip-input-background-color: var(--interactive-surface-secondary-default);
        --chip-input-border-top-left-radius: var(--corner-radius-extra-small);
        --chip-input-border-top-right-radius: var(--corner-radius-extra-small);
        --chip-input-border-bottom-left-radius: var(--corner-radius-extra-small);
        --chip-input-border-bottom-right-radius: var(--corner-radius-extra-small);
        --chip-input-border-color: var(--border-border-grey-1);
        --chip-input-border-top-width: 1px;
        --chip-input-border-right-width: 1px;
        --chip-input-border-bottom-width: 1px;
        --chip-input-border-left-width: 1px;
        --chip-input-padding-left: var(--spacing-space-3);
        --chip-input-padding-right: var(--spacing-space-3);
        --chip-input-padding-top: var(--spacing-space-3);
        --chip-input-padding-bottom: var(--spacing-space-3);
        --chip-input-row-gap: var(--spacing-space-5);
        --chip-input-column-gap: var(--spacing-space-5);
        --chip-input-font-family: sans-sarif;
        --chip-input-font-size: initial;
        --chip-input-font-weight: regular;
        --chip-input-paragraph-spacing: 0px;
        --chip-input-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-input-default"][invalid]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="chip-input-default"][invalid]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="chip-input-default"]:invalid:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="chip-input-default"]:invalid:not(:disabled):not([disabled]) {
        --chip-input-min-height: 32px;
        --chip-input-max-height: 200px;
        --chip-input-width: 100%;
        --chip-input-background-color: var(--interactive-surface-secondary-default);
        --chip-input-border-top-left-radius: var(--corner-radius-extra-small);
        --chip-input-border-top-right-radius: var(--corner-radius-extra-small);
        --chip-input-border-bottom-left-radius: var(--corner-radius-extra-small);
        --chip-input-border-bottom-right-radius: var(--corner-radius-extra-small);
        --chip-input-border-color: var(--border-destructive);
        --chip-input-border-top-width: 1px;
        --chip-input-border-right-width: 1px;
        --chip-input-border-bottom-width: 1px;
        --chip-input-border-left-width: 1px;
        --chip-input-padding-left: var(--spacing-space-3);
        --chip-input-padding-right: var(--spacing-space-3);
        --chip-input-padding-top: var(--spacing-space-3);
        --chip-input-padding-bottom: var(--spacing-space-3);
        --chip-input-row-gap: var(--spacing-space-5);
        --chip-input-column-gap: var(--spacing-space-5);
        --chip-input-font-family: sans-sarif;
        --chip-input-font-size: initial;
        --chip-input-font-weight: regular;
        --chip-input-paragraph-spacing: 0px;
        --chip-input-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-input-default"][disabled],
[data-theme='light'] [component-variant="chip-input-default"][disabled],
[data-theme='dark'] [component-variant="chip-input-default"]:disabled,
[data-theme='light'] [component-variant="chip-input-default"]:disabled {
        --chip-input-min-height: 32px;
        --chip-input-max-height: 200px;
        --chip-input-width: 100%;
        --chip-input-background-color: var(--interactive-surface-secondary-disabled);
        --chip-input-border-top-left-radius: var(--corner-radius-extra-small);
        --chip-input-border-top-right-radius: var(--corner-radius-extra-small);
        --chip-input-border-bottom-left-radius: var(--corner-radius-extra-small);
        --chip-input-border-bottom-right-radius: var(--corner-radius-extra-small);
        --chip-input-border-color: var(--border-border-grey-2);
        --chip-input-border-top-width: 1px;
        --chip-input-border-right-width: 1px;
        --chip-input-border-bottom-width: 1px;
        --chip-input-border-left-width: 1px;
        --chip-input-padding-left: var(--spacing-space-3);
        --chip-input-padding-right: var(--spacing-space-3);
        --chip-input-padding-top: var(--spacing-space-3);
        --chip-input-padding-bottom: var(--spacing-space-3);
        --chip-input-row-gap: var(--spacing-space-5);
        --chip-input-column-gap: var(--spacing-space-5);
        --chip-input-font-family: sans-sarif;
        --chip-input-font-size: initial;
        --chip-input-font-weight: regular;
        --chip-input-paragraph-spacing: 0px;
        --chip-input-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-input-default"], [data-theme='light'] [component-variant="chip-input-default"] {
        --chip-input-chip-list-row-gap: 8px;
        --chip-input-chip-list-column-gap: 8px
    }
[data-theme='dark'] [component-variant="chip-input-default"]:hover:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="chip-input-default"]:hover:not(:disabled):not([disabled]) {
        --chip-input-chip-list-row-gap: 8px;
        --chip-input-chip-list-column-gap: 8px
    }
[data-theme='dark'] [component-variant="chip-input-default"][active]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="chip-input-default"][active]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="chip-input-default"]:active:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="chip-input-default"]:active:not(:disabled):not([disabled]) {
        --chip-input-chip-list-row-gap: 8px;
        --chip-input-chip-list-column-gap: 8px
    }
[data-theme='dark'] [component-variant="chip-input-default"]:has(:focus):not(:disabled):not([disabled]), [data-theme='light'] [component-variant="chip-input-default"]:has(:focus):not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="chip-input-default"]:focus:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="chip-input-default"]:focus:not(:disabled):not([disabled]) {
        --chip-input-chip-list-row-gap: 8px;
        --chip-input-chip-list-column-gap: 8px
    }
[data-theme='dark'] [component-variant="chip-input-default"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='light'] [component-variant="chip-input-default"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="chip-input-default"]:focus-visible:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="chip-input-default"]:focus-visible:not(:disabled):not([disabled]) {
        --chip-input-chip-list-row-gap: 8px;
        --chip-input-chip-list-column-gap: 8px
    }
[data-theme='dark'] [component-variant="chip-input-default"][invalid]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="chip-input-default"][invalid]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="chip-input-default"]:invalid:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="chip-input-default"]:invalid:not(:disabled):not([disabled]) {
        --chip-input-chip-list-row-gap: 8px;
        --chip-input-chip-list-column-gap: 8px
    }
[data-theme='dark'] [component-variant="chip-input-default"][disabled],
[data-theme='light'] [component-variant="chip-input-default"][disabled],
[data-theme='dark'] [component-variant="chip-input-default"]:disabled,
[data-theme='light'] [component-variant="chip-input-default"]:disabled {
        --chip-input-chip-list-row-gap: 8px;
        --chip-input-chip-list-column-gap: 8px
    }
[data-theme='dark'] [component-variant="chip-input-default"], [data-theme='light'] [component-variant="chip-input-default"] {
        --chip-input-chip-item-background-color: var(--surface-background-6);
        --chip-input-chip-item-border-top-left-radius: var(--numbers-size-1);
        --chip-input-chip-item-border-top-right-radius: var(--numbers-size-1);
        --chip-input-chip-item-border-bottom-left-radius: var(--numbers-size-1);
        --chip-input-chip-item-border-bottom-right-radius: var(--numbers-size-1);
        --chip-input-chip-item-padding-left: var(--spacing-space-2);
        --chip-input-chip-item-padding-right: var(--spacing-space-2);
        --chip-input-chip-item-padding-top: var(--spacing-space-1);
        --chip-input-chip-item-padding-bottom: var(--spacing-space-1);
        --chip-input-chip-item-row-gap: var(--numbers-size-1);
        --chip-input-chip-item-column-gap: var(--numbers-size-1);
        --chip-input-chip-item-font-family: sans-sarif;
        --chip-input-chip-item-font-size: initial;
        --chip-input-chip-item-font-weight: regular;
        --chip-input-chip-item-paragraph-spacing: 0px;
        --chip-input-chip-item-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-input-default"]:hover:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="chip-input-default"]:hover:not(:disabled):not([disabled]) {
        --chip-input-chip-item-background-color: var(--surface-background-6);
        --chip-input-chip-item-border-top-left-radius: var(--numbers-size-1);
        --chip-input-chip-item-border-top-right-radius: var(--numbers-size-1);
        --chip-input-chip-item-border-bottom-left-radius: var(--numbers-size-1);
        --chip-input-chip-item-border-bottom-right-radius: var(--numbers-size-1);
        --chip-input-chip-item-padding-left: var(--spacing-space-2);
        --chip-input-chip-item-padding-right: var(--spacing-space-2);
        --chip-input-chip-item-padding-top: var(--spacing-space-1);
        --chip-input-chip-item-padding-bottom: var(--spacing-space-1);
        --chip-input-chip-item-row-gap: var(--numbers-size-1);
        --chip-input-chip-item-column-gap: var(--numbers-size-1);
        --chip-input-chip-item-font-family: sans-sarif;
        --chip-input-chip-item-font-size: initial;
        --chip-input-chip-item-font-weight: regular;
        --chip-input-chip-item-paragraph-spacing: 0px;
        --chip-input-chip-item-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-input-default"][active]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="chip-input-default"][active]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="chip-input-default"]:active:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="chip-input-default"]:active:not(:disabled):not([disabled]) {
        --chip-input-chip-item-background-color: var(--surface-background-6);
        --chip-input-chip-item-border-top-left-radius: var(--numbers-size-1);
        --chip-input-chip-item-border-top-right-radius: var(--numbers-size-1);
        --chip-input-chip-item-border-bottom-left-radius: var(--numbers-size-1);
        --chip-input-chip-item-border-bottom-right-radius: var(--numbers-size-1);
        --chip-input-chip-item-padding-left: var(--spacing-space-2);
        --chip-input-chip-item-padding-right: var(--spacing-space-2);
        --chip-input-chip-item-padding-top: var(--spacing-space-1);
        --chip-input-chip-item-padding-bottom: var(--spacing-space-1);
        --chip-input-chip-item-row-gap: var(--numbers-size-1);
        --chip-input-chip-item-column-gap: var(--numbers-size-1);
        --chip-input-chip-item-font-family: sans-sarif;
        --chip-input-chip-item-font-size: initial;
        --chip-input-chip-item-font-weight: regular;
        --chip-input-chip-item-paragraph-spacing: 0px;
        --chip-input-chip-item-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-input-default"]:has(:focus):not(:disabled):not([disabled]), [data-theme='light'] [component-variant="chip-input-default"]:has(:focus):not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="chip-input-default"]:focus:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="chip-input-default"]:focus:not(:disabled):not([disabled]) {
        --chip-input-chip-item-background-color: var(--surface-background-6);
        --chip-input-chip-item-border-top-left-radius: var(--numbers-size-1);
        --chip-input-chip-item-border-top-right-radius: var(--numbers-size-1);
        --chip-input-chip-item-border-bottom-left-radius: var(--numbers-size-1);
        --chip-input-chip-item-border-bottom-right-radius: var(--numbers-size-1);
        --chip-input-chip-item-padding-left: var(--spacing-space-2);
        --chip-input-chip-item-padding-right: var(--spacing-space-2);
        --chip-input-chip-item-padding-top: var(--spacing-space-1);
        --chip-input-chip-item-padding-bottom: var(--spacing-space-1);
        --chip-input-chip-item-row-gap: var(--numbers-size-1);
        --chip-input-chip-item-column-gap: var(--numbers-size-1);
        --chip-input-chip-item-font-family: sans-sarif;
        --chip-input-chip-item-font-size: initial;
        --chip-input-chip-item-font-weight: regular;
        --chip-input-chip-item-paragraph-spacing: 0px;
        --chip-input-chip-item-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-input-default"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='light'] [component-variant="chip-input-default"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="chip-input-default"]:focus-visible:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="chip-input-default"]:focus-visible:not(:disabled):not([disabled]) {
        --chip-input-chip-item-background-color: var(--surface-background-6);
        --chip-input-chip-item-border-top-left-radius: var(--numbers-size-1);
        --chip-input-chip-item-border-top-right-radius: var(--numbers-size-1);
        --chip-input-chip-item-border-bottom-left-radius: var(--numbers-size-1);
        --chip-input-chip-item-border-bottom-right-radius: var(--numbers-size-1);
        --chip-input-chip-item-padding-left: var(--spacing-space-2);
        --chip-input-chip-item-padding-right: var(--spacing-space-2);
        --chip-input-chip-item-padding-top: var(--spacing-space-1);
        --chip-input-chip-item-padding-bottom: var(--spacing-space-1);
        --chip-input-chip-item-row-gap: var(--numbers-size-1);
        --chip-input-chip-item-column-gap: var(--numbers-size-1);
        --chip-input-chip-item-font-family: sans-sarif;
        --chip-input-chip-item-font-size: initial;
        --chip-input-chip-item-font-weight: regular;
        --chip-input-chip-item-paragraph-spacing: 0px;
        --chip-input-chip-item-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-input-default"][invalid]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="chip-input-default"][invalid]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="chip-input-default"]:invalid:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="chip-input-default"]:invalid:not(:disabled):not([disabled]) {
        --chip-input-chip-item-background-color: var(--surface-background-6);
        --chip-input-chip-item-border-top-left-radius: var(--numbers-size-1);
        --chip-input-chip-item-border-top-right-radius: var(--numbers-size-1);
        --chip-input-chip-item-border-bottom-left-radius: var(--numbers-size-1);
        --chip-input-chip-item-border-bottom-right-radius: var(--numbers-size-1);
        --chip-input-chip-item-padding-left: var(--spacing-space-2);
        --chip-input-chip-item-padding-right: var(--spacing-space-2);
        --chip-input-chip-item-padding-top: var(--spacing-space-1);
        --chip-input-chip-item-padding-bottom: var(--spacing-space-1);
        --chip-input-chip-item-row-gap: var(--numbers-size-1);
        --chip-input-chip-item-column-gap: var(--numbers-size-1);
        --chip-input-chip-item-font-family: sans-sarif;
        --chip-input-chip-item-font-size: initial;
        --chip-input-chip-item-font-weight: regular;
        --chip-input-chip-item-paragraph-spacing: 0px;
        --chip-input-chip-item-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-input-default"][disabled],
[data-theme='light'] [component-variant="chip-input-default"][disabled],
[data-theme='dark'] [component-variant="chip-input-default"]:disabled,
[data-theme='light'] [component-variant="chip-input-default"]:disabled {
        --chip-input-chip-item-background-color: var(--surface-background-6);
        --chip-input-chip-item-border-top-left-radius: var(--numbers-size-1);
        --chip-input-chip-item-border-top-right-radius: var(--numbers-size-1);
        --chip-input-chip-item-border-bottom-left-radius: var(--numbers-size-1);
        --chip-input-chip-item-border-bottom-right-radius: var(--numbers-size-1);
        --chip-input-chip-item-padding-left: var(--spacing-space-2);
        --chip-input-chip-item-padding-right: var(--spacing-space-2);
        --chip-input-chip-item-padding-top: var(--spacing-space-1);
        --chip-input-chip-item-padding-bottom: var(--spacing-space-1);
        --chip-input-chip-item-row-gap: var(--numbers-size-1);
        --chip-input-chip-item-column-gap: var(--numbers-size-1);
        --chip-input-chip-item-font-family: sans-sarif;
        --chip-input-chip-item-font-size: initial;
        --chip-input-chip-item-font-weight: regular;
        --chip-input-chip-item-paragraph-spacing: 0px;
        --chip-input-chip-item-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-input-default"], [data-theme='light'] [component-variant="chip-input-default"] {
        --chip-input-context-menu-width: 100%;
        --chip-input-context-menu-background-color: var(--surface-background-4);
        --chip-input-context-menu-border-top-left-radius: var(--corner-radius-extra-small);
        --chip-input-context-menu-border-top-right-radius: var(--corner-radius-extra-small);
        --chip-input-context-menu-border-bottom-left-radius: var(--corner-radius-extra-small);
        --chip-input-context-menu-border-bottom-right-radius: var(--corner-radius-extra-small);
        --chip-input-context-menu-border-color: var(--border-border-grey-3);
        --chip-input-context-menu-border-top-width: 1px;
        --chip-input-context-menu-border-right-width: 1px;
        --chip-input-context-menu-border-bottom-width: 1px;
        --chip-input-context-menu-border-left-width: 1px;
        --chip-input-context-menu-padding-left: var(--spacing-space-5);
        --chip-input-context-menu-padding-right: var(--spacing-space-5);
        --chip-input-context-menu-padding-top: var(--spacing-space-5);
        --chip-input-context-menu-padding-bottom: var(--spacing-space-5);
        --chip-input-context-menu-row-gap: var(--spacing-space-3);
        --chip-input-context-menu-column-gap: var(--spacing-space-3);
        --chip-input-context-menu-font-family: sans-sarif;
        --chip-input-context-menu-font-size: initial;
        --chip-input-context-menu-font-weight: regular;
        --chip-input-context-menu-paragraph-spacing: 0px;
        --chip-input-context-menu-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-input-default"]:hover:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="chip-input-default"]:hover:not(:disabled):not([disabled]) {
        --chip-input-context-menu-width: 100%;
        --chip-input-context-menu-background-color: var(--surface-background-4);
        --chip-input-context-menu-border-top-left-radius: var(--corner-radius-extra-small);
        --chip-input-context-menu-border-top-right-radius: var(--corner-radius-extra-small);
        --chip-input-context-menu-border-bottom-left-radius: var(--corner-radius-extra-small);
        --chip-input-context-menu-border-bottom-right-radius: var(--corner-radius-extra-small);
        --chip-input-context-menu-border-color: var(--border-border-grey-3);
        --chip-input-context-menu-border-top-width: 1px;
        --chip-input-context-menu-border-right-width: 1px;
        --chip-input-context-menu-border-bottom-width: 1px;
        --chip-input-context-menu-border-left-width: 1px;
        --chip-input-context-menu-padding-left: var(--spacing-space-5);
        --chip-input-context-menu-padding-right: var(--spacing-space-5);
        --chip-input-context-menu-padding-top: var(--spacing-space-5);
        --chip-input-context-menu-padding-bottom: var(--spacing-space-5);
        --chip-input-context-menu-row-gap: var(--spacing-space-3);
        --chip-input-context-menu-column-gap: var(--spacing-space-3);
        --chip-input-context-menu-font-family: sans-sarif;
        --chip-input-context-menu-font-size: initial;
        --chip-input-context-menu-font-weight: regular;
        --chip-input-context-menu-paragraph-spacing: 0px;
        --chip-input-context-menu-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-input-default"][active]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="chip-input-default"][active]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="chip-input-default"]:active:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="chip-input-default"]:active:not(:disabled):not([disabled]) {
        --chip-input-context-menu-width: 100%;
        --chip-input-context-menu-background-color: var(--surface-background-4);
        --chip-input-context-menu-border-top-left-radius: var(--corner-radius-extra-small);
        --chip-input-context-menu-border-top-right-radius: var(--corner-radius-extra-small);
        --chip-input-context-menu-border-bottom-left-radius: var(--corner-radius-extra-small);
        --chip-input-context-menu-border-bottom-right-radius: var(--corner-radius-extra-small);
        --chip-input-context-menu-border-color: var(--border-border-grey-3);
        --chip-input-context-menu-border-top-width: 1px;
        --chip-input-context-menu-border-right-width: 1px;
        --chip-input-context-menu-border-bottom-width: 1px;
        --chip-input-context-menu-border-left-width: 1px;
        --chip-input-context-menu-padding-left: var(--spacing-space-5);
        --chip-input-context-menu-padding-right: var(--spacing-space-5);
        --chip-input-context-menu-padding-top: var(--spacing-space-5);
        --chip-input-context-menu-padding-bottom: var(--spacing-space-5);
        --chip-input-context-menu-row-gap: var(--spacing-space-3);
        --chip-input-context-menu-column-gap: var(--spacing-space-3);
        --chip-input-context-menu-font-family: sans-sarif;
        --chip-input-context-menu-font-size: initial;
        --chip-input-context-menu-font-weight: regular;
        --chip-input-context-menu-paragraph-spacing: 0px;
        --chip-input-context-menu-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-input-default"]:has(:focus):not(:disabled):not([disabled]), [data-theme='light'] [component-variant="chip-input-default"]:has(:focus):not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="chip-input-default"]:focus:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="chip-input-default"]:focus:not(:disabled):not([disabled]) {
        --chip-input-context-menu-width: 100%;
        --chip-input-context-menu-background-color: var(--surface-background-4);
        --chip-input-context-menu-border-top-left-radius: var(--corner-radius-extra-small);
        --chip-input-context-menu-border-top-right-radius: var(--corner-radius-extra-small);
        --chip-input-context-menu-border-bottom-left-radius: var(--corner-radius-extra-small);
        --chip-input-context-menu-border-bottom-right-radius: var(--corner-radius-extra-small);
        --chip-input-context-menu-border-color: var(--border-border-grey-3);
        --chip-input-context-menu-border-top-width: 1px;
        --chip-input-context-menu-border-right-width: 1px;
        --chip-input-context-menu-border-bottom-width: 1px;
        --chip-input-context-menu-border-left-width: 1px;
        --chip-input-context-menu-padding-left: var(--spacing-space-5);
        --chip-input-context-menu-padding-right: var(--spacing-space-5);
        --chip-input-context-menu-padding-top: var(--spacing-space-5);
        --chip-input-context-menu-padding-bottom: var(--spacing-space-5);
        --chip-input-context-menu-row-gap: var(--spacing-space-3);
        --chip-input-context-menu-column-gap: var(--spacing-space-3);
        --chip-input-context-menu-font-family: sans-sarif;
        --chip-input-context-menu-font-size: initial;
        --chip-input-context-menu-font-weight: regular;
        --chip-input-context-menu-paragraph-spacing: 0px;
        --chip-input-context-menu-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-input-default"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='light'] [component-variant="chip-input-default"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="chip-input-default"]:focus-visible:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="chip-input-default"]:focus-visible:not(:disabled):not([disabled]) {
        --chip-input-context-menu-width: 100%;
        --chip-input-context-menu-background-color: var(--surface-background-4);
        --chip-input-context-menu-border-top-left-radius: var(--corner-radius-extra-small);
        --chip-input-context-menu-border-top-right-radius: var(--corner-radius-extra-small);
        --chip-input-context-menu-border-bottom-left-radius: var(--corner-radius-extra-small);
        --chip-input-context-menu-border-bottom-right-radius: var(--corner-radius-extra-small);
        --chip-input-context-menu-border-color: var(--border-border-grey-3);
        --chip-input-context-menu-border-top-width: 1px;
        --chip-input-context-menu-border-right-width: 1px;
        --chip-input-context-menu-border-bottom-width: 1px;
        --chip-input-context-menu-border-left-width: 1px;
        --chip-input-context-menu-padding-left: var(--spacing-space-5);
        --chip-input-context-menu-padding-right: var(--spacing-space-5);
        --chip-input-context-menu-padding-top: var(--spacing-space-5);
        --chip-input-context-menu-padding-bottom: var(--spacing-space-5);
        --chip-input-context-menu-row-gap: var(--spacing-space-3);
        --chip-input-context-menu-column-gap: var(--spacing-space-3);
        --chip-input-context-menu-font-family: sans-sarif;
        --chip-input-context-menu-font-size: initial;
        --chip-input-context-menu-font-weight: regular;
        --chip-input-context-menu-paragraph-spacing: 0px;
        --chip-input-context-menu-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-input-default"][invalid]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="chip-input-default"][invalid]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="chip-input-default"]:invalid:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="chip-input-default"]:invalid:not(:disabled):not([disabled]) {
        --chip-input-context-menu-width: 100%;
        --chip-input-context-menu-background-color: var(--surface-background-4);
        --chip-input-context-menu-border-top-left-radius: var(--corner-radius-extra-small);
        --chip-input-context-menu-border-top-right-radius: var(--corner-radius-extra-small);
        --chip-input-context-menu-border-bottom-left-radius: var(--corner-radius-extra-small);
        --chip-input-context-menu-border-bottom-right-radius: var(--corner-radius-extra-small);
        --chip-input-context-menu-border-color: var(--border-border-grey-3);
        --chip-input-context-menu-border-top-width: 1px;
        --chip-input-context-menu-border-right-width: 1px;
        --chip-input-context-menu-border-bottom-width: 1px;
        --chip-input-context-menu-border-left-width: 1px;
        --chip-input-context-menu-padding-left: var(--spacing-space-5);
        --chip-input-context-menu-padding-right: var(--spacing-space-5);
        --chip-input-context-menu-padding-top: var(--spacing-space-5);
        --chip-input-context-menu-padding-bottom: var(--spacing-space-5);
        --chip-input-context-menu-row-gap: var(--spacing-space-3);
        --chip-input-context-menu-column-gap: var(--spacing-space-3);
        --chip-input-context-menu-font-family: sans-sarif;
        --chip-input-context-menu-font-size: initial;
        --chip-input-context-menu-font-weight: regular;
        --chip-input-context-menu-paragraph-spacing: 0px;
        --chip-input-context-menu-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-input-default"][disabled],
[data-theme='light'] [component-variant="chip-input-default"][disabled],
[data-theme='dark'] [component-variant="chip-input-default"]:disabled,
[data-theme='light'] [component-variant="chip-input-default"]:disabled {
        --chip-input-context-menu-width: 100%;
        --chip-input-context-menu-background-color: var(--surface-background-4);
        --chip-input-context-menu-border-top-left-radius: var(--corner-radius-extra-small);
        --chip-input-context-menu-border-top-right-radius: var(--corner-radius-extra-small);
        --chip-input-context-menu-border-bottom-left-radius: var(--corner-radius-extra-small);
        --chip-input-context-menu-border-bottom-right-radius: var(--corner-radius-extra-small);
        --chip-input-context-menu-border-color: var(--border-border-grey-3);
        --chip-input-context-menu-border-top-width: 1px;
        --chip-input-context-menu-border-right-width: 1px;
        --chip-input-context-menu-border-bottom-width: 1px;
        --chip-input-context-menu-border-left-width: 1px;
        --chip-input-context-menu-padding-left: var(--spacing-space-5);
        --chip-input-context-menu-padding-right: var(--spacing-space-5);
        --chip-input-context-menu-padding-top: var(--spacing-space-5);
        --chip-input-context-menu-padding-bottom: var(--spacing-space-5);
        --chip-input-context-menu-row-gap: var(--spacing-space-3);
        --chip-input-context-menu-column-gap: var(--spacing-space-3);
        --chip-input-context-menu-font-family: sans-sarif;
        --chip-input-context-menu-font-size: initial;
        --chip-input-context-menu-font-weight: regular;
        --chip-input-context-menu-paragraph-spacing: 0px;
        --chip-input-context-menu-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="chip-input-default"], [data-theme='light'] [component-variant="chip-input-default"] {
        --chip-input-context-menu-list-row-gap: var(--spacing-space-3);
        --chip-input-context-menu-list-column-gap: var(--spacing-space-3)
    }
[data-theme='dark'] [component-variant="chip-input-default"]:hover:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="chip-input-default"]:hover:not(:disabled):not([disabled]) {
        --chip-input-context-menu-list-row-gap: var(--spacing-space-3);
        --chip-input-context-menu-list-column-gap: var(--spacing-space-3)
    }
[data-theme='dark'] [component-variant="chip-input-default"][active]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="chip-input-default"][active]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="chip-input-default"]:active:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="chip-input-default"]:active:not(:disabled):not([disabled]) {
        --chip-input-context-menu-list-row-gap: var(--spacing-space-3);
        --chip-input-context-menu-list-column-gap: var(--spacing-space-3)
    }
[data-theme='dark'] [component-variant="chip-input-default"]:has(:focus):not(:disabled):not([disabled]), [data-theme='light'] [component-variant="chip-input-default"]:has(:focus):not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="chip-input-default"]:focus:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="chip-input-default"]:focus:not(:disabled):not([disabled]) {
        --chip-input-context-menu-list-row-gap: var(--spacing-space-3);
        --chip-input-context-menu-list-column-gap: var(--spacing-space-3)
    }
[data-theme='dark'] [component-variant="chip-input-default"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='light'] [component-variant="chip-input-default"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="chip-input-default"]:focus-visible:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="chip-input-default"]:focus-visible:not(:disabled):not([disabled]) {
        --chip-input-context-menu-list-row-gap: var(--spacing-space-3);
        --chip-input-context-menu-list-column-gap: var(--spacing-space-3)
    }
[data-theme='dark'] [component-variant="chip-input-default"][invalid]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="chip-input-default"][invalid]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="chip-input-default"]:invalid:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="chip-input-default"]:invalid:not(:disabled):not([disabled]) {
        --chip-input-context-menu-list-row-gap: var(--spacing-space-3);
        --chip-input-context-menu-list-column-gap: var(--spacing-space-3)
    }
[data-theme='dark'] [component-variant="chip-input-default"][disabled],
[data-theme='light'] [component-variant="chip-input-default"][disabled],
[data-theme='dark'] [component-variant="chip-input-default"]:disabled,
[data-theme='light'] [component-variant="chip-input-default"]:disabled {
        --chip-input-context-menu-list-row-gap: var(--spacing-space-3);
        --chip-input-context-menu-list-column-gap: var(--spacing-space-3)
    }
[data-theme='dark'] [component-variant="chip-input-default"], [data-theme='light'] [component-variant="chip-input-default"] {
        --chip-input-checkbox-item-background-color: var(--interactive-surface-secondary-default);
        --chip-input-checkbox-item-border-top-left-radius: var(--spacing-space-3);
        --chip-input-checkbox-item-border-top-right-radius: var(--spacing-space-3);
        --chip-input-checkbox-item-border-bottom-left-radius: var(--spacing-space-3);
        --chip-input-checkbox-item-border-bottom-right-radius: var(--spacing-space-3);
        --chip-input-checkbox-item-padding-left: var(--spacing-space-5);
        --chip-input-checkbox-item-padding-right: var(--spacing-space-5);
        --chip-input-checkbox-item-padding-top: var(--spacing-space-5);
        --chip-input-checkbox-item-padding-bottom: var(--spacing-space-5);
        --chip-input-checkbox-item-row-gap: 8px;
        --chip-input-checkbox-item-column-gap: 8px
    }
[data-theme='dark'] [component-variant="chip-input-default"]:hover:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="chip-input-default"]:hover:not(:disabled):not([disabled]) {
        --chip-input-checkbox-item-background-color: var(--interactive-surface-secondary-default);
        --chip-input-checkbox-item-border-top-left-radius: var(--spacing-space-3);
        --chip-input-checkbox-item-border-top-right-radius: var(--spacing-space-3);
        --chip-input-checkbox-item-border-bottom-left-radius: var(--spacing-space-3);
        --chip-input-checkbox-item-border-bottom-right-radius: var(--spacing-space-3);
        --chip-input-checkbox-item-padding-left: var(--spacing-space-5);
        --chip-input-checkbox-item-padding-right: var(--spacing-space-5);
        --chip-input-checkbox-item-padding-top: var(--spacing-space-5);
        --chip-input-checkbox-item-padding-bottom: var(--spacing-space-5);
        --chip-input-checkbox-item-row-gap: 8px;
        --chip-input-checkbox-item-column-gap: 8px
    }
[data-theme='dark'] [component-variant="chip-input-default"][active]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="chip-input-default"][active]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="chip-input-default"]:active:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="chip-input-default"]:active:not(:disabled):not([disabled]) {
        --chip-input-checkbox-item-background-color: var(--interactive-surface-secondary-default);
        --chip-input-checkbox-item-border-top-left-radius: var(--spacing-space-3);
        --chip-input-checkbox-item-border-top-right-radius: var(--spacing-space-3);
        --chip-input-checkbox-item-border-bottom-left-radius: var(--spacing-space-3);
        --chip-input-checkbox-item-border-bottom-right-radius: var(--spacing-space-3);
        --chip-input-checkbox-item-padding-left: var(--spacing-space-5);
        --chip-input-checkbox-item-padding-right: var(--spacing-space-5);
        --chip-input-checkbox-item-padding-top: var(--spacing-space-5);
        --chip-input-checkbox-item-padding-bottom: var(--spacing-space-5);
        --chip-input-checkbox-item-row-gap: 8px;
        --chip-input-checkbox-item-column-gap: 8px
    }
[data-theme='dark'] [component-variant="chip-input-default"]:has(:focus):not(:disabled):not([disabled]), [data-theme='light'] [component-variant="chip-input-default"]:has(:focus):not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="chip-input-default"]:focus:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="chip-input-default"]:focus:not(:disabled):not([disabled]) {
        --chip-input-checkbox-item-background-color: var(--interactive-surface-secondary-default);
        --chip-input-checkbox-item-border-top-left-radius: var(--spacing-space-3);
        --chip-input-checkbox-item-border-top-right-radius: var(--spacing-space-3);
        --chip-input-checkbox-item-border-bottom-left-radius: var(--spacing-space-3);
        --chip-input-checkbox-item-border-bottom-right-radius: var(--spacing-space-3);
        --chip-input-checkbox-item-padding-left: var(--spacing-space-5);
        --chip-input-checkbox-item-padding-right: var(--spacing-space-5);
        --chip-input-checkbox-item-padding-top: var(--spacing-space-5);
        --chip-input-checkbox-item-padding-bottom: var(--spacing-space-5);
        --chip-input-checkbox-item-row-gap: 8px;
        --chip-input-checkbox-item-column-gap: 8px
    }
[data-theme='dark'] [component-variant="chip-input-default"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='light'] [component-variant="chip-input-default"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="chip-input-default"]:focus-visible:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="chip-input-default"]:focus-visible:not(:disabled):not([disabled]) {
        --chip-input-checkbox-item-background-color: var(--interactive-surface-secondary-default);
        --chip-input-checkbox-item-border-top-left-radius: var(--spacing-space-3);
        --chip-input-checkbox-item-border-top-right-radius: var(--spacing-space-3);
        --chip-input-checkbox-item-border-bottom-left-radius: var(--spacing-space-3);
        --chip-input-checkbox-item-border-bottom-right-radius: var(--spacing-space-3);
        --chip-input-checkbox-item-padding-left: var(--spacing-space-5);
        --chip-input-checkbox-item-padding-right: var(--spacing-space-5);
        --chip-input-checkbox-item-padding-top: var(--spacing-space-5);
        --chip-input-checkbox-item-padding-bottom: var(--spacing-space-5);
        --chip-input-checkbox-item-row-gap: 8px;
        --chip-input-checkbox-item-column-gap: 8px
    }
[data-theme='dark'] [component-variant="chip-input-default"][invalid]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="chip-input-default"][invalid]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="chip-input-default"]:invalid:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="chip-input-default"]:invalid:not(:disabled):not([disabled]) {
        --chip-input-checkbox-item-background-color: var(--interactive-surface-secondary-default);
        --chip-input-checkbox-item-border-top-left-radius: var(--spacing-space-3);
        --chip-input-checkbox-item-border-top-right-radius: var(--spacing-space-3);
        --chip-input-checkbox-item-border-bottom-left-radius: var(--spacing-space-3);
        --chip-input-checkbox-item-border-bottom-right-radius: var(--spacing-space-3);
        --chip-input-checkbox-item-padding-left: var(--spacing-space-5);
        --chip-input-checkbox-item-padding-right: var(--spacing-space-5);
        --chip-input-checkbox-item-padding-top: var(--spacing-space-5);
        --chip-input-checkbox-item-padding-bottom: var(--spacing-space-5);
        --chip-input-checkbox-item-row-gap: 8px;
        --chip-input-checkbox-item-column-gap: 8px
    }
[data-theme='dark'] [component-variant="chip-input-default"][disabled],
[data-theme='light'] [component-variant="chip-input-default"][disabled],
[data-theme='dark'] [component-variant="chip-input-default"]:disabled,
[data-theme='light'] [component-variant="chip-input-default"]:disabled {
        --chip-input-checkbox-item-background-color: var(--interactive-surface-secondary-default);
        --chip-input-checkbox-item-border-top-left-radius: var(--spacing-space-3);
        --chip-input-checkbox-item-border-top-right-radius: var(--spacing-space-3);
        --chip-input-checkbox-item-border-bottom-left-radius: var(--spacing-space-3);
        --chip-input-checkbox-item-border-bottom-right-radius: var(--spacing-space-3);
        --chip-input-checkbox-item-padding-left: var(--spacing-space-5);
        --chip-input-checkbox-item-padding-right: var(--spacing-space-5);
        --chip-input-checkbox-item-padding-top: var(--spacing-space-5);
        --chip-input-checkbox-item-padding-bottom: var(--spacing-space-5);
        --chip-input-checkbox-item-row-gap: 8px;
        --chip-input-checkbox-item-column-gap: 8px
    }
[data-theme='dark'] [component-variant^="accordion-"], [data-theme='light'] [component-variant^="accordion-"] {
        --accordion-opacity: 1;
        --accordion-height: auto;
        --accordion-min-height: auto;
        --accordion-max-height: none;
        --accordion-width: auto;
        --accordion-min-width: auto;
        --accordion-max-width: none;
        --accordion-background-color: transparent;
        --accordion-fill: currentcolor;
        --accordion-border-top-left-radius: 0px;
        --accordion-border-top-right-radius: 0px;
        --accordion-border-bottom-left-radius: 0px;
        --accordion-border-bottom-right-radius: 0px;
        --accordion-border-color: transparent;
        --accordion-border-style: solid;
        --accordion-border-gap: normal;
        --accordion-border-dash: none;
        --accordion-border-top-width: 0px;
        --accordion-border-right-width: 0px;
        --accordion-border-bottom-width: 0px;
        --accordion-border-left-width: 0px;
        --accordion-outline-color: auto;
        --accordion-outline-style: solid;
        --accordion-outline-width: 0px;
        --accordion-padding-left: 0px;
        --accordion-padding-right: 0px;
        --accordion-padding-top: 0px;
        --accordion-padding-bottom: 0px;
        --accordion-row-gap: 0px;
        --accordion-column-gap: 0px;
        --accordion-font-family: sans-serif;
        --accordion-font-size: medium;
        --accordion-color: currentcolor;
        --accordion-letter-spacing: normal;
        --accordion-line-height: normal;
        --accordion-paragraph-spacing: ;
        --accordion-paragraph-indent: 
    }
[data-theme='dark'] [component-variant="accordion-large-collapsed"], [data-theme='light'] [component-variant="accordion-large-collapsed"] {
        --accordion-font-family: var(--font-family-body);
        --accordion-font-size: var(--font-size-body-large);
        --accordion-font-weight: var(--font-weight-semibold);
        --accordion-color: var(--text-primary);
        --accordion-line-height: var(--line-height-body-large);
        --accordion-paragraph-spacing: 0px;
        --accordion-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="accordion-large-collapsed"]:hover:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="accordion-large-collapsed"]:hover:not(:disabled):not([disabled]) {
        --accordion-font-family: var(--font-family-body);
        --accordion-font-size: var(--font-size-body-large);
        --accordion-font-weight: var(--font-weight-semibold);
        --accordion-color: var(--text-primary);
        --accordion-line-height: var(--line-height-body-large);
        --accordion-paragraph-spacing: 0px;
        --accordion-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="accordion-large-collapsed"][active]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="accordion-large-collapsed"][active]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="accordion-large-collapsed"]:active:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="accordion-large-collapsed"]:active:not(:disabled):not([disabled]) {
        --accordion-font-family: var(--font-family-body);
        --accordion-font-size: var(--font-size-body-large);
        --accordion-font-weight: var(--font-weight-semibold);
        --accordion-color: var(--text-primary);
        --accordion-line-height: var(--line-height-body-large);
        --accordion-paragraph-spacing: 0px;
        --accordion-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="accordion-large-collapsed"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='light'] [component-variant="accordion-large-collapsed"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="accordion-large-collapsed"]:focus-visible:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="accordion-large-collapsed"]:focus-visible:not(:disabled):not([disabled]) {
        --accordion-border-top-width: 1px;
        --accordion-border-left-width: 1px;
        --accordion-border-right-width: 1px;
        --accordion-border-bottom-width: 1px;
        --accordion-border-color: var(--border-border-grey-1);
        --accordion-font-family: var(--font-family-body);
        --accordion-font-size: var(--font-size-body-large);
        --accordion-font-weight: var(--font-weight-semibold);
        --accordion-color: var(--text-primary);
        --accordion-line-height: var(--line-height-body-large);
        --accordion-paragraph-spacing: 0px;
        --accordion-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="accordion-medium-collapsed"], [data-theme='light'] [component-variant="accordion-medium-collapsed"] {
        --accordion-font-family: var(--font-family-body);
        --accordion-font-size: var(--font-size-body-medium);
        --accordion-font-weight: var(--font-weight-semibold);
        --accordion-color: var(--text-primary);
        --accordion-line-height: var(--line-height-body-medium);
        --accordion-paragraph-spacing: 0px;
        --accordion-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="accordion-medium-collapsed"]:hover:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="accordion-medium-collapsed"]:hover:not(:disabled):not([disabled]) {
        --accordion-font-family: var(--font-family-body);
        --accordion-font-size: var(--font-size-body-medium);
        --accordion-font-weight: var(--font-weight-semibold);
        --accordion-color: var(--text-primary);
        --accordion-line-height: var(--line-height-body-medium);
        --accordion-paragraph-spacing: 0px;
        --accordion-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="accordion-medium-collapsed"][active]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="accordion-medium-collapsed"][active]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="accordion-medium-collapsed"]:active:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="accordion-medium-collapsed"]:active:not(:disabled):not([disabled]) {
        --accordion-font-family: var(--font-family-body);
        --accordion-font-size: var(--font-size-body-medium);
        --accordion-font-weight: var(--font-weight-semibold);
        --accordion-color: var(--text-primary);
        --accordion-line-height: var(--line-height-body-medium);
        --accordion-paragraph-spacing: 0px;
        --accordion-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="accordion-medium-collapsed"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='light'] [component-variant="accordion-medium-collapsed"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="accordion-medium-collapsed"]:focus-visible:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="accordion-medium-collapsed"]:focus-visible:not(:disabled):not([disabled]) {
        --accordion-border-top-width: 1px;
        --accordion-border-left-width: 1px;
        --accordion-border-right-width: 1px;
        --accordion-border-bottom-width: 1px;
        --accordion-border-color: var(--border-border-grey-1);
        --accordion-font-family: var(--font-family-body);
        --accordion-font-size: var(--font-size-body-medium);
        --accordion-font-weight: var(--font-weight-semibold);
        --accordion-color: var(--text-primary);
        --accordion-line-height: var(--line-height-body-medium);
        --accordion-paragraph-spacing: 0px;
        --accordion-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="accordion-small-collapsed"], [data-theme='light'] [component-variant="accordion-small-collapsed"] {
        --accordion-font-family: var(--font-family-body);
        --accordion-font-size: var(--font-size-body-small);
        --accordion-font-weight: var(--font-weight-bold);
        --accordion-color: var(--text-primary);
        --accordion-line-height: var(--line-height-body-small);
        --accordion-paragraph-spacing: 0px;
        --accordion-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="accordion-small-collapsed"]:hover:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="accordion-small-collapsed"]:hover:not(:disabled):not([disabled]) {
        --accordion-font-family: var(--font-family-body);
        --accordion-font-size: var(--font-size-body-small);
        --accordion-font-weight: var(--font-weight-bold);
        --accordion-color: var(--text-primary);
        --accordion-line-height: var(--line-height-body-small);
        --accordion-paragraph-spacing: 0px;
        --accordion-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="accordion-small-collapsed"][active]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="accordion-small-collapsed"][active]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="accordion-small-collapsed"]:active:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="accordion-small-collapsed"]:active:not(:disabled):not([disabled]) {
        --accordion-font-family: var(--font-family-body);
        --accordion-font-size: var(--font-size-body-small);
        --accordion-font-weight: var(--font-weight-bold);
        --accordion-color: var(--text-primary);
        --accordion-line-height: var(--line-height-body-small);
        --accordion-paragraph-spacing: 0px;
        --accordion-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="accordion-small-collapsed"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='light'] [component-variant="accordion-small-collapsed"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="accordion-small-collapsed"]:focus-visible:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="accordion-small-collapsed"]:focus-visible:not(:disabled):not([disabled]) {
        --accordion-border-top-width: 1px;
        --accordion-border-left-width: 1px;
        --accordion-border-right-width: 1px;
        --accordion-border-bottom-width: 1px;
        --accordion-border-color: var(--border-border-grey-1);
        --accordion-font-family: var(--font-family-body);
        --accordion-font-size: var(--font-size-body-small);
        --accordion-font-weight: var(--font-weight-bold);
        --accordion-color: var(--text-primary);
        --accordion-line-height: var(--line-height-body-small);
        --accordion-paragraph-spacing: 0px;
        --accordion-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="accordion-large-expanded"], [data-theme='light'] [component-variant="accordion-large-expanded"] {
        --accordion-background-color: var(--surface-background-3);
        --accordion-font-family: var(--font-family-body);
        --accordion-font-size: var(--font-size-body-large);
        --accordion-font-weight: var(--font-weight-semibold);
        --accordion-color: var(--text-primary);
        --accordion-line-height: var(--line-height-body-large);
        --accordion-paragraph-spacing: 0px;
        --accordion-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="accordion-large-expanded"]:hover:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="accordion-large-expanded"]:hover:not(:disabled):not([disabled]) {
        --accordion-background-color: var(--surface-background-4);
        --accordion-font-family: var(--font-family-body);
        --accordion-font-size: var(--font-size-body-large);
        --accordion-font-weight: var(--font-weight-semibold);
        --accordion-color: var(--text-primary);
        --accordion-line-height: var(--line-height-body-large);
        --accordion-paragraph-spacing: 0px;
        --accordion-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="accordion-large-expanded"][active]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="accordion-large-expanded"][active]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="accordion-large-expanded"]:active:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="accordion-large-expanded"]:active:not(:disabled):not([disabled]) {
        --accordion-background-color: var(--surface-background-4);
        --accordion-font-family: var(--font-family-body);
        --accordion-font-size: var(--font-size-body-large);
        --accordion-font-weight: var(--font-weight-semibold);
        --accordion-color: var(--text-primary);
        --accordion-line-height: var(--line-height-body-large);
        --accordion-paragraph-spacing: 0px;
        --accordion-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="accordion-large-expanded"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='light'] [component-variant="accordion-large-expanded"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="accordion-large-expanded"]:focus-visible:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="accordion-large-expanded"]:focus-visible:not(:disabled):not([disabled]) {
        --accordion-border-top-width: 1px;
        --accordion-border-left-width: 1px;
        --accordion-border-right-width: 1px;
        --accordion-border-bottom-width: 1px;
        --accordion-border-color: var(--border-border-grey-1);
        --accordion-background-color: var(--surface-background-3);
        --accordion-font-family: var(--font-family-body);
        --accordion-font-size: var(--font-size-body-small);
        --accordion-font-weight: var(--font-weight-bold);
        --accordion-color: var(--text-primary);
        --accordion-line-height: var(--line-height-body-small);
        --accordion-paragraph-spacing: 0px;
        --accordion-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="accordion-medium-expanded"], [data-theme='light'] [component-variant="accordion-medium-expanded"] {
        --accordion-background-color: var(--surface-background-3);
        --accordion-font-family: var(--font-family-body);
        --accordion-font-size: var(--font-size-body-medium);
        --accordion-font-weight: var(--font-weight-semibold);
        --accordion-color: var(--text-primary);
        --accordion-line-height: var(--line-height-body-medium);
        --accordion-paragraph-spacing: 0px;
        --accordion-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="accordion-medium-expanded"]:hover:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="accordion-medium-expanded"]:hover:not(:disabled):not([disabled]) {
        --accordion-background-color: var(--surface-background-4);
        --accordion-font-family: var(--font-family-body);
        --accordion-font-size: var(--font-size-body-medium);
        --accordion-font-weight: var(--font-weight-semibold);
        --accordion-color: var(--text-primary);
        --accordion-line-height: var(--line-height-body-medium);
        --accordion-paragraph-spacing: 0px;
        --accordion-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="accordion-medium-expanded"][active]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="accordion-medium-expanded"][active]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="accordion-medium-expanded"]:active:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="accordion-medium-expanded"]:active:not(:disabled):not([disabled]) {
        --accordion-background-color: var(--surface-background-4);
        --accordion-font-family: var(--font-family-body);
        --accordion-font-size: var(--font-size-body-medium);
        --accordion-font-weight: var(--font-weight-semibold);
        --accordion-color: var(--text-primary);
        --accordion-line-height: var(--line-height-body-medium);
        --accordion-paragraph-spacing: 0px;
        --accordion-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="accordion-medium-expanded"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='light'] [component-variant="accordion-medium-expanded"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="accordion-medium-expanded"]:focus-visible:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="accordion-medium-expanded"]:focus-visible:not(:disabled):not([disabled]) {
        --accordion-border-top-width: 1px;
        --accordion-border-left-width: 1px;
        --accordion-border-right-width: 1px;
        --accordion-border-bottom-width: 1px;
        --accordion-border-color: var(--border-border-grey-1);
        --accordion-background-color: var(--surface-background-3);
        --accordion-font-family: var(--font-family-body);
        --accordion-font-size: var(--font-size-body-large);
        --accordion-font-weight: var(--font-weight-semibold);
        --accordion-color: var(--text-primary);
        --accordion-line-height: var(--line-height-body-large);
        --accordion-paragraph-spacing: 0px;
        --accordion-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="accordion-small-expanded"], [data-theme='light'] [component-variant="accordion-small-expanded"] {
        --accordion-background-color: var(--surface-background-3);
        --accordion-font-family: var(--font-family-body);
        --accordion-font-size: var(--font-size-body-small);
        --accordion-font-weight: var(--font-weight-bold);
        --accordion-color: var(--text-primary);
        --accordion-line-height: var(--line-height-body-small);
        --accordion-paragraph-spacing: 0px;
        --accordion-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="accordion-small-expanded"]:hover:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="accordion-small-expanded"]:hover:not(:disabled):not([disabled]) {
        --accordion-background-color: var(--surface-background-4);
        --accordion-font-family: var(--font-family-body);
        --accordion-font-size: var(--font-size-body-small);
        --accordion-font-weight: var(--font-weight-bold);
        --accordion-color: var(--text-primary);
        --accordion-line-height: var(--line-height-body-small);
        --accordion-paragraph-spacing: 0px;
        --accordion-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="accordion-small-expanded"][active]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="accordion-small-expanded"][active]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="accordion-small-expanded"]:active:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="accordion-small-expanded"]:active:not(:disabled):not([disabled]) {
        --accordion-background-color: var(--surface-background-4);
        --accordion-font-family: var(--font-family-body);
        --accordion-font-size: var(--font-size-body-small);
        --accordion-font-weight: var(--font-weight-bold);
        --accordion-color: var(--text-primary);
        --accordion-line-height: var(--line-height-body-small);
        --accordion-paragraph-spacing: 0px;
        --accordion-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="accordion-small-expanded"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='light'] [component-variant="accordion-small-expanded"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="accordion-small-expanded"]:focus-visible:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="accordion-small-expanded"]:focus-visible:not(:disabled):not([disabled]) {
        --accordion-border-top-width: 1px;
        --accordion-border-left-width: 1px;
        --accordion-border-right-width: 1px;
        --accordion-border-bottom-width: 1px;
        --accordion-border-color: var(--border-border-grey-1);
        --accordion-background-color: var(--surface-background-3);
        --accordion-font-family: var(--font-family-body);
        --accordion-font-size: var(--font-size-body-medium);
        --accordion-font-weight: var(--font-weight-semibold);
        --accordion-color: var(--text-primary);
        --accordion-line-height: var(--line-height-body-medium);
        --accordion-paragraph-spacing: 0px;
        --accordion-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="accordion-large-collapsed"], [data-theme='light'] [component-variant="accordion-large-collapsed"] {
        --accordion-summary-width: 100%;
        --accordion-summary-background-color: var(--surface-background-3);
        --accordion-summary-color: var(--text-primary);
        --accordion-summary-padding-left: var(--spacing-space-6);
        --accordion-summary-padding-right: var(--spacing-space-6);
        --accordion-summary-padding-top: var(--spacing-space-5);
        --accordion-summary-padding-bottom: var(--spacing-space-5);
        --accordion-summary-row-gap: var(--spacing-space-5);
        --accordion-summary-column-gap: var(--spacing-space-5);
        --accordion-summary-font-family: var(--font-family-body);
        --accordion-summary-font-size: var(--font-size-body-large);
        --accordion-summary-font-weight: var(--font-weight-semibold);
        --accordion-summary-line-height: var(--line-height-body-large);
        --accordion-summary-paragraph-spacing: 0px;
        --accordion-summary-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="accordion-large-collapsed"]:hover:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="accordion-large-collapsed"]:hover:not(:disabled):not([disabled]) {
        --accordion-summary-width: 100%;
        --accordion-summary-background-color: var(--surface-background-4);
        --accordion-summary-color: var(--text-primary);
        --accordion-summary-padding-left: var(--spacing-space-6);
        --accordion-summary-padding-right: var(--spacing-space-6);
        --accordion-summary-padding-top: var(--spacing-space-5);
        --accordion-summary-padding-bottom: var(--spacing-space-5);
        --accordion-summary-row-gap: var(--spacing-space-5);
        --accordion-summary-column-gap: var(--spacing-space-5);
        --accordion-summary-font-family: var(--font-family-body);
        --accordion-summary-font-size: var(--font-size-body-large);
        --accordion-summary-font-weight: var(--font-weight-semibold);
        --accordion-summary-line-height: var(--line-height-body-large);
        --accordion-summary-paragraph-spacing: 0px;
        --accordion-summary-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="accordion-large-collapsed"][active]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="accordion-large-collapsed"][active]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="accordion-large-collapsed"]:active:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="accordion-large-collapsed"]:active:not(:disabled):not([disabled]) {
        --accordion-summary-width: 100%;
        --accordion-summary-background-color: var(--surface-background-4);
        --accordion-summary-color: var(--text-primary);
        --accordion-summary-padding-left: var(--spacing-space-6);
        --accordion-summary-padding-right: var(--spacing-space-6);
        --accordion-summary-padding-top: var(--spacing-space-5);
        --accordion-summary-padding-bottom: var(--spacing-space-5);
        --accordion-summary-row-gap: var(--spacing-space-5);
        --accordion-summary-column-gap: var(--spacing-space-5);
        --accordion-summary-font-family: var(--font-family-body);
        --accordion-summary-font-size: var(--font-size-body-large);
        --accordion-summary-font-weight: var(--font-weight-semibold);
        --accordion-summary-line-height: var(--line-height-body-large);
        --accordion-summary-paragraph-spacing: 0px;
        --accordion-summary-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="accordion-large-collapsed"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='light'] [component-variant="accordion-large-collapsed"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="accordion-large-collapsed"]:focus-visible:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="accordion-large-collapsed"]:focus-visible:not(:disabled):not([disabled]) {
        --accordion-summary-width: 100%;
        --accordion-summary-background-color: var(--surface-background-3);
        --accordion-summary-color: var(--text-primary);
        --accordion-summary-padding-left: var(--spacing-space-6);
        --accordion-summary-padding-right: var(--spacing-space-6);
        --accordion-summary-padding-top: var(--spacing-space-5);
        --accordion-summary-padding-bottom: var(--spacing-space-5);
        --accordion-summary-row-gap: var(--spacing-space-5);
        --accordion-summary-column-gap: var(--spacing-space-5);
        --accordion-summary-font-family: var(--font-family-body);
        --accordion-summary-font-size: var(--font-size-body-large);
        --accordion-summary-font-weight: var(--font-weight-semibold);
        --accordion-summary-line-height: var(--line-height-body-large);
        --accordion-summary-paragraph-spacing: 0px;
        --accordion-summary-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="accordion-medium-collapsed"], [data-theme='light'] [component-variant="accordion-medium-collapsed"] {
        --accordion-summary-width: 100%;
        --accordion-summary-background-color: var(--surface-background-3);
        --accordion-summary-color: var(--text-primary);
        --accordion-summary-padding-left: var(--spacing-space-5);
        --accordion-summary-padding-right: var(--spacing-space-5);
        --accordion-summary-padding-top: var(--spacing-space-3);
        --accordion-summary-padding-bottom: var(--spacing-space-3);
        --accordion-summary-row-gap: var(--spacing-space-5);
        --accordion-summary-column-gap: var(--spacing-space-5);
        --accordion-summary-font-family: var(--font-family-body);
        --accordion-summary-font-size: var(--font-size-body-medium);
        --accordion-summary-font-weight: var(--font-weight-semibold);
        --accordion-summary-line-height: var(--line-height-body-medium);
        --accordion-summary-paragraph-spacing: 0px;
        --accordion-summary-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="accordion-medium-collapsed"]:hover:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="accordion-medium-collapsed"]:hover:not(:disabled):not([disabled]) {
        --accordion-summary-width: 100%;
        --accordion-summary-background-color: var(--surface-background-4);
        --accordion-summary-color: var(--text-primary);
        --accordion-summary-padding-left: var(--spacing-space-5);
        --accordion-summary-padding-right: var(--spacing-space-5);
        --accordion-summary-padding-top: var(--spacing-space-3);
        --accordion-summary-padding-bottom: var(--spacing-space-3);
        --accordion-summary-row-gap: var(--spacing-space-5);
        --accordion-summary-column-gap: var(--spacing-space-5);
        --accordion-summary-font-family: var(--font-family-body);
        --accordion-summary-font-size: var(--font-size-body-medium);
        --accordion-summary-font-weight: var(--font-weight-semibold);
        --accordion-summary-line-height: var(--line-height-body-medium);
        --accordion-summary-paragraph-spacing: 0px;
        --accordion-summary-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="accordion-medium-collapsed"][active]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="accordion-medium-collapsed"][active]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="accordion-medium-collapsed"]:active:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="accordion-medium-collapsed"]:active:not(:disabled):not([disabled]) {
        --accordion-summary-width: 100%;
        --accordion-summary-background-color: var(--surface-background-4);
        --accordion-summary-color: var(--text-primary);
        --accordion-summary-padding-left: var(--spacing-space-5);
        --accordion-summary-padding-right: var(--spacing-space-5);
        --accordion-summary-padding-top: var(--spacing-space-3);
        --accordion-summary-padding-bottom: var(--spacing-space-3);
        --accordion-summary-row-gap: var(--spacing-space-5);
        --accordion-summary-column-gap: var(--spacing-space-5);
        --accordion-summary-font-family: var(--font-family-body);
        --accordion-summary-font-size: var(--font-size-body-medium);
        --accordion-summary-font-weight: var(--font-weight-semibold);
        --accordion-summary-line-height: var(--line-height-body-medium);
        --accordion-summary-paragraph-spacing: 0px;
        --accordion-summary-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="accordion-medium-collapsed"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='light'] [component-variant="accordion-medium-collapsed"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="accordion-medium-collapsed"]:focus-visible:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="accordion-medium-collapsed"]:focus-visible:not(:disabled):not([disabled]) {
        --accordion-summary-width: 100%;
        --accordion-summary-background-color: var(--surface-background-3);
        --accordion-summary-color: var(--text-primary);
        --accordion-summary-padding-left: var(--spacing-space-5);
        --accordion-summary-padding-right: var(--spacing-space-5);
        --accordion-summary-padding-top: var(--spacing-space-3);
        --accordion-summary-padding-bottom: var(--spacing-space-3);
        --accordion-summary-row-gap: var(--spacing-space-5);
        --accordion-summary-column-gap: var(--spacing-space-5);
        --accordion-summary-font-family: var(--font-family-body);
        --accordion-summary-font-size: var(--font-size-body-medium);
        --accordion-summary-font-weight: var(--font-weight-semibold);
        --accordion-summary-line-height: var(--line-height-body-medium);
        --accordion-summary-paragraph-spacing: 0px;
        --accordion-summary-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="accordion-small-collapsed"], [data-theme='light'] [component-variant="accordion-small-collapsed"] {
        --accordion-summary-width: 100%;
        --accordion-summary-background-color: var(--surface-background-3);
        --accordion-summary-color: var(--text-primary);
        --accordion-summary-padding-left: var(--spacing-space-3);
        --accordion-summary-padding-right: var(--spacing-space-3);
        --accordion-summary-padding-top: var(--spacing-space-2);
        --accordion-summary-padding-bottom: var(--spacing-space-2);
        --accordion-summary-row-gap: var(--spacing-space-5);
        --accordion-summary-column-gap: var(--spacing-space-5);
        --accordion-summary-font-family: var(--font-family-body);
        --accordion-summary-font-size: var(--font-size-body-small);
        --accordion-summary-font-weight: var(--font-weight-bold);
        --accordion-summary-line-height: var(--line-height-body-small);
        --accordion-summary-paragraph-spacing: 0px;
        --accordion-summary-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="accordion-small-collapsed"]:hover:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="accordion-small-collapsed"]:hover:not(:disabled):not([disabled]) {
        --accordion-summary-width: 100%;
        --accordion-summary-background-color: var(--surface-background-4);
        --accordion-summary-color: var(--text-primary);
        --accordion-summary-padding-left: var(--spacing-space-3);
        --accordion-summary-padding-right: var(--spacing-space-3);
        --accordion-summary-padding-top: var(--spacing-space-2);
        --accordion-summary-padding-bottom: var(--spacing-space-2);
        --accordion-summary-row-gap: var(--spacing-space-5);
        --accordion-summary-column-gap: var(--spacing-space-5);
        --accordion-summary-font-family: var(--font-family-body);
        --accordion-summary-font-size: var(--font-size-body-small);
        --accordion-summary-font-weight: var(--font-weight-bold);
        --accordion-summary-line-height: var(--line-height-body-small);
        --accordion-summary-paragraph-spacing: 0px;
        --accordion-summary-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="accordion-small-collapsed"][active]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="accordion-small-collapsed"][active]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="accordion-small-collapsed"]:active:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="accordion-small-collapsed"]:active:not(:disabled):not([disabled]) {
        --accordion-summary-width: 100%;
        --accordion-summary-background-color: var(--surface-background-4);
        --accordion-summary-color: var(--text-primary);
        --accordion-summary-padding-left: var(--spacing-space-3);
        --accordion-summary-padding-right: var(--spacing-space-3);
        --accordion-summary-padding-top: var(--spacing-space-2);
        --accordion-summary-padding-bottom: var(--spacing-space-2);
        --accordion-summary-row-gap: var(--spacing-space-5);
        --accordion-summary-column-gap: var(--spacing-space-5);
        --accordion-summary-font-family: var(--font-family-body);
        --accordion-summary-font-size: var(--font-size-body-small);
        --accordion-summary-font-weight: var(--font-weight-bold);
        --accordion-summary-line-height: var(--line-height-body-small);
        --accordion-summary-paragraph-spacing: 0px;
        --accordion-summary-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="accordion-small-collapsed"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='light'] [component-variant="accordion-small-collapsed"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="accordion-small-collapsed"]:focus-visible:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="accordion-small-collapsed"]:focus-visible:not(:disabled):not([disabled]) {
        --accordion-summary-width: 100%;
        --accordion-summary-background-color: var(--surface-background-3);
        --accordion-summary-color: var(--text-primary);
        --accordion-summary-padding-left: var(--spacing-space-3);
        --accordion-summary-padding-right: var(--spacing-space-3);
        --accordion-summary-padding-top: var(--spacing-space-2);
        --accordion-summary-padding-bottom: var(--spacing-space-2);
        --accordion-summary-row-gap: var(--spacing-space-5);
        --accordion-summary-column-gap: var(--spacing-space-5);
        --accordion-summary-font-family: var(--font-family-body);
        --accordion-summary-font-size: var(--font-size-body-small);
        --accordion-summary-font-weight: var(--font-weight-bold);
        --accordion-summary-line-height: var(--line-height-body-small);
        --accordion-summary-paragraph-spacing: 0px;
        --accordion-summary-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="accordion-large-expanded"], [data-theme='light'] [component-variant="accordion-large-expanded"] {
        --accordion-summary-width: 100%;
        --accordion-summary-background-color: var(--surface-background-3);
        --accordion-summary-color: var(--text-primary);
        --accordion-summary-padding-left: var(--spacing-space-6);
        --accordion-summary-padding-right: var(--spacing-space-6);
        --accordion-summary-padding-top: var(--spacing-space-5);
        --accordion-summary-padding-bottom: var(--spacing-space-5);
        --accordion-summary-row-gap: var(--spacing-space-5);
        --accordion-summary-column-gap: var(--spacing-space-5);
        --accordion-summary-font-family: var(--font-family-body);
        --accordion-summary-font-size: var(--font-size-body-large);
        --accordion-summary-font-weight: var(--font-weight-semibold);
        --accordion-summary-line-height: var(--line-height-body-large);
        --accordion-summary-paragraph-spacing: 0px;
        --accordion-summary-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="accordion-large-expanded"]:hover:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="accordion-large-expanded"]:hover:not(:disabled):not([disabled]) {
        --accordion-summary-width: 100%;
        --accordion-summary-background-color: var(--surface-background-4);
        --accordion-summary-color: var(--text-primary);
        --accordion-summary-padding-left: var(--spacing-space-6);
        --accordion-summary-padding-right: var(--spacing-space-6);
        --accordion-summary-padding-top: var(--spacing-space-5);
        --accordion-summary-padding-bottom: var(--spacing-space-5);
        --accordion-summary-row-gap: var(--spacing-space-5);
        --accordion-summary-column-gap: var(--spacing-space-5);
        --accordion-summary-font-family: var(--font-family-body);
        --accordion-summary-font-size: var(--font-size-body-large);
        --accordion-summary-font-weight: var(--font-weight-semibold);
        --accordion-summary-line-height: var(--line-height-body-large);
        --accordion-summary-paragraph-spacing: 0px;
        --accordion-summary-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="accordion-large-expanded"][active]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="accordion-large-expanded"][active]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="accordion-large-expanded"]:active:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="accordion-large-expanded"]:active:not(:disabled):not([disabled]) {
        --accordion-summary-width: 100%;
        --accordion-summary-background-color: var(--surface-background-4);
        --accordion-summary-color: var(--text-primary);
        --accordion-summary-padding-left: var(--spacing-space-6);
        --accordion-summary-padding-right: var(--spacing-space-6);
        --accordion-summary-padding-top: var(--spacing-space-5);
        --accordion-summary-padding-bottom: var(--spacing-space-5);
        --accordion-summary-row-gap: var(--spacing-space-5);
        --accordion-summary-column-gap: var(--spacing-space-5);
        --accordion-summary-font-family: var(--font-family-body);
        --accordion-summary-font-size: var(--font-size-body-large);
        --accordion-summary-font-weight: var(--font-weight-semibold);
        --accordion-summary-line-height: var(--line-height-body-large);
        --accordion-summary-paragraph-spacing: 0px;
        --accordion-summary-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="accordion-large-expanded"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='light'] [component-variant="accordion-large-expanded"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="accordion-large-expanded"]:focus-visible:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="accordion-large-expanded"]:focus-visible:not(:disabled):not([disabled]) {
        --accordion-summary-width: 100%;
        --accordion-summary-background-color: var(--surface-background-3);
        --accordion-summary-color: var(--text-primary);
        --accordion-summary-padding-left: var(--spacing-space-6);
        --accordion-summary-padding-right: var(--spacing-space-6);
        --accordion-summary-padding-top: var(--spacing-space-5);
        --accordion-summary-padding-bottom: var(--spacing-space-5);
        --accordion-summary-row-gap: var(--spacing-space-5);
        --accordion-summary-column-gap: var(--spacing-space-5);
        --accordion-summary-font-family: var(--font-family-body);
        --accordion-summary-font-size: var(--font-size-body-small);
        --accordion-summary-font-weight: var(--font-weight-bold);
        --accordion-summary-line-height: var(--line-height-body-small);
        --accordion-summary-paragraph-spacing: 0px;
        --accordion-summary-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="accordion-medium-expanded"], [data-theme='light'] [component-variant="accordion-medium-expanded"] {
        --accordion-summary-width: 100%;
        --accordion-summary-background-color: var(--surface-background-3);
        --accordion-summary-color: var(--text-primary);
        --accordion-summary-padding-left: var(--spacing-space-5);
        --accordion-summary-padding-right: var(--spacing-space-5);
        --accordion-summary-padding-top: var(--spacing-space-3);
        --accordion-summary-padding-bottom: var(--spacing-space-3);
        --accordion-summary-row-gap: var(--spacing-space-5);
        --accordion-summary-column-gap: var(--spacing-space-5);
        --accordion-summary-font-family: var(--font-family-body);
        --accordion-summary-font-size: var(--font-size-body-medium);
        --accordion-summary-font-weight: var(--font-weight-semibold);
        --accordion-summary-line-height: var(--line-height-body-medium);
        --accordion-summary-paragraph-spacing: 0px;
        --accordion-summary-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="accordion-medium-expanded"]:hover:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="accordion-medium-expanded"]:hover:not(:disabled):not([disabled]) {
        --accordion-summary-width: 100%;
        --accordion-summary-background-color: var(--surface-background-4);
        --accordion-summary-color: var(--text-primary);
        --accordion-summary-padding-left: var(--spacing-space-5);
        --accordion-summary-padding-right: var(--spacing-space-5);
        --accordion-summary-padding-top: var(--spacing-space-3);
        --accordion-summary-padding-bottom: var(--spacing-space-3);
        --accordion-summary-row-gap: var(--spacing-space-5);
        --accordion-summary-column-gap: var(--spacing-space-5);
        --accordion-summary-font-family: var(--font-family-body);
        --accordion-summary-font-size: var(--font-size-body-medium);
        --accordion-summary-font-weight: var(--font-weight-semibold);
        --accordion-summary-line-height: var(--line-height-body-medium);
        --accordion-summary-paragraph-spacing: 0px;
        --accordion-summary-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="accordion-medium-expanded"][active]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="accordion-medium-expanded"][active]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="accordion-medium-expanded"]:active:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="accordion-medium-expanded"]:active:not(:disabled):not([disabled]) {
        --accordion-summary-width: 100%;
        --accordion-summary-background-color: var(--surface-background-4);
        --accordion-summary-color: var(--text-primary);
        --accordion-summary-padding-left: var(--spacing-space-5);
        --accordion-summary-padding-right: var(--spacing-space-5);
        --accordion-summary-padding-top: var(--spacing-space-3);
        --accordion-summary-padding-bottom: var(--spacing-space-3);
        --accordion-summary-row-gap: var(--spacing-space-5);
        --accordion-summary-column-gap: var(--spacing-space-5);
        --accordion-summary-font-family: var(--font-family-body);
        --accordion-summary-font-size: var(--font-size-body-medium);
        --accordion-summary-font-weight: var(--font-weight-semibold);
        --accordion-summary-line-height: var(--line-height-body-medium);
        --accordion-summary-paragraph-spacing: 0px;
        --accordion-summary-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="accordion-medium-expanded"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='light'] [component-variant="accordion-medium-expanded"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="accordion-medium-expanded"]:focus-visible:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="accordion-medium-expanded"]:focus-visible:not(:disabled):not([disabled]) {
        --accordion-summary-width: 100%;
        --accordion-summary-background-color: var(--surface-background-3);
        --accordion-summary-color: var(--text-primary);
        --accordion-summary-padding-left: var(--spacing-space-5);
        --accordion-summary-padding-right: var(--spacing-space-5);
        --accordion-summary-padding-top: var(--spacing-space-3);
        --accordion-summary-padding-bottom: var(--spacing-space-3);
        --accordion-summary-row-gap: var(--spacing-space-5);
        --accordion-summary-column-gap: var(--spacing-space-5);
        --accordion-summary-font-family: var(--font-family-body);
        --accordion-summary-font-size: var(--font-size-body-large);
        --accordion-summary-font-weight: var(--font-weight-semibold);
        --accordion-summary-line-height: var(--line-height-body-large);
        --accordion-summary-paragraph-spacing: 0px;
        --accordion-summary-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="accordion-small-expanded"], [data-theme='light'] [component-variant="accordion-small-expanded"] {
        --accordion-summary-width: 100%;
        --accordion-summary-background-color: var(--surface-background-3);
        --accordion-summary-color: var(--text-primary);
        --accordion-summary-padding-left: var(--spacing-space-3);
        --accordion-summary-padding-right: var(--spacing-space-3);
        --accordion-summary-padding-top: var(--spacing-space-2);
        --accordion-summary-padding-bottom: var(--spacing-space-2);
        --accordion-summary-row-gap: var(--spacing-space-5);
        --accordion-summary-column-gap: var(--spacing-space-5);
        --accordion-summary-font-family: var(--font-family-body);
        --accordion-summary-font-size: var(--font-size-body-small);
        --accordion-summary-font-weight: var(--font-weight-bold);
        --accordion-summary-line-height: var(--line-height-body-small);
        --accordion-summary-paragraph-spacing: 0px;
        --accordion-summary-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="accordion-small-expanded"]:hover:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="accordion-small-expanded"]:hover:not(:disabled):not([disabled]) {
        --accordion-summary-width: 100%;
        --accordion-summary-background-color: var(--surface-background-4);
        --accordion-summary-color: var(--text-primary);
        --accordion-summary-padding-left: var(--spacing-space-3);
        --accordion-summary-padding-right: var(--spacing-space-3);
        --accordion-summary-padding-top: var(--spacing-space-2);
        --accordion-summary-padding-bottom: var(--spacing-space-2);
        --accordion-summary-row-gap: var(--spacing-space-5);
        --accordion-summary-column-gap: var(--spacing-space-5);
        --accordion-summary-font-family: var(--font-family-body);
        --accordion-summary-font-size: var(--font-size-body-small);
        --accordion-summary-font-weight: var(--font-weight-bold);
        --accordion-summary-line-height: var(--line-height-body-small);
        --accordion-summary-paragraph-spacing: 0px;
        --accordion-summary-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="accordion-small-expanded"][active]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="accordion-small-expanded"][active]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="accordion-small-expanded"]:active:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="accordion-small-expanded"]:active:not(:disabled):not([disabled]) {
        --accordion-summary-width: 100%;
        --accordion-summary-background-color: var(--surface-background-4);
        --accordion-summary-color: var(--text-primary);
        --accordion-summary-padding-left: var(--spacing-space-3);
        --accordion-summary-padding-right: var(--spacing-space-3);
        --accordion-summary-padding-top: var(--spacing-space-2);
        --accordion-summary-padding-bottom: var(--spacing-space-2);
        --accordion-summary-row-gap: var(--spacing-space-5);
        --accordion-summary-column-gap: var(--spacing-space-5);
        --accordion-summary-font-family: var(--font-family-body);
        --accordion-summary-font-size: var(--font-size-body-small);
        --accordion-summary-font-weight: var(--font-weight-bold);
        --accordion-summary-line-height: var(--line-height-body-small);
        --accordion-summary-paragraph-spacing: 0px;
        --accordion-summary-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="accordion-small-expanded"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='light'] [component-variant="accordion-small-expanded"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="accordion-small-expanded"]:focus-visible:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="accordion-small-expanded"]:focus-visible:not(:disabled):not([disabled]) {
        --accordion-summary-width: 100%;
        --accordion-summary-background-color: var(--surface-background-3);
        --accordion-summary-color: var(--text-primary);
        --accordion-summary-padding-left: var(--spacing-space-3);
        --accordion-summary-padding-right: var(--spacing-space-3);
        --accordion-summary-padding-top: var(--spacing-space-2);
        --accordion-summary-padding-bottom: var(--spacing-space-2);
        --accordion-summary-row-gap: var(--spacing-space-5);
        --accordion-summary-column-gap: var(--spacing-space-5);
        --accordion-summary-font-family: var(--font-family-body);
        --accordion-summary-font-size: var(--font-size-body-medium);
        --accordion-summary-font-weight: var(--font-weight-semibold);
        --accordion-summary-line-height: var(--line-height-body-medium);
        --accordion-summary-paragraph-spacing: 0px;
        --accordion-summary-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="accordion-large-collapsed"], [data-theme='light'] [component-variant="accordion-large-collapsed"] {
        --accordion-icon-background-color: var(--icon-primary)
    }
[data-theme='dark'] [component-variant="accordion-large-collapsed"]:hover:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="accordion-large-collapsed"]:hover:not(:disabled):not([disabled]) {
        --accordion-icon-background-color: var(--icon-primary)
    }
[data-theme='dark'] [component-variant="accordion-large-collapsed"][active]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="accordion-large-collapsed"][active]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="accordion-large-collapsed"]:active:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="accordion-large-collapsed"]:active:not(:disabled):not([disabled]) {
        --accordion-icon-background-color: var(--icon-primary)
    }
[data-theme='dark'] [component-variant="accordion-large-collapsed"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='light'] [component-variant="accordion-large-collapsed"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="accordion-large-collapsed"]:focus-visible:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="accordion-large-collapsed"]:focus-visible:not(:disabled):not([disabled]) {
        --accordion-icon-background-color: var(--icon-primary)
    }
[data-theme='dark'] [component-variant="accordion-medium-collapsed"], [data-theme='light'] [component-variant="accordion-medium-collapsed"] {
        --accordion-icon-background-color: var(--icon-primary)
    }
[data-theme='dark'] [component-variant="accordion-medium-collapsed"]:hover:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="accordion-medium-collapsed"]:hover:not(:disabled):not([disabled]) {
        --accordion-icon-background-color: var(--icon-primary)
    }
[data-theme='dark'] [component-variant="accordion-medium-collapsed"][active]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="accordion-medium-collapsed"][active]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="accordion-medium-collapsed"]:active:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="accordion-medium-collapsed"]:active:not(:disabled):not([disabled]) {
        --accordion-icon-background-color: var(--icon-primary)
    }
[data-theme='dark'] [component-variant="accordion-medium-collapsed"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='light'] [component-variant="accordion-medium-collapsed"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="accordion-medium-collapsed"]:focus-visible:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="accordion-medium-collapsed"]:focus-visible:not(:disabled):not([disabled]) {
        --accordion-icon-background-color: var(--icon-primary)
    }
[data-theme='dark'] [component-variant="accordion-small-collapsed"], [data-theme='light'] [component-variant="accordion-small-collapsed"] {
        --accordion-icon-background-color: var(--icon-primary)
    }
[data-theme='dark'] [component-variant="accordion-small-collapsed"]:hover:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="accordion-small-collapsed"]:hover:not(:disabled):not([disabled]) {
        --accordion-icon-background-color: var(--icon-primary)
    }
[data-theme='dark'] [component-variant="accordion-small-collapsed"][active]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="accordion-small-collapsed"][active]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="accordion-small-collapsed"]:active:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="accordion-small-collapsed"]:active:not(:disabled):not([disabled]) {
        --accordion-icon-background-color: var(--icon-primary)
    }
[data-theme='dark'] [component-variant="accordion-small-collapsed"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='light'] [component-variant="accordion-small-collapsed"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="accordion-small-collapsed"]:focus-visible:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="accordion-small-collapsed"]:focus-visible:not(:disabled):not([disabled]) {
        --accordion-icon-background-color: var(--icon-primary)
    }
[data-theme='dark'] [component-variant="accordion-large-expanded"], [data-theme='light'] [component-variant="accordion-large-expanded"] {
        --accordion-icon-background-color: var(--icon-primary)
    }
[data-theme='dark'] [component-variant="accordion-large-expanded"]:hover:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="accordion-large-expanded"]:hover:not(:disabled):not([disabled]) {
        --accordion-icon-background-color: var(--icon-primary)
    }
[data-theme='dark'] [component-variant="accordion-large-expanded"][active]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="accordion-large-expanded"][active]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="accordion-large-expanded"]:active:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="accordion-large-expanded"]:active:not(:disabled):not([disabled]) {
        --accordion-icon-background-color: var(--icon-primary)
    }
[data-theme='dark'] [component-variant="accordion-large-expanded"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='light'] [component-variant="accordion-large-expanded"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="accordion-large-expanded"]:focus-visible:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="accordion-large-expanded"]:focus-visible:not(:disabled):not([disabled]) {
        --accordion-icon-background-color: var(--icon-primary)
    }
[data-theme='dark'] [component-variant="accordion-medium-expanded"], [data-theme='light'] [component-variant="accordion-medium-expanded"] {
        --accordion-icon-background-color: var(--icon-primary)
    }
[data-theme='dark'] [component-variant="accordion-medium-expanded"]:hover:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="accordion-medium-expanded"]:hover:not(:disabled):not([disabled]) {
        --accordion-icon-background-color: var(--icon-primary)
    }
[data-theme='dark'] [component-variant="accordion-medium-expanded"][active]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="accordion-medium-expanded"][active]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="accordion-medium-expanded"]:active:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="accordion-medium-expanded"]:active:not(:disabled):not([disabled]) {
        --accordion-icon-background-color: var(--icon-primary)
    }
[data-theme='dark'] [component-variant="accordion-medium-expanded"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='light'] [component-variant="accordion-medium-expanded"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="accordion-medium-expanded"]:focus-visible:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="accordion-medium-expanded"]:focus-visible:not(:disabled):not([disabled]) {
        --accordion-icon-background-color: var(--icon-primary)
    }
[data-theme='dark'] [component-variant="accordion-small-expanded"], [data-theme='light'] [component-variant="accordion-small-expanded"] {
        --accordion-icon-background-color: var(--icon-primary)
    }
[data-theme='dark'] [component-variant="accordion-small-expanded"]:hover:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="accordion-small-expanded"]:hover:not(:disabled):not([disabled]) {
        --accordion-icon-background-color: var(--icon-primary)
    }
[data-theme='dark'] [component-variant="accordion-small-expanded"][active]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="accordion-small-expanded"][active]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="accordion-small-expanded"]:active:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="accordion-small-expanded"]:active:not(:disabled):not([disabled]) {
        --accordion-icon-background-color: var(--icon-primary)
    }
[data-theme='dark'] [component-variant="accordion-small-expanded"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='light'] [component-variant="accordion-small-expanded"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="accordion-small-expanded"]:focus-visible:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="accordion-small-expanded"]:focus-visible:not(:disabled):not([disabled]) {
        --accordion-icon-background-color: var(--icon-primary)
    }
[data-theme='dark'] [component-variant="accordion-large-expanded"], [data-theme='light'] [component-variant="accordion-large-expanded"] {
        --accordion-content-width: 100%;
        --accordion-content-background-color: rgb(221, 118, 210);
        --accordion-content-border-color: rgb(197, 35, 161);
        --accordion-content-border-style: dashed;
        --accordion-content-border-gap: 4px;
        --accordion-content-border-dash: 4px;
        --accordion-content-border-top-width: 2px;
        --accordion-content-border-right-width: 2px;
        --accordion-content-border-bottom-width: 2px;
        --accordion-content-border-left-width: 2px;
        --accordion-content-padding-left: var(--spacing-space-6);
        --accordion-content-padding-right: var(--spacing-space-6);
        --accordion-content-padding-top: var(--spacing-space-5);
        --accordion-content-padding-bottom: var(--spacing-space-5);
        --accordion-content-row-gap: var(--spacing-space-1);
        --accordion-content-column-gap: var(--spacing-space-1);
        --accordion-content-font-family: var(--font-family-body);
        --accordion-content-font-size: var(--font-size-body-small);
        --accordion-content-font-weight: var(--font-weight-medium);
        --accordion-content-line-height: var(--line-height-body-small);
        --accordion-content-paragraph-spacing: 0px;
        --accordion-content-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="accordion-large-expanded"]:hover:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="accordion-large-expanded"]:hover:not(:disabled):not([disabled]) {
        --accordion-content-width: 100%;
        --accordion-content-background-color: rgb(221, 118, 210);
        --accordion-content-border-color: rgb(197, 35, 161);
        --accordion-content-border-style: dashed;
        --accordion-content-border-gap: 4px;
        --accordion-content-border-dash: 4px;
        --accordion-content-border-top-width: 2px;
        --accordion-content-border-right-width: 2px;
        --accordion-content-border-bottom-width: 2px;
        --accordion-content-border-left-width: 2px;
        --accordion-content-padding-left: var(--spacing-space-6);
        --accordion-content-padding-right: var(--spacing-space-6);
        --accordion-content-padding-top: var(--spacing-space-5);
        --accordion-content-padding-bottom: var(--spacing-space-5);
        --accordion-content-row-gap: var(--spacing-space-1);
        --accordion-content-column-gap: var(--spacing-space-1);
        --accordion-content-font-family: var(--font-family-body);
        --accordion-content-font-size: var(--font-size-body-small);
        --accordion-content-font-weight: var(--font-weight-medium);
        --accordion-content-line-height: var(--line-height-body-small);
        --accordion-content-paragraph-spacing: 0px;
        --accordion-content-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="accordion-large-expanded"][active]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="accordion-large-expanded"][active]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="accordion-large-expanded"]:active:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="accordion-large-expanded"]:active:not(:disabled):not([disabled]) {
        --accordion-content-width: 100%;
        --accordion-content-background-color: rgb(221, 118, 210);
        --accordion-content-border-color: rgb(197, 35, 161);
        --accordion-content-border-style: dashed;
        --accordion-content-border-gap: 4px;
        --accordion-content-border-dash: 4px;
        --accordion-content-border-top-width: 2px;
        --accordion-content-border-right-width: 2px;
        --accordion-content-border-bottom-width: 2px;
        --accordion-content-border-left-width: 2px;
        --accordion-content-padding-left: var(--spacing-space-6);
        --accordion-content-padding-right: var(--spacing-space-6);
        --accordion-content-padding-top: var(--spacing-space-5);
        --accordion-content-padding-bottom: var(--spacing-space-5);
        --accordion-content-row-gap: var(--spacing-space-1);
        --accordion-content-column-gap: var(--spacing-space-1);
        --accordion-content-font-family: var(--font-family-body);
        --accordion-content-font-size: var(--font-size-body-small);
        --accordion-content-font-weight: var(--font-weight-medium);
        --accordion-content-line-height: var(--line-height-body-small);
        --accordion-content-paragraph-spacing: 0px;
        --accordion-content-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="accordion-large-expanded"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='light'] [component-variant="accordion-large-expanded"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="accordion-large-expanded"]:focus-visible:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="accordion-large-expanded"]:focus-visible:not(:disabled):not([disabled]) {
        --accordion-content-width: 100%;
        --accordion-content-background-color: rgb(221, 118, 210);
        --accordion-content-border-color: rgb(197, 35, 161);
        --accordion-content-border-style: dashed;
        --accordion-content-border-gap: 4px;
        --accordion-content-border-dash: 4px;
        --accordion-content-border-top-width: 2px;
        --accordion-content-border-right-width: 2px;
        --accordion-content-border-bottom-width: 2px;
        --accordion-content-border-left-width: 2px;
        --accordion-content-padding-left: var(--spacing-space-6);
        --accordion-content-padding-right: var(--spacing-space-6);
        --accordion-content-padding-top: var(--spacing-space-5);
        --accordion-content-padding-bottom: var(--spacing-space-5);
        --accordion-content-row-gap: var(--spacing-space-1);
        --accordion-content-column-gap: var(--spacing-space-1);
        --accordion-content-font-family: var(--font-family-body);
        --accordion-content-font-size: var(--font-size-body-small);
        --accordion-content-font-weight: var(--font-weight-medium);
        --accordion-content-line-height: var(--line-height-body-small);
        --accordion-content-paragraph-spacing: 0px;
        --accordion-content-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="accordion-medium-expanded"], [data-theme='light'] [component-variant="accordion-medium-expanded"] {
        --accordion-content-width: 100%;
        --accordion-content-background-color: rgb(221, 118, 210);
        --accordion-content-border-color: rgb(197, 35, 161);
        --accordion-content-border-style: dashed;
        --accordion-content-border-gap: 4px;
        --accordion-content-border-dash: 4px;
        --accordion-content-border-top-width: 2px;
        --accordion-content-border-right-width: 2px;
        --accordion-content-border-bottom-width: 2px;
        --accordion-content-border-left-width: 2px;
        --accordion-content-padding-left: var(--spacing-space-6);
        --accordion-content-padding-right: var(--spacing-space-6);
        --accordion-content-padding-top: var(--spacing-space-5);
        --accordion-content-padding-bottom: var(--spacing-space-5);
        --accordion-content-row-gap: var(--spacing-space-1);
        --accordion-content-column-gap: var(--spacing-space-1);
        --accordion-content-font-family: var(--font-family-body);
        --accordion-content-font-size: var(--font-size-body-small);
        --accordion-content-font-weight: var(--font-weight-medium);
        --accordion-content-line-height: var(--line-height-body-small);
        --accordion-content-paragraph-spacing: 0px;
        --accordion-content-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="accordion-medium-expanded"]:hover:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="accordion-medium-expanded"]:hover:not(:disabled):not([disabled]) {
        --accordion-content-width: 100%;
        --accordion-content-background-color: rgb(221, 118, 210);
        --accordion-content-border-color: rgb(197, 35, 161);
        --accordion-content-border-style: dashed;
        --accordion-content-border-gap: 4px;
        --accordion-content-border-dash: 4px;
        --accordion-content-border-top-width: 2px;
        --accordion-content-border-right-width: 2px;
        --accordion-content-border-bottom-width: 2px;
        --accordion-content-border-left-width: 2px;
        --accordion-content-padding-left: var(--spacing-space-6);
        --accordion-content-padding-right: var(--spacing-space-6);
        --accordion-content-padding-top: var(--spacing-space-5);
        --accordion-content-padding-bottom: var(--spacing-space-5);
        --accordion-content-row-gap: var(--spacing-space-1);
        --accordion-content-column-gap: var(--spacing-space-1);
        --accordion-content-font-family: var(--font-family-body);
        --accordion-content-font-size: var(--font-size-body-small);
        --accordion-content-font-weight: var(--font-weight-medium);
        --accordion-content-line-height: var(--line-height-body-small);
        --accordion-content-paragraph-spacing: 0px;
        --accordion-content-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="accordion-medium-expanded"][active]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="accordion-medium-expanded"][active]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="accordion-medium-expanded"]:active:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="accordion-medium-expanded"]:active:not(:disabled):not([disabled]) {
        --accordion-content-width: 100%;
        --accordion-content-background-color: rgb(221, 118, 210);
        --accordion-content-border-color: rgb(197, 35, 161);
        --accordion-content-border-style: dashed;
        --accordion-content-border-gap: 4px;
        --accordion-content-border-dash: 4px;
        --accordion-content-border-top-width: 2px;
        --accordion-content-border-right-width: 2px;
        --accordion-content-border-bottom-width: 2px;
        --accordion-content-border-left-width: 2px;
        --accordion-content-padding-left: var(--spacing-space-6);
        --accordion-content-padding-right: var(--spacing-space-6);
        --accordion-content-padding-top: var(--spacing-space-5);
        --accordion-content-padding-bottom: var(--spacing-space-5);
        --accordion-content-row-gap: var(--spacing-space-1);
        --accordion-content-column-gap: var(--spacing-space-1);
        --accordion-content-font-family: var(--font-family-body);
        --accordion-content-font-size: var(--font-size-body-small);
        --accordion-content-font-weight: var(--font-weight-medium);
        --accordion-content-line-height: var(--line-height-body-small);
        --accordion-content-paragraph-spacing: 0px;
        --accordion-content-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="accordion-medium-expanded"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='light'] [component-variant="accordion-medium-expanded"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="accordion-medium-expanded"]:focus-visible:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="accordion-medium-expanded"]:focus-visible:not(:disabled):not([disabled]) {
        --accordion-content-width: 100%;
        --accordion-content-background-color: rgb(221, 118, 210);
        --accordion-content-border-color: rgb(197, 35, 161);
        --accordion-content-border-style: dashed;
        --accordion-content-border-gap: 4px;
        --accordion-content-border-dash: 4px;
        --accordion-content-border-top-width: 2px;
        --accordion-content-border-right-width: 2px;
        --accordion-content-border-bottom-width: 2px;
        --accordion-content-border-left-width: 2px;
        --accordion-content-padding-left: var(--spacing-space-6);
        --accordion-content-padding-right: var(--spacing-space-6);
        --accordion-content-padding-top: var(--spacing-space-5);
        --accordion-content-padding-bottom: var(--spacing-space-5);
        --accordion-content-row-gap: var(--spacing-space-1);
        --accordion-content-column-gap: var(--spacing-space-1);
        --accordion-content-font-family: var(--font-family-body);
        --accordion-content-font-size: var(--font-size-body-small);
        --accordion-content-font-weight: var(--font-weight-medium);
        --accordion-content-line-height: var(--line-height-body-small);
        --accordion-content-paragraph-spacing: 0px;
        --accordion-content-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="accordion-small-expanded"], [data-theme='light'] [component-variant="accordion-small-expanded"] {
        --accordion-content-width: 100%;
        --accordion-content-background-color: rgb(221, 118, 210);
        --accordion-content-border-color: rgb(197, 35, 161);
        --accordion-content-border-style: dashed;
        --accordion-content-border-gap: 4px;
        --accordion-content-border-dash: 4px;
        --accordion-content-border-top-width: 2px;
        --accordion-content-border-right-width: 2px;
        --accordion-content-border-bottom-width: 2px;
        --accordion-content-border-left-width: 2px;
        --accordion-content-padding-left: var(--spacing-space-6);
        --accordion-content-padding-right: var(--spacing-space-6);
        --accordion-content-padding-top: var(--spacing-space-5);
        --accordion-content-padding-bottom: var(--spacing-space-5);
        --accordion-content-row-gap: var(--spacing-space-1);
        --accordion-content-column-gap: var(--spacing-space-1);
        --accordion-content-font-family: var(--font-family-body);
        --accordion-content-font-size: var(--font-size-body-small);
        --accordion-content-font-weight: var(--font-weight-medium);
        --accordion-content-line-height: var(--line-height-body-small);
        --accordion-content-paragraph-spacing: 0px;
        --accordion-content-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="accordion-small-expanded"]:hover:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="accordion-small-expanded"]:hover:not(:disabled):not([disabled]) {
        --accordion-content-width: 100%;
        --accordion-content-background-color: rgb(221, 118, 210);
        --accordion-content-border-color: rgb(197, 35, 161);
        --accordion-content-border-style: dashed;
        --accordion-content-border-gap: 4px;
        --accordion-content-border-dash: 4px;
        --accordion-content-border-top-width: 2px;
        --accordion-content-border-right-width: 2px;
        --accordion-content-border-bottom-width: 2px;
        --accordion-content-border-left-width: 2px;
        --accordion-content-padding-left: var(--spacing-space-6);
        --accordion-content-padding-right: var(--spacing-space-6);
        --accordion-content-padding-top: var(--spacing-space-5);
        --accordion-content-padding-bottom: var(--spacing-space-5);
        --accordion-content-row-gap: var(--spacing-space-1);
        --accordion-content-column-gap: var(--spacing-space-1);
        --accordion-content-font-family: var(--font-family-body);
        --accordion-content-font-size: var(--font-size-body-small);
        --accordion-content-font-weight: var(--font-weight-medium);
        --accordion-content-line-height: var(--line-height-body-small);
        --accordion-content-paragraph-spacing: 0px;
        --accordion-content-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="accordion-small-expanded"][active]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="accordion-small-expanded"][active]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="accordion-small-expanded"]:active:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="accordion-small-expanded"]:active:not(:disabled):not([disabled]) {
        --accordion-content-width: 100%;
        --accordion-content-background-color: rgb(221, 118, 210);
        --accordion-content-border-color: rgb(197, 35, 161);
        --accordion-content-border-style: dashed;
        --accordion-content-border-gap: 4px;
        --accordion-content-border-dash: 4px;
        --accordion-content-border-top-width: 2px;
        --accordion-content-border-right-width: 2px;
        --accordion-content-border-bottom-width: 2px;
        --accordion-content-border-left-width: 2px;
        --accordion-content-padding-left: var(--spacing-space-6);
        --accordion-content-padding-right: var(--spacing-space-6);
        --accordion-content-padding-top: var(--spacing-space-5);
        --accordion-content-padding-bottom: var(--spacing-space-5);
        --accordion-content-row-gap: var(--spacing-space-1);
        --accordion-content-column-gap: var(--spacing-space-1);
        --accordion-content-font-family: var(--font-family-body);
        --accordion-content-font-size: var(--font-size-body-small);
        --accordion-content-font-weight: var(--font-weight-medium);
        --accordion-content-line-height: var(--line-height-body-small);
        --accordion-content-paragraph-spacing: 0px;
        --accordion-content-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="accordion-small-expanded"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='light'] [component-variant="accordion-small-expanded"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="accordion-small-expanded"]:focus-visible:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="accordion-small-expanded"]:focus-visible:not(:disabled):not([disabled]) {
        --accordion-content-width: 100%;
        --accordion-content-background-color: rgb(221, 118, 210);
        --accordion-content-border-color: rgb(197, 35, 161);
        --accordion-content-border-style: dashed;
        --accordion-content-border-gap: 4px;
        --accordion-content-border-dash: 4px;
        --accordion-content-border-top-width: 2px;
        --accordion-content-border-right-width: 2px;
        --accordion-content-border-bottom-width: 2px;
        --accordion-content-border-left-width: 2px;
        --accordion-content-padding-left: var(--spacing-space-6);
        --accordion-content-padding-right: var(--spacing-space-6);
        --accordion-content-padding-top: var(--spacing-space-5);
        --accordion-content-padding-bottom: var(--spacing-space-5);
        --accordion-content-row-gap: var(--spacing-space-1);
        --accordion-content-column-gap: var(--spacing-space-1);
        --accordion-content-font-family: var(--font-family-body);
        --accordion-content-font-size: var(--font-size-body-small);
        --accordion-content-font-weight: var(--font-weight-medium);
        --accordion-content-line-height: var(--line-height-body-small);
        --accordion-content-paragraph-spacing: 0px;
        --accordion-content-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant^="dropzone-"], [data-theme='light'] [component-variant^="dropzone-"] {
        --dropzone-opacity: 1;
        --dropzone-height: auto;
        --dropzone-min-height: auto;
        --dropzone-max-height: none;
        --dropzone-width: auto;
        --dropzone-min-width: auto;
        --dropzone-max-width: none;
        --dropzone-background-color: transparent;
        --dropzone-fill: currentcolor;
        --dropzone-border-top-left-radius: 0px;
        --dropzone-border-top-right-radius: 0px;
        --dropzone-border-bottom-left-radius: 0px;
        --dropzone-border-bottom-right-radius: 0px;
        --dropzone-border-color: transparent;
        --dropzone-border-style: solid;
        --dropzone-border-gap: normal;
        --dropzone-border-dash: none;
        --dropzone-border-top-width: 0px;
        --dropzone-border-right-width: 0px;
        --dropzone-border-bottom-width: 0px;
        --dropzone-border-left-width: 0px;
        --dropzone-outline-color: auto;
        --dropzone-outline-style: solid;
        --dropzone-outline-width: 0px;
        --dropzone-padding-left: 0px;
        --dropzone-padding-right: 0px;
        --dropzone-padding-top: 0px;
        --dropzone-padding-bottom: 0px;
        --dropzone-row-gap: 0px;
        --dropzone-column-gap: 0px;
        --dropzone-font-family: sans-serif;
        --dropzone-font-size: medium;
        --dropzone-color: currentcolor;
        --dropzone-letter-spacing: normal;
        --dropzone-line-height: normal;
        --dropzone-paragraph-spacing: ;
        --dropzone-paragraph-indent: 
    }
[data-theme='dark'] [component-variant="dropzone-empty"], [data-theme='light'] [component-variant="dropzone-empty"] {
        --dropzone-width: 100%;
        --dropzone-font-family: var(--font-family-body);
        --dropzone-font-size: var(--font-size-body-small);
        --dropzone-font-weight: var(--font-weight-medium);
        --dropzone-line-height: var(--line-height-body-small);
        --dropzone-paragraph-spacing: 0px;
        --dropzone-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="dropzone-loading"], [data-theme='light'] [component-variant="dropzone-loading"] {
        --dropzone-width: 100%;
        --dropzone-font-family: var(--font-family-body);
        --dropzone-font-size: var(--font-size-body-small);
        --dropzone-font-weight: var(--font-weight-medium);
        --dropzone-line-height: var(--line-height-body-small);
        --dropzone-paragraph-spacing: 0px;
        --dropzone-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="dropzone-uploaded"], [data-theme='light'] [component-variant="dropzone-uploaded"] {
        --dropzone-width: 100%;
        --dropzone-font-family: var(--font-family-body);
        --dropzone-font-size: var(--font-size-body-small);
        --dropzone-font-weight: var(--font-weight-medium);
        --dropzone-line-height: var(--line-height-body-small);
        --dropzone-paragraph-spacing: 0px;
        --dropzone-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant^="dropzone-content-"], [data-theme='light'] [component-variant^="dropzone-content-"] {
        --dropzone-content-opacity: 1;
        --dropzone-content-height: auto;
        --dropzone-content-min-height: auto;
        --dropzone-content-max-height: none;
        --dropzone-content-width: auto;
        --dropzone-content-min-width: auto;
        --dropzone-content-max-width: none;
        --dropzone-content-background-color: transparent;
        --dropzone-content-fill: currentcolor;
        --dropzone-content-border-top-left-radius: 0px;
        --dropzone-content-border-top-right-radius: 0px;
        --dropzone-content-border-bottom-left-radius: 0px;
        --dropzone-content-border-bottom-right-radius: 0px;
        --dropzone-content-border-color: transparent;
        --dropzone-content-border-style: solid;
        --dropzone-content-border-gap: normal;
        --dropzone-content-border-dash: none;
        --dropzone-content-border-top-width: 0px;
        --dropzone-content-border-right-width: 0px;
        --dropzone-content-border-bottom-width: 0px;
        --dropzone-content-border-left-width: 0px;
        --dropzone-content-outline-color: auto;
        --dropzone-content-outline-style: solid;
        --dropzone-content-outline-width: 0px;
        --dropzone-content-padding-left: 0px;
        --dropzone-content-padding-right: 0px;
        --dropzone-content-padding-top: 0px;
        --dropzone-content-padding-bottom: 0px;
        --dropzone-content-row-gap: 0px;
        --dropzone-content-column-gap: 0px;
        --dropzone-content-font-family: sans-serif;
        --dropzone-content-font-size: medium;
        --dropzone-content-color: currentcolor;
        --dropzone-content-letter-spacing: normal;
        --dropzone-content-line-height: normal;
        --dropzone-content-paragraph-spacing: ;
        --dropzone-content-paragraph-indent: 
    }
[data-theme='dark'] [component-variant="dropzone-content-empty"], [data-theme='light'] [component-variant="dropzone-content-empty"] {
        --dropzone-content-height: 202px;
        --dropzone-content-width: 100%;
        --dropzone-content-color: var(--text-secondary);
        --dropzone-content-border-top-left-radius: var(--corner-radius-extra-small);
        --dropzone-content-border-top-right-radius: var(--corner-radius-extra-small);
        --dropzone-content-border-bottom-left-radius: var(--corner-radius-extra-small);
        --dropzone-content-border-bottom-right-radius: var(--corner-radius-extra-small);
        --dropzone-content-border-color: var(--border-border-grey-3);
        --dropzone-content-border-style: dashed;
        --dropzone-content-border-gap: 4px;
        --dropzone-content-border-dash: 4px;
        --dropzone-content-border-top-width: 1px;
        --dropzone-content-border-right-width: 1px;
        --dropzone-content-border-bottom-width: 1px;
        --dropzone-content-border-left-width: 1px;
        --dropzone-content-row-gap: var(--spacing-space-6);
        --dropzone-content-column-gap: var(--spacing-space-6);
        --dropzone-content-font-family: var(--font-family-body);
        --dropzone-content-font-size: var(--font-size-body-small);
        --dropzone-content-font-weight: var(--font-weight-medium);
        --dropzone-content-line-height: var(--line-height-body-small);
        --dropzone-content-paragraph-spacing: 0px;
        --dropzone-content-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="dropzone-content-loading"], [data-theme='light'] [component-variant="dropzone-content-loading"] {
        --dropzone-content-height: 202px;
        --dropzone-content-width: 100%;
        --dropzone-content-color: rgb(255, 255, 255);
        --dropzone-content-border-top-left-radius: var(--corner-radius-extra-small);
        --dropzone-content-border-top-right-radius: var(--corner-radius-extra-small);
        --dropzone-content-border-bottom-left-radius: var(--corner-radius-extra-small);
        --dropzone-content-border-bottom-right-radius: var(--corner-radius-extra-small);
        --dropzone-content-border-color: var(--border-border-grey-3);
        --dropzone-content-border-style: dashed;
        --dropzone-content-border-gap: 4px;
        --dropzone-content-border-dash: 4px;
        --dropzone-content-border-top-width: 1px;
        --dropzone-content-border-right-width: 1px;
        --dropzone-content-border-bottom-width: 1px;
        --dropzone-content-border-left-width: 1px;
        --dropzone-content-row-gap: var(--spacing-space-6);
        --dropzone-content-column-gap: var(--spacing-space-6);
        --dropzone-content-font-family: sans-sarif;
        --dropzone-content-font-size: initial;
        --dropzone-content-font-weight: regular;
        --dropzone-content-paragraph-spacing: 0px;
        --dropzone-content-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="dropzone-content-uploaded"], [data-theme='light'] [component-variant="dropzone-content-uploaded"] {
        --dropzone-content-width: 100%;
        --dropzone-content-background-color: var(--colours-grey-500);
        --dropzone-content-border-top-left-radius: var(--corner-radius-small);
        --dropzone-content-border-top-right-radius: var(--corner-radius-small);
        --dropzone-content-border-bottom-left-radius: var(--corner-radius-small);
        --dropzone-content-border-bottom-right-radius: var(--corner-radius-small);
        --dropzone-content-border-color: var(--border-border-grey-3);
        --dropzone-content-border-top-width: 1px;
        --dropzone-content-border-right-width: 1px;
        --dropzone-content-border-bottom-width: 1px;
        --dropzone-content-border-left-width: 1px;
        --dropzone-content-padding-left: var(--spacing-space-6);
        --dropzone-content-padding-right: var(--spacing-space-6);
        --dropzone-content-padding-top: var(--spacing-space-5);
        --dropzone-content-padding-bottom: var(--spacing-space-5);
        --dropzone-content-row-gap: 10px;
        --dropzone-content-column-gap: 10px;
        --dropzone-content-font-family: var(--font-family-body);
        --dropzone-content-font-size: var(--font-size-body-medium);
        --dropzone-content-font-weight: var(--font-weight-regular);
        --dropzone-content-line-height: var(--line-height-body-medium);
        --dropzone-content-paragraph-spacing: 0px;
        --dropzone-content-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant^="tab-item-"], [data-theme='light'] [component-variant^="tab-item-"] {
        --tab-item-opacity: 1;
        --tab-item-height: auto;
        --tab-item-min-height: auto;
        --tab-item-max-height: none;
        --tab-item-width: auto;
        --tab-item-min-width: auto;
        --tab-item-max-width: none;
        --tab-item-background-color: transparent;
        --tab-item-fill: currentcolor;
        --tab-item-border-top-left-radius: 0px;
        --tab-item-border-top-right-radius: 0px;
        --tab-item-border-bottom-left-radius: 0px;
        --tab-item-border-bottom-right-radius: 0px;
        --tab-item-border-color: transparent;
        --tab-item-border-style: solid;
        --tab-item-border-gap: normal;
        --tab-item-border-dash: none;
        --tab-item-border-top-width: 0px;
        --tab-item-border-right-width: 0px;
        --tab-item-border-bottom-width: 0px;
        --tab-item-border-left-width: 0px;
        --tab-item-outline-color: auto;
        --tab-item-outline-style: solid;
        --tab-item-outline-width: 0px;
        --tab-item-padding-left: 0px;
        --tab-item-padding-right: 0px;
        --tab-item-padding-top: 0px;
        --tab-item-padding-bottom: 0px;
        --tab-item-row-gap: 0px;
        --tab-item-column-gap: 0px;
        --tab-item-font-family: sans-serif;
        --tab-item-font-size: medium;
        --tab-item-color: currentcolor;
        --tab-item-letter-spacing: normal;
        --tab-item-line-height: normal;
        --tab-item-paragraph-spacing: ;
        --tab-item-paragraph-indent: 
    }
[data-theme='dark'] [component-variant="tab-item-filled-selected"], [data-theme='light'] [component-variant="tab-item-filled-selected"] {
        --tab-item-width: 100%;
        --tab-item-background-color: var(--interactive-surface-secondary-hover);
        --tab-item-color: var(--text-primary);
        --tab-item-border-top-left-radius: var(--corner-radius-extra-small);
        --tab-item-border-top-right-radius: var(--corner-radius-extra-small);
        --tab-item-border-bottom-left-radius: var(--corner-radius-extra-small);
        --tab-item-border-bottom-right-radius: var(--corner-radius-extra-small);
        --tab-item-padding-left: var(--spacing-space-6);
        --tab-item-padding-right: var(--spacing-space-6);
        --tab-item-padding-top: var(--spacing-space-5);
        --tab-item-padding-bottom: var(--spacing-space-5);
        --tab-item-row-gap: var(--spacing-space-5);
        --tab-item-column-gap: var(--spacing-space-5);
        --tab-item-font-family: var(--font-family-body);
        --tab-item-font-size: var(--font-size-body-small);
        --tab-item-font-weight: var(--font-weight-medium);
        --tab-item-line-height: var(--line-height-body-small);
        --tab-item-paragraph-spacing: 0px;
        --tab-item-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="tab-item-filled-selected"]:hover:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="tab-item-filled-selected"]:hover:not(:disabled):not([disabled]) {
        --tab-item-width: 100%;
        --tab-item-background-color: var(--interactive-surface-secondary-hover);
        --tab-item-color: var(--text-primary);
        --tab-item-border-top-left-radius: var(--corner-radius-extra-small);
        --tab-item-border-top-right-radius: var(--corner-radius-extra-small);
        --tab-item-border-bottom-left-radius: var(--corner-radius-extra-small);
        --tab-item-border-bottom-right-radius: var(--corner-radius-extra-small);
        --tab-item-padding-left: var(--spacing-space-6);
        --tab-item-padding-right: var(--spacing-space-6);
        --tab-item-padding-top: var(--spacing-space-5);
        --tab-item-padding-bottom: var(--spacing-space-5);
        --tab-item-row-gap: var(--spacing-space-5);
        --tab-item-column-gap: var(--spacing-space-5);
        --tab-item-font-family: var(--font-family-body);
        --tab-item-font-size: var(--font-size-body-small);
        --tab-item-font-weight: var(--font-weight-medium);
        --tab-item-line-height: var(--line-height-body-small);
        --tab-item-paragraph-spacing: 0px;
        --tab-item-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="tab-item-filled-selected"][active]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="tab-item-filled-selected"][active]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="tab-item-filled-selected"]:active:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="tab-item-filled-selected"]:active:not(:disabled):not([disabled]) {
        --tab-item-width: 100%;
        --tab-item-background-color: var(--interactive-surface-secondary-hover);
        --tab-item-color: var(--text-primary);
        --tab-item-border-top-left-radius: var(--corner-radius-extra-small);
        --tab-item-border-top-right-radius: var(--corner-radius-extra-small);
        --tab-item-border-bottom-left-radius: var(--corner-radius-extra-small);
        --tab-item-border-bottom-right-radius: var(--corner-radius-extra-small);
        --tab-item-padding-left: var(--spacing-space-6);
        --tab-item-padding-right: var(--spacing-space-6);
        --tab-item-padding-top: var(--spacing-space-5);
        --tab-item-padding-bottom: var(--spacing-space-5);
        --tab-item-row-gap: var(--spacing-space-5);
        --tab-item-column-gap: var(--spacing-space-5);
        --tab-item-font-family: var(--font-family-body);
        --tab-item-font-size: var(--font-size-body-small);
        --tab-item-font-weight: var(--font-weight-medium);
        --tab-item-line-height: var(--line-height-body-small);
        --tab-item-paragraph-spacing: 0px;
        --tab-item-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="tab-item-filled-selected"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='light'] [component-variant="tab-item-filled-selected"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="tab-item-filled-selected"]:focus-visible:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="tab-item-filled-selected"]:focus-visible:not(:disabled):not([disabled]) {
        --tab-item-width: 100%;
        --tab-item-background-color: var(--interactive-surface-secondary-hover);
        --tab-item-color: var(--text-primary);
        --tab-item-border-top-left-radius: var(--corner-radius-extra-small);
        --tab-item-border-top-right-radius: var(--corner-radius-extra-small);
        --tab-item-border-bottom-left-radius: var(--corner-radius-extra-small);
        --tab-item-border-bottom-right-radius: var(--corner-radius-extra-small);
        --tab-item-border-color: var(--border-border-grey-1);
        --tab-item-border-top-width: 1px;
        --tab-item-border-right-width: 1px;
        --tab-item-border-bottom-width: 1px;
        --tab-item-border-left-width: 1px;
        --tab-item-padding-left: var(--spacing-space-6);
        --tab-item-padding-right: var(--spacing-space-6);
        --tab-item-padding-top: var(--spacing-space-5);
        --tab-item-padding-bottom: var(--spacing-space-5);
        --tab-item-row-gap: var(--spacing-space-5);
        --tab-item-column-gap: var(--spacing-space-5);
        --tab-item-font-family: var(--font-family-body);
        --tab-item-font-size: var(--font-size-body-small);
        --tab-item-font-weight: var(--font-weight-medium);
        --tab-item-line-height: var(--line-height-body-small);
        --tab-item-paragraph-spacing: 0px;
        --tab-item-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="tab-item-filled-unselected"], [data-theme='light'] [component-variant="tab-item-filled-unselected"] {
        --tab-item-width: 100%;
        --tab-item-background-color: var(--colours-grey-900);
        --tab-item-color: var(--text-primary);
        --tab-item-border-top-left-radius: var(--corner-radius-extra-small);
        --tab-item-border-top-right-radius: var(--corner-radius-extra-small);
        --tab-item-border-bottom-left-radius: var(--corner-radius-extra-small);
        --tab-item-border-bottom-right-radius: var(--corner-radius-extra-small);
        --tab-item-padding-left: var(--spacing-space-6);
        --tab-item-padding-right: var(--spacing-space-6);
        --tab-item-padding-top: var(--spacing-space-5);
        --tab-item-padding-bottom: var(--spacing-space-5);
        --tab-item-row-gap: var(--spacing-space-5);
        --tab-item-column-gap: var(--spacing-space-5);
        --tab-item-font-family: var(--font-family-body);
        --tab-item-font-size: var(--font-size-body-small);
        --tab-item-font-weight: var(--font-weight-medium);
        --tab-item-line-height: var(--line-height-body-small);
        --tab-item-paragraph-spacing: 0px;
        --tab-item-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="tab-item-filled-unselected"]:hover:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="tab-item-filled-unselected"]:hover:not(:disabled):not([disabled]) {
        --tab-item-width: 100%;
        --tab-item-background-color: var(--colours-grey-700);
        --tab-item-color: var(--text-primary);
        --tab-item-border-top-left-radius: var(--corner-radius-extra-small);
        --tab-item-border-top-right-radius: var(--corner-radius-extra-small);
        --tab-item-border-bottom-left-radius: var(--corner-radius-extra-small);
        --tab-item-border-bottom-right-radius: var(--corner-radius-extra-small);
        --tab-item-padding-left: var(--spacing-space-6);
        --tab-item-padding-right: var(--spacing-space-6);
        --tab-item-padding-top: var(--spacing-space-5);
        --tab-item-padding-bottom: var(--spacing-space-5);
        --tab-item-row-gap: var(--spacing-space-5);
        --tab-item-column-gap: var(--spacing-space-5);
        --tab-item-font-family: var(--font-family-body);
        --tab-item-font-size: var(--font-size-body-small);
        --tab-item-font-weight: var(--font-weight-medium);
        --tab-item-line-height: var(--line-height-body-small);
        --tab-item-paragraph-spacing: 0px;
        --tab-item-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="tab-item-filled-unselected"][active]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="tab-item-filled-unselected"][active]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="tab-item-filled-unselected"]:active:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="tab-item-filled-unselected"]:active:not(:disabled):not([disabled]) {
        --tab-item-width: 100%;
        --tab-item-background-color: var(--colours-grey-700);
        --tab-item-color: var(--text-primary);
        --tab-item-border-top-left-radius: var(--corner-radius-extra-small);
        --tab-item-border-top-right-radius: var(--corner-radius-extra-small);
        --tab-item-border-bottom-left-radius: var(--corner-radius-extra-small);
        --tab-item-border-bottom-right-radius: var(--corner-radius-extra-small);
        --tab-item-padding-left: var(--spacing-space-6);
        --tab-item-padding-right: var(--spacing-space-6);
        --tab-item-padding-top: var(--spacing-space-5);
        --tab-item-padding-bottom: var(--spacing-space-5);
        --tab-item-row-gap: var(--spacing-space-5);
        --tab-item-column-gap: var(--spacing-space-5);
        --tab-item-font-family: var(--font-family-body);
        --tab-item-font-size: var(--font-size-body-small);
        --tab-item-font-weight: var(--font-weight-medium);
        --tab-item-line-height: var(--line-height-body-small);
        --tab-item-paragraph-spacing: 0px;
        --tab-item-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="tab-item-filled-unselected"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='light'] [component-variant="tab-item-filled-unselected"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="tab-item-filled-unselected"]:focus-visible:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="tab-item-filled-unselected"]:focus-visible:not(:disabled):not([disabled]) {
        --tab-item-width: 100%;
        --tab-item-background-color: var(--colours-grey-700);
        --tab-item-color: var(--text-primary);
        --tab-item-border-top-left-radius: var(--corner-radius-extra-small);
        --tab-item-border-top-right-radius: var(--corner-radius-extra-small);
        --tab-item-border-bottom-left-radius: var(--corner-radius-extra-small);
        --tab-item-border-bottom-right-radius: var(--corner-radius-extra-small);
        --tab-item-border-color: var(--border-border-grey-1);
        --tab-item-border-top-width: 1px;
        --tab-item-border-right-width: 1px;
        --tab-item-border-bottom-width: 1px;
        --tab-item-border-left-width: 1px;
        --tab-item-padding-left: var(--spacing-space-6);
        --tab-item-padding-right: var(--spacing-space-6);
        --tab-item-padding-top: var(--spacing-space-5);
        --tab-item-padding-bottom: var(--spacing-space-5);
        --tab-item-row-gap: var(--spacing-space-5);
        --tab-item-column-gap: var(--spacing-space-5);
        --tab-item-font-family: var(--font-family-body);
        --tab-item-font-size: var(--font-size-body-small);
        --tab-item-font-weight: var(--font-weight-medium);
        --tab-item-line-height: var(--line-height-body-small);
        --tab-item-paragraph-spacing: 0px;
        --tab-item-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="tab-item-underlined-selected"], [data-theme='light'] [component-variant="tab-item-underlined-selected"] {
        --tab-item-color: var(--text-primary);
        --tab-item-padding-top: var(--spacing-space-5);
        --tab-item-row-gap: var(--spacing-space-4);
        --tab-item-column-gap: var(--spacing-space-4);
        --tab-item-font-family: var(--font-family-body);
        --tab-item-font-size: var(--font-size-body-small);
        --tab-item-font-weight: var(--font-weight-medium);
        --tab-item-line-height: var(--line-height-body-small);
        --tab-item-paragraph-spacing: 0px;
        --tab-item-paragraph-indent: 0px;
        --tab-item-width: 100%
    }
[data-theme='dark'] [component-variant="tab-item-underlined-selected"]:hover:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="tab-item-underlined-selected"]:hover:not(:disabled):not([disabled]) {
        --tab-item-color: var(--text-primary);
        --tab-item-padding-top: var(--spacing-space-5);
        --tab-item-row-gap: var(--spacing-space-4);
        --tab-item-column-gap: var(--spacing-space-4);
        --tab-item-font-family: var(--font-family-body);
        --tab-item-font-size: var(--font-size-body-small);
        --tab-item-font-weight: var(--font-weight-medium);
        --tab-item-line-height: var(--line-height-body-small);
        --tab-item-paragraph-spacing: 0px;
        --tab-item-paragraph-indent: 0px;
        --tab-item-width: 100%
    }
[data-theme='dark'] [component-variant="tab-item-underlined-selected"][active]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="tab-item-underlined-selected"][active]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="tab-item-underlined-selected"]:active:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="tab-item-underlined-selected"]:active:not(:disabled):not([disabled]) {
        --tab-item-color: var(--text-primary);
        --tab-item-padding-top: var(--spacing-space-5);
        --tab-item-row-gap: var(--spacing-space-4);
        --tab-item-column-gap: var(--spacing-space-4);
        --tab-item-font-family: var(--font-family-body);
        --tab-item-font-size: var(--font-size-body-small);
        --tab-item-font-weight: var(--font-weight-medium);
        --tab-item-line-height: var(--line-height-body-small);
        --tab-item-paragraph-spacing: 0px;
        --tab-item-paragraph-indent: 0px;
        --tab-item-width: 100%
    }
[data-theme='dark'] [component-variant="tab-item-underlined-selected"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='light'] [component-variant="tab-item-underlined-selected"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="tab-item-underlined-selected"]:focus-visible:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="tab-item-underlined-selected"]:focus-visible:not(:disabled):not([disabled]) {
        --tab-item-color: var(--text-primary);
        --tab-item-border-color: var(--border-border-grey-1);
        --tab-item-border-top-width: 2px;
        --tab-item-border-right-width: 2px;
        --tab-item-border-bottom-width: 2px;
        --tab-item-border-left-width: 2px;
        --tab-item-padding-top: var(--spacing-space-5);
        --tab-item-padding-bottom: var(--spacing-space-5);
        --tab-item-row-gap: var(--spacing-space-4);
        --tab-item-column-gap: var(--spacing-space-4);
        --tab-item-font-family: var(--font-family-body);
        --tab-item-font-size: var(--font-size-body-small);
        --tab-item-font-weight: var(--font-weight-medium);
        --tab-item-line-height: var(--line-height-body-small);
        --tab-item-paragraph-spacing: 0px;
        --tab-item-paragraph-indent: 0px;
        --tab-item-width: 100%
    }
[data-theme='dark'] [component-variant="tab-item-underlined-unselected"], [data-theme='light'] [component-variant="tab-item-underlined-unselected"] {
        --tab-item-color: var(--text-secondary);
        --tab-item-padding-top: var(--spacing-space-5);
        --tab-item-padding-bottom: var(--spacing-space-5);
        --tab-item-row-gap: var(--spacing-space-5);
        --tab-item-column-gap: var(--spacing-space-5);
        --tab-item-font-family: var(--font-family-body);
        --tab-item-font-size: var(--font-size-body-small);
        --tab-item-font-weight: var(--font-weight-regular);
        --tab-item-line-height: var(--line-height-body-small);
        --tab-item-paragraph-spacing: 0px;
        --tab-item-paragraph-indent: 0px;
        --tab-item-width: 100%
    }
[data-theme='dark'] [component-variant="tab-item-underlined-unselected"]:hover:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="tab-item-underlined-unselected"]:hover:not(:disabled):not([disabled]) {
        --tab-item-color: var(--text-primary);
        --tab-item-padding-top: var(--spacing-space-5);
        --tab-item-padding-bottom: var(--spacing-space-5);
        --tab-item-row-gap: var(--spacing-space-5);
        --tab-item-column-gap: var(--spacing-space-5);
        --tab-item-font-family: var(--font-family-body);
        --tab-item-font-size: var(--font-size-body-small);
        --tab-item-font-weight: var(--font-weight-regular);
        --tab-item-line-height: var(--line-height-body-small);
        --tab-item-paragraph-spacing: 0px;
        --tab-item-paragraph-indent: 0px;
        --tab-item-width: 100%
    }
[data-theme='dark'] [component-variant="tab-item-underlined-unselected"][active]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="tab-item-underlined-unselected"][active]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="tab-item-underlined-unselected"]:active:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="tab-item-underlined-unselected"]:active:not(:disabled):not([disabled]) {
        --tab-item-color: var(--text-primary);
        --tab-item-padding-top: var(--spacing-space-5);
        --tab-item-padding-bottom: var(--spacing-space-5);
        --tab-item-row-gap: var(--spacing-space-5);
        --tab-item-column-gap: var(--spacing-space-5);
        --tab-item-font-family: var(--font-family-body);
        --tab-item-font-size: var(--font-size-body-small);
        --tab-item-font-weight: var(--font-weight-regular);
        --tab-item-line-height: var(--line-height-body-small);
        --tab-item-paragraph-spacing: 0px;
        --tab-item-paragraph-indent: 0px;
        --tab-item-width: 100%
    }
[data-theme='dark'] [component-variant="tab-item-underlined-unselected"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='light'] [component-variant="tab-item-underlined-unselected"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="tab-item-underlined-unselected"]:focus-visible:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="tab-item-underlined-unselected"]:focus-visible:not(:disabled):not([disabled]) {
        --tab-item-color: var(--text-primary);
        --tab-item-border-color: var(--border-border-grey-1);
        --tab-item-border-top-width: 1px;
        --tab-item-border-right-width: 1px;
        --tab-item-border-bottom-width: 1px;
        --tab-item-border-left-width: 1px;
        --tab-item-padding-top: var(--spacing-space-5);
        --tab-item-padding-bottom: var(--spacing-space-5);
        --tab-item-row-gap: var(--spacing-space-5);
        --tab-item-column-gap: var(--spacing-space-5);
        --tab-item-font-family: var(--font-family-body);
        --tab-item-font-size: var(--font-size-body-small);
        --tab-item-font-weight: var(--font-weight-regular);
        --tab-item-line-height: var(--line-height-body-small);
        --tab-item-paragraph-spacing: 0px;
        --tab-item-paragraph-indent: 0px;
        --tab-item-width: 100%
    }
[data-theme='dark'] [component-variant="tab-item-filled-selected"], [data-theme='light'] [component-variant="tab-item-filled-selected"] {
        --tab-item-wrapper-row-gap: 8px;
        --tab-item-wrapper-column-gap: 8px;
        --tab-item-wrapper-font-family: sans-sarif;
        --tab-item-wrapper-font-size: initial;
        --tab-item-wrapper-font-weight: regular;
        --tab-item-wrapper-paragraph-spacing: 0px;
        --tab-item-wrapper-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="tab-item-filled-selected"]:hover:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="tab-item-filled-selected"]:hover:not(:disabled):not([disabled]) {
        --tab-item-wrapper-row-gap: 8px;
        --tab-item-wrapper-column-gap: 8px;
        --tab-item-wrapper-font-family: sans-sarif;
        --tab-item-wrapper-font-size: initial;
        --tab-item-wrapper-font-weight: regular;
        --tab-item-wrapper-paragraph-spacing: 0px;
        --tab-item-wrapper-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="tab-item-filled-selected"][active]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="tab-item-filled-selected"][active]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="tab-item-filled-selected"]:active:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="tab-item-filled-selected"]:active:not(:disabled):not([disabled]) {
        --tab-item-wrapper-row-gap: 8px;
        --tab-item-wrapper-column-gap: 8px;
        --tab-item-wrapper-font-family: sans-sarif;
        --tab-item-wrapper-font-size: initial;
        --tab-item-wrapper-font-weight: regular;
        --tab-item-wrapper-paragraph-spacing: 0px;
        --tab-item-wrapper-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="tab-item-filled-selected"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='light'] [component-variant="tab-item-filled-selected"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="tab-item-filled-selected"]:focus-visible:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="tab-item-filled-selected"]:focus-visible:not(:disabled):not([disabled]) {
        --tab-item-wrapper-row-gap: 8px;
        --tab-item-wrapper-column-gap: 8px;
        --tab-item-wrapper-font-family: sans-sarif;
        --tab-item-wrapper-font-size: initial;
        --tab-item-wrapper-font-weight: regular;
        --tab-item-wrapper-paragraph-spacing: 0px;
        --tab-item-wrapper-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="tab-item-filled-unselected"], [data-theme='light'] [component-variant="tab-item-filled-unselected"] {
        --tab-item-wrapper-row-gap: 8px;
        --tab-item-wrapper-column-gap: 8px;
        --tab-item-wrapper-font-family: sans-sarif;
        --tab-item-wrapper-font-size: initial;
        --tab-item-wrapper-font-weight: regular;
        --tab-item-wrapper-paragraph-spacing: 0px;
        --tab-item-wrapper-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="tab-item-filled-unselected"]:hover:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="tab-item-filled-unselected"]:hover:not(:disabled):not([disabled]) {
        --tab-item-wrapper-row-gap: 8px;
        --tab-item-wrapper-column-gap: 8px;
        --tab-item-wrapper-font-family: sans-sarif;
        --tab-item-wrapper-font-size: initial;
        --tab-item-wrapper-font-weight: regular;
        --tab-item-wrapper-paragraph-spacing: 0px;
        --tab-item-wrapper-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="tab-item-filled-unselected"][active]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="tab-item-filled-unselected"][active]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="tab-item-filled-unselected"]:active:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="tab-item-filled-unselected"]:active:not(:disabled):not([disabled]) {
        --tab-item-wrapper-row-gap: 8px;
        --tab-item-wrapper-column-gap: 8px;
        --tab-item-wrapper-font-family: sans-sarif;
        --tab-item-wrapper-font-size: initial;
        --tab-item-wrapper-font-weight: regular;
        --tab-item-wrapper-paragraph-spacing: 0px;
        --tab-item-wrapper-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="tab-item-filled-unselected"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='light'] [component-variant="tab-item-filled-unselected"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="tab-item-filled-unselected"]:focus-visible:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="tab-item-filled-unselected"]:focus-visible:not(:disabled):not([disabled]) {
        --tab-item-wrapper-row-gap: 8px;
        --tab-item-wrapper-column-gap: 8px;
        --tab-item-wrapper-font-family: sans-sarif;
        --tab-item-wrapper-font-size: initial;
        --tab-item-wrapper-font-weight: regular;
        --tab-item-wrapper-paragraph-spacing: 0px;
        --tab-item-wrapper-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="tab-item-underlined-selected"], [data-theme='light'] [component-variant="tab-item-underlined-selected"] {
        --tab-item-wrapper-padding-left: var(--spacing-space-3);
        --tab-item-wrapper-padding-right: var(--spacing-space-3);
        --tab-item-wrapper-row-gap: 8px;
        --tab-item-wrapper-column-gap: 8px;
        --tab-item-wrapper-font-family: sans-sarif;
        --tab-item-wrapper-font-size: initial;
        --tab-item-wrapper-font-weight: regular;
        --tab-item-wrapper-paragraph-spacing: 0px;
        --tab-item-wrapper-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="tab-item-underlined-selected"]:hover:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="tab-item-underlined-selected"]:hover:not(:disabled):not([disabled]) {
        --tab-item-wrapper-padding-left: var(--spacing-space-3);
        --tab-item-wrapper-padding-right: var(--spacing-space-3);
        --tab-item-wrapper-row-gap: 8px;
        --tab-item-wrapper-column-gap: 8px;
        --tab-item-wrapper-font-family: sans-sarif;
        --tab-item-wrapper-font-size: initial;
        --tab-item-wrapper-font-weight: regular;
        --tab-item-wrapper-paragraph-spacing: 0px;
        --tab-item-wrapper-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="tab-item-underlined-selected"][active]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="tab-item-underlined-selected"][active]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="tab-item-underlined-selected"]:active:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="tab-item-underlined-selected"]:active:not(:disabled):not([disabled]) {
        --tab-item-wrapper-padding-left: var(--spacing-space-3);
        --tab-item-wrapper-padding-right: var(--spacing-space-3);
        --tab-item-wrapper-row-gap: 8px;
        --tab-item-wrapper-column-gap: 8px;
        --tab-item-wrapper-font-family: sans-sarif;
        --tab-item-wrapper-font-size: initial;
        --tab-item-wrapper-font-weight: regular;
        --tab-item-wrapper-paragraph-spacing: 0px;
        --tab-item-wrapper-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="tab-item-underlined-selected"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='light'] [component-variant="tab-item-underlined-selected"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="tab-item-underlined-selected"]:focus-visible:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="tab-item-underlined-selected"]:focus-visible:not(:disabled):not([disabled]) {
        --tab-item-wrapper-padding-left: var(--spacing-space-3);
        --tab-item-wrapper-padding-right: var(--spacing-space-3);
        --tab-item-wrapper-row-gap: 8px;
        --tab-item-wrapper-column-gap: 8px;
        --tab-item-wrapper-font-family: sans-sarif;
        --tab-item-wrapper-font-size: initial;
        --tab-item-wrapper-font-weight: regular;
        --tab-item-wrapper-paragraph-spacing: 0px;
        --tab-item-wrapper-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="tab-item-underlined-unselected"], [data-theme='light'] [component-variant="tab-item-underlined-unselected"] {
        --tab-item-wrapper-padding-left: var(--spacing-space-3);
        --tab-item-wrapper-padding-right: var(--spacing-space-3);
        --tab-item-wrapper-row-gap: 8px;
        --tab-item-wrapper-column-gap: 8px;
        --tab-item-wrapper-font-family: sans-sarif;
        --tab-item-wrapper-font-size: initial;
        --tab-item-wrapper-font-weight: regular;
        --tab-item-wrapper-paragraph-spacing: 0px;
        --tab-item-wrapper-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="tab-item-underlined-unselected"]:hover:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="tab-item-underlined-unselected"]:hover:not(:disabled):not([disabled]) {
        --tab-item-wrapper-padding-left: var(--spacing-space-3);
        --tab-item-wrapper-padding-right: var(--spacing-space-3);
        --tab-item-wrapper-row-gap: 8px;
        --tab-item-wrapper-column-gap: 8px;
        --tab-item-wrapper-font-family: sans-sarif;
        --tab-item-wrapper-font-size: initial;
        --tab-item-wrapper-font-weight: regular;
        --tab-item-wrapper-paragraph-spacing: 0px;
        --tab-item-wrapper-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="tab-item-underlined-unselected"][active]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="tab-item-underlined-unselected"][active]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="tab-item-underlined-unselected"]:active:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="tab-item-underlined-unselected"]:active:not(:disabled):not([disabled]) {
        --tab-item-wrapper-padding-left: var(--spacing-space-3);
        --tab-item-wrapper-padding-right: var(--spacing-space-3);
        --tab-item-wrapper-row-gap: 8px;
        --tab-item-wrapper-column-gap: 8px;
        --tab-item-wrapper-font-family: sans-sarif;
        --tab-item-wrapper-font-size: initial;
        --tab-item-wrapper-font-weight: regular;
        --tab-item-wrapper-paragraph-spacing: 0px;
        --tab-item-wrapper-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="tab-item-underlined-unselected"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='light'] [component-variant="tab-item-underlined-unselected"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="tab-item-underlined-unselected"]:focus-visible:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="tab-item-underlined-unselected"]:focus-visible:not(:disabled):not([disabled]) {
        --tab-item-wrapper-padding-left: var(--spacing-space-3);
        --tab-item-wrapper-padding-right: var(--spacing-space-3);
        --tab-item-wrapper-row-gap: 8px;
        --tab-item-wrapper-column-gap: 8px;
        --tab-item-wrapper-font-family: sans-sarif;
        --tab-item-wrapper-font-size: initial;
        --tab-item-wrapper-font-weight: regular;
        --tab-item-wrapper-paragraph-spacing: 0px;
        --tab-item-wrapper-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="tab-item-underlined-selected"], [data-theme='light'] [component-variant="tab-item-underlined-selected"] {
        --tab-item-underline-height: 2px;
        --tab-item-underline-width: 100%;
        --tab-item-underline-background-color: var(--border-primary);
        --tab-item-underline-padding-left: 10px;
        --tab-item-underline-padding-right: 10px;
        --tab-item-underline-padding-top: 10px;
        --tab-item-underline-padding-bottom: 10px;
        --tab-item-underline-row-gap: 10px;
        --tab-item-underline-column-gap: 10px;
        --tab-item-underline-font-family: sans-sarif;
        --tab-item-underline-font-size: initial;
        --tab-item-underline-font-weight: regular;
        --tab-item-underline-paragraph-spacing: 0px;
        --tab-item-underline-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="tab-item-underlined-selected"]:hover:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="tab-item-underlined-selected"]:hover:not(:disabled):not([disabled]) {
        --tab-item-underline-height: 2px;
        --tab-item-underline-width: 100%;
        --tab-item-underline-background-color: var(--border-primary);
        --tab-item-underline-padding-left: 10px;
        --tab-item-underline-padding-right: 10px;
        --tab-item-underline-padding-top: 10px;
        --tab-item-underline-padding-bottom: 10px;
        --tab-item-underline-row-gap: 10px;
        --tab-item-underline-column-gap: 10px;
        --tab-item-underline-font-family: sans-sarif;
        --tab-item-underline-font-size: initial;
        --tab-item-underline-font-weight: regular;
        --tab-item-underline-paragraph-spacing: 0px;
        --tab-item-underline-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="tab-item-underlined-selected"][active]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="tab-item-underlined-selected"][active]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="tab-item-underlined-selected"]:active:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="tab-item-underlined-selected"]:active:not(:disabled):not([disabled]) {
        --tab-item-underline-width: 100%;
        --tab-item-underline-background-color: var(--border-primary);
        --tab-item-underline-padding-left: 10px;
        --tab-item-underline-padding-right: 10px;
        --tab-item-underline-padding-top: 10px;
        --tab-item-underline-padding-bottom: 10px;
        --tab-item-underline-row-gap: 10px;
        --tab-item-underline-column-gap: 10px;
        --tab-item-underline-font-family: sans-sarif;
        --tab-item-underline-font-size: initial;
        --tab-item-underline-font-weight: regular;
        --tab-item-underline-paragraph-spacing: 0px;
        --tab-item-underline-paragraph-indent: 0px;
        --tab-item-underline-height: 2px
    }
[data-theme='dark'] [component-variant^="tabs-header-"], [data-theme='light'] [component-variant^="tabs-header-"] {
        --tabs-header-opacity: 1;
        --tabs-header-height: auto;
        --tabs-header-min-height: auto;
        --tabs-header-max-height: none;
        --tabs-header-width: auto;
        --tabs-header-min-width: auto;
        --tabs-header-max-width: none;
        --tabs-header-background-color: transparent;
        --tabs-header-fill: currentcolor;
        --tabs-header-border-top-left-radius: 0px;
        --tabs-header-border-top-right-radius: 0px;
        --tabs-header-border-bottom-left-radius: 0px;
        --tabs-header-border-bottom-right-radius: 0px;
        --tabs-header-border-color: transparent;
        --tabs-header-border-style: solid;
        --tabs-header-border-gap: normal;
        --tabs-header-border-dash: none;
        --tabs-header-border-top-width: 0px;
        --tabs-header-border-right-width: 0px;
        --tabs-header-border-bottom-width: 0px;
        --tabs-header-border-left-width: 0px;
        --tabs-header-outline-color: auto;
        --tabs-header-outline-style: solid;
        --tabs-header-outline-width: 0px;
        --tabs-header-padding-left: 0px;
        --tabs-header-padding-right: 0px;
        --tabs-header-padding-top: 0px;
        --tabs-header-padding-bottom: 0px;
        --tabs-header-row-gap: 0px;
        --tabs-header-column-gap: 0px;
        --tabs-header-font-family: sans-serif;
        --tabs-header-font-size: medium;
        --tabs-header-color: currentcolor;
        --tabs-header-letter-spacing: normal;
        --tabs-header-line-height: normal;
        --tabs-header-paragraph-spacing: ;
        --tabs-header-paragraph-indent: 
    }
[data-theme='dark'] [component-variant="tabs-header-default"], [data-theme='light'] [component-variant="tabs-header-default"] {
        --tabs-header-background-color: var(--surface-background-1);
        --tabs-header-color: var(--text-secondary);
        --tabs-header-border-top-left-radius: var(--corner-radius-small);
        --tabs-header-border-top-right-radius: var(--corner-radius-small);
        --tabs-header-border-bottom-left-radius: var(--corner-radius-small);
        --tabs-header-border-bottom-right-radius: var(--corner-radius-small);
        --tabs-header-border-color: var(--border-border-grey-3);
        --tabs-header-border-top-width: 1px;
        --tabs-header-border-right-width: 1px;
        --tabs-header-border-bottom-width: 1px;
        --tabs-header-border-left-width: 1px;
        --tabs-header-padding-left: var(--spacing-space-2);
        --tabs-header-padding-right: var(--spacing-space-2);
        --tabs-header-padding-top: var(--spacing-space-2);
        --tabs-header-padding-bottom: var(--spacing-space-2);
        --tabs-header-row-gap: var(--spacing-space-3);
        --tabs-header-column-gap: var(--spacing-space-3);
        --tabs-header-font-family: var(--font-family-body);
        --tabs-header-font-size: var(--font-size-body-small);
        --tabs-header-font-weight: var(--font-weight-regular);
        --tabs-header-line-height: var(--line-height-body-small);
        --tabs-header-paragraph-spacing: 0px;
        --tabs-header-paragraph-indent: 0px;
        --tabs-header-width: 100%;
        --tabs-header-height: 100%
    }
[data-theme='custom'] [component-variant^="slide-out-panel-"], [data-theme='dark'] [component-variant^="slide-out-panel-"], [data-theme='light'] [component-variant^="slide-out-panel-"] {
        --slide-out-panel-opacity: 1;
        --slide-out-panel-height: auto;
        --slide-out-panel-min-height: auto;
        --slide-out-panel-max-height: none;
        --slide-out-panel-width: auto;
        --slide-out-panel-min-width: auto;
        --slide-out-panel-max-width: none;
        --slide-out-panel-background-color: transparent;
        --slide-out-panel-fill: currentcolor;
        --slide-out-panel-border-top-left-radius: 0px;
        --slide-out-panel-border-top-right-radius: 0px;
        --slide-out-panel-border-bottom-left-radius: 0px;
        --slide-out-panel-border-bottom-right-radius: 0px;
        --slide-out-panel-border-color: transparent;
        --slide-out-panel-border-style: solid;
        --slide-out-panel-border-gap: normal;
        --slide-out-panel-border-dash: none;
        --slide-out-panel-border-top-width: 0px;
        --slide-out-panel-border-right-width: 0px;
        --slide-out-panel-border-bottom-width: 0px;
        --slide-out-panel-border-left-width: 0px;
        --slide-out-panel-outline-color: auto;
        --slide-out-panel-outline-style: solid;
        --slide-out-panel-outline-width: 0px;
        --slide-out-panel-padding-left: 0px;
        --slide-out-panel-padding-right: 0px;
        --slide-out-panel-padding-top: 0px;
        --slide-out-panel-padding-bottom: 0px;
        --slide-out-panel-row-gap: 0px;
        --slide-out-panel-column-gap: 0px;
        --slide-out-panel-font-family: sans-serif;
        --slide-out-panel-font-size: medium;
        --slide-out-panel-color: currentcolor;
        --slide-out-panel-letter-spacing: normal;
        --slide-out-panel-line-height: normal;
        --slide-out-panel-paragraph-spacing: ;
        --slide-out-panel-paragraph-indent: 
    }
[data-theme='custom'] [component-variant="slide-out-panel-right-large"], [data-theme='dark'] [component-variant="slide-out-panel-right-large"], [data-theme='light'] [component-variant="slide-out-panel-right-large"] {
        --slide-out-panel-height: 100%;
        --slide-out-panel-width: 944px;
        --slide-out-panel-background-color: var(--colours-grey-700);
        --slide-out-panel-border-top-left-radius: 12px;
        --slide-out-panel-border-bottom-right-radius: 12px;
        --slide-out-panel-border-color: var(--border-border-grey-3);
        --slide-out-panel-border-left-width: 1px;
        --slide-out-panel-font-family: var(--font-family-body);
        --slide-out-panel-font-size: var(--font-size-body-small);
        --slide-out-panel-font-weight: var(--font-weight-medium);
        --slide-out-panel-line-height: var(--line-height-body-small);
        --slide-out-panel-paragraph-spacing: 0px;
        --slide-out-panel-paragraph-indent: 0px
    }
[data-theme='custom'] [component-variant="slide-out-panel-left-large"], [data-theme='dark'] [component-variant="slide-out-panel-left-large"], [data-theme='light'] [component-variant="slide-out-panel-left-large"] {
        --slide-out-panel-height: 100%;
        --slide-out-panel-width: 944px;
        --slide-out-panel-background-color: var(--colours-grey-700);
        --slide-out-panel-border-top-right-radius: 12px;
        --slide-out-panel-border-bottom-left-radius: 12px;
        --slide-out-panel-border-color: var(--border-border-grey-3);
        --slide-out-panel-border-right-width: 1px;
        --slide-out-panel-font-family: var(--font-family-body);
        --slide-out-panel-font-size: var(--font-size-body-small);
        --slide-out-panel-font-weight: var(--font-weight-medium);
        --slide-out-panel-line-height: var(--line-height-body-small);
        --slide-out-panel-paragraph-spacing: 0px;
        --slide-out-panel-paragraph-indent: 0px
    }
[data-theme='custom'] [component-variant="slide-out-panel-bottom-large"], [data-theme='dark'] [component-variant="slide-out-panel-bottom-large"], [data-theme='light'] [component-variant="slide-out-panel-bottom-large"] {
        --slide-out-panel-height: 671px;
        --slide-out-panel-width: 100%;
        --slide-out-panel-background-color: var(--colours-grey-700);
        --slide-out-panel-border-top-left-radius: 12px;
        --slide-out-panel-border-top-right-radius: 12px;
        --slide-out-panel-border-color: var(--border-border-grey-3);
        --slide-out-panel-border-top-width: 1px;
        --slide-out-panel-font-family: var(--font-family-body);
        --slide-out-panel-font-size: var(--font-size-body-small);
        --slide-out-panel-font-weight: var(--font-weight-medium);
        --slide-out-panel-line-height: var(--line-height-body-small);
        --slide-out-panel-paragraph-spacing: 0px;
        --slide-out-panel-paragraph-indent: 0px
    }
[data-theme='custom'] [component-variant="slide-out-panel-top-large"], [data-theme='dark'] [component-variant="slide-out-panel-top-large"], [data-theme='light'] [component-variant="slide-out-panel-top-large"] {
        --slide-out-panel-height: 671px;
        --slide-out-panel-width: 100%;
        --slide-out-panel-background-color: var(--colours-grey-700);
        --slide-out-panel-border-bottom-left-radius: 12px;
        --slide-out-panel-border-bottom-right-radius: 12px;
        --slide-out-panel-border-color: var(--border-border-grey-3);
        --slide-out-panel-border-bottom-width: 1px;
        --slide-out-panel-font-family: var(--font-family-body);
        --slide-out-panel-font-size: var(--font-size-body-small);
        --slide-out-panel-font-weight: var(--font-weight-medium);
        --slide-out-panel-line-height: var(--line-height-body-small);
        --slide-out-panel-paragraph-spacing: 0px;
        --slide-out-panel-paragraph-indent: 0px
    }
[data-theme='custom'] [component-variant="slide-out-panel-right-medium"], [data-theme='dark'] [component-variant="slide-out-panel-right-medium"], [data-theme='light'] [component-variant="slide-out-panel-right-medium"] {
        --slide-out-panel-height: 100%;
        --slide-out-panel-width: 488px;
        --slide-out-panel-background-color: var(--colours-grey-700);
        --slide-out-panel-border-top-left-radius: 12px;
        --slide-out-panel-border-bottom-right-radius: 12px;
        --slide-out-panel-border-color: var(--border-border-grey-3);
        --slide-out-panel-border-left-width: 1px;
        --slide-out-panel-font-family: var(--font-family-body);
        --slide-out-panel-font-size: var(--font-size-body-small);
        --slide-out-panel-font-weight: var(--font-weight-medium);
        --slide-out-panel-line-height: var(--line-height-body-small);
        --slide-out-panel-paragraph-spacing: 0px;
        --slide-out-panel-paragraph-indent: 0px
    }
[data-theme='custom'] [component-variant="slide-out-panel-left-medium"], [data-theme='dark'] [component-variant="slide-out-panel-left-medium"], [data-theme='light'] [component-variant="slide-out-panel-left-medium"] {
        --slide-out-panel-height: 100%;
        --slide-out-panel-width: 488px;
        --slide-out-panel-background-color: var(--colours-grey-700);
        --slide-out-panel-border-top-right-radius: 12px;
        --slide-out-panel-border-bottom-left-radius: 12px;
        --slide-out-panel-border-color: var(--border-border-grey-3);
        --slide-out-panel-border-right-width: 1px;
        --slide-out-panel-font-family: var(--font-family-body);
        --slide-out-panel-font-size: var(--font-size-body-small);
        --slide-out-panel-font-weight: var(--font-weight-medium);
        --slide-out-panel-line-height: var(--line-height-body-small);
        --slide-out-panel-paragraph-spacing: 0px;
        --slide-out-panel-paragraph-indent: 0px
    }
[data-theme='custom'] [component-variant="slide-out-panel-bottom-medium"], [data-theme='dark'] [component-variant="slide-out-panel-bottom-medium"], [data-theme='light'] [component-variant="slide-out-panel-bottom-medium"] {
        --slide-out-panel-height: 743px;
        --slide-out-panel-width: 100%;
        --slide-out-panel-background-color: var(--colours-grey-700);
        --slide-out-panel-border-top-left-radius: 12px;
        --slide-out-panel-border-top-right-radius: 12px;
        --slide-out-panel-border-color: var(--border-border-grey-3);
        --slide-out-panel-border-top-width: 1px;
        --slide-out-panel-font-family: var(--font-family-body);
        --slide-out-panel-font-size: var(--font-size-body-small);
        --slide-out-panel-font-weight: var(--font-weight-medium);
        --slide-out-panel-line-height: var(--line-height-body-small);
        --slide-out-panel-paragraph-spacing: 0px;
        --slide-out-panel-paragraph-indent: 0px
    }
[data-theme='custom'] [component-variant="slide-out-panel-top-medium"], [data-theme='dark'] [component-variant="slide-out-panel-top-medium"], [data-theme='light'] [component-variant="slide-out-panel-top-medium"] {
        --slide-out-panel-height: 743px;
        --slide-out-panel-width: 100%;
        --slide-out-panel-background-color: var(--colours-grey-700);
        --slide-out-panel-border-bottom-left-radius: 12px;
        --slide-out-panel-border-bottom-right-radius: 12px;
        --slide-out-panel-border-color: var(--border-border-grey-3);
        --slide-out-panel-border-bottom-width: 1px;
        --slide-out-panel-font-family: var(--font-family-body);
        --slide-out-panel-font-size: var(--font-size-body-small);
        --slide-out-panel-font-weight: var(--font-weight-medium);
        --slide-out-panel-line-height: var(--line-height-body-small);
        --slide-out-panel-paragraph-spacing: 0px;
        --slide-out-panel-paragraph-indent: 0px
    }
[data-theme='custom'] [component-variant="slide-out-panel-right-small"], [data-theme='dark'] [component-variant="slide-out-panel-right-small"], [data-theme='light'] [component-variant="slide-out-panel-right-small"] {
        --slide-out-panel-height: 100%;
        --slide-out-panel-width: 246px;
        --slide-out-panel-background-color: var(--colours-grey-700);
        --slide-out-panel-border-top-left-radius: 12px;
        --slide-out-panel-border-bottom-right-radius: 12px;
        --slide-out-panel-border-color: var(--border-border-grey-3);
        --slide-out-panel-border-left-width: 1px;
        --slide-out-panel-font-family: var(--font-family-body);
        --slide-out-panel-font-size: var(--font-size-body-small);
        --slide-out-panel-font-weight: var(--font-weight-medium);
        --slide-out-panel-line-height: var(--line-height-body-small);
        --slide-out-panel-paragraph-spacing: 0px;
        --slide-out-panel-paragraph-indent: 0px
    }
[data-theme='custom'] [component-variant="slide-out-panel-left-small"], [data-theme='dark'] [component-variant="slide-out-panel-left-small"], [data-theme='light'] [component-variant="slide-out-panel-left-small"] {
        --slide-out-panel-height: 100%;
        --slide-out-panel-width: 246px;
        --slide-out-panel-background-color: var(--colours-grey-700);
        --slide-out-panel-border-top-right-radius: 12px;
        --slide-out-panel-border-bottom-left-radius: 12px;
        --slide-out-panel-border-color: var(--border-border-grey-3);
        --slide-out-panel-border-right-width: 1px;
        --slide-out-panel-font-family: var(--font-family-body);
        --slide-out-panel-font-size: var(--font-size-body-small);
        --slide-out-panel-font-weight: var(--font-weight-medium);
        --slide-out-panel-line-height: var(--line-height-body-small);
        --slide-out-panel-paragraph-spacing: 0px;
        --slide-out-panel-paragraph-indent: 0px
    }
[data-theme='custom'] [component-variant="slide-out-panel-bottom-small"], [data-theme='dark'] [component-variant="slide-out-panel-bottom-small"], [data-theme='light'] [component-variant="slide-out-panel-bottom-small"] {
        --slide-out-panel-height: 532px;
        --slide-out-panel-width: 100%;
        --slide-out-panel-background-color: var(--colours-grey-700);
        --slide-out-panel-border-top-left-radius: 12px;
        --slide-out-panel-border-top-right-radius: 12px;
        --slide-out-panel-border-color: var(--border-border-grey-3);
        --slide-out-panel-border-top-width: 1px;
        --slide-out-panel-font-family: var(--font-family-body);
        --slide-out-panel-font-size: var(--font-size-body-small);
        --slide-out-panel-font-weight: var(--font-weight-medium);
        --slide-out-panel-line-height: var(--line-height-body-small);
        --slide-out-panel-paragraph-spacing: 0px;
        --slide-out-panel-paragraph-indent: 0px
    }
[data-theme='custom'] [component-variant="slide-out-panel-top-small"], [data-theme='dark'] [component-variant="slide-out-panel-top-small"], [data-theme='light'] [component-variant="slide-out-panel-top-small"] {
        --slide-out-panel-height: 532px;
        --slide-out-panel-width: 100%;
        --slide-out-panel-background-color: var(--colours-grey-700);
        --slide-out-panel-border-bottom-left-radius: 12px;
        --slide-out-panel-border-bottom-right-radius: 12px;
        --slide-out-panel-border-color: var(--border-border-grey-3);
        --slide-out-panel-border-bottom-width: 1px;
        --slide-out-panel-font-family: var(--font-family-body);
        --slide-out-panel-font-size: var(--font-size-body-small);
        --slide-out-panel-font-weight: var(--font-weight-medium);
        --slide-out-panel-line-height: var(--line-height-body-small);
        --slide-out-panel-paragraph-spacing: 0px;
        --slide-out-panel-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant^="slider-"], [data-theme='light'] [component-variant^="slider-"] {
        --slider-opacity: 1;
        --slider-height: auto;
        --slider-min-height: auto;
        --slider-max-height: none;
        --slider-width: auto;
        --slider-min-width: auto;
        --slider-max-width: none;
        --slider-background-color: transparent;
        --slider-fill: currentcolor;
        --slider-border-top-left-radius: 0px;
        --slider-border-top-right-radius: 0px;
        --slider-border-bottom-left-radius: 0px;
        --slider-border-bottom-right-radius: 0px;
        --slider-border-color: transparent;
        --slider-border-style: solid;
        --slider-border-gap: normal;
        --slider-border-dash: none;
        --slider-border-top-width: 0px;
        --slider-border-right-width: 0px;
        --slider-border-bottom-width: 0px;
        --slider-border-left-width: 0px;
        --slider-outline-color: auto;
        --slider-outline-style: solid;
        --slider-outline-width: 0px;
        --slider-padding-left: 0px;
        --slider-padding-right: 0px;
        --slider-padding-top: 0px;
        --slider-padding-bottom: 0px;
        --slider-row-gap: 0px;
        --slider-column-gap: 0px;
        --slider-font-family: sans-serif;
        --slider-font-size: medium;
        --slider-color: currentcolor;
        --slider-letter-spacing: normal;
        --slider-line-height: normal;
        --slider-paragraph-spacing: ;
        --slider-paragraph-indent: 
    }
[data-theme='dark'] [component-variant="slider-default"], [data-theme='light'] [component-variant="slider-default"] {
        --slider-container-width: 100%;
        --slider-container-row-gap: var(--spacing-space-5);
        --slider-container-column-gap: var(--spacing-space-5);
        --slider-container-font-family: sans-sarif;
        --slider-container-font-size: initial;
        --slider-container-font-weight: regular;
        --slider-container-paragraph-spacing: 0px;
        --slider-container-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="slider-default"], [data-theme='light'] [component-variant="slider-default"] {
        --slider-label-font-family: var(--font-family-body);
        --slider-label-font-size: var(--font-size-body-small);
        --slider-label-font-weight: var(--font-weight-medium);
        --slider-label-color: var(--text-primary);
        --slider-label-line-height: var(--line-height-body-small);
        --slider-label-paragraph-spacing: 0px;
        --slider-label-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="slider-default"], [data-theme='light'] [component-variant="slider-default"] {
        --slider-track-height: 8px;
        --slider-track-width: 100%;
        --slider-track-background-color: var(--surface-background-4);
        --slider-track-border-top-left-radius: var(--corner-radius-extra-large);
        --slider-track-border-top-right-radius: var(--corner-radius-extra-large);
        --slider-track-border-bottom-left-radius: var(--corner-radius-extra-large);
        --slider-track-border-bottom-right-radius: var(--corner-radius-extra-large);
        --slider-track-font-family: sans-sarif;
        --slider-track-font-size: initial;
        --slider-track-font-weight: regular;
        --slider-track-paragraph-spacing: 0px;
        --slider-track-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="slider-default"], [data-theme='light'] [component-variant="slider-default"] {
        --slider-fill-height: 8px;
        --slider-fill-width: 100%;
        --slider-fill-background-color: var(--interactive-surface-primary-default);
        --slider-fill-border-top-left-radius: var(--corner-radius-extra-large);
        --slider-fill-border-top-right-radius: var(--corner-radius-extra-large);
        --slider-fill-border-bottom-left-radius: var(--corner-radius-extra-large);
        --slider-fill-border-bottom-right-radius: var(--corner-radius-extra-large);
        --slider-fill-padding-left: 10px;
        --slider-fill-padding-right: 10px;
        --slider-fill-padding-top: 10px;
        --slider-fill-padding-bottom: 10px;
        --slider-fill-row-gap: 10px;
        --slider-fill-column-gap: 10px;
        --slider-fill-font-family: sans-sarif;
        --slider-fill-font-size: initial;
        --slider-fill-font-weight: regular;
        --slider-fill-paragraph-spacing: 0px;
        --slider-fill-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="slider-default"], [data-theme='light'] [component-variant="slider-default"] {
        --slider-thumb-height: 22.344459533691406px;
        --slider-thumb-width: 22.344459533691406px;
        --slider-thumb-background-color: var(--interactive-surface-primary-default);
        --slider-thumb-border-top-left-radius: 100px;
        --slider-thumb-border-top-right-radius: 100px;
        --slider-thumb-border-bottom-left-radius: 100px;
        --slider-thumb-border-bottom-right-radius: 100px;
        --slider-thumb-border-color: var(--border-border-grey-1);
        --slider-thumb-border-top-width: 1px;
        --slider-thumb-border-right-width: 1px;
        --slider-thumb-border-bottom-width: 1px;
        --slider-thumb-border-left-width: 1px;
        --slider-thumb-row-gap: 10px;
        --slider-thumb-column-gap: 10px;
        --slider-thumb-font-family: sans-sarif;
        --slider-thumb-font-size: initial;
        --slider-thumb-font-weight: regular;
        --slider-thumb-paragraph-spacing: 0px;
        --slider-thumb-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant^="spinner-"], [data-theme='light'] [component-variant^="spinner-"] {
        --spinner-opacity: 1;
        --spinner-height: auto;
        --spinner-min-height: auto;
        --spinner-max-height: none;
        --spinner-width: auto;
        --spinner-min-width: auto;
        --spinner-max-width: none;
        --spinner-background-color: transparent;
        --spinner-fill: currentcolor;
        --spinner-border-top-left-radius: 0px;
        --spinner-border-top-right-radius: 0px;
        --spinner-border-bottom-left-radius: 0px;
        --spinner-border-bottom-right-radius: 0px;
        --spinner-border-color: transparent;
        --spinner-border-style: solid;
        --spinner-border-gap: normal;
        --spinner-border-dash: none;
        --spinner-border-top-width: 0px;
        --spinner-border-right-width: 0px;
        --spinner-border-bottom-width: 0px;
        --spinner-border-left-width: 0px;
        --spinner-outline-color: auto;
        --spinner-outline-style: solid;
        --spinner-outline-width: 0px;
        --spinner-padding-left: 0px;
        --spinner-padding-right: 0px;
        --spinner-padding-top: 0px;
        --spinner-padding-bottom: 0px;
        --spinner-row-gap: 0px;
        --spinner-column-gap: 0px;
        --spinner-font-family: sans-serif;
        --spinner-font-size: medium;
        --spinner-color: currentcolor;
        --spinner-letter-spacing: normal;
        --spinner-line-height: normal;
        --spinner-paragraph-spacing: ;
        --spinner-paragraph-indent: 
    }
[data-theme='dark'] [component-variant="spinner-default"], [data-theme='light'] [component-variant="spinner-default"] {
        --spinner-color: var(--colours-grey-50);
        --spinner-font-family: sans-sarif;
        --spinner-font-size: initial;
        --spinner-font-weight: regular;
        --spinner-paragraph-spacing: 0px;
        --spinner-paragraph-indent: 0px;
        --spinner-height: 16px;
        --spinner-width: 16px
    }
[data-theme='dark'] [component-variant="spinner-default"], [data-theme='light'] [component-variant="spinner-default"] {
        --spinner-inner-color: var(--colours-grey-50);
        --spinner-inner-font-family: sans-sarif;
        --spinner-inner-font-size: initial;
        --spinner-inner-font-weight: regular;
        --spinner-inner-paragraph-spacing: 0px;
        --spinner-inner-paragraph-indent: 0px;
        --spinner-inner-height: 14px;
        --spinner-inner-width: 14px;
        --spinner-inner-background-color: var(--colours-grey-50)
    }
[data-theme='dark'] [component-variant^="modal-header-"], [data-theme='light'] [component-variant^="modal-header-"] {
        --modal-header-opacity: 1;
        --modal-header-height: auto;
        --modal-header-min-height: auto;
        --modal-header-max-height: none;
        --modal-header-width: auto;
        --modal-header-min-width: auto;
        --modal-header-max-width: none;
        --modal-header-background-color: transparent;
        --modal-header-fill: currentcolor;
        --modal-header-border-top-left-radius: 0px;
        --modal-header-border-top-right-radius: 0px;
        --modal-header-border-bottom-left-radius: 0px;
        --modal-header-border-bottom-right-radius: 0px;
        --modal-header-border-color: transparent;
        --modal-header-border-style: solid;
        --modal-header-border-gap: normal;
        --modal-header-border-dash: none;
        --modal-header-border-top-width: 0px;
        --modal-header-border-right-width: 0px;
        --modal-header-border-bottom-width: 0px;
        --modal-header-border-left-width: 0px;
        --modal-header-outline-color: auto;
        --modal-header-outline-style: solid;
        --modal-header-outline-width: 0px;
        --modal-header-padding-left: 0px;
        --modal-header-padding-right: 0px;
        --modal-header-padding-top: 0px;
        --modal-header-padding-bottom: 0px;
        --modal-header-row-gap: 0px;
        --modal-header-column-gap: 0px;
        --modal-header-font-family: sans-serif;
        --modal-header-font-size: medium;
        --modal-header-color: currentcolor;
        --modal-header-letter-spacing: normal;
        --modal-header-line-height: normal;
        --modal-header-paragraph-spacing: ;
        --modal-header-paragraph-indent: 
    }
[data-theme='dark'] [component-variant="modal-header-default"], [data-theme='light'] [component-variant="modal-header-default"] {
        --modal-header-width: 100%;
        --modal-header-color: var(--text-primary);
        --modal-header-font-family: var(--font-family-title);
        --modal-header-font-size: var(--font-size-heading-heading-3);
        --modal-header-font-weight: var(--font-weight-medium);
        --modal-header-line-height: var(--line-height-heading-heading-3);
        --modal-header-paragraph-spacing: 0px;
        --modal-header-paragraph-indent: 0px;
        --modal-header-border-color: var(--border-border-grey-3);
        --modal-header-border-bottom-width: 1px;
        --modal-header-padding-left: var(--spacing-space-6);
        --modal-header-padding-right: var(--spacing-space-6);
        --modal-header-padding-top: var(--spacing-space-5);
        --modal-header-padding-bottom: var(--spacing-space-5);
        --modal-header-row-gap: var(--spacing-space-6);
        --modal-header-column-gap: var(--spacing-space-6)
    }
[data-theme='dark'] [component-variant^="date-picker-"], [data-theme='light'] [component-variant^="date-picker-"] {
        --date-picker-opacity: 1;
        --date-picker-height: auto;
        --date-picker-min-height: auto;
        --date-picker-max-height: none;
        --date-picker-width: auto;
        --date-picker-min-width: auto;
        --date-picker-max-width: none;
        --date-picker-background-color: transparent;
        --date-picker-fill: currentcolor;
        --date-picker-border-top-left-radius: 0px;
        --date-picker-border-top-right-radius: 0px;
        --date-picker-border-bottom-left-radius: 0px;
        --date-picker-border-bottom-right-radius: 0px;
        --date-picker-border-color: transparent;
        --date-picker-border-style: solid;
        --date-picker-border-gap: normal;
        --date-picker-border-dash: none;
        --date-picker-border-top-width: 0px;
        --date-picker-border-right-width: 0px;
        --date-picker-border-bottom-width: 0px;
        --date-picker-border-left-width: 0px;
        --date-picker-outline-color: auto;
        --date-picker-outline-style: solid;
        --date-picker-outline-width: 0px;
        --date-picker-padding-left: 0px;
        --date-picker-padding-right: 0px;
        --date-picker-padding-top: 0px;
        --date-picker-padding-bottom: 0px;
        --date-picker-row-gap: 0px;
        --date-picker-column-gap: 0px;
        --date-picker-font-family: sans-serif;
        --date-picker-font-size: medium;
        --date-picker-color: currentcolor;
        --date-picker-letter-spacing: normal;
        --date-picker-line-height: normal;
        --date-picker-paragraph-spacing: ;
        --date-picker-paragraph-indent:
    }
[data-theme='dark'] [component-variant="date-picker-default"], [data-theme='light'] [component-variant="date-picker-default"] {
        --date-picker-background-color: var(--surface-background-2);
        --date-picker-border-top-left-radius: var(--corner-radius-extra-small);
        --date-picker-border-top-right-radius: var(--corner-radius-extra-small);
        --date-picker-border-bottom-left-radius: var(--corner-radius-extra-small);
        --date-picker-border-bottom-right-radius: var(--corner-radius-extra-small);
        --date-picker-border-color: var(--border-border-grey-3);
        --date-picker-border-top-width: 1px;
        --date-picker-border-right-width: 1px;
        --date-picker-border-bottom-width: 1px;
        --date-picker-border-left-width: 1px;
        --date-picker-padding-left: var(--spacing-space-6);
        --date-picker-padding-right: var(--spacing-space-6);
        --date-picker-padding-top: var(--spacing-space-6);
        --date-picker-padding-bottom: var(--spacing-space-6);
        --date-picker-row-gap: var(--spacing-space-6);
        --date-picker-column-gap: var(--spacing-space-6);
        --date-picker-font-family: sans-sarif;
        --date-picker-font-size: initial;
        --date-picker-font-weight: regular;
        --date-picker-paragraph-spacing: 0px;
        --date-picker-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="date-picker-default"], [data-theme='light'] [component-variant="date-picker-default"] {
        --date-picker-inner-container-font-family: sans-sarif;
        --date-picker-inner-container-font-size: initial;
        --date-picker-inner-container-font-weight: regular;
        --date-picker-inner-container-paragraph-spacing: 0px;
        --date-picker-inner-container-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="date-picker-default"], [data-theme='light'] [component-variant="date-picker-default"] {
        --date-picker-weekdays-container-width: 250px;
        --date-picker-weekdays-container-font-family: sans-sarif;
        --date-picker-weekdays-container-font-size: initial;
        --date-picker-weekdays-container-font-weight: regular;
        --date-picker-weekdays-container-paragraph-spacing: 0px;
        --date-picker-weekdays-container-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="date-picker-default"], [data-theme='light'] [component-variant="date-picker-default"] {
        --date-picker-weekday-width: 100%;
        --date-picker-weekday-color: var(--text-primary);
        --date-picker-weekday-border-top-left-radius: var(--corner-radius-none);
        --date-picker-weekday-border-top-right-radius: var(--corner-radius-none);
        --date-picker-weekday-border-bottom-left-radius: var(--corner-radius-none);
        --date-picker-weekday-border-bottom-right-radius: var(--corner-radius-none);
        --date-picker-weekday-padding-left: var(--spacing-space-5);
        --date-picker-weekday-padding-right: var(--spacing-space-5);
        --date-picker-weekday-padding-top: var(--spacing-space-5);
        --date-picker-weekday-padding-bottom: var(--spacing-space-5);
        --date-picker-weekday-font-family: var(--font-family-body);
        --date-picker-weekday-font-size: var(--font-size-body-small);
        --date-picker-weekday-font-weight: var(--font-weight-regular);
        --date-picker-weekday-line-height: var(--line-height-body-small);
        --date-picker-weekday-paragraph-spacing: 0px;
        --date-picker-weekday-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="date-picker-default"], [data-theme='light'] [component-variant="date-picker-default"] {
        --date-picker-days-container-width: 250px;
        --date-picker-days-container-padding-left: var(--spacing-space-1);
        --date-picker-days-container-padding-right: var(--spacing-space-1);
        --date-picker-days-container-padding-top: var(--spacing-space-1);
        --date-picker-days-container-padding-bottom: var(--spacing-space-1);
        --date-picker-days-container-font-family: sans-sarif;
        --date-picker-days-container-font-size: initial;
        --date-picker-days-container-font-weight: regular;
        --date-picker-days-container-paragraph-spacing: 0px;
        --date-picker-days-container-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="date-picker-default"], [data-theme='light'] [component-variant="date-picker-default"] {
        --date-picker-months-width: 100%;
        --date-picker-months-border-top-left-radius: var(--corner-radius-none);
        --date-picker-months-border-top-right-radius: var(--corner-radius-none);
        --date-picker-months-border-bottom-left-radius: var(--corner-radius-none);
        --date-picker-months-border-bottom-right-radius: var(--corner-radius-none);
        --date-picker-months-padding-left: var(--spacing-space-1);
        --date-picker-months-padding-right: var(--spacing-space-1);
        --date-picker-months-padding-top: var(--spacing-space-2);
        --date-picker-months-padding-bottom: var(--spacing-space-2);
        --date-picker-months-font-family: sans-sarif;
        --date-picker-months-font-size: initial;
        --date-picker-months-font-weight: regular;
        --date-picker-months-paragraph-spacing: 0px;
        --date-picker-months-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="date-picker-default"], [data-theme='light'] [component-variant="date-picker-default"] {
        --date-picker-months-button-background-color: var(--interactive-surface-ghost-default);
        --date-picker-months-button-color: var(--icon-primary);
        --date-picker-months-button-border-top-left-radius: var(--spacing-space-2);
        --date-picker-months-button-border-top-right-radius: var(--spacing-space-2);
        --date-picker-months-button-border-bottom-left-radius: var(--spacing-space-2);
        --date-picker-months-button-border-bottom-right-radius: var(--spacing-space-2);
        --date-picker-months-button-padding-left: var(--spacing-space-3);
        --date-picker-months-button-padding-right: var(--spacing-space-3);
        --date-picker-months-button-padding-top: var(--spacing-space-3);
        --date-picker-months-button-padding-bottom: var(--spacing-space-3);
        --date-picker-months-button-row-gap: var(--spacing-space-1);
        --date-picker-months-button-column-gap: var(--spacing-space-1);
        --date-picker-months-button-font-family: sans-sarif;
        --date-picker-months-button-font-size: initial;
        --date-picker-months-button-font-weight: regular;
        --date-picker-months-button-paragraph-spacing: 0px;
        --date-picker-months-button-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="date-picker-default"], [data-theme='light'] [component-variant="date-picker-default"] {
        --date-picker-months-trigger-height: 32px;
        --date-picker-months-trigger-background-color: var(--interactive-surface-ghost-default);
        --date-picker-months-trigger-color: var(--text-secondary);
        --date-picker-months-trigger-border-top-left-radius: var(--corner-radius-extra-small);
        --date-picker-months-trigger-border-top-right-radius: var(--corner-radius-extra-small);
        --date-picker-months-trigger-border-bottom-left-radius: var(--corner-radius-extra-small);
        --date-picker-months-trigger-border-bottom-right-radius: var(--corner-radius-extra-small);
        --date-picker-months-trigger-padding-left: var(--spacing-space-5);
        --date-picker-months-trigger-padding-right: var(--spacing-space-5);
        --date-picker-months-trigger-padding-top: var(--spacing-space-5);
        --date-picker-months-trigger-padding-bottom: var(--spacing-space-5);
        --date-picker-months-trigger-row-gap: var(--spacing-space-5);
        --date-picker-months-trigger-column-gap: var(--spacing-space-5);
        --date-picker-months-trigger-font-family: var(--font-family-body);
        --date-picker-months-trigger-font-size: var(--font-size-body-small);
        --date-picker-months-trigger-font-weight: var(--font-weight-regular);
        --date-picker-months-trigger-line-height: var(--line-height-body-small);
        --date-picker-months-trigger-paragraph-spacing: 0px;
        --date-picker-months-trigger-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant^="form-"], [data-theme='light'] [component-variant^="form-"] {
        --form-opacity: 1;
        --form-height: auto;
        --form-min-height: auto;
        --form-max-height: none;
        --form-width: auto;
        --form-min-width: auto;
        --form-max-width: none;
        --form-background-color: transparent;
        --form-fill: currentcolor;
        --form-border-top-left-radius: 0px;
        --form-border-top-right-radius: 0px;
        --form-border-bottom-left-radius: 0px;
        --form-border-bottom-right-radius: 0px;
        --form-border-color: transparent;
        --form-border-style: solid;
        --form-border-gap: normal;
        --form-border-dash: none;
        --form-border-top-width: 0px;
        --form-border-right-width: 0px;
        --form-border-bottom-width: 0px;
        --form-border-left-width: 0px;
        --form-outline-color: auto;
        --form-outline-style: solid;
        --form-outline-width: 0px;
        --form-padding-left: 0px;
        --form-padding-right: 0px;
        --form-padding-top: 0px;
        --form-padding-bottom: 0px;
        --form-row-gap: 0px;
        --form-column-gap: 0px;
        --form-font-family: sans-serif;
        --form-font-size: medium;
        --form-color: currentcolor;
        --form-letter-spacing: normal;
        --form-line-height: normal;
        --form-paragraph-spacing: ;
        --form-paragraph-indent: 
    }
[data-theme='dark'] [component-variant="form-default"], [data-theme='light'] [component-variant="form-default"] {
        --form-padding-left: var(--spacing-space-1);
        --form-padding-right: var(--spacing-space-1);
        --form-padding-top: var(--spacing-space-1);
        --form-padding-bottom: var(--spacing-space-1);
        --form-row-gap: var(--spacing-space-1);
        --form-column-gap: var(--spacing-space-1);
        --form-font-family: var(--font-family-body);
        --form-font-size: var(--font-size-body-small);
        --form-font-weight: var(--font-weight-medium);
        --form-line-height: var(--line-height-body-small);
        --form-paragraph-spacing: 0px;
        --form-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant^="table-"], [data-theme='light'] [component-variant^="table-"] {
        --table-opacity: 1;
        --table-height: auto;
        --table-min-height: auto;
        --table-max-height: none;
        --table-width: auto;
        --table-min-width: auto;
        --table-max-width: none;
        --table-background-color: transparent;
        --table-fill: currentcolor;
        --table-border-top-left-radius: 0px;
        --table-border-top-right-radius: 0px;
        --table-border-bottom-left-radius: 0px;
        --table-border-bottom-right-radius: 0px;
        --table-border-color: transparent;
        --table-border-style: solid;
        --table-border-gap: normal;
        --table-border-dash: none;
        --table-border-top-width: 0px;
        --table-border-right-width: 0px;
        --table-border-bottom-width: 0px;
        --table-border-left-width: 0px;
        --table-outline-color: auto;
        --table-outline-style: solid;
        --table-outline-width: 0px;
        --table-padding-left: 0px;
        --table-padding-right: 0px;
        --table-padding-top: 0px;
        --table-padding-bottom: 0px;
        --table-row-gap: 0px;
        --table-column-gap: 0px;
        --table-font-family: sans-serif;
        --table-font-size: medium;
        --table-color: currentcolor;
        --table-letter-spacing: normal;
        --table-line-height: normal;
        --table-paragraph-spacing: ;
        --table-paragraph-indent: 
    }
[data-theme='dark'] [component-variant="table-default"], [data-theme='light'] [component-variant="table-default"] {
        --table-width: 100%;
        --table-background-color: var(--surface-background-1);
        --table-border-top-left-radius: var(--corner-radius-small);
        --table-border-top-right-radius: var(--corner-radius-small);
        --table-border-bottom-left-radius: var(--corner-radius-small);
        --table-border-bottom-right-radius: var(--corner-radius-small);
        --table-border-color: var(--border-border-grey-3);
        --table-border-top-width: 1px;
        --table-border-right-width: 1px;
        --table-border-bottom-width: 1px;
        --table-border-left-width: 1px;
        --table-padding-left: var(--spacing-space-1);
        --table-padding-right: var(--spacing-space-1);
        --table-padding-top: var(--spacing-space-1);
        --table-padding-bottom: var(--spacing-space-1);
        --table-row-gap: var(--spacing-space-1);
        --table-column-gap: var(--spacing-space-1);
        --table-font-family: sans-sarif;
        --table-font-size: initial;
        --table-font-weight: regular;
        --table-paragraph-spacing: 0px;
        --table-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="table-default"], [data-theme='light'] [component-variant="table-default"] {
        --table-header-width: 100%;
        --table-header-background-color: var(--surface-background-3);
        --table-header-border-color: var(--border-border-grey-3);
        --table-header-border-bottom-width: 1px;
        --table-header-font-family: sans-sarif;
        --table-header-font-size: initial;
        --table-header-font-weight: regular;
        --table-header-paragraph-spacing: 0px;
        --table-header-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="table-default"], [data-theme='light'] [component-variant="table-default"] {
        --table-body-width: 100%;
        --table-body-font-family: sans-sarif;
        --table-body-font-size: initial;
        --table-body-font-weight: regular;
        --table-body-paragraph-spacing: 0px;
        --table-body-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant^="table-header-cell-"], [data-theme='light'] [component-variant^="table-header-cell-"] {
        --table-header-cell-opacity: 1;
        --table-header-cell-height: auto;
        --table-header-cell-min-height: auto;
        --table-header-cell-max-height: none;
        --table-header-cell-width: auto;
        --table-header-cell-min-width: auto;
        --table-header-cell-max-width: none;
        --table-header-cell-background-color: transparent;
        --table-header-cell-fill: currentcolor;
        --table-header-cell-border-top-left-radius: 0px;
        --table-header-cell-border-top-right-radius: 0px;
        --table-header-cell-border-bottom-left-radius: 0px;
        --table-header-cell-border-bottom-right-radius: 0px;
        --table-header-cell-border-color: transparent;
        --table-header-cell-border-style: solid;
        --table-header-cell-border-gap: normal;
        --table-header-cell-border-dash: none;
        --table-header-cell-border-top-width: 0px;
        --table-header-cell-border-right-width: 0px;
        --table-header-cell-border-bottom-width: 0px;
        --table-header-cell-border-left-width: 0px;
        --table-header-cell-outline-color: auto;
        --table-header-cell-outline-style: solid;
        --table-header-cell-outline-width: 0px;
        --table-header-cell-padding-left: 0px;
        --table-header-cell-padding-right: 0px;
        --table-header-cell-padding-top: 0px;
        --table-header-cell-padding-bottom: 0px;
        --table-header-cell-row-gap: 0px;
        --table-header-cell-column-gap: 0px;
        --table-header-cell-font-family: sans-serif;
        --table-header-cell-font-size: medium;
        --table-header-cell-color: currentcolor;
        --table-header-cell-letter-spacing: normal;
        --table-header-cell-line-height: normal;
        --table-header-cell-paragraph-spacing: ;
        --table-header-cell-paragraph-indent: 
    }
[data-theme='dark'] [component-variant="table-header-cell-default"], [data-theme='light'] [component-variant="table-header-cell-default"] {
        --table-header-cell-width: 135px;
        --table-header-cell-padding-left: var(--spacing-space-1);
        --table-header-cell-padding-right: var(--spacing-space-1);
        --table-header-cell-padding-top: var(--spacing-space-1);
        --table-header-cell-padding-bottom: var(--spacing-space-1);
        --table-header-cell-row-gap: var(--spacing-space-1);
        --table-header-cell-column-gap: var(--spacing-space-1);
        --table-header-cell-font-family: var(--font-family-body);
        --table-header-cell-font-size: var(--font-size-body-small);
        --table-header-cell-font-weight: var(--font-weight-medium);
        --table-header-cell-line-height: var(--line-height-body-small);
        --table-header-cell-paragraph-spacing: 0px;
        --table-header-cell-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant^="table-cell-"], [data-theme='light'] [component-variant^="table-cell-"] {
        --table-cell-opacity: 1;
        --table-cell-height: auto;
        --table-cell-min-height: auto;
        --table-cell-max-height: none;
        --table-cell-width: auto;
        --table-cell-min-width: auto;
        --table-cell-max-width: none;
        --table-cell-background-color: transparent;
        --table-cell-fill: currentcolor;
        --table-cell-border-top-left-radius: 0px;
        --table-cell-border-top-right-radius: 0px;
        --table-cell-border-bottom-left-radius: 0px;
        --table-cell-border-bottom-right-radius: 0px;
        --table-cell-border-color: transparent;
        --table-cell-border-style: solid;
        --table-cell-border-gap: normal;
        --table-cell-border-dash: none;
        --table-cell-border-top-width: 0px;
        --table-cell-border-right-width: 0px;
        --table-cell-border-bottom-width: 0px;
        --table-cell-border-left-width: 0px;
        --table-cell-outline-color: auto;
        --table-cell-outline-style: solid;
        --table-cell-outline-width: 0px;
        --table-cell-padding-left: 0px;
        --table-cell-padding-right: 0px;
        --table-cell-padding-top: 0px;
        --table-cell-padding-bottom: 0px;
        --table-cell-row-gap: 0px;
        --table-cell-column-gap: 0px;
        --table-cell-font-family: sans-serif;
        --table-cell-font-size: medium;
        --table-cell-color: currentcolor;
        --table-cell-letter-spacing: normal;
        --table-cell-line-height: normal;
        --table-cell-paragraph-spacing: ;
        --table-cell-paragraph-indent: 
    }
[data-theme='dark'] [component-variant="table-cell-default"], [data-theme='light'] [component-variant="table-cell-default"] {
        --table-cell-width: 135px;
        --table-cell-padding-left: var(--spacing-space-1);
        --table-cell-padding-right: var(--spacing-space-1);
        --table-cell-padding-top: var(--spacing-space-1);
        --table-cell-padding-bottom: var(--spacing-space-1);
        --table-cell-row-gap: var(--spacing-space-1);
        --table-cell-column-gap: var(--spacing-space-1);
        --table-cell-font-family: var(--font-family-body);
        --table-cell-font-size: var(--font-size-body-small);
        --table-cell-font-weight: var(--font-weight-medium);
        --table-cell-line-height: var(--line-height-body-small);
        --table-cell-paragraph-spacing: 0px;
        --table-cell-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant^="pagination-"], [data-theme='light'] [component-variant^="pagination-"] {
        --pagination-opacity: 1;
        --pagination-height: auto;
        --pagination-min-height: auto;
        --pagination-max-height: none;
        --pagination-width: auto;
        --pagination-min-width: auto;
        --pagination-max-width: none;
        --pagination-background-color: transparent;
        --pagination-fill: currentcolor;
        --pagination-border-top-left-radius: 0px;
        --pagination-border-top-right-radius: 0px;
        --pagination-border-bottom-left-radius: 0px;
        --pagination-border-bottom-right-radius: 0px;
        --pagination-border-color: transparent;
        --pagination-border-style: solid;
        --pagination-border-gap: normal;
        --pagination-border-dash: none;
        --pagination-border-top-width: 0px;
        --pagination-border-right-width: 0px;
        --pagination-border-bottom-width: 0px;
        --pagination-border-left-width: 0px;
        --pagination-outline-color: auto;
        --pagination-outline-style: solid;
        --pagination-outline-width: 0px;
        --pagination-padding-left: 0px;
        --pagination-padding-right: 0px;
        --pagination-padding-top: 0px;
        --pagination-padding-bottom: 0px;
        --pagination-row-gap: 0px;
        --pagination-column-gap: 0px;
        --pagination-font-family: sans-serif;
        --pagination-font-size: medium;
        --pagination-color: currentcolor;
        --pagination-letter-spacing: normal;
        --pagination-line-height: normal;
        --pagination-paragraph-spacing: ;
        --pagination-paragraph-indent: 
    }
[data-theme='dark'] [component-variant="pagination-default"], [data-theme='light'] [component-variant="pagination-default"] {
        --pagination-height: 32px;
        --pagination-background-color: var(--surface-background-4);
        --pagination-color: var(--text-secondary);
        --pagination-border-top-left-radius: var(--spacing-space-3);
        --pagination-border-top-right-radius: var(--spacing-space-3);
        --pagination-border-bottom-left-radius: var(--spacing-space-3);
        --pagination-border-bottom-right-radius: var(--spacing-space-3);
        --pagination-border-color: var(--border-border-grey-3);
        --pagination-border-top-width: 1px;
        --pagination-border-right-width: 1px;
        --pagination-border-bottom-width: 1px;
        --pagination-border-left-width: 1px;
        --pagination-padding-left: var(--spacing-space-3);
        --pagination-padding-right: var(--spacing-space-3);
        --pagination-padding-top: 0px;
        --pagination-padding-bottom: 0px;
        --pagination-row-gap: var(--spacing-space-5);
        --pagination-column-gap: var(--spacing-space-5);
        --pagination-font-family: var(--font-family-body);
        --pagination-font-size: var(--font-size-body-small);
        --pagination-font-weight: var(--font-weight-regular);
        --pagination-line-height: var(--line-height-body-small);
        --pagination-paragraph-spacing: 0px;
        --pagination-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="pagination-default"], [data-theme='light'] [component-variant="pagination-default"] {
        --pagination-content-row-gap: var(--spacing-space-4);
        --pagination-content-column-gap: var(--spacing-space-4);
        --pagination-content-font-family: sans-sarif;
        --pagination-content-font-size: initial;
        --pagination-content-font-weight: regular;
        --pagination-content-paragraph-spacing: 0px;
        --pagination-content-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="pagination-default"], [data-theme='light'] [component-variant="pagination-default"] {
        --pagination-values-container-row-gap: var(--spacing-space-4);
        --pagination-values-container-column-gap: var(--spacing-space-4)
    }
[data-theme='dark'] [component-variant="pagination-default"], [data-theme='light'] [component-variant="pagination-default"] {
        --pagination-total-pages-color: var(--text-secondary);
        --pagination-total-pages-font-size: var(--font-size-body-small);
        --pagination-total-pages-font-weight: var(--font-weight-regular);
        --pagination-total-pages-line-height: var(--line-height-body-small);
        --pagination-total-pages-paragraph-spacing: 0px;
        --pagination-total-pages-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant="pagination-default"], [data-theme='light'] [component-variant="pagination-default"] {
        --pagination-back-button-row-gap: var(--spacing-space-1);
        --pagination-back-button-column-gap: var(--spacing-space-1);
        --pagination-back-button-background-color: var(--interactive-surface-ghost-disabled)
    }
[data-theme='dark'] [component-variant="pagination-default"], [data-theme='light'] [component-variant="pagination-default"] {
        --pagination-forward-button-row-gap: var(--spacing-space-1);
        --pagination-forward-button-column-gap: var(--spacing-space-1);
        --pagination-forward-button-background-color: var(--interactive-surface-ghost-disabled)
    }
[data-theme='dark'] [component-variant^="draggable-item-trigger-"], [data-theme='light'] [component-variant^="draggable-item-trigger-"] {
        --draggable-item-trigger-opacity: 1;
        --draggable-item-trigger-height: auto;
        --draggable-item-trigger-min-height: auto;
        --draggable-item-trigger-max-height: none;
        --draggable-item-trigger-width: auto;
        --draggable-item-trigger-min-width: auto;
        --draggable-item-trigger-max-width: none;
        --draggable-item-trigger-background-color: transparent;
        --draggable-item-trigger-fill: currentcolor;
        --draggable-item-trigger-border-top-left-radius: 0px;
        --draggable-item-trigger-border-top-right-radius: 0px;
        --draggable-item-trigger-border-bottom-left-radius: 0px;
        --draggable-item-trigger-border-bottom-right-radius: 0px;
        --draggable-item-trigger-border-color: transparent;
        --draggable-item-trigger-border-style: solid;
        --draggable-item-trigger-border-gap: normal;
        --draggable-item-trigger-border-dash: none;
        --draggable-item-trigger-border-top-width: 0px;
        --draggable-item-trigger-border-right-width: 0px;
        --draggable-item-trigger-border-bottom-width: 0px;
        --draggable-item-trigger-border-left-width: 0px;
        --draggable-item-trigger-outline-color: auto;
        --draggable-item-trigger-outline-style: solid;
        --draggable-item-trigger-outline-width: 0px;
        --draggable-item-trigger-padding-left: 0px;
        --draggable-item-trigger-padding-right: 0px;
        --draggable-item-trigger-padding-top: 0px;
        --draggable-item-trigger-padding-bottom: 0px;
        --draggable-item-trigger-row-gap: 0px;
        --draggable-item-trigger-column-gap: 0px;
        --draggable-item-trigger-font-family: sans-serif;
        --draggable-item-trigger-font-size: medium;
        --draggable-item-trigger-color: currentcolor;
        --draggable-item-trigger-letter-spacing: normal;
        --draggable-item-trigger-line-height: normal;
        --draggable-item-trigger-paragraph-spacing: ;
        --draggable-item-trigger-paragraph-indent: 
    }
[data-theme='dark'] [component-variant="draggable-item-trigger-default"], [data-theme='light'] [component-variant="draggable-item-trigger-default"] {
        --draggable-item-trigger-color: var(--icon-secondary);
        --draggable-item-trigger-row-gap: 10px;
        --draggable-item-trigger-column-gap: 10px;
        --draggable-item-trigger-font-family: sans-sarif;
        --draggable-item-trigger-font-size: initial;
        --draggable-item-trigger-font-weight: regular;
        --draggable-item-trigger-paragraph-spacing: 0px;
        --draggable-item-trigger-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant^="breadcrumbs-"], [data-theme='light'] [component-variant^="breadcrumbs-"] {
        --breadcrumbs-opacity: 1;
        --breadcrumbs-height: auto;
        --breadcrumbs-min-height: auto;
        --breadcrumbs-max-height: none;
        --breadcrumbs-width: auto;
        --breadcrumbs-min-width: auto;
        --breadcrumbs-max-width: none;
        --breadcrumbs-background-color: transparent;
        --breadcrumbs-fill: currentcolor;
        --breadcrumbs-border-top-left-radius: 0px;
        --breadcrumbs-border-top-right-radius: 0px;
        --breadcrumbs-border-bottom-left-radius: 0px;
        --breadcrumbs-border-bottom-right-radius: 0px;
        --breadcrumbs-border-color: transparent;
        --breadcrumbs-border-style: solid;
        --breadcrumbs-border-gap: normal;
        --breadcrumbs-border-dash: none;
        --breadcrumbs-border-top-width: 0px;
        --breadcrumbs-border-right-width: 0px;
        --breadcrumbs-border-bottom-width: 0px;
        --breadcrumbs-border-left-width: 0px;
        --breadcrumbs-outline-color: auto;
        --breadcrumbs-outline-style: solid;
        --breadcrumbs-outline-width: 0px;
        --breadcrumbs-padding-left: 0px;
        --breadcrumbs-padding-right: 0px;
        --breadcrumbs-padding-top: 0px;
        --breadcrumbs-padding-bottom: 0px;
        --breadcrumbs-row-gap: 0px;
        --breadcrumbs-column-gap: 0px;
        --breadcrumbs-font-family: sans-serif;
        --breadcrumbs-font-size: medium;
        --breadcrumbs-color: currentcolor;
        --breadcrumbs-letter-spacing: normal;
        --breadcrumbs-line-height: normal;
        --breadcrumbs-paragraph-spacing: ;
        --breadcrumbs-paragraph-indent: 
    }
[data-theme='dark'] [component-variant="breadcrumbs-default"], [data-theme='light'] [component-variant="breadcrumbs-default"] {
        --breadcrumbs-color: var(--text-secondary);
        --breadcrumbs-font-family: var(--font-family-body);
        --breadcrumbs-font-size: var(--font-size-body-medium);
        --breadcrumbs-font-weight: var(--font-weight-regular);
        --breadcrumbs-line-height: var(--line-height-body-medium);
        --breadcrumbs-paragraph-spacing: 0px;
        --breadcrumbs-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant^="dropzone-trigger-"], [data-theme='light'] [component-variant^="dropzone-trigger-"] {
        --dropzone-trigger-opacity: 1;
        --dropzone-trigger-height: auto;
        --dropzone-trigger-min-height: auto;
        --dropzone-trigger-max-height: none;
        --dropzone-trigger-width: auto;
        --dropzone-trigger-min-width: auto;
        --dropzone-trigger-max-width: none;
        --dropzone-trigger-background-color: transparent;
        --dropzone-trigger-fill: currentcolor;
        --dropzone-trigger-border-top-left-radius: 0px;
        --dropzone-trigger-border-top-right-radius: 0px;
        --dropzone-trigger-border-bottom-left-radius: 0px;
        --dropzone-trigger-border-bottom-right-radius: 0px;
        --dropzone-trigger-border-color: transparent;
        --dropzone-trigger-border-style: solid;
        --dropzone-trigger-border-gap: normal;
        --dropzone-trigger-border-dash: none;
        --dropzone-trigger-border-top-width: 0px;
        --dropzone-trigger-border-right-width: 0px;
        --dropzone-trigger-border-bottom-width: 0px;
        --dropzone-trigger-border-left-width: 0px;
        --dropzone-trigger-outline-color: auto;
        --dropzone-trigger-outline-style: solid;
        --dropzone-trigger-outline-width: 0px;
        --dropzone-trigger-padding-left: 0px;
        --dropzone-trigger-padding-right: 0px;
        --dropzone-trigger-padding-top: 0px;
        --dropzone-trigger-padding-bottom: 0px;
        --dropzone-trigger-row-gap: 0px;
        --dropzone-trigger-column-gap: 0px;
        --dropzone-trigger-font-family: sans-serif;
        --dropzone-trigger-font-size: medium;
        --dropzone-trigger-color: currentcolor;
        --dropzone-trigger-letter-spacing: normal;
        --dropzone-trigger-line-height: normal;
        --dropzone-trigger-paragraph-spacing: ;
        --dropzone-trigger-paragraph-indent: 
    }
[data-theme='dark'] [component-variant="dropzone-trigger-default"], [data-theme='light'] [component-variant="dropzone-trigger-default"] {
        --dropzone-trigger-color: var(--text-primary);
        --dropzone-trigger-row-gap: 10px;
        --dropzone-trigger-column-gap: 10px;
        --dropzone-trigger-font-family: var(--font-family-body);
        --dropzone-trigger-font-size: var(--font-size-body-small);
        --dropzone-trigger-font-weight: var(--font-weight-medium);
        --dropzone-trigger-line-height: var(--line-height-body-small);
        --dropzone-trigger-paragraph-spacing: 0px;
        --dropzone-trigger-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant^="dropzone-supported-formats-"], [data-theme='light'] [component-variant^="dropzone-supported-formats-"] {
        --dropzone-supported-formats-opacity: 1;
        --dropzone-supported-formats-height: auto;
        --dropzone-supported-formats-min-height: auto;
        --dropzone-supported-formats-max-height: none;
        --dropzone-supported-formats-width: auto;
        --dropzone-supported-formats-min-width: auto;
        --dropzone-supported-formats-max-width: none;
        --dropzone-supported-formats-background-color: transparent;
        --dropzone-supported-formats-fill: currentcolor;
        --dropzone-supported-formats-border-top-left-radius: 0px;
        --dropzone-supported-formats-border-top-right-radius: 0px;
        --dropzone-supported-formats-border-bottom-left-radius: 0px;
        --dropzone-supported-formats-border-bottom-right-radius: 0px;
        --dropzone-supported-formats-border-color: transparent;
        --dropzone-supported-formats-border-style: solid;
        --dropzone-supported-formats-border-gap: normal;
        --dropzone-supported-formats-border-dash: none;
        --dropzone-supported-formats-border-top-width: 0px;
        --dropzone-supported-formats-border-right-width: 0px;
        --dropzone-supported-formats-border-bottom-width: 0px;
        --dropzone-supported-formats-border-left-width: 0px;
        --dropzone-supported-formats-outline-color: auto;
        --dropzone-supported-formats-outline-style: solid;
        --dropzone-supported-formats-outline-width: 0px;
        --dropzone-supported-formats-padding-left: 0px;
        --dropzone-supported-formats-padding-right: 0px;
        --dropzone-supported-formats-padding-top: 0px;
        --dropzone-supported-formats-padding-bottom: 0px;
        --dropzone-supported-formats-row-gap: 0px;
        --dropzone-supported-formats-column-gap: 0px;
        --dropzone-supported-formats-font-family: sans-serif;
        --dropzone-supported-formats-font-size: medium;
        --dropzone-supported-formats-color: currentcolor;
        --dropzone-supported-formats-letter-spacing: normal;
        --dropzone-supported-formats-line-height: normal;
        --dropzone-supported-formats-paragraph-spacing: ;
        --dropzone-supported-formats-paragraph-indent: 
    }
[data-theme='dark'] [component-variant="dropzone-supported-formats-default"], [data-theme='light'] [component-variant="dropzone-supported-formats-default"] {
        --dropzone-supported-formats-color: var(--text-tertiary);
        --dropzone-supported-formats-row-gap: 10px;
        --dropzone-supported-formats-column-gap: 10px;
        --dropzone-supported-formats-font-family: var(--font-family-body);
        --dropzone-supported-formats-font-size: var(--font-size-body-small);
        --dropzone-supported-formats-font-weight: var(--font-weight-regular);
        --dropzone-supported-formats-line-height: var(--line-height-body-small);
        --dropzone-supported-formats-paragraph-spacing: 0px;
        --dropzone-supported-formats-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant^="dropzone-filename-"], [data-theme='light'] [component-variant^="dropzone-filename-"] {
        --dropzone-filename-opacity: 1;
        --dropzone-filename-height: auto;
        --dropzone-filename-min-height: auto;
        --dropzone-filename-max-height: none;
        --dropzone-filename-width: auto;
        --dropzone-filename-min-width: auto;
        --dropzone-filename-max-width: none;
        --dropzone-filename-background-color: transparent;
        --dropzone-filename-fill: currentcolor;
        --dropzone-filename-border-top-left-radius: 0px;
        --dropzone-filename-border-top-right-radius: 0px;
        --dropzone-filename-border-bottom-left-radius: 0px;
        --dropzone-filename-border-bottom-right-radius: 0px;
        --dropzone-filename-border-color: transparent;
        --dropzone-filename-border-style: solid;
        --dropzone-filename-border-gap: normal;
        --dropzone-filename-border-dash: none;
        --dropzone-filename-border-top-width: 0px;
        --dropzone-filename-border-right-width: 0px;
        --dropzone-filename-border-bottom-width: 0px;
        --dropzone-filename-border-left-width: 0px;
        --dropzone-filename-outline-color: auto;
        --dropzone-filename-outline-style: solid;
        --dropzone-filename-outline-width: 0px;
        --dropzone-filename-padding-left: 0px;
        --dropzone-filename-padding-right: 0px;
        --dropzone-filename-padding-top: 0px;
        --dropzone-filename-padding-bottom: 0px;
        --dropzone-filename-row-gap: 0px;
        --dropzone-filename-column-gap: 0px;
        --dropzone-filename-font-family: sans-serif;
        --dropzone-filename-font-size: medium;
        --dropzone-filename-color: currentcolor;
        --dropzone-filename-letter-spacing: normal;
        --dropzone-filename-line-height: normal;
        --dropzone-filename-paragraph-spacing: ;
        --dropzone-filename-paragraph-indent: 
    }
[data-theme='dark'] [component-variant="dropzone-filename-default"], [data-theme='light'] [component-variant="dropzone-filename-default"] {
        --dropzone-filename-row-gap: 10px;
        --dropzone-filename-column-gap: 10px;
        --dropzone-filename-font-family: var(--font-family-body);
        --dropzone-filename-font-size: var(--font-size-body-medium);
        --dropzone-filename-font-weight: var(--font-weight-regular);
        --dropzone-filename-line-height: var(--line-height-body-medium);
        --dropzone-filename-paragraph-spacing: 0px;
        --dropzone-filename-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant^="dropzone-clear-"], [data-theme='light'] [component-variant^="dropzone-clear-"] {
        --dropzone-clear-opacity: 1;
        --dropzone-clear-height: auto;
        --dropzone-clear-min-height: auto;
        --dropzone-clear-max-height: none;
        --dropzone-clear-width: auto;
        --dropzone-clear-min-width: auto;
        --dropzone-clear-max-width: none;
        --dropzone-clear-background-color: transparent;
        --dropzone-clear-fill: currentcolor;
        --dropzone-clear-border-top-left-radius: 0px;
        --dropzone-clear-border-top-right-radius: 0px;
        --dropzone-clear-border-bottom-left-radius: 0px;
        --dropzone-clear-border-bottom-right-radius: 0px;
        --dropzone-clear-border-color: transparent;
        --dropzone-clear-border-style: solid;
        --dropzone-clear-border-gap: normal;
        --dropzone-clear-border-dash: none;
        --dropzone-clear-border-top-width: 0px;
        --dropzone-clear-border-right-width: 0px;
        --dropzone-clear-border-bottom-width: 0px;
        --dropzone-clear-border-left-width: 0px;
        --dropzone-clear-outline-color: auto;
        --dropzone-clear-outline-style: solid;
        --dropzone-clear-outline-width: 0px;
        --dropzone-clear-padding-left: 0px;
        --dropzone-clear-padding-right: 0px;
        --dropzone-clear-padding-top: 0px;
        --dropzone-clear-padding-bottom: 0px;
        --dropzone-clear-row-gap: 0px;
        --dropzone-clear-column-gap: 0px;
        --dropzone-clear-font-family: sans-serif;
        --dropzone-clear-font-size: medium;
        --dropzone-clear-color: currentcolor;
        --dropzone-clear-letter-spacing: normal;
        --dropzone-clear-line-height: normal;
        --dropzone-clear-paragraph-spacing: ;
        --dropzone-clear-paragraph-indent: 
    }
[data-theme='dark'] [component-variant="dropzone-clear-default"], [data-theme='light'] [component-variant="dropzone-clear-default"] {
        --dropzone-clear-color: var(--icon-primary);
        --dropzone-clear-row-gap: var(--spacing-space-6);
        --dropzone-clear-column-gap: var(--spacing-space-6);
        --dropzone-clear-font-family: sans-sarif;
        --dropzone-clear-font-size: initial;
        --dropzone-clear-font-weight: regular;
        --dropzone-clear-paragraph-spacing: 0px;
        --dropzone-clear-paragraph-indent: 0px
    }
[data-theme='dark'] [component-variant^="tab-content-"], [data-theme='light'] [component-variant^="tab-content-"] {
        --tab-content-opacity: 1;
        --tab-content-height: auto;
        --tab-content-min-height: auto;
        --tab-content-max-height: none;
        --tab-content-width: auto;
        --tab-content-min-width: auto;
        --tab-content-max-width: none;
        --tab-content-background-color: transparent;
        --tab-content-fill: currentcolor;
        --tab-content-border-top-left-radius: 0px;
        --tab-content-border-top-right-radius: 0px;
        --tab-content-border-bottom-left-radius: 0px;
        --tab-content-border-bottom-right-radius: 0px;
        --tab-content-border-color: transparent;
        --tab-content-border-style: solid;
        --tab-content-border-gap: normal;
        --tab-content-border-dash: none;
        --tab-content-border-top-width: 0px;
        --tab-content-border-right-width: 0px;
        --tab-content-border-bottom-width: 0px;
        --tab-content-border-left-width: 0px;
        --tab-content-outline-color: auto;
        --tab-content-outline-style: solid;
        --tab-content-outline-width: 0px;
        --tab-content-padding-left: 0px;
        --tab-content-padding-right: 0px;
        --tab-content-padding-top: 0px;
        --tab-content-padding-bottom: 0px;
        --tab-content-row-gap: 0px;
        --tab-content-column-gap: 0px;
        --tab-content-font-family: sans-serif;
        --tab-content-font-size: medium;
        --tab-content-color: currentcolor;
        --tab-content-letter-spacing: normal;
        --tab-content-line-height: normal;
        --tab-content-paragraph-spacing: ;
        --tab-content-paragraph-indent: 
    }
[data-theme='dark'] [component-variant="tab-content-default"], [data-theme='light'] [component-variant="tab-content-default"] {
        --tab-content-height: 100%;
        --tab-content-width: 100%;
        --tab-content-row-gap: 8px;
        --tab-content-column-gap: 8px;
        --tab-content-font-family: var(--font-family-body);
        --tab-content-font-size: var(--font-size-body-small);
        --tab-content-font-weight: var(--font-weight-medium);
        --tab-content-line-height: var(--line-height-body-small);
        --tab-content-paragraph-spacing: 0px;
        --tab-content-paragraph-indent: 0px
    }
/* override the theme variables here */
[data-theme="light"],
[data-theme="dark"] {
    /* Primitive [Colours and Numbers]] */
    --colours-grey-0: rgb(255, 255, 255);
    --colours-grey-50: rgb(233, 233, 234);
    --colours-grey-100: rgb(186, 187, 191);
    --colours-grey-200: rgb(153, 154, 159);
    --colours-grey-300: rgb(107, 108, 116);
    --colours-grey-400: rgb(78, 80, 89);
    --colours-grey-450: rgb(56, 58, 68);
    --colours-grey-500: rgb(34, 36, 47);
    --colours-grey-600: rgb(31, 33, 43);
    --colours-grey-700: rgb(24, 26, 33);
    --colours-grey-800: rgb(19, 20, 26);
    --colours-grey-900: rgb(14, 15, 20);
    --colours-purple-50: rgb(238, 239, 248);
    --colours-purple-100: rgb(202, 205, 232);
    --colours-purple-200: rgb(176, 180, 221);
    --colours-purple-300: rgb(140, 146, 205);
    --colours-purple-400: rgb(117, 125, 195);
    --colours-purple-500: rgb(83, 93, 180);
    --colours-purple-600: rgb(76, 85, 164);
    --colours-purple-700: rgb(59, 66, 128);
    --colours-purple-800: rgb(46, 51, 99);
    --colours-purple-900: rgb(35, 39, 76);
    --colours-green-50: rgb(233, 249, 233);
    --colours-green-100: rgb(186, 236, 187);
    --colours-green-200: rgb(153, 226, 155);
    --colours-green-300: rgb(107, 213, 109);
    --colours-green-400: rgb(78, 205, 81);
    --colours-green-500: rgb(34, 193, 37);
    --colours-green-600: rgb(31, 176, 34);
    --colours-green-700: rgb(24, 137, 26);
    --colours-green-800: rgb(19, 106, 20);
    --colours-green-900: rgb(14, 81, 16);
    --colours-green-1000: rgb(10, 53, 12);
    --colours-blue-50: rgb(230, 243, 252);
    --colours-blue-100: rgb(176, 217, 244);
    --colours-blue-200: rgb(138, 199, 239);
    --colours-blue-300: rgb(84, 173, 232);
    --colours-blue-400: rgb(51, 157, 228);
    --colours-blue-500: rgb(0, 133, 221);
    --colours-blue-600: rgb(0, 121, 201);
    --colours-blue-700: rgb(0, 94, 157);
    --colours-blue-800: rgb(0, 73, 122);
    --colours-blue-900: rgb(0, 56, 93);
    --colours-orange-50: rgb(248, 240, 230);
    --colours-orange-100: rgb(234, 209, 176);
    --colours-orange-200: rgb(223, 187, 138);
    --colours-orange-300: rgb(209, 157, 84);
    --colours-orange-400: rgb(200, 137, 51);
    --colours-orange-500: rgb(186, 108, 0);
    --colours-orange-600: rgb(169, 98, 0);
    --colours-orange-700: rgb(132, 77, 0);
    --colours-orange-800: rgb(102, 59, 0);
    --colours-orange-900: rgb(78, 45, 0);
    --colours-red-50: rgb(252, 234, 234);
    --colours-red-100: rgb(246, 191, 191);
    --colours-red-200: rgb(242, 160, 160);
    --colours-red-300: rgb(236, 117, 117);
    --colours-red-400: rgb(232, 90, 90);
    --colours-red-500: rgb(226, 49, 49);
    --colours-red-600: rgb(206, 45, 45);
    --colours-red-700: rgb(160, 35, 35);
    --colours-red-800: rgb(124, 27, 27);
    --colours-red-900: rgb(95, 21, 21);
    --colours-red-1000: rgb(31, 5, 5);
    --numbers-none: 0px;
    --font-family-font-family-1: inter;
    --font-size-font-size-1: 10px;
    --font-size-font-size-2: 13px;
    --font-size-font-size-3: 14px;
    --font-size-font-size-4: 16px;
    --font-size-font-size-5: 18px;
    --font-size-font-size-6: 20px;
    --font-size-font-size-7: 24px;
    --font-size-font-size-8: 28px;
    --numbers-size-1: 2px;
    --font-size-font-size-9: 32px;
    --font-size-font-size-10: 40px;
    --numbers-size-2: 4px;
    --numbers-size-3: 6px;
    --numbers-size-4: 8px;
    --numbers-size-5: 12px;
    --numbers-size-6: 16px;
    --numbers-size-7: 24px;
    --numbers-size-8: 32px;
    --numbers-size-9: 40px;
    --numbers-size-10: 48px;
    --numbers-size-11: 56px;
    --line-height-line-height-1: 12px;
    --line-height-line-height-2: 14px;
    --line-height-line-height-3: 16px;
    --line-height-line-height-4: 18px;
    --line-height-line-height-5: 20px;
    --line-height-line-height-6: 24px;
    --line-height-line-height-7: 28px;
    --line-height-line-height-8: 32px;
    --line-height-line-height-9: 40px;
    --line-height-line-height-10: 48px;
    --font-weight-font-weight-1: 100;
    --font-weight-font-weight-2: 200;
    --font-weight-font-weight-3: 300;
    --font-weight-font-weight-4: 400;
    --font-weight-font-weight-5: 500;
    --font-weight-font-weight-6: 600;
    --font-weight-font-weight-7: 700;
    --font-weight-font-weight-8: 800;
    --font-weight-font-weight-9: 900;
    --font-weight-font-weight-10: 950;
    --numbers-size-12: 64px;
    --numbers-size-13: 96px;
    --numbers-size-14: 128px;

    /* Semantic [Numbers] */
    --spacing-space-1: var(--numbers-none);
    --spacing-space-2: var(--numbers-size-1);
    --spacing-space-3: var(--numbers-size-2);
    --spacing-space-4: var(--numbers-size-3);
    --spacing-space-5: var(--numbers-size-4);
    --spacing-space-6: var(--numbers-size-5);
    --spacing-space-7: var(--numbers-size-6);
    --spacing-space-8: var(--numbers-size-7);
    --spacing-space-9: var(--numbers-size-8);
    --spacing-space-10: var(--numbers-size-9);
    --spacing-space-11: var(--numbers-size-10);
    --spacing-space-12: var(--numbers-size-11);
    --spacing-space-13: var(--numbers-size-12);
    --spacing-space-14: var(--numbers-size-13);
    --spacing-space-15: var(--numbers-size-14);
    --corner-radius-none: var(--numbers-none);
    --corner-radius-extra-extra-small: var(--numbers-size-1);
    --corner-radius-extra-small: var(--numbers-size-2);
    --corner-radius-small: var(--numbers-size-3);
    --corner-radius-medium: var(--numbers-size-4);
    --corner-radius-large: var(--numbers-size-5);
    --corner-radius-extra-large: var(--numbers-size-14);

    /* Semantic [Typography] */
    --font-family-title: var(--font-family-font-family-1);
    --font-family-body: var(--font-family-font-family-1);
    --font-size-heading-heading-1: var(--font-size-font-size-7);
    --font-size-heading-heading-2: var(--font-size-font-size-4);
    --font-size-heading-heading-3: var(--font-size-font-size-3);
    --font-size-heading-heading-4: var(--font-size-font-size-3);
    --font-size-heading-heading-5: var(--font-size-font-size-3);
    --font-size-heading-heading-6: var(--font-size-font-size-3);
    --font-size-body-large: var(--font-size-font-size-4);
    --font-size-body-medium: var(--font-size-font-size-3);
    --font-size-body-small: var(--font-size-font-size-2);
    --line-height-heading-heading-1: var(--line-height-line-height-9);
    --line-height-heading-heading-2: var(--line-height-line-height-6);
    --line-height-heading-heading-3: var(--line-height-line-height-5);
    --line-height-heading-heading-4: var(--line-height-line-height-5);
    --line-height-heading-heading-5: var(--line-height-line-height-5);
    --line-height-heading-heading-6: var(--line-height-line-height-5);
    --line-height-body-large: var(--line-height-line-height-6);
    --line-height-body-medium: var(--line-height-line-height-5);
    --font-weight-thin: var(--font-weight-font-weight-1);
    --line-height-body-small: var(--line-height-line-height-3);
    --font-weight-ultralight: var(--font-weight-font-weight-2);
    --font-weight-light: var(--font-weight-font-weight-3);
    --font-weight-regular: var(--font-weight-font-weight-4);
    --font-weight-medium: var(--font-weight-font-weight-5);
    --font-weight-semibold: var(--font-weight-font-weight-6);
    --font-weight-bold: var(--font-weight-font-weight-7);
    --font-weight-extrabold: var(--font-weight-font-weight-8);
    --font-weight-black: var(--font-weight-font-weight-9);
    --font-weight-extrablack: var(--font-weight-font-weight-10)
}
[data-theme='light'] {
  /* Semantic [Colours] */
  --surface-background-1: var(--colours-grey-0);
  --surface-background-2: var(--colours-grey-50);
  --surface-background-3: var(--colours-grey-100);
  --surface-background-4: var(--colours-grey-200);
  --surface-background-5: var(--colours-grey-300);
  --surface-background-6: var(--colours-grey-400);
  --surface-background-success: var(--colours-green-1000);
  --surface-background-error: var(--colours-red-900);
  --interactive-surface-primary-default: var(--colours-purple-500);
  --decorative-surface-blue: var(--colours-blue-900);
  --decorative-surface-green: var(--colours-green-1000);
  --decorative-surface-orange: var(--colours-orange-800);
  --decorative-surface-purple: var(--colours-purple-800);
  --decorative-surface-red: var(--colours-red-900);
  --decorative-surface-gray: var(--colours-grey-700);
  --border-border-grey-1: var(--colours-grey-50);
  --interactive-surface-primary-hover: var(--colours-purple-400);
  --interactive-surface-primary-pressed: var(--colours-purple-400);
  --interactive-surface-secondary-default: var(--colours-grey-50);
  --interactive-surface-secondary-hover: var(--colours-grey-100);
  --interactive-surface-secondary-pressed: var(--colours-grey-100);
  --interactive-surface-secondary-selected: var(--colours-grey-400);
  --border-border-grey-2: var(--colours-grey-100);
  --interactive-surface-destructive-default: var(--colours-red-700);
  --border-border-grey-3: var(--colours-grey-200);
  --interactive-surface-destructive-hover: var(--colours-red-800);
  --border-border-grey-4: var(--colours-grey-300);
  --interactive-surface-destructive-pressed: var(--colours-red-900);
  --interactive-surface-primary-disabled-1: var(--colours-grey-400);
  --border-destructive: var(--colours-red-700);
  --interactive-surface-secondary-disabled: var(--colours-grey-200);
  --border-primary: var(--colours-purple-500);
  --interactive-surface-destructive-disabled: var(--colours-grey-200);
  --border-success: var(--colours-green-800);
  --text-primary: var(--colours-grey-700);
  --decorative-text-blue: var(--colours-blue-300);
  --decorative-text-green: var(--colours-green-500);
  --decorative-text-orange: var(--colours-orange-300);
  --decorative-text-red: var(--colours-red-200);
  --decorative-text-purple: var(--colours-purple-200);
  --decorative-text-gray: var(--colours-grey-0);
  --text-secondary: var(--colours-grey-500);
  --icon-primary: var(--colours-grey-700);
  --text-tertiary: var(--colours-grey-450);
  --icon-secondary: var(--colours-grey-500);
  --icon-tertiary: var(--colours-grey-450);
  --icon-destructive: var(--colours-red-600);
  --icon-inverse: var(--colours-grey-0);
  --text-destructive: var(--colours-red-600);
  --text-colour-button-text: var(--colours-grey-50);
  --interactive-surface-tertiary-default: var(--colours-grey-50);
  --interactive-surface-tertiary-hover: var(--colours-grey-100);
  --interactive-surface-tertiary-pressed: var(--colours-grey-100);
  --interactive-surface-tertiary-disabled: var(--colours-grey-200);
  --decorative-icon-blue: var(--colours-blue-300);
  --decorative-icon-green: var(--colours-green-500);
  --decorative-border-orange: var(--colours-orange-500);
  --decorative-border-green: var(--colours-green-700);
  --decorative-border-blue: var(--colours-blue-600);
  --decorative-border-purple: var(--colours-purple-600);
  --decorative-border-red: var(--colours-red-800);
  --decorative-border-grey: var(--colours-grey-500);
  --decorative-icon-orange: var(--colours-orange-300);
  --decorative-icon-purple: var(--colours-purple-400);
  --decorative-icon-red: var(--colours-red-200);
  --decorative-icon-grey: var(--colours-grey-0);
  --interactive-surface-primary-disabled-2: var(--colours-purple-900);
  --interactive-surface-ghost-default: rgb(255, 255, 255);
  --interactive-surface-ghost-hover: rgb(255, 255, 255);
  --interactive-surface-ghost-pressed: rgb(255, 255, 255);
  --interactive-surface-ghost-disabled: rgb(255, 255, 255);
  --text-inverse: var(--colours-grey-0)
}
[data-theme='dark'] {
  /* Semantic [Colours] */
  --surface-background-1: var(--colours-grey-900);
  --surface-background-2: var(--colours-grey-800);
  --surface-background-3: var(--colours-grey-700);
  --surface-background-4: var(--colours-grey-500);
  --surface-background-5: var(--colours-grey-600);
  --surface-background-6: var(--colours-grey-450);
  --surface-background-success: var(--colours-green-1000);
  --surface-background-error: var(--colours-red-900);
  --interactive-surface-primary-default: var(--colours-purple-500);
  --decorative-surface-blue: var(--colours-blue-900);
  --decorative-surface-green: var(--colours-green-1000);
  --decorative-surface-orange: var(--colours-orange-800);
  --decorative-surface-purple: var(--colours-purple-800);
  --decorative-surface-red: var(--colours-red-900);
  --decorative-surface-gray: var(--colours-grey-700);
  --border-border-grey-1: var(--colours-grey-100);
  --interactive-surface-primary-hover: var(--colours-purple-400);
  --interactive-surface-primary-pressed: var(--colours-purple-400);
  --interactive-surface-secondary-default: var(--colours-grey-500);
  --interactive-surface-secondary-hover: var(--colours-grey-450);
  --interactive-surface-secondary-pressed: var(--colours-grey-400);
  --interactive-surface-secondary-selected: var(--colours-grey-400);
  --border-border-grey-2: var(--colours-grey-400);
  --interactive-surface-destructive-default: var(--colours-red-700);
  --border-border-grey-3: var(--colours-grey-450);
  --interactive-surface-destructive-hover: var(--colours-red-800);
  --border-border-grey-4: var(--colours-grey-300);
  --interactive-surface-destructive-pressed: var(--colours-red-900);
  --interactive-surface-primary-disabled-1: var(--colours-grey-450);
  --border-destructive: var(--colours-red-700);
  --interactive-surface-secondary-disabled: var(--colours-grey-450);
  --border-primary: var(--colours-purple-500);
  --interactive-surface-destructive-disabled: var(--colours-grey-450);
  --border-success: var(--colours-green-800);
  --text-primary: var(--colours-grey-50);
  --decorative-text-blue: var(--colours-blue-300);
  --decorative-text-green: var(--colours-green-500);
  --decorative-text-orange: var(--colours-orange-300);
  --decorative-text-red: var(--colours-red-200);
  --decorative-text-purple: var(--colours-purple-200);
  --decorative-text-gray: var(--colours-grey-0);
  --text-secondary: var(--colours-grey-100);
  --icon-primary: var(--colours-grey-50);
  --text-tertiary: var(--colours-grey-200);
  --icon-secondary: var(--colours-grey-100);
  --icon-tertiary: var(--colours-grey-200);
  --icon-destructive: var(--colours-red-600);
  --icon-inverse: var(--colours-grey-900);
  --text-destructive: var(--colours-red-600);
  --text-colour-button-text: var(--colours-grey-50);
  --interactive-surface-tertiary-default: var(--colours-grey-100);
  --interactive-surface-tertiary-hover: var(--colours-grey-0);
  --interactive-surface-tertiary-pressed: var(--colours-grey-0);
  --interactive-surface-tertiary-disabled: var(--colours-grey-200);
  --decorative-icon-blue: var(--colours-blue-300);
  --decorative-icon-green: var(--colours-green-500);
  --decorative-border-orange: var(--colours-orange-500);
  --decorative-border-green: var(--colours-green-700);
  --decorative-border-blue: var(--colours-blue-600);
  --decorative-border-purple: var(--colours-purple-600);
  --decorative-border-red: var(--colours-red-800);
  --decorative-border-grey: var(--colours-grey-500);
  --decorative-icon-orange: var(--colours-orange-300);
  --decorative-icon-purple: var(--colours-purple-200);
  --decorative-icon-red: var(--colours-red-200);
  --decorative-icon-grey: var(--colours-grey-0);
  --interactive-surface-primary-disabled-2: var(--colours-purple-900);
  --interactive-surface-ghost-default: rgba(255, 255, 255, 0);
  --interactive-surface-ghost-hover: rgba(255, 255, 255, 0.1);
  --interactive-surface-ghost-pressed: rgba(255, 255, 255, 0.1);
  --interactive-surface-ghost-disabled: rgba(255, 255, 255, 0);
  --text-inverse: var(--colours-grey-900)
}
.NotificationContainer-module_notificationContainer__Hm8tn {
  position: fixed;
  display: flex;
  flex-direction: column;
  z-index: 1000;
  gap: 8px;
  min-width: 300px;
  max-width: 500px;
}

.NotificationContainer-module_top-left__DSEaN,
.NotificationContainer-module_top-center__uNAv8,
.NotificationContainer-module_top-right__8CJ57 {
  flex-direction: column;
}

.NotificationContainer-module_bottom-left__qg8Oo,
.NotificationContainer-module_bottom-center__fd5iv,
.NotificationContainer-module_bottom-right__lSCdh {
  flex-direction: column-reverse;
}

.NotificationContainer-module_bottom-center__fd5iv,
.NotificationContainer-module_top-center__uNAv8 {
  align-items: center;
}

.NotificationContainer-module_bottom-right__lSCdh,
.NotificationContainer-module_top-right__8CJ57 {
  align-items: flex-end;
}

.NotificationContainer-module_bottom-left__qg8Oo,
.NotificationContainer-module_top-left__DSEaN {
  align-items: flex-start;
}
.ToastNotification-module_toastNotification__LCpoq {
  display: flex;
  position: relative;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  height: var(--toast-notification-height);
  min-height: var(--toast-notification-min-height);
  max-height: var(--toast-notification-max-height);
  width: var(--toast-notification-width);
  min-width: var(--toast-notification-min-width);
  max-width: var(--toast-notification-max-width);
  padding-top: calc(var(--toast-notification-padding-top) - var(--toast-notification-border-top-width));
  padding-bottom: calc(var(--toast-notification-padding-bottom) - var(--toast-notification-border-bottom-width));
  padding-left: calc(var(--toast-notification-padding-left) - var(--toast-notification-border-left-width));
  padding-right: calc(var(--toast-notification-padding-right) - var(--toast-notification-border-right-width));
  row-gap: var(--toast-notification-row-gap);
  -moz-column-gap: var(--toast-notification-column-gap);
       column-gap: var(--toast-notification-column-gap);
  border-bottom-width: var(--toast-notification-border-bottom-width);
  border-left-width: var(--toast-notification-border-left-width);
  border-right-width: var(--toast-notification-border-right-width);
  border-top-width: var(--toast-notification-border-top-width);
  border-style: var(--toast-notification-border-style);
  border-color: var(--toast-notification-border-color);
  border-top-left-radius: var(--toast-notification-border-top-left-radius);
  border-top-right-radius: var(--toast-notification-border-top-right-radius);
  border-bottom-right-radius: var(--toast-notification-border-bottom-right-radius);
  border-bottom-left-radius: var(--toast-notification-border-bottom-left-radius);
  outline-width: var(--toast-notification-outline-width);
  outline-style: var(--toast-notification-outline-style);
  outline-color: var(--toast-notification-outline-color);
  background-color: var(--toast-notification-background-color);
  color: var(--toast-notification-color);
}
.ToastNotification-module_toastNotification__LCpoq .ToastNotification-module_messageContainer__t1z1L {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: auto;
  row-gap: var(--toast-notification-message-container-row-gap);
  -moz-column-gap: var(--toast-notification-message-container-column-gap);
       column-gap: var(--toast-notification-message-container-column-gap);
  padding-top: var(--toast-notification-message-container-padding-top);
  padding-bottom: var(--toast-notification-message-container-padding-bottom);
  padding-left: var(--toast-notification-message-container-padding-left);
  padding-right: var(--toast-notification-message-container-padding-right);
}
.ToastNotification-module_toastNotification__LCpoq .ToastNotification-module_text__OfAqs {
  --text-font-family: var(--toast-notification-font-family);
  --text-font-weight: var(--toast-notification-font-weight);
  --text-font-size: var(--toast-notification-font-size);
  --text-letter-spacing: var(--toast-notification-letter-spacing);
  --text-line-height: var(--toast-notification-line-height);
  font-family: var(--toast-notification-font-family);
  font-size: var(--toast-notification-font-size);
  font-weight: var(--toast-notification-font-weight);
  line-height: var(--toast-notification-line-height);
  letter-spacing: var(--toast-notification-letter-spacing);
}