@taikai/rocket-kit 3.0.12-0 → 4.0.1

package/dist/rocket-kit.cjs.development.css

@@ -1,3 +1,3443 @@
+:root {
+  /* Colors */
+  --black: #000000;
+  --white: #ffffff;
+  --grey50: #F1F1F3;
+  --grey100: #E3E3E8;
+  --grey150: #D5D6DC;
+  --grey200: #C7C8D1;
+  --grey300: #ABACBA;
+  --grey400: #8F91A3;
+  --grey500: #73758C;
+  --grey600: #5C5E70;
+  --grey700: #454654;
+  --grey800: #2E2F38;
+  --grey850: #23232A;
+  --grey900: #17171C;
+  --grey950: #0C0C0E;
+  --blue50: #ECEDFC;
+  --blue100: #D9DCFA;
+  --blue150: #C6CAF7;
+  --blue200: #B3B9F4;
+  --blue300: #8E96EF;
+  --blue400: #6873E9;
+  --blue500: #4250E4;
+  --blue600: #3540B6;
+  --blue700: #283089;
+  --blue800: #1A205B;
+  --blue850: #141844;
+  --blue900: #0D102E;
+  --blue950: #070817;
+  --purple50: #ECEAF6;
+  --purple100: #D9D4ED;
+  --purple150: #C7BFE4;
+  --purple200: #B4A9DB;
+  --purple300: #8E7FCA;
+  --purple400: #6954B8;
+  --purple500: #4329A6;
+  --purple600: #362185;
+  --purple700: #281964;
+  --purple800: #1B1042;
+  --purple850: #140C32;
+  --purple900: #0D0821;
+  --purple950: #070411;
+  --red50: #FDEEEE;
+  --red100: #FBDDDD;
+  --red150: #F9CDCD;
+  --red200: #F7BCBC;
+  --red300: #F39A9A;
+  --red400: #EF7979;
+  --red500: #EB5757;
+  --red600: #BC4646;
+  --red700: #8D3434;
+  --red800: #5E2323;
+  --red850: #471A1A;
+  --red900: #2F1111;
+  --red950: #180909;
+  --oracle50: #F4F0FD;
+  --oracle100: #EAE1FB;
+  --oracle150: #DFD2FA;
+  --oracle200: #D5C3F8;
+  --oracle300: #C0A5F4;
+  --oracle400: #AB87F1;
+  --oracle500: #9669ED;
+  --oracle600: #7854BE;
+  --oracle700: #5A3F8E;
+  --oracle800: #3C2A5F;
+  --oracle850: #2D2047;
+  --oracle900: #1E152F;
+  --oracle950: #0F0B18;
+  --green50: #EBFCF7;
+  --green100: #D7F9EF;
+  --green150: #C2F6E6;
+  --green200: #AEF3DE;
+  --green300: #86ECCE;
+  --green400: #5DE6BD;
+  --green500: #35E0AD;
+  --green600: #2AB38A;
+  --green700: #208668;
+  --green800: #155A45;
+  --green850: #104334;
+  --green900: #0B2D23;
+  --green950: #051611;
+  --orange50: #FFF0EA;
+  --orange100: #FFE1D5;
+  --orange150: #FFD2C0;
+  --orange200: #FFC3AB;
+  --orange300: #FFA680;
+  --orange400: #FF8856;
+  --orange500: #FF6A2C;
+  --orange600: #CC5523;
+  --orange700: #99401A;
+  --orange800: #662A12;
+  --orange850: #4D200D;
+  --orange900: #331509;
+  --orange950: #1A0B04;
+  --yellow50: #FFFBEC;
+  --yellow100: #FFF7DA;
+  --yellow150: #FFF3C7;
+  --yellow200: #FFEFB5;
+  --yellow300: #FFE690;
+  --yellow400: #FFDE6B;
+  --yellow500: #FFD646;
+  --yellow600: #CCAB38;
+  --yellow700: #99802A;
+  --yellow800: #66561C;
+  --yellow850: #4D4015;
+  --yellow900: #332B0E;
+  --yellow950: #1A1507;
+  --paleBlue50: #F3F9FD;
+  --paleBlue100: #E7F4FB;
+  --paleBlue150: #DBEEF9;
+  --paleBlue200: #CFE9F7;
+  --paleBlue300: #B7DDF4;
+  --paleBlue400: #9FD2F0;
+  --paleBlue500: #87C7EC;
+  --paleBlue600: #6C9FBD;
+  --paleBlue700: #51778E;
+  --paleBlue800: #36505E;
+  --paleBlue850: #293C47;
+  --paleBlue900: #1B282F;
+  --paleBlue950: #0E1418;
+  --paleOrange50: #FDF4EC;
+  --paleOrange100: #FCE9D9;
+  --paleOrange150: #FADEC6;
+  --paleOrange200: #F8D3B3;
+  --paleOrange300: #F5BE8C;
+  --paleOrange400: #F1A866;
+  --paleOrange500: #EE9240;
+  --paleOrange600: #BE7533;
+  --paleOrange700: #8F5826;
+  --paleOrange800: #5F3A1A;
+  --paleOrange850: #472C13;
+  --paleOrange900: #301D0D;
+  --paleOrange950: #180F06;
+
+  /* Typography */
+  --regular: 400;
+  --defaultFont: "Space Grotesk", Verdana, Arial, Helvetica, sans-serif;
+  --fontSizeXs: 0.75rem; /* 12px */
+  --fontSizeS: 0.875rem; /* 14px */
+  --fontSizeM: 1rem; /* 16px */
+  --fontWeightSemiBold: 500;
+
+  /* Misc */
+  --transitionDurationDefault: 0.3s;
+
+  /* Button tokens */
+  --buttonHeight: 2.75rem; /* 44px */
+  --buttonBorderWidth: 0.0625rem; /* 1px */
+  --buttonBorderRadius: 0.5rem; /* 8px */
+  --buttonPadding: 1.5rem; /* 24px */
+  --buttonIconSpacing: 0.875rem; /* 14px */
+  --buttonIconSize: 1.25rem; /* 20px */
+
+  /* Breakpoints */
+  --breakpointXs: 360px;
+  --breakpointS: 700px;
+  --breakpointM: 900px;
+  --breakpointL: 1280px;
+  --breakpointXl: 1600px;
+
+  /* Field tokens */
+  --fieldBorderWidth: 0.0625rem; /* 1px */
+  --fieldBorderRadius: 0.5rem; /* 8px */
+  --fieldBorderColor: var(--purple100);
+  --fieldHoverBorderColor: var(--purple150);
+  --fieldBackgroundColor: var(--white);
+  --fieldBoxShadow: rgba(0, 0, 0, 0.15);
+  --fieldColor: var(--black);
+  --fieldActiveBorderColor: var(--purple500);
+  --fieldActiveColor: var(--purple500);
+  --fieldSuccessBackgroundColor: var(--green500);
+  --fieldSuccessBorderColor: var(--green600);
+  --fieldErrorBorderColor: var(--red500);
+  --fieldErrorBackgroundColor: var(--red300);
+  --fieldDisabledBackgroundColor: var(--grey100);
+  --fieldDisabledColor: var(--grey300);
+  --fieldHeight: 3.125rem; /* 50px */
+  --fieldPlaceholderColor: var(--grey200);
+}
+.styles-module_wrapper__pVAc9 {
+  position: relative;
+  border: 0.125rem solid var(--grey200); /* 2px */
+  border-radius: 999px;
+  width: var(--avatarSize, 30px);
+  height: var(--avatarSize, 30px);
+  overflow: hidden;
+  z-index: 0;
+}
+
+.styles-module_wrapper__pVAc9 > * {
+  width: 100%;
+  height: 100%;
+}
+
+.styles-module_wrapper__pVAc9 img {
+  object-fit: cover;
+}
+
+.styles-module_square__T0jFe {
+  border-radius: 0;
+}
+
+.styles-module_button__WayI2 {
+  margin: 0;
+  border-style: solid;
+  background-color: transparent;
+  width: min-content;
+  min-width: var(--buttonMinWidth, 5rem); /* default 80px */
+  height: var(--buttonHeight);
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  padding: 0 var(--buttonPadding);
+  white-space: nowrap;
+  text-decoration: none;
+  transition-duration: var(--transitionDurationDefault);
+  cursor: pointer;
+  outline: none;
+}
+
+/* Variant: solid */
+.styles-module_variantSolid__ND4hJ {
+  border-width: 0;
+  border-color: var(--bg);
+  background-color: var(--bg);
+}
+
+.styles-module_variantSolid__ND4hJ:hover {
+  background-color: var(--hover);
+}
+
+.styles-module_variantSolid__ND4hJ:disabled:hover {
+  background-color: var(--bg);
+}
+
+.styles-module_variantSolid__ND4hJ span {
+  color: var(--txt);
+}
+
+.styles-module_variantSolid__ND4hJ svg {
+  fill: var(--txt);
+}
+
+/* Variant: outline */
+.styles-module_variantOutline__WhTf8 {
+  border-width: var(--buttonBorderWidth);
+  border-color: var(--bg);
+  background-color: transparent;
+}
+
+.styles-module_variantOutline__WhTf8:hover {
+  border-color: var(--hover);
+}
+
+.styles-module_variantOutline__WhTf8:hover span {
+  color: var(--hover);
+}
+
+.styles-module_variantOutline__WhTf8:hover svg {
+  fill: var(--hover);
+}
+
+.styles-module_variantOutline__WhTf8 span {
+  color: var(--txt);
+}
+
+.styles-module_variantOutline__WhTf8 svg {
+  fill: var(--txt);
+}
+
+/* Variant: text */
+.styles-module_variantText__190Ra {
+  border-width: 0;
+  border-radius: 0;
+  background-color: transparent;
+}
+
+.styles-module_variantText__190Ra:hover span {
+  color: var(--hover);
+}
+
+.styles-module_variantText__190Ra:hover svg {
+  fill: var(--hover);
+}
+
+.styles-module_variantText__190Ra span {
+  color: var(--bg);
+}
+
+.styles-module_variantText__190Ra svg {
+  fill: var(--bg);
+}
+
+/* Border radius */
+.styles-module_rounded__aTFDO {
+  border-radius: 999px;
+}
+
+.styles-module_notRounded__OpJGT {
+  border-radius: var(--buttonBorderRadius);
+}
+
+/* Icon only button (no value) */
+.styles-module_iconOnly__eLTFN {
+  min-width: 2.625rem; /* 42px */
+  padding: 0;
+}
+
+/* Disabled state */
+.styles-module_button__WayI2:disabled {
+  cursor: inherit;
+  opacity: 0.5;
+}
+
+.styles-module_button__WayI2:disabled:hover {
+  pointer-events: none;
+}
+
+/* Icon positioning */
+.styles-module_iconLeft__IEBdU > *:not(:last-child) {
+  margin-right: var(--buttonIconSpacing);
+}
+
+.styles-module_iconRight__NrSP6 > *:not(:last-child) {
+  margin-left: var(--buttonIconSpacing);
+}
+
+/* Spinner */
+.styles-module_button__WayI2 .spinner {
+  order: var(--spinnerOrder, 1);
+}
+
+/* Span (text) */
+.styles-module_button__WayI2 span {
+  position: relative;
+  font-size: 1rem; /* 16px */
+  font-weight: var(--fontWeightMedium);
+  line-height: 1rem;
+  pointer-events: none;
+  transition-duration: var(--transitionDurationDefault);
+  order: var(--textOrder, 2);
+}
+
+/* SVG (icon) */
+.styles-module_button__WayI2 svg {
+  order: var(--iconOrder, 1);
+  width: var(--buttonIconSize);
+  height: var(--buttonIconSize);
+  transition: var(--transitionDurationDefault);
+}
+
+.styles-module_wrapper__twPVT {
+  position: relative;
+}
+
+.styles-module_wrapper__twPVT ul {
+  position: absolute;
+  opacity: 0;
+  top: 0;
+  margin: 0;
+  border: 0.0625rem solid var(--fieldBorderColor); /* 1px */
+  border-radius: var(--fieldBorderRadius);
+  background-color: var(--fieldBackgroundColor);
+  min-width: 12.5rem; /* 200px */
+  max-width: 15.625rem; /* 250px */
+  height: 0;
+  max-height: none;
+  padding: 0;
+  -moz-box-shadow: 0 0 0.9375rem 0 var(--fieldBoxShadow); /* 15px */
+  -webkit-box-shadow: 0 0 0.9375rem 0 var(--fieldBoxShadow);
+  box-shadow: 0 0 0.9375rem 0 var(--fieldBoxShadow);
+  overflow-y: hidden;
+  z-index: 1;
+  -webkit-scrollbar-width: none;
+  -moz-scrollbar-width: none;
+  -ms-scrollbar-width: none;
+  scrollbar-width: none;
+  -webkit-overflow-scrolling: touch;
+  -ms-overflow-style: -ms-autohiding-scrollbar;
+  transition-duration: var(--transitionDurationDefault);
+  list-style: none;
+}
+
+.styles-module_wrapper__twPVT ul.styles-module_isOpen__CoqF7 {
+  opacity: 1;
+  height: var(--menuHeight);
+  max-height: 80rem; /* 1280px */
+}
+
+.styles-module_wrapper__twPVT ul li {
+  list-style: none;
+  min-height: 2.8125rem; /* 45px */
+  display: flex;
+  transition-duration: 0.3s;
+}
+
+.styles-module_wrapper__twPVT ul li:hover {
+  background-color: var(--fieldBorderColor);
+  cursor: pointer;
+}
+
+.styles-module_wrapper__twPVT ul li:first-child {
+  border-radius: 0.25rem 0.25rem 0 0; /* 4px */
+}
+
+.styles-module_wrapper__twPVT ul li:last-child {
+  border-radius: 0 0 0.25rem 0.25rem; /* 4px */
+}
+
+.styles-module_wrapper__twPVT ul li a {
+  width: 100%;
+  display: flex;
+  align-items: center;
+  padding: 0 1.25rem; /* 20px */
+  color: var(--fieldColor);
+  text-decoration: none;
+  white-space: nowrap;
+}
+
+.styles-module_wrapper__twPVT ul li a span {
+  display: table-cell;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.styles-module_buttonLink__W8jg3 {
+  border-style: solid;
+  background-color: transparent;
+  width: min-content;
+  min-width: var(--buttonMinWidth, 5rem); /* default 80px */
+  height: var(--buttonHeight);
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  padding: 0 var(--buttonPadding);
+  white-space: nowrap;
+  text-decoration: none;
+  transition-duration: var(--transitionDurationDefault);
+  cursor: pointer;
+}
+
+/* Variant: solid */
+.styles-module_variantSolid__myVZF {
+  border-width: 0;
+  border-color: var(--bg);
+  background-color: var(--bg);
+}
+
+.styles-module_variantSolid__myVZF:hover {
+  background-color: var(--hover);
+}
+
+.styles-module_variantSolid__myVZF span {
+  color: var(--txt);
+}
+
+.styles-module_variantSolid__myVZF svg {
+  fill: var(--txt);
+}
+
+/* Variant: outline */
+.styles-module_variantOutline__jkoKx {
+  border-width: var(--buttonBorderWidth);
+  border-color: var(--bg);
+  background-color: transparent;
+}
+
+.styles-module_variantOutline__jkoKx:hover {
+  border-color: var(--hover);
+}
+
+.styles-module_variantOutline__jkoKx:hover span {
+  color: var(--hover);
+}
+
+.styles-module_variantOutline__jkoKx:hover svg {
+  fill: var(--hover);
+}
+
+.styles-module_variantOutline__jkoKx span {
+  color: var(--txt);
+}
+
+.styles-module_variantOutline__jkoKx svg {
+  fill: var(--txt);
+}
+
+/* Variant: text */
+.styles-module_variantText__PLCPO {
+  border-width: 0;
+  border-radius: 0;
+  background-color: transparent;
+}
+
+.styles-module_variantText__PLCPO:hover span {
+  color: var(--hover);
+}
+
+.styles-module_variantText__PLCPO:hover svg {
+  fill: var(--hover);
+}
+
+.styles-module_variantText__PLCPO span {
+  color: var(--bg);
+}
+
+.styles-module_variantText__PLCPO svg {
+  fill: var(--bg);
+}
+
+/* Border radius */
+.styles-module_rounded__dF-r0 {
+  border-radius: 999px;
+}
+
+.styles-module_notRounded__J5y-U {
+  border-radius: var(--buttonBorderRadius);
+}
+
+/* Icon only (no value) */
+.styles-module_iconOnly__6iy32 {
+  min-width: 2.625rem; /* 42px */
+  padding: 0;
+}
+
+/* Icon positioning */
+.styles-module_iconLeft__0hRCH > *:not(:last-child) {
+  margin-right: var(--buttonIconSpacing);
+}
+
+.styles-module_iconRight__slep4 > *:not(:last-child) {
+  margin-left: var(--buttonIconSpacing);
+}
+
+/* Span (text) */
+.styles-module_buttonLink__W8jg3 span {
+  position: relative;
+  font-size: 1rem; /* 16px */
+  font-weight: var(--fontWeightMedium);
+  line-height: 1rem;
+  pointer-events: none;
+  transition-duration: var(--transitionDurationDefault);
+  order: var(--textOrder, 2);
+}
+
+/* SVG (icon) */
+.styles-module_buttonLink__W8jg3 svg {
+  order: var(--iconOrder, 1);
+  width: var(--buttonIconSize);
+  height: var(--buttonIconSize);
+  transition: var(--transitionDurationDefault);
+}
+
+.styles-module_wrapper__DUP93 {
+  display: flex;
+  position: relative;
+  padding-left: 0;
+  cursor: pointer;
+  user-select: none;
+}
+
+.styles-module_wrapper__DUP93.styles-module_isDisabled__eN6kP {
+  cursor: auto;
+}
+
+.styles-module_wrapper__DUP93:hover input:not(:disabled) ~ span {
+  border-color: var(--fieldHoverBorderColor);
+}
+
+.styles-module_wrapper__DUP93.styles-module_hasError__t5bAM:hover input:not(:disabled) ~ span {
+  border-color: var(--fieldErrorBorderColor);
+}
+
+.styles-module_wrapper__DUP93.styles-module_hasError__t5bAM span {
+  color: var(--fieldErrorBorderColor);
+  border-color: var(--fieldErrorBorderColor);
+}
+
+.styles-module_wrapper__DUP93.styles-module_isDisabled__eN6kP span {
+  color: var(--fieldDisabledColor);
+}
+
+.styles-module_label__M8wiB {
+  margin-left: calc(1.5rem + 0.3125rem); /* 24px + 5px */
+  line-height: 1.5rem; /* 24px */
+}
+
+.styles-module_input__LLU1Z {
+  position: absolute;
+  left: 0;
+  opacity: 0;
+  cursor: pointer;
+}
+
+.styles-module_checkmark__HSkQY {
+  position: absolute;
+  top: 0;
+  left: 0;
+  border: 0.125rem solid var(--fieldBorderColor); /* 2px */
+  border-radius: 100%;
+  width: 1.5rem; /* 24px */
+  height: 1.5rem; /* 24px */
+  transition-duration: var(--transitionDurationDefault);
+}
+
+.styles-module_wrapper__DUP93.styles-module_hasError__t5bAM .styles-module_checkmark__HSkQY {
+  border-color: var(--fieldErrorBorderColor);
+}
+
+.styles-module_checkmark__HSkQY::after {
+  display: block;
+  content: '';
+  position: absolute;
+  display: none;
+  top: 0.1875rem; /* 3px */
+  left: 0.375rem; /* 6px */
+  width: 0.3125rem; /* 5px */
+  height: 0.5625rem; /* 9px */
+  border: solid var(--white);
+  border-width: 0 0.1875rem 0.1875rem 0; /* 3px */
+  transform: rotate(45deg);
+}
+
+.styles-module_checkmark__HSkQY.checked.not-disabled {
+  background-color: var(--fieldSuccessBackgroundColor);
+  border-color: var(--fieldSuccessBorderColor);
+}
+
+.styles-module_wrapper__DUP93.styles-module_hasError__t5bAM .styles-module_checkmark__HSkQY.checked.not-disabled {
+  background-color: var(--fieldErrorBackgroundColor);
+  border-color: var(--fieldErrorBorderColor);
+}
+
+.styles-module_checkmark__HSkQY.checked.not-disabled::after {
+  display: block;
+}
+
+.styles-module_checkmark__HSkQY.checked.disabled {
+  color: var(--fieldDisabledColor);
+  border-color: transparent;
+  background-color: var(--fieldDisabledBackgroundColor);
+}
+
+.styles-module_checkmark__HSkQY.checked.disabled::after {
+  display: block;
+}
+
+.styles-module_checkmark__HSkQY.not-checked.disabled {
+  border-color: var(--fieldDisabledBackgroundColor);
+  background-color: var(--white);
+}
+
+.styles-module_checkmark__HSkQY.not-disabled:hover {
+  border-color: var(--fieldSuccessBorderColor);
+}
+
+.styles-module_wrapper__DUP93.styles-module_hasError__t5bAM .styles-module_checkmark__HSkQY.not-disabled:hover {
+  border-color: var(--fieldErrorBorderColor);
+}
+
+.styles-module_checkmark__HSkQY.not-disabled:hover:checked ~ span {
+  border-color: var(--fieldSuccessBorderColor);
+}
+
+.styles-module_wrapper__DUP93.styles-module_hasError__t5bAM .styles-module_checkmark__HSkQY.not-disabled:hover:checked ~ span {
+  border-color: var(--fieldErrorBorderColor);
+}
+
+.styles-module_wrapper__bSMIp {
+  border: var(--fieldBorderWidth) solid var(--fieldBorderColor);
+  border-radius: var(--fieldBorderRadius);
+  background-color: var(--fieldBackgroundColor);
+  height: var(--fieldHeight);
+  display: flex;
+  align-items: center;
+  position: relative;
+  cursor: pointer;
+  user-select: none;
+  transition-duration: var(--transitionDurationDefault);
+}
+
+.styles-module_wrapper__bSMIp:hover input:not(:disabled) ~ span {
+  border-color: var(--fieldHoverBorderColor);
+}
+
+.styles-module_wrapper__bSMIp:hover {
+  background-color: var(--fieldBorderColor);
+}
+
+/* Checked state */
+.styles-module_wrapper__bSMIp.styles-module_isChecked__gC6Ez {
+  border-color: var(--fieldSuccessBorderColor);
+  background-color: var(--fieldSuccessBackgroundColor);
+}
+
+.styles-module_wrapper__bSMIp.styles-module_isChecked__gC6Ez:hover {
+  background-color: var(--fieldSuccessBackgroundColor);
+}
+
+.styles-module_wrapper__bSMIp.styles-module_isChecked__gC6Ez span {
+  color: var(--white);
+}
+
+/* Disabled state */
+.styles-module_wrapper__bSMIp.styles-module_isDisabled__MU48T {
+  border-color: var(--fieldBorderColor);
+  background-color: var(--fieldDisabledBackgroundColor);
+  cursor: auto;
+}
+
+.styles-module_wrapper__bSMIp.styles-module_isDisabled__MU48T:hover {
+  background-color: var(--fieldDisabledBackgroundColor);
+}
+
+.styles-module_wrapper__bSMIp.styles-module_isDisabled__MU48T span {
+  color: var(--fieldDisabledColor);
+}
+
+.styles-module_label__tOxdr {
+  margin-left: 2.5rem; /* 40px */
+  line-height: 1.5rem; /* 24px */
+  transition-duration: var(--transitionDurationDefault);
+}
+
+.styles-module_input__gB54E {
+  position: absolute;
+  left: 0;
+  opacity: 0;
+  cursor: pointer;
+}
+
+.styles-module_input__gB54E:checked:not(:disabled) ~ .styles-module_checkmark__Z1ZFj {
+  background-color: var(--white);
+  border-color: var(--fieldSuccessBorderColor);
+}
+
+.styles-module_input__gB54E:checked:not(:disabled) ~ .styles-module_checkmark__Z1ZFj::after {
+  display: block;
+}
+
+.styles-module_input__gB54E:checked:disabled ~ .styles-module_checkmark__Z1ZFj {
+  background-color: var(--fieldDisabledBackgroundColor);
+  color: var(--fieldDisabledColor);
+}
+
+.styles-module_input__gB54E:checked:disabled ~ .styles-module_checkmark__Z1ZFj::after {
+  display: block;
+  border-color: var(--fieldDisabledColor);
+}
+
+.styles-module_input__gB54E:not(:checked):disabled ~ .styles-module_checkmark__Z1ZFj {
+  border-color: var(--fieldDisabledBackgroundColor);
+  background-color: var(--fieldBackgroundColor);
+}
+
+.styles-module_input__gB54E:hover:not(:disabled):checked ~ .styles-module_checkmark__Z1ZFj {
+  border-color: var(--fieldSuccessBorderColor);
+}
+
+.styles-module_checkmark__Z1ZFj {
+  position: absolute;
+  left: 0.625rem; /* 10px */
+  border: 0.125rem solid var(--fieldBorderColor); /* 2px */
+  border-radius: 999px;
+  background-color: var(--white);
+  width: 1.5rem; /* 24px */
+  height: 1.5rem; /* 24px */
+  transition-duration: var(--transitionDurationDefault);
+}
+
+.styles-module_checkmark__Z1ZFj::after {
+  content: '';
+  position: absolute;
+  display: none;
+  top: 0.1875rem; /* 3px */
+  left: 0.375rem; /* 6px */
+  width: 0.3125rem; /* 5px */
+  height: 0.5625rem; /* 9px */
+  border: solid var(--fieldSuccessBorderColor);
+  border-width: 0 0.1875rem 0.1875rem 0; /* 3px */
+  transform: rotate(45deg);
+}
+
+.styles-module_wrapper__bSMIp.styles-module_isDisabled__MU48T .styles-module_checkmark__Z1ZFj::after {
+  border-color: var(--white);
+}
+
+.styles-module_errorField__ZPcA5 {
+  display: block;
+  font-size: 0.7rem;
+  color: var(--fieldErrorBorderColor);
+}
+
+.styles-module_errorField__ZPcA5.styles-module_colorSuccess__l9DUX {
+  color: var(--fieldSuccessBorderColor);
+}
+
+/* Adjacent sibling styles for form fields */
+.text-field + .styles-module_errorField__ZPcA5,
+textarea + .styles-module_errorField__ZPcA5,
+select + .styles-module_errorField__ZPcA5,
+input + .styles-module_errorField__ZPcA5 {
+  margin-top: 0.3125rem; /* 5px */
+}
+
+.styles-module_label__DjRWj {
+  display: flex;
+  align-items: center;
+  font-size: var(--fontSizeXs);
+  font-weight: 600;
+  color: var(--grey500);
+}
+
+.styles-module_label__DjRWj svg {
+  margin-left: 0.3125rem; /* 5px */
+  width: auto;
+  height: 1rem; /* 16px */
+}
+
+.styles-module_spinner__s-M7V {
+  border: 0.3125rem solid hsla(0, 0%, 48%, 0.5); /* 5px */
+  border-top-color: var(--spinnerFill, var(--white));
+  border-radius: 50%;
+  width: var(--spinnerSize, 1.25rem); /* 20px */
+  height: var(--spinnerSize, 1.25rem);
+  animation: styles-module_rotation__fxdZM 0.8s ease infinite;
+}
+
+@keyframes styles-module_rotation__fxdZM {
+  from {
+    transform: rotate(0deg);
+  }
+  to {
+    transform: rotate(360deg);
+  }
+}
+
+.styles-module_tag__yc4Gt {
+  display: inline-block;
+  border: 0.125rem solid var(--bg); /* 2px */
+  border-radius: 0.25rem; /* 4px */
+  padding: 0.1875rem 0.5rem; /* 3px 8px */
+  font-size: 0.75rem; /* 12px */
+  font-weight: 500;
+  text-transform: uppercase;
+  letter-spacing: 0.0625rem; /* 1px */
+  line-height: 1;
+  white-space: nowrap;
+}
+
+.styles-module_variantSolid__vZhs7 {
+  background-color: var(--bg);
+  color: var(--txt);
+}
+
+.styles-module_variantOutline__jkQzt {
+  background-color: transparent;
+  color: var(--bg);
+}
+
+.styles-module_wrapper__eV0xx {
+  display: flex;
+  border: 0.125rem solid var(--bg); /* 2px */
+  border-radius: 0.1875rem; /* 3px */
+  line-height: 1;
+  max-width: 100%;
+  width: max-content;
+  overflow: hidden;
+}
+
+.styles-module_wrapper__eV0xx:not(:first-child) {
+  margin-left: 0.3125rem; /* 5px */
+}
+
+.styles-module_label__S4EW1,
+.styles-module_value__UeEnt {
+  display: inline-block;
+  padding: 0.1875rem 0.5rem; /* 3px 8px */
+  font-size: 0.75rem; /* 12px */
+  font-weight: 500;
+  letter-spacing: 0.0625rem; /* 1px */
+}
+
+.styles-module_label__S4EW1 {
+  flex: 1;
+  color: var(--bg);
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  text-transform: uppercase;
+}
+
+.styles-module_value__UeEnt {
+  background-color: var(--bg);
+  color: var(--valueColor);
+}
+
+.styles-module_textField__E47GP {
+  border-width: var(--fieldBorderWidth);
+  border-style: solid;
+  border-color: var(--fieldBorderColor);
+  border-radius: var(--fieldBorderRadius);
+  background-repeat: no-repeat;
+  background-size: 1.25rem 1.25rem; /* 20px */
+  background-position: 0.625rem 50%; /* 10px */
+  height: var(--fieldHeight);
+  padding: 0.625rem; /* 10px */
+  font-family: inherit;
+  font-size: 1rem;
+  transition-property: border-color;
+  transition-duration: var(--transitionDurationDefault);
+}
+
+.styles-module_textField__E47GP.styles-module_hasError__Ro-aE {
+  border-color: var(--fieldErrorBorderColor);
+}
+
+.styles-module_textField__E47GP:hover {
+  border-color: var(--fieldHoverBorderColor);
+}
+
+.styles-module_textField__E47GP:focus {
+  border-color: var(--fieldActiveBorderColor);
+  outline: none;
+}
+
+.styles-module_textField__E47GP:disabled {
+  border-color: var(--fieldBorderColor);
+  background-color: var(--fieldDisabledBackgroundColor);
+  color: var(--fieldDisabledColor);
+}
+
+.styles-module_textField__E47GP:invalid {
+  border-color: var(--fieldErrorBorderColor);
+  outline: none;
+  box-shadow: none;
+}
+
+.styles-module_textField__E47GP:required {
+  border-color: var(--fieldBorderColor);
+}
+
+.styles-module_textField__E47GP:required.styles-module_hasError__Ro-aE {
+  border-color: var(--fieldErrorBorderColor);
+}
+
+.styles-module_textField__E47GP::placeholder {
+  color: var(--fieldPlaceholderColor);
+  opacity: 1;
+}
+
+/* Icon support via CSS custom property */
+.styles-module_hasIcon__GHHq4 {
+  background-image: var(--textFieldIcon);
+  padding-left: 2.5rem; /* 40px */
+}
+
+.styles-module_hasIcon__GHHq4:focus {
+  background-image: var(--textFieldIconFocus);
+}
+
+.styles-module_wrapper__5lrmS {
+  position: relative;
+}
+
+.styles-module_textarea__oLNx1 {
+  border-width: var(--fieldBorderWidth);
+  border-style: solid;
+  border-color: var(--fieldBorderColor);
+  border-radius: var(--fieldBorderRadius);
+  width: 100%;
+  height: var(--textareaHeight, 6.25rem); /* default 100px */
+  min-height: var(--fieldHeight);
+  padding: 0.625rem; /* 10px */
+  font-family: inherit;
+  font-size: 1rem; /* 16px */
+  word-break: break-word;
+  transition-duration: var(--transitionDurationDefault);
+  resize: none;
+}
+
+.styles-module_textarea__oLNx1.styles-module_hasError__Td-tp {
+  border-color: var(--fieldErrorBorderColor);
+}
+
+.styles-module_textarea__oLNx1:hover {
+  border-color: var(--fieldHoverBorderColor);
+}
+
+.styles-module_textarea__oLNx1:focus {
+  border-color: var(--fieldActiveBorderColor);
+  outline: none;
+}
+
+.styles-module_textarea__oLNx1:disabled {
+  background-color: var(--fieldDisabledBackgroundColor);
+  color: var(--fieldDisabledColor);
+}
+
+.styles-module_textarea__oLNx1:invalid {
+  border-color: var(--fieldErrorBorderColor);
+  outline: none;
+  box-shadow: none;
+}
+
+.styles-module_textarea__oLNx1:required {
+  border-color: var(--fieldBorderColor);
+}
+
+.styles-module_textarea__oLNx1:required.styles-module_hasError__Td-tp {
+  border-color: var(--fieldErrorBorderColor);
+}
+
+.styles-module_textarea__oLNx1::placeholder {
+  color: var(--fieldPlaceholderColor);
+  opacity: 1;
+}
+
+.styles-module_count__5Mk2b {
+  position: absolute;
+  top: 0.3125rem; /* 5px */
+  right: 0.625rem; /* 10px */
+  background-color: rgba(255, 255, 255, 0.85);
+  padding: 0 0.3125rem; /* 5px */
+}
+
+.styles-module_count__5Mk2b span {
+  font-size: var(--fontSizeXs);
+  color: var(--fieldBorderColor);
+}
+
+.styles-module_count__5Mk2b span.styles-module_negative__UeUBg {
+  color: var(--fieldErrorBorderColor);
+}
+
+.styles-module_select__SJleS {
+  border: var(--fieldBorderWidth) solid var(--fieldBorderColor);
+  border-radius: var(--fieldBorderRadius);
+  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'><path fill='rgb(217,212,237)' d='M10.827 12.387l5.173 5.173 5.173-5.173c0.52-0.52 1.36-0.52 1.88 0v0c0.52 0.52 0.52 1.36 0 1.88l-6.12 6.12c-0.52 0.52-1.36 0.52-1.88 0l-6.12-6.12c-0.52-0.52-0.52-1.36 0-1.88v0c0.52-0.507 1.373-0.52 1.893 0z'></path></svg>");
+  background-position: calc(100% - 15px) center;
+  background-repeat: no-repeat;
+  background-size: 1.875rem; /* 30px */
+  background-color: transparent;
+  height: var(--fieldHeight);
+  padding: 0 4.0625rem 0 0.9375rem; /* 65px 15px */
+  font-size: var(--fontSizeM);
+  appearance: none;
+  cursor: pointer;
+  transition-duration: var(--transitionDurationDefault);
+}
+
+.styles-module_select__SJleS.styles-module_hasError__dDoiB {
+  border-color: var(--fieldErrorBorderColor);
+}
+
+.styles-module_select__SJleS:hover {
+  border-color: var(--fieldHoverBorderColor);
+}
+
+.styles-module_select__SJleS:-moz-focusring {
+  color: transparent;
+  text-shadow: 0 0 0 var(--black);
+}
+
+.styles-module_select__SJleS:focus {
+  outline: none;
+}
+
+.styles-module_select__SJleS:disabled {
+  background-color: var(--fieldDisabledBackgroundColor);
+  color: var(--fieldDisabledColor);
+  pointer-events: none;
+}
+
+.styles-module_selectWrapper__R5DV4 .select-interactive {
+  z-index: 3;
+}
+
+.styles-module_selectWrapper__R5DV4 .select__control {
+  border-color: var(--fieldBorderColor);
+  border-radius: var(--fieldBorderRadius);
+  min-height: var(--fieldHeight);
+  transition-duration: var(--transitionDurationDefault);
+}
+
+.styles-module_selectWrapper__R5DV4 .select__control:hover {
+  border-color: var(--fieldHoverBorderColor);
+}
+
+.styles-module_selectWrapper__R5DV4 .select__control--is-focused {
+  border-color: var(--fieldActiveBorderColor);
+  box-shadow: none;
+}
+
+.styles-module_selectWrapper__R5DV4 .select__value-container {
+  padding: 0 0.9375rem; /* 15px */
+}
+
+.styles-module_selectWrapper__R5DV4 .select__placeholder {
+  color: var(--fieldPlaceholderColor);
+}
+
+.styles-module_selectWrapper__R5DV4 .select__input {
+  color: var(--fieldColor);
+}
+
+.styles-module_selectWrapper__R5DV4 .select__single-value {
+  color: var(--fieldColor);
+}
+
+.styles-module_selectWrapper__R5DV4 .select__indicator {
+  padding: 0 0.9375rem; /* 15px */
+}
+
+.styles-module_selectWrapper__R5DV4 .select__indicator:hover {
+  color: inherit;
+}
+
+.styles-module_selectWrapper__R5DV4 .select__indicator svg {
+  width: 1.375rem; /* 22px */
+  height: 1.375rem; /* 22px */
+}
+
+.styles-module_selectWrapper__R5DV4 .select__indicator svg path {
+  fill: var(--fieldBorderColor);
+}
+
+.styles-module_selectWrapper__R5DV4 .select__indicator-separator {
+  background-color: var(--fieldBorderColor);
+}
+
+.styles-module_selectWrapper__R5DV4 .select__option {
+  transition-duration: var(--transitionDurationDefault);
+}
+
+.styles-module_selectWrapper__R5DV4 .select__option:hover {
+  background-color: var(--fieldHoverBorderColor);
+  color: var(--fieldColor);
+}
+
+.styles-module_selectWrapper__R5DV4 .select__option:hover svg {
+  fill: var(--fieldColor);
+}
+
+.styles-module_selectWrapper__R5DV4 .select__option--is-focused {
+  background-color: var(--fieldActiveBorderColor);
+  color: var(--white);
+}
+
+.styles-module_selectWrapper__R5DV4 .select__option--is-selected {
+  background-color: var(--fieldActiveBorderColor) !important;
+  color: var(--white) !important;
+}
+
+.styles-module_selectWrapper__R5DV4 .select__value-container > div,
+.styles-module_selectWrapper__R5DV4 .select__option {
+  display: flex;
+  align-items: center;
+}
+
+.styles-module_selectWrapper__R5DV4 .select__value-container.select__value-container--is-multi > div {
+  align-items: stretch;
+}
+
+.styles-module_selectWrapper__R5DV4 .select__value-container.select__value-container--is-multi .select__multi-value__remove {
+  padding-right: 0;
+}
+
+.styles-module_selectWrapper__R5DV4 .select__value-container svg,
+.styles-module_selectWrapper__R5DV4 .select__value-container img,
+.styles-module_selectWrapper__R5DV4 .select__option svg,
+.styles-module_selectWrapper__R5DV4 .select__option img {
+  margin: 0 0.3125rem 0 0; /* 5px */
+  width: 1.25rem; /* 20px */
+  height: auto;
+  transition-duration: var(--transitionDurationDefault);
+}
+
+.styles-module_selectWrapper__R5DV4 .select__option--is-selected svg {
+  fill: var(--white) !important;
+  transition-duration: var(--transitionDurationDefault);
+}
+
+.styles-module_selectWrapper__R5DV4 .select__option--is-focused svg {
+  fill: var(--white);
+  transition-duration: var(--transitionDurationDefault);
+}
+
+.styles-module_selectWrapper__R5DV4 .select__option--is-disabled {
+  pointer-events: none;
+}
+
+/* SelectGroupLabel */
+.styles-module_selectGroupLabel__msCyK {
+  font-size: var(--fontSizeXs);
+  color: var(--fieldPlaceholderColor);
+}
+
+.styles-module_selectGroupLabel__msCyK + .tag {
+  border-color: var(--fieldBorderColor);
+  background-color: var(--fieldBorderColor);
+  color: var(--fieldActiveBorderColor);
+}
+
+/* SingleValue */
+.styles-module_singleValue__jc-Sw {
+  grid-area: 1 / 1 / 2 / 3;
+  margin-left: 0.125rem; /* 2px */
+  margin-right: 0.125rem; /* 2px */
+  max-width: 100%;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  overflow: hidden;
+  box-sizing: border-box;
+}
+
+.styles-module_wrapper__xERhC {
+  border-width: var(--fieldBorderWidth);
+  border-style: solid;
+  border-color: var(--fieldBorderColor);
+  border-radius: var(--fieldBorderRadius);
+  display: flex;
+  transition-duration: var(--transitionDurationDefault);
+  overflow: hidden;
+}
+
+.styles-module_wrapper__xERhC.styles-module_hasError__rMNyB {
+  border-color: var(--fieldErrorBorderColor);
+}
+
+.styles-module_wrapper__xERhC:hover {
+  border-color: var(--fieldHoverBorderColor);
+}
+
+.styles-module_wrapper__xERhC:has(input:focus) {
+  border-color: var(--fieldActiveBorderColor);
+}
+
+.styles-module_wrapper__xERhC:has(input:disabled) {
+  background-color: var(--fieldDisabledBackgroundColor);
+  color: var(--fieldDisabledColor);
+}
+
+.styles-module_wrapper__xERhC:has(input:disabled) > div {
+  background-color: var(--fieldDisabledBackgroundColor);
+  color: var(--fieldDisabledColor);
+}
+
+.styles-module_wrapper__xERhC input {
+  flex: 1;
+  border: 0;
+  color: var(--fieldColor);
+}
+
+.styles-module_wrapper__xERhC.styles-module_hasError__rMNyB input {
+  color: var(--fieldErrorBorderColor);
+}
+
+.styles-module_wrapper__xERhC input:disabled {
+  margin: 0;
+  border-radius: 0;
+}
+
+.styles-module_wrapper__xERhC + span {
+  margin-top: 0;
+}
+
+.styles-module_wrapper__xERhC.styles-module_hasError__rMNyB + span {
+  margin-top: 0.3125rem; /* 5px */
+}
+
+.styles-module_appendix__KfOBb {
+  border-style: solid;
+  border-color: var(--fieldBorderColor);
+  background-color: var(--fieldBorderColor);
+  padding: 0 0.9375rem; /* 15px */
+  color: var(--fieldColor);
+  line-height: 3rem; /* 48px */
+  vertical-align: center;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+
+.styles-module_appendixLeft__r641- {
+  border-width: 0 var(--fieldBorderWidth) 0 0;
+}
+
+.styles-module_appendixRight__P-44c {
+  border-width: 0 0 0 var(--fieldBorderWidth);
+}
+
+.styles-module_appendix__KfOBb.styles-module_hasError__rMNyB {
+  border-color: var(--fieldErrorBorderColor);
+  background-color: var(--fieldErrorBackgroundColor);
+  color: var(--fieldErrorBorderColor);
+}
+
+.styles-module_wrapper__dNALi {
+  display: table;
+  table-layout: fixed;
+  width: 100%;
+  white-space: nowrap;
+}
+
+.styles-module_wrapper__dNALi span {
+  display: table-cell;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.styles-module_wrapper__Bq3JF {
+  position: relative;
+}
+
+/* Carousel arrow controls */
+.styles-module_wrapper__Bq3JF .carousel .control-arrow,
+.styles-module_wrapper__Bq3JF .carousel.carousel-slider .control-arrow {
+  -webkit-transition: all 0.25s ease-in;
+  -moz-transition: all 0.25s ease-in;
+  -ms-transition: all 0.25s ease-in;
+  -o-transition: all 0.25s ease-in;
+  transition: all 0.25s ease-in;
+  opacity: 0.4;
+  filter: alpha(opacity=40);
+  position: absolute;
+  z-index: 2;
+  top: 1.25rem; /* 20px */
+  background: none;
+  border: 0;
+  font-size: 2rem; /* 32px */
+  cursor: pointer;
+}
+
+.styles-module_wrapper__Bq3JF .carousel .control-arrow:hover {
+  opacity: 1;
+  filter: alpha(opacity=100);
+}
+
+.styles-module_wrapper__Bq3JF .carousel .control-arrow::before,
+.styles-module_wrapper__Bq3JF .carousel.carousel-slider .control-arrow::before {
+  margin: 0 0.3125rem; /* 5px */
+  display: inline-block;
+  border-top: 0.5rem solid transparent; /* 8px */
+  border-bottom: 0.5rem solid transparent; /* 8px */
+  content: '';
+}
+
+.styles-module_wrapper__Bq3JF .carousel .control-disabled.control-arrow {
+  opacity: 0;
+  filter: alpha(opacity=0);
+  cursor: inherit;
+  display: none;
+}
+
+.styles-module_wrapper__Bq3JF .carousel .control-prev.control-arrow {
+  left: 0;
+}
+
+.styles-module_wrapper__Bq3JF .carousel .control-prev.control-arrow::before {
+  border-right: 0.5rem solid var(--white); /* 8px */
+}
+
+.styles-module_wrapper__Bq3JF .carousel .control-next.control-arrow {
+  right: 0;
+}
+
+.styles-module_wrapper__Bq3JF .carousel .control-next.control-arrow::before {
+  border-left: 0.5rem solid var(--white); /* 8px */
+}
+
+.styles-module_wrapper__Bq3JF .carousel-root {
+  outline: none;
+}
+
+.styles-module_wrapper__Bq3JF .carousel {
+  position: relative;
+  width: 100%;
+}
+
+.styles-module_wrapper__Bq3JF .carousel * {
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
+}
+
+.styles-module_wrapper__Bq3JF .carousel img {
+  width: 100%;
+  display: inline-block;
+  pointer-events: none;
+}
+
+.styles-module_wrapper__Bq3JF .carousel .carousel {
+  position: relative;
+}
+
+.styles-module_wrapper__Bq3JF .carousel .control-arrow {
+  outline: 0;
+  border: 0;
+  background: none;
+  top: 50%;
+  margin-top: -0.8125rem; /* -13px */
+  font-size: 1.125rem; /* 18px */
+}
+
+.styles-module_wrapper__Bq3JF .carousel .thumbs-wrapper {
+  margin: 1.25rem; /* 20px */
+  overflow: hidden;
+}
+
+.styles-module_wrapper__Bq3JF .carousel .thumbs {
+  -webkit-transition: all 0.15s ease-in;
+  -moz-transition: all 0.15s ease-in;
+  -ms-transition: all 0.15s ease-in;
+  -o-transition: all 0.15s ease-in;
+  transition: all 0.15s ease-in;
+  -webkit-transform: translate3d(0, 0, 0);
+  -moz-transform: translate3d(0, 0, 0);
+  -ms-transform: translate3d(0, 0, 0);
+  -o-transform: translate3d(0, 0, 0);
+  transform: translate3d(0, 0, 0);
+  position: relative;
+  list-style: none;
+  white-space: nowrap;
+}
+
+.styles-module_wrapper__Bq3JF .carousel .thumb {
+  -webkit-transition: border 0.15s ease-in;
+  -moz-transition: border 0.15s ease-in;
+  -ms-transition: border 0.15s ease-in;
+  -o-transition: border 0.15s ease-in;
+  transition: border 0.15s ease-in;
+  display: inline-block;
+  margin-right: 0.375rem; /* 6px */
+  white-space: nowrap;
+  overflow: hidden;
+  border: 0.1875rem solid var(--white); /* 3px */
+  padding: 0.125rem; /* 2px */
+}
+
+.styles-module_wrapper__Bq3JF .carousel .thumb:focus {
+  border: 0.1875rem solid #ccc; /* 3px */
+  outline: none;
+}
+
+.styles-module_wrapper__Bq3JF .carousel .thumb.selected,
+.styles-module_wrapper__Bq3JF .carousel .thumb:hover {
+  border: 0.1875rem solid #333; /* 3px */
+}
+
+.styles-module_wrapper__Bq3JF .carousel .thumb img {
+  vertical-align: top;
+}
+
+.styles-module_wrapper__Bq3JF .carousel.carousel-slider {
+  position: relative;
+  margin: 0;
+  overflow: hidden;
+}
+
+.styles-module_wrapper__Bq3JF .carousel.carousel-slider .control-arrow {
+  top: 0;
+  color: var(--white);
+  font-size: 1.625rem; /* 26px */
+  bottom: 0;
+  margin-top: 0;
+  padding: 0.3125rem; /* 5px */
+}
+
+.styles-module_wrapper__Bq3JF .carousel.carousel-slider .control-arrow:hover {
+  background: rgba(0, 0, 0, 0.2);
+}
+
+.styles-module_wrapper__Bq3JF .carousel .slider-wrapper {
+  overflow: hidden;
+  margin: auto;
+  width: 100%;
+  -webkit-transition: height 0.15s ease-in;
+  -moz-transition: height 0.15s ease-in;
+  -ms-transition: height 0.15s ease-in;
+  -o-transition: height 0.15s ease-in;
+  transition: height 0.15s ease-in;
+}
+
+.styles-module_wrapper__Bq3JF .carousel .slider-wrapper.axis-horizontal .slider {
+  -ms-box-orient: horizontal;
+  display: -webkit-box;
+  display: -moz-box;
+  display: -ms-flexbox;
+  display: -moz-flex;
+  display: -webkit-flex;
+  display: flex;
+}
+
+.styles-module_wrapper__Bq3JF .carousel .slider-wrapper.axis-horizontal .slider .slide {
+  flex-direction: column;
+  flex-flow: column;
+}
+
+.styles-module_wrapper__Bq3JF .carousel .slider-wrapper.axis-vertical {
+  -ms-box-orient: horizontal;
+  display: -webkit-box;
+  display: -moz-box;
+  display: -ms-flexbox;
+  display: -moz-flex;
+  display: -webkit-flex;
+  display: flex;
+}
+
+.styles-module_wrapper__Bq3JF .carousel .slider-wrapper.axis-vertical .slider {
+  -webkit-flex-direction: column;
+  flex-direction: column;
+}
+
+.styles-module_wrapper__Bq3JF .carousel .slider {
+  margin: 0;
+  padding: 0;
+  position: relative;
+  list-style: none;
+  width: 100%;
+}
+
+.styles-module_wrapper__Bq3JF .carousel .slider.animated {
+  -webkit-transition: all 0.35s ease-in-out;
+  -moz-transition: all 0.35s ease-in-out;
+  -ms-transition: all 0.35s ease-in-out;
+  -o-transition: all 0.35s ease-in-out;
+  transition: all 0.35s ease-in-out;
+}
+
+.styles-module_wrapper__Bq3JF .carousel .slide {
+  min-width: 100%;
+  margin: 0;
+  position: relative;
+  text-align: center;
+  background: #000;
+}
+
+.styles-module_wrapper__Bq3JF .carousel .slide img {
+  width: 100%;
+  vertical-align: top;
+  border: 0;
+}
+
+.styles-module_wrapper__Bq3JF .carousel .carousel-status {
+  position: absolute;
+  top: 0;
+  right: 0;
+  padding: 0.3125rem; /* 5px */
+  font-size: 0.625rem; /* 10px */
+  text-shadow: 0.0625rem 0.0625rem 0.0625rem rgba(0, 0, 0, 0.9);
+  color: var(--white);
+}
+
+/* Navigation buttons */
+.styles-module_wrapper__Bq3JF > div > div > button {
+  position: absolute;
+  left: 1.875rem; /* 30px */
+  bottom: 1.875rem; /* 30px */
+  opacity: 0.25;
+  z-index: 2;
+  transition-duration: 0.3s;
+}
+
+.styles-module_wrapper__Bq3JF > div > div > button svg {
+  width: 2.25rem; /* 36px */
+  height: 2.25rem; /* 36px */
+  fill: var(--white);
+}
+
+.styles-module_wrapper__Bq3JF > div > div > button.next {
+  margin-left: 2.875rem; /* 46px */
+}
+
+.styles-module_wrapper__Bq3JF > div > div > button:hover {
+  opacity: 1;
+}
+
+.styles-module_wrapper__Bq3JF > div > div > button:hover svg {
+  fill: var(--white);
+}
+
+@media (min-width: 768px) {
+  .styles-module_wrapper__Bq3JF > div > div > button {
+    left: 3.5vw;
+  }
+}
+
+/* Control dots */
+.styles-module_wrapper__Bq3JF .control-dots {
+  position: absolute;
+  right: 1.875rem; /* 30px */
+  bottom: 2.625rem !important; /* 42px */
+  margin: 0 !important;
+  width: initial !important;
+  height: 0.9375rem; /* 15px */
+  display: var(--controlDotsDisplay, inherit);
+  padding: 0;
+  text-align: center;
+  z-index: 1;
+}
+
+.styles-module_hideDots__f4p0o .control-dots {
+  display: none;
+}
+
+.styles-module_wrapper__Bq3JF .control-dots li {
+  position: relative;
+  display: inline-block;
+  border-radius: 999px;
+  background-color: var(--white);
+  width: 0.9375rem; /* 15px */
+  height: 0.9375rem; /* 15px */
+  opacity: 0.25;
+  transition-duration: 0.3s;
+  cursor: pointer;
+}
+
+.styles-module_wrapper__Bq3JF .control-dots li button {
+  position: absolute;
+  left: 0;
+  border: 0;
+  border-radius: 999px;
+  background-color: transparent;
+  width: 0.9375rem; /* 15px */
+  height: 0.9375rem; /* 15px */
+  cursor: pointer;
+}
+
+.styles-module_wrapper__Bq3JF .control-dots li.selected {
+  width: 1.875rem; /* 30px */
+  opacity: 1;
+}
+
+.styles-module_wrapper__Bq3JF .control-dots li:hover {
+  opacity: 1;
+}
+
+.styles-module_wrapper__Bq3JF .control-dots li:not(:last-child) {
+  margin-right: 0.3125rem; /* 5px */
+}
+
+@media (min-width: 768px) {
+  .styles-module_wrapper__Bq3JF .control-dots {
+    right: 3.5vw;
+  }
+}
+
+.styles-module_wrapper__9cpcx {
+  position: relative;
+  padding-top: 56.25%;
+}
+
+.styles-module_wrapper__lw1aF {
+  display: flex;
+  align-items: center;
+}
+
+.styles-module_bar__jMsYa {
+  flex: 1;
+  border: 0.0625rem solid var(--purple100); /* 1px */
+  border-radius: 999px;
+  background-color: var(--grey50);
+  height: 0.625rem; /* 10px */
+  overflow: hidden;
+}
+
+.styles-module_progress__IHx63 {
+  border-radius: 999px;
+  background-color: var(--purple500);
+  height: 100%;
+  transition-duration: 2s;
+}
+
+.styles-module_value__uaCCj {
+  margin-left: 0.3125rem; /* 5px */
+  font-size: var(--fontSizeXs);
+  font-weight: 400;
+  color: var(--purple400);
+  letter-spacing: 0.0625rem; /* 1px */
+  text-transform: uppercase;
+}
+
+.styles-module_switcher__lP2k- {
+  margin: 0;
+  border: none;
+  padding: 0;
+}
+
+.styles-module_switcher__lP2k- > div > label {
+  cursor: pointer;
+}
+
+.styles-module_switcher__lP2k-.styles-module_isDisabled__ppUwJ > div > label {
+  cursor: not-allowed;
+}
+
+.styles-module_switcher__lP2k- > div > label:first-child {
+  margin-right: 0.625rem; /* 10px */
+}
+
+.styles-module_switcher__lP2k- > div > label:last-child {
+  margin-left: 0.625rem; /* 10px */
+}
+
+.styles-module_switcher__lP2k- .wrapper {
+  display: inline-block;
+  vertical-align: middle;
+  width: 2.5rem; /* 40px */
+  height: 1.5625rem; /* 25px */
+  border-radius: 999px;
+  border: var(--fieldBorderWidth) solid var(--fieldBorderColor);
+  position: relative;
+  opacity: 1;
+}
+
+.styles-module_switcher__lP2k-.styles-module_isDisabled__ppUwJ .wrapper {
+  opacity: 0.5;
+}
+
+.styles-module_switcher__lP2k- .wrapper input,
+.styles-module_switcher__lP2k- .wrapper span,
+.styles-module_switcher__lP2k- .wrapper label {
+  cursor: pointer;
+}
+
+.styles-module_switcher__lP2k-.styles-module_isDisabled__ppUwJ .wrapper input,
+.styles-module_switcher__lP2k-.styles-module_isDisabled__ppUwJ .wrapper span,
+.styles-module_switcher__lP2k-.styles-module_isDisabled__ppUwJ .wrapper label {
+  cursor: not-allowed;
+}
+
+.styles-module_switcher__lP2k- .wrapper input[type='radio'] {
+  display: inline-block;
+  margin: 0 -0.1875rem 0 0; /* -3px */
+  width: 50%;
+  height: 100%;
+  opacity: 0;
+  position: relative;
+  z-index: 1;
+}
+
+.styles-module_switcher__lP2k- .wrapper input[type='radio'].switch-on:checked ~ .switcher {
+  right: 0;
+  left: 50%;
+}
+
+.styles-module_switcher__lP2k- .wrapper input[type='radio'].switch-on:checked ~ .bg {
+  background-color: var(--green500);
+}
+
+.styles-module_switcher__lP2k- .wrapper input[type='radio'].switch-off:checked ~ .switcher {
+  right: 0;
+}
+
+.styles-module_switcher__lP2k- .wrapper input[type='radio'].switch-off:checked ~ .bg {
+  background-color: var(--grey100);
+}
+
+.styles-module_switcher__lP2k- .wrapper .switcher {
+  display: block;
+  position: absolute;
+  top: 0.1875rem; /* 3px */
+  left: 0.1875rem; /* 3px */
+  right: 100%;
+  width: 1rem; /* 16px */
+  height: 1rem; /* 16px */
+  border-radius: 50%;
+  background-color: var(--white);
+  transition: all var(--transitionDurationDefault) ease-out;
+  z-index: 2;
+}
+
+.styles-module_switcher__lP2k- .wrapper .bg {
+  display: block;
+  position: absolute;
+  top: 0;
+  width: 100%;
+  height: 100%;
+  z-index: 0;
+  border-radius: 999px;
+  background-color: var(--grey200);
+  transition: all var(--transitionDurationDefault) ease-out;
+}
+
+@media screen and (-ms-high-contrast: active) {
+  .styles-module_switcher__lP2k- .wrapper .switcher {
+    background-color: windowText;
+  }
+}
+
+.styles-module_wrapper__8OmHx input {
+  width: 0.1px;
+  height: 0.1px;
+  opacity: 0;
+  overflow: hidden;
+  position: absolute;
+  z-index: -1;
+}
+
+.styles-module_wrapper__8OmHx label {
+  margin-bottom: 0 !important;
+  border-width: var(--fieldBorderWidth);
+  border-style: solid;
+  border-color: var(--fieldBorderColor);
+  border-radius: var(--fieldBorderRadius);
+  background-color: transparent;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  width: 100%;
+  height: var(--fieldHeight);
+  -webkit-appearance: none;
+  outline: none;
+  cursor: pointer;
+  transition-duration: var(--transitionDurationDefault);
+  overflow: hidden;
+}
+
+.styles-module_wrapper__8OmHx.styles-module_hasError__sRkr- label {
+  border-color: var(--fieldErrorBorderColor);
+}
+
+.styles-module_wrapper__8OmHx.styles-module_isDisabled__GUH8W label {
+  background-color: var(--fieldDisabledBackgroundColor);
+  cursor: default;
+  pointer-events: none;
+}
+
+.styles-module_wrapper__8OmHx label span {
+  display: flex;
+  align-items: center;
+}
+
+.styles-module_wrapper__8OmHx label .file-name {
+  flex: 1;
+  display: block;
+  padding: 0 0.625rem; /* 10px */
+  color: var(--fieldColor);
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.styles-module_wrapper__8OmHx.styles-module_isDisabled__GUH8W label .file-name {
+  color: var(--fieldDisabledColor);
+}
+
+.styles-module_wrapper__8OmHx label .button {
+  border-left: var(--fieldBorderWidth) solid var(--fieldBorderColor);
+  background-color: var(--fieldBorderColor);
+  height: 100%;
+  padding: 0 1.25rem; /* 20px */
+  color: var(--fieldActiveBorderColor);
+  transition-duration: var(--transitionDurationDefault);
+}
+
+.styles-module_wrapper__8OmHx.styles-module_hasError__sRkr- label .button {
+  border-left-color: var(--fieldErrorBorderColor);
+  background-color: var(--fieldErrorBackgroundColor);
+  color: var(--fieldErrorBorderColor);
+}
+
+.styles-module_wrapper__8OmHx.styles-module_isDisabled__GUH8W label .button {
+  background-color: var(--fieldDisabledBackgroundColor);
+  color: var(--fieldDisabledColor);
+}
+
+.styles-module_wrapper__8OmHx label .button svg {
+  margin-right: 0.5rem; /* 8px */
+  width: auto;
+  height: 1.5rem; /* 24px */
+  fill: var(--fieldActiveBorderColor);
+  transition-duration: var(--transitionDurationDefault);
+}
+
+.styles-module_wrapper__8OmHx.styles-module_hasError__sRkr- label .button svg {
+  fill: var(--fieldErrorBorderColor);
+}
+
+.styles-module_wrapper__8OmHx.styles-module_isDisabled__GUH8W label .button svg {
+  fill: var(--fieldDisabledColor);
+}
+
+.styles-module_wrapper__8OmHx label .button:hover {
+  background-color: var(--fieldHoverBorderColor);
+}
+
+.styles-module_wrapper__8OmHx label:hover {
+  border-color: var(--fieldHoverBorderColor);
+}
+
+.styles-module_wrapper__8OmHx label:hover .button {
+  background-color: var(--fieldHoverBorderColor);
+}
+
+.styles-module_actionsMenu__6VJZS {
+  height: 3.125rem; /* 50px */
+}
+
+.styles-module_actionsMenu__6VJZS button {
+  margin-top: 0.4375rem; /* 7px */
+}
+
+.styles-module_list__tMzQO {
+  position: absolute;
+  border: var(--fieldBorderWidth) solid var(--fieldBorderColor);
+  border-radius: var(--fieldBorderRadius);
+  background-color: var(--fieldBackgroundColor);
+  margin-top: 0.3125rem; /* 5px */
+  min-width: 12.5rem; /* 200px */
+  max-width: 15.625rem; /* 250px */
+  padding: 0;
+  -moz-box-shadow: var(--fieldBoxShadow);
+  -webkit-box-shadow: var(--fieldBoxShadow);
+  box-shadow: var(--fieldBoxShadow);
+  overflow: hidden;
+  z-index: 1;
+}
+
+.styles-module_hasRowIndex__0sMb5 {
+  top: var(--rowIndexMargin);
+  right: 0.3125rem; /* 5px */
+}
+
+.styles-module_list__tMzQO li {
+  list-style: none;
+  min-height: 2.8125rem; /* 45px */
+  display: flex;
+  transition-duration: 0.3s;
+}
+
+.styles-module_list__tMzQO li:hover {
+  background-color: var(--fieldHoverBorderColor);
+  cursor: pointer;
+}
+
+.styles-module_list__tMzQO li.danger {
+  border-top: var(--fieldBorderWidth) solid var(--fieldBorderColor);
+}
+
+.styles-module_list__tMzQO li.danger a {
+  color: var(--fieldErrorBorderColor);
+}
+
+.styles-module_list__tMzQO li.disabled a {
+  color: var(--fieldDisabledColor);
+  pointer-events: none;
+}
+
+.styles-module_list__tMzQO li.disabled:hover {
+  background-color: transparent;
+}
+
+.styles-module_list__tMzQO li a {
+  width: 100%;
+  display: flex;
+  align-items: center;
+  padding: 0 1.25rem; /* 20px */
+  color: var(--fieldColor);
+  text-decoration: none;
+  white-space: nowrap;
+}
+
+.styles-module_list__tMzQO li a span {
+  display: table-cell;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.styles-module_cardValue__-Yl7- {
+  border: var(--fieldBorderWidth) solid var(--fieldBorderColor);
+  border-radius: var(--fieldBorderRadius);
+  background-color: var(--white);
+  display: flex;
+  flex-direction: column;
+  padding: 0.9375rem; /* 15px */
+  overflow-x: auto;
+}
+
+.styles-module_cardValue__-Yl7- > span {
+  display: block;
+  margin-top: 0.3125rem; /* 5px */
+  font-size: 2rem; /* 32px */
+  font-weight: 600;
+  line-height: 1;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.styles-module_cardValue__-Yl7- a,
+.styles-module_cardValue__-Yl7- button {
+  margin-top: 1.25rem; /* 20px */
+}
+
+.styles-module_wrapper__oAhGH {
+  position: relative;
+}
+
+.styles-module_head__w9r9p {
+  border-style: solid;
+  border-color: var(--grey200);
+  border-radius: var(--fieldBorderRadius) var(--fieldBorderRadius) 0 0;
+  height: 3.125rem; /* 50px */
+  display: flex;
+  align-items: center;
+  font-size: var(--fontSizeS);
+  font-weight: 600;
+  color: var(--grey400);
+}
+
+.styles-module_head__w9r9p.styles-module_hasBorder__-ggIL {
+  border-width: var(--fieldBorderWidth);
+}
+
+.styles-module_head__w9r9p.styles-module_noBorder__mY-YV {
+  border-width: 0 0 var(--fieldBorderWidth) 0;
+}
+
+.styles-module_head__w9r9p > div {
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  display: none;
+  flex: 1;
+  padding: 0 0.9375rem; /* 15px */
+  font-size: var(--fontSizeS);
+  font-weight: 600;
+  color: var(--grey400);
+}
+
+.styles-module_head__w9r9p > div:first-child,
+.styles-module_head__w9r9p > div:nth-child(2) {
+  display: initial;
+}
+
+@media (min-width: 700px) {
+  .styles-module_head__w9r9p > div:nth-child(3) {
+    display: initial;
+  }
+}
+
+@media (min-width: 900px) {
+  .styles-module_head__w9r9p > div:nth-child(4) {
+    display: initial;
+  }
+}
+
+@media (min-width: 1280px) {
+  .styles-module_head__w9r9p > div {
+    display: initial;
+  }
+}
+
+.styles-module_body__Z-oWZ {
+  border-style: solid;
+  border-color: var(--grey200);
+  border-radius: 0 0 var(--fieldBorderRadius) var(--fieldBorderRadius);
+}
+
+.styles-module_body__Z-oWZ.styles-module_hasBorder__-ggIL {
+  border-width: 0 var(--fieldBorderWidth) var(--fieldBorderWidth) var(--fieldBorderWidth);
+}
+
+.styles-module_body__Z-oWZ.styles-module_noBorder__mY-YV {
+  border-width: 0;
+}
+
+.styles-module_row__SqIQB {
+  height: 3.125rem; /* 50px */
+  display: flex;
+  align-items: center;
+}
+
+.styles-module_row__SqIQB:not(:last-child) {
+  border-bottom: var(--fieldBorderWidth) solid var(--grey200);
+}
+
+.styles-module_row__SqIQB > div {
+  display: none;
+  flex: 1;
+  padding: 0 0.9375rem; /* 15px */
+}
+
+.styles-module_row__SqIQB > div:first-child,
+.styles-module_row__SqIQB > div:nth-child(2) {
+  display: inherit;
+}
+
+@media (min-width: 700px) {
+  .styles-module_row__SqIQB > div:nth-child(3) {
+    display: inherit;
+  }
+}
+
+@media (min-width: 900px) {
+  .styles-module_row__SqIQB > div:nth-child(4) {
+    display: inherit;
+  }
+}
+
+@media (min-width: 1280px) {
+  .styles-module_row__SqIQB > div {
+    display: inherit;
+  }
+}
+
+.styles-module_cellText__TD41M {
+  background-color: var(--grey200);
+  width: 100%;
+  height: 0.9375rem; /* 15px */
+}
+
+.styles-module_overlay__PMB49 {
+  position: absolute;
+  bottom: 0;
+  background-image: linear-gradient(
+    to bottom,
+    rgba(255, 255, 255, 0),
+    rgba(255, 255, 255, 1)
+  );
+  width: 100%;
+  height: calc(100% - 3.125rem); /* 50px */
+  display: flex;
+  justify-content: center;
+  align-items: flex-end;
+  padding: 0 0.9375rem 0.9375rem 0.9375rem; /* 15px */
+  text-align: center;
+  color: var(--grey400);
+}
+
+.styles-module_footer__OUMnw {
+  position: relative;
+  margin-top: 3.125rem; /* 50px */
+  max-width: 100%;
+  display: flex;
+  justify-content: center;
+}
+
+.styles-module_footer__OUMnw > button {
+  min-width: 6.25rem; /* 100px */
+}
+
+.styles-module_footer__OUMnw > button:not(:last-child) {
+  margin-right: 0.3125rem; /* 5px */
+}
+
+@media (min-width: 700px) {
+  .styles-module_footer__OUMnw {
+    justify-content: flex-end;
+  }
+}
+
+.styles-module_wrapper__linV7 {
+  --borderColor: var(--fieldBorderColor);
+  --backgroundColor: var(--purple50);
+  --dark: var(--purple400);
+  border-width: var(--fieldBorderWidth);
+  border-style: solid;
+  border-color: var(--borderColor);
+  border-radius: var(--fieldBorderRadius);
+  background-color: var(--backgroundColor);
+  padding: 0.9375rem; /* 15px */
+}
+
+.styles-module_wrapper__linV7 div:first-child {
+  flex: 1;
+}
+
+.styles-module_wrapper__linV7 div p {
+  margin: 0;
+}
+
+/* Color variants */
+.styles-module_colorGrey__IbOjK {
+  --borderColor: var(--fieldBorderColor);
+  --backgroundColor: var(--purple50);
+  --dark: var(--purple400);
+}
+
+.styles-module_colorGreen__8M37R {
+  --borderColor: var(--fieldSuccessBorderColor);
+  --backgroundColor: var(--fieldSuccessBackgroundColor);
+  --dark: var(--green900);
+}
+
+.styles-module_colorRed__Znsid {
+  --borderColor: var(--fieldErrorBorderColor);
+  --backgroundColor: var(--fieldErrorBackgroundColor);
+  --dark: var(--red800);
+}
+
+/* With button styles */
+.styles-module_hasButton__xhknj button {
+  margin: 1.875rem 0 0 0; /* 30px */
+  border: 0;
+  border-radius: var(--fieldBorderRadius);
+  background-color: var(--borderColor);
+  height: 2.25rem; /* 36px */
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  padding: 1.25rem; /* 20px */
+  font-size: var(--fontSizeSm);
+  font-weight: var(--fontWeightMedium);
+  color: var(--dark);
+  white-space: nowrap;
+  transition-duration: var(--transitionDurationDefault);
+  cursor: pointer;
+}
+
+.styles-module_hasButton__xhknj button:hover {
+  background-color: var(--dark);
+  color: var(--white);
+}
+
+@media (min-width: 576px) {
+  .styles-module_hasButton__xhknj {
+    display: flex;
+    align-items: center;
+  }
+
+  .styles-module_hasButton__xhknj button {
+    margin: 0 0 0 1.875rem; /* 30px */
+  }
+}
+
+.styles-module_tableWrapper__3BMSW {
+  position: relative;
+}
+
+.styles-module_overflowWrapper__9-UdS {
+  @media (min-width: 576px) {
+    display: block;
+    border-radius: var(--fieldBorderRadius);
+    background:
+      linear-gradient(to right, var(--white) 30%, rgba(255, 255, 255, 0)),
+      linear-gradient(to right, rgba(255, 255, 255, 0), var(--white) 70%) 0 100%,
+      radial-gradient(farthest-side at 0% 50%, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)),
+      radial-gradient(farthest-side at 100% 50%, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)) 0 100%;
+    background-repeat: no-repeat;
+    background-color: var(--white);
+    background-size:
+      2.5rem 100%,
+      2.5rem 100%,
+      0.875rem 100%,
+      0.875rem 100%;
+    background-position:
+      0 0,
+      100%,
+      0 0,
+      100%;
+    background-attachment: local, local, scroll, scroll;
+    overflow-x: auto;
+    -webkit-overflow-scrolling: touch;
+    -ms-overflow-style: -ms-autohiding-scrollbar;
+    scrollbar-width: none;
+  }
+}
+
+.styles-module_table__514lH {
+  width: 100%;
+  border-width: 0;
+  border-style: solid;
+  border-color: var(--grey200);
+  border-radius: var(--fieldBorderRadius);
+  border-spacing: 0;
+  white-space: nowrap;
+}
+
+.styles-module_hasBorder__9Tkv5 {
+  @media (min-width: 576px) {
+    border-width: var(--fieldBorderWidth);
+  }
+}
+
+.styles-module_table__514lH th,
+.styles-module_table__514lH td {
+  height: 3.125rem; /* 50px */
+  padding: 0 0.9375rem; /* 15px */
+}
+
+.styles-module_table__514lH th.center,
+.styles-module_table__514lH td.center {
+  text-align: center;
+}
+
+.styles-module_table__514lH th.center > div,
+.styles-module_table__514lH td.center > div {
+  justify-content: center;
+}
+
+.styles-module_table__514lH th.right,
+.styles-module_table__514lH td.right {
+  text-align: right;
+}
+
+.styles-module_table__514lH th.right > div,
+.styles-module_table__514lH td.right > div {
+  justify-content: flex-end;
+}
+
+@media (min-width: 576px) {
+  .styles-module_table__514lH th.thin,
+  .styles-module_table__514lH td.thin {
+    max-width: min-content;
+  }
+}
+
+.styles-module_table__514lH th.vkai,
+.styles-module_table__514lH td.vkai,
+.styles-module_table__514lH th.tkai,
+.styles-module_table__514lH td.tkai,
+.styles-module_table__514lH th.lx,
+.styles-module_table__514lH td.lx,
+.styles-module_table__514lH th.vote,
+.styles-module_table__514lH td.vote {
+  text-align: right;
+}
+
+.styles-module_table__514lH th.vkai > div,
+.styles-module_table__514lH td.vkai > div,
+.styles-module_table__514lH th.tkai > div,
+.styles-module_table__514lH td.tkai > div,
+.styles-module_table__514lH th.lx > div,
+.styles-module_table__514lH td.lx > div,
+.styles-module_table__514lH th.vote > div,
+.styles-module_table__514lH td.vote > div {
+  justify-content: flex-end;
+}
+
+.styles-module_table__514lH th.avatar > div,
+.styles-module_table__514lH td.avatar > div {
+  display: flex;
+  align-items: center;
+}
+
+.styles-module_table__514lH th.avatar .avatar-img,
+.styles-module_table__514lH td.avatar .avatar-img {
+  margin-right: 0.9375rem; /* 15px */
+}
+
+.styles-module_table__514lH th {
+  font-size: var(--fontSizeSm);
+}
+
+.styles-module_table__514lH th:first-child {
+  border-top-left-radius: var(--fieldBorderRadius);
+}
+
+.styles-module_table__514lH th:last-child {
+  border-top-right-radius: var(--fieldBorderRadius);
+}
+
+.styles-module_table__514lH tr {
+  border: var(--fieldBorderWidth) solid var(--grey200);
+  border-radius: var(--fieldBorderRadius);
+  position: relative;
+}
+
+.styles-module_table__514lH tr:not(:last-child) {
+  margin-bottom: 0.9375rem; /* 15px */
+}
+
+@media (min-width: 576px) {
+  .styles-module_table__514lH tr {
+    border: 0;
+  }
+}
+
+.styles-module_table__514lH thead {
+  border: none;
+  clip: rect(0 0 0 0);
+  height: 0.0625rem; /* 1px */
+  margin: -0.0625rem; /* -1px */
+  overflow: hidden;
+  padding: 0;
+  position: absolute;
+  width: 0.0625rem; /* 1px */
+}
+
+@media (min-width: 576px) {
+  .styles-module_table__514lH thead {
+    display: contents;
+    font-weight: var(--fontWeightSemiBold);
+    color: var(--grey400);
+    text-align: left;
+  }
+}
+
+.styles-module_table__514lH tbody tr {
+  display: block;
+  transition-duration: var(--transitionDurationDefault);
+}
+
+.styles-module_table__514lH tbody tr:hover {
+  background-color: var(--grey50);
+}
+
+.styles-module_isLoadingState__Wfsbp tbody tr:hover {
+  background-color: transparent;
+}
+
+.styles-module_table__514lH tbody tr:hover td.menu button {
+  opacity: 1;
+}
+
+@media (min-width: 576px) {
+  .styles-module_table__514lH tbody tr {
+    display: table-row;
+  }
+}
+
+.styles-module_table__514lH tbody td {
+  border-top: var(--fieldBorderWidth) solid var(--grey200);
+  height: inherit;
+  min-height: 3.125rem; /* 50px */
+  padding: 0.9375rem; /* 15px */
+  display: flex;
+  justify-content: flex-end;
+  align-items: center;
+}
+
+.styles-module_table__514lH tbody td > div {
+  margin-left: 6.25rem; /* 100px */
+  height: 100%;
+  display: flex;
+  justify-content: flex-end;
+  align-items: center;
+  flex-wrap: nowrap;
+  text-align: right;
+}
+
+.styles-module_table__514lH tbody td > div > span {
+  display: none;
+}
+
+.styles-module_table__514lH tbody td > div > span:first-child,
+.styles-module_table__514lH tbody td > div > span:last-child {
+  display: inherit;
+}
+
+.styles-module_table__514lH tbody td img {
+  min-width: 1.875rem; /* 30px */
+  min-height: 1.875rem; /* 30px */
+}
+
+.styles-module_table__514lH tbody td a {
+  display: flex;
+  align-items: center;
+  color: var(--black);
+  text-decoration-color: var(--grey400);
+}
+
+.styles-module_table__514lH tbody td:first-child {
+  border: 0;
+}
+
+.styles-module_table__514lH tbody td::before {
+  position: absolute;
+  left: 0.9375rem; /* 15px */
+  content: attr(data-label);
+  font-weight: var(--fontWeightSemiBold);
+  text-transform: capitalize;
+}
+
+.styles-module_isLoadingState__Wfsbp tbody td::before {
+  width: 4.6875rem; /* 75px */
+  height: 0.9375rem; /* 15px */
+  background: #f6f7f8;
+  background-image: -webkit-linear-gradient(
+    left,
+    #f6f7f8 0%,
+    #edeef1 20%,
+    #f6f7f8 40%,
+    #f6f7f8 100%
+  );
+  background-repeat: no-repeat;
+  background-size: 50rem 100%; /* 800px */
+  animation-fill-mode: forwards;
+  animation-name: styles-module_placeholderSkeleton__YqC9J;
+  animation-timing-function: linear;
+  animation-iteration-count: infinite;
+  animation-duration: 1.5s;
+}
+
+.styles-module_table__514lH tbody td.tkai svg,
+.styles-module_table__514lH tbody td.vkai svg,
+.styles-module_table__514lH tbody td.lx svg,
+.styles-module_table__514lH tbody td.vote svg {
+  float: right;
+  margin-left: 0.3125rem; /* 5px */
+  width: auto;
+  min-width: 1.375rem; /* 22px */
+  max-height: 1.375rem; /* 22px */
+}
+
+.styles-module_table__514lH tbody td .avatar-img {
+  display: none;
+}
+
+.styles-module_table__514lH tbody td .tag {
+  margin: 0;
+}
+
+.styles-module_table__514lH tbody td .tag:not(:first-child) {
+  display: none;
+}
+
+.styles-module_table__514lH tbody td .button {
+  height: 2.125rem; /* 34px */
+}
+
+.styles-module_table__514lH tbody td.menu {
+  padding: 0 0.625rem 0 0; /* 10px */
+}
+
+.styles-module_table__514lH tbody td.menu button {
+  margin-top: 0.3125rem; /* 5px */
+  transition: var(--transitionDurationDefault);
+}
+
+.styles-module_table__514lH tbody td.menu ul {
+  top: 2.25rem; /* 36px */
+  margin-left: -10.625rem; /* -170px */
+}
+
+@media (min-width: 576px) {
+  .styles-module_table__514lH tbody td {
+    display: table-cell;
+    height: 3.125rem; /* 50px */
+    padding: 0 0.9375rem; /* 15px */
+  }
+
+  .styles-module_table__514lH tbody td > div {
+    position: relative;
+    margin-left: 0;
+    display: flex-start;
+    justify-content: flex-start;
+    text-align: left;
+  }
+
+  .styles-module_table__514lH tbody td > div > span {
+    display: inherit;
+  }
+
+  .styles-module_table__514lH tbody td:first-child {
+    border-top: var(--fieldBorderWidth) solid var(--grey200);
+  }
+
+  .styles-module_table__514lH tbody td::before {
+    content: '';
+  }
+
+  .styles-module_table__514lH tbody td.tkai,
+  .styles-module_table__514lH tbody td.vkai {
+    max-width: 6.25rem; /* 100px */
+  }
+
+  .styles-module_table__514lH tbody td .avatar-img {
+    display: inherit;
+  }
+
+  .styles-module_table__514lH tbody td .tag:not(:first-child) {
+    display: inherit;
+  }
+
+  .styles-module_table__514lH tbody td .tag:not(:last-child) {
+    margin-right: 0.3125rem; /* 5px */
+  }
+
+  .styles-module_table__514lH tbody td.menu {
+    width: 2.5rem; /* 40px */
+  }
+
+  .styles-module_table__514lH tbody td.menu button {
+    opacity: 0;
+  }
+}
+
+@keyframes styles-module_placeholderSkeleton__YqC9J {
+  0% {
+    background-position: -50rem 0; /* -800px */
+  }
+  100% {
+    background-position: 50rem 0; /* 800px */
+  }
+}
+
+.styles-module_skeletonCell__dWHE- {
+  width: 100%;
+  height: 0.9375rem !important; /* 15px */
+  background: #f6f7f8;
+  background-image: -webkit-linear-gradient(
+    left,
+    #f6f7f8 0%,
+    #edeef1 20%,
+    #f6f7f8 40%,
+    #f6f7f8 100%
+  );
+  background-repeat: no-repeat;
+  background-size: 50rem 100%; /* 800px */
+  animation-fill-mode: forwards;
+  animation-name: styles-module_placeholderSkeleton__YqC9J;
+  animation-timing-function: linear;
+  animation-iteration-count: infinite;
+  animation-duration: 1.5s;
+}
+
+.styles-module_table__GksNm {
+  position: relative;
+  width: 100%;
+  border-width: 0;
+  border-style: solid;
+  border-color: var(--grey200);
+  border-radius: var(--fieldBorderRadius);
+  border-spacing: 0;
+  white-space: nowrap;
+  table-layout: var(--tableLayout, auto);
+}
+
+.styles-module_hasBorder__eX06U {
+  border-width: var(--fieldBorderWidth);
+}
+
+.styles-module_table__GksNm th,
+.styles-module_table__GksNm td {
+  height: 3.125rem; /* 50px */
+  padding: 0 0.9375rem; /* 15px */
+}
+
+.styles-module_table__GksNm th.center,
+.styles-module_table__GksNm td.center {
+  text-align: center;
+}
+
+.styles-module_table__GksNm th.center > div,
+.styles-module_table__GksNm td.center > div {
+  justify-content: center;
+}
+
+.styles-module_table__GksNm th.right,
+.styles-module_table__GksNm td.right {
+  text-align: right;
+}
+
+.styles-module_table__GksNm th.right > div,
+.styles-module_table__GksNm td.right > div {
+  justify-content: flex-end;
+}
+
+@media (min-width: 576px) {
+  .styles-module_table__GksNm th.thin,
+  .styles-module_table__GksNm td.thin {
+    max-width: min-content;
+  }
+}
+
+.styles-module_table__GksNm th.kai,
+.styles-module_table__GksNm td.kai {
+  text-align: right;
+}
+
+.styles-module_table__GksNm th.kai > div,
+.styles-module_table__GksNm td.kai > div {
+  justify-content: flex-end;
+}
+
+.styles-module_table__GksNm th.avatar > div,
+.styles-module_table__GksNm td.avatar > div {
+  display: flex;
+  align-items: center;
+}
+
+.styles-module_table__GksNm th.avatar .avatar-img,
+.styles-module_table__GksNm td.avatar .avatar-img {
+  margin-right: 0.9375rem; /* 15px */
+}
+
+.styles-module_table__GksNm th {
+  font-size: 0.85rem;
+}
+
+.styles-module_table__GksNm th:first-child {
+  border-top-left-radius: var(--fieldBorderRadius);
+}
+
+.styles-module_table__GksNm th:last-child {
+  border-top-right-radius: var(--fieldBorderRadius);
+}
+
+.styles-module_table__GksNm tr {
+  border: var(--fieldBorderWidth) solid var(--grey200);
+  border-radius: var(--fieldBorderRadius);
+  position: relative;
+}
+
+.styles-module_table__GksNm tr:not(:last-child) {
+  margin-bottom: 0.9375rem; /* 15px */
+}
+
+@media (min-width: 576px) {
+  .styles-module_table__GksNm tr {
+    border: 0;
+  }
+}
+
+.styles-module_table__GksNm thead {
+  border: none;
+  clip: rect(0 0 0 0);
+  height: 0.0625rem; /* 1px */
+  margin: -0.0625rem; /* -1px */
+  overflow: hidden;
+  padding: 0;
+  position: absolute;
+  width: 0.0625rem; /* 1px */
+}
+
+@media (min-width: 576px) {
+  .styles-module_table__GksNm thead {
+    display: contents;
+    font-weight: var(--fontWeightSemiBold);
+    color: var(--grey400);
+    text-align: left;
+  }
+}
+
+.styles-module_table__GksNm tbody tr {
+  display: block;
+  transition-duration: var(--transitionDurationDefault);
+}
+
+.styles-module_table__GksNm tbody tr:hover {
+  background-color: var(--grey50);
+}
+
+.styles-module_table__GksNm tbody tr:hover td.drag-handle svg {
+  fill: var(--grey200);
+}
+
+.styles-module_table__GksNm tbody tr:hover td.menu button {
+  opacity: 1;
+}
+
+@media (min-width: 576px) {
+  .styles-module_table__GksNm tbody tr {
+    display: table-row;
+  }
+}
+
+.styles-module_table__GksNm tbody td {
+  border-top: var(--fieldBorderWidth) solid var(--grey200);
+  height: inherit;
+  min-height: 3.125rem; /* 50px */
+  padding: 0.9375rem; /* 15px */
+  display: flex;
+  justify-content: flex-end;
+}
+
+.styles-module_table__GksNm tbody td.drag-handle > div {
+  width: min-content;
+}
+
+.styles-module_table__GksNm tbody td.drag-handle svg {
+  width: 1.875rem; /* 30px */
+  height: 1.875rem; /* 30px */
+  fill: var(--grey200);
+  transition-duration: var(--transitionDurationDefault);
+}
+
+.styles-module_table__GksNm tbody td > div {
+  margin-left: 6.25rem; /* 100px */
+  height: 100%;
+  display: flex;
+  justify-content: flex-end;
+  align-items: center;
+  flex-wrap: nowrap;
+  text-align: right;
+}
+
+.styles-module_table__GksNm tbody td > div > span {
+  display: none;
+}
+
+.styles-module_table__GksNm tbody td > div > span:first-child,
+.styles-module_table__GksNm tbody td > div > span:last-child {
+  display: inherit;
+}
+
+.styles-module_table__GksNm tbody td img {
+  min-width: 1.875rem; /* 30px */
+  min-height: 1.875rem; /* 30px */
+}
+
+.styles-module_table__GksNm tbody td a {
+  display: flex;
+  align-items: center;
+  color: var(--black);
+  text-decoration-color: var(--grey400);
+}
+
+.styles-module_table__GksNm tbody td:first-child {
+  border: 0;
+}
+
+.styles-module_table__GksNm tbody td::before {
+  position: absolute;
+  left: 0.9375rem; /* 15px */
+  content: attr(data-label);
+  font-weight: var(--fontWeightSemiBold);
+  text-transform: capitalize;
+}
+
+.styles-module_table__GksNm tbody td.kai svg {
+  float: right;
+  width: auto;
+  min-width: 1.25rem; /* 20px */
+  max-height: 1.25rem; /* 20px */
+}
+
+.styles-module_table__GksNm tbody td .avatar-img {
+  display: none;
+}
+
+.styles-module_table__GksNm tbody td .tag {
+  margin: 0;
+}
+
+.styles-module_table__GksNm tbody td .tag:not(:first-child) {
+  display: none;
+}
+
+.styles-module_table__GksNm tbody td.menu {
+  padding: 0 0.625rem 0 0; /* 10px */
+}
+
+.styles-module_table__GksNm tbody td.menu button {
+  margin-top: 0.3125rem; /* 5px */
+  transition: var(--transitionDurationDefault);
+}
+
+.styles-module_table__GksNm tbody td.menu ul {
+  top: 2.25rem; /* 36px */
+  margin-left: -10.625rem; /* -170px */
+}
+
+@media (min-width: 576px) {
+  .styles-module_table__GksNm tbody td {
+    display: table-cell;
+    height: 3.125rem; /* 50px */
+    padding: 0 0.9375rem; /* 15px */
+    align-items: center;
+  }
+
+  .styles-module_table__GksNm tbody td > div {
+    position: relative;
+    margin-left: 0;
+    display: flex-start;
+    justify-content: flex-start;
+    text-align: left;
+  }
+
+  .styles-module_table__GksNm tbody td > div > span {
+    display: inherit;
+  }
+
+  .styles-module_table__GksNm tbody td:first-child {
+    border-top: var(--fieldBorderWidth) solid var(--grey200);
+  }
+
+  .styles-module_table__GksNm tbody td::before {
+    content: '';
+  }
+
+  .styles-module_table__GksNm tbody td.kai {
+    max-width: 6.25rem; /* 100px */
+  }
+
+  .styles-module_table__GksNm tbody td .avatar-img {
+    display: inherit;
+  }
+
+  .styles-module_table__GksNm tbody td .tag:not(:first-child) {
+    display: inherit;
+  }
+
+  .styles-module_table__GksNm tbody td .tag:not(:last-child) {
+    margin-right: 0.3125rem; /* 5px */
+  }
+
+  .styles-module_table__GksNm tbody td.menu {
+    width: 2.5rem; /* 40px */
+  }
+
+  .styles-module_table__GksNm tbody td.menu button {
+    opacity: 0;
+  }
+}
+
+/* TableRow - draggable state handled via data attribute in component */
+.styles-module_tableRow__Y9PYv {
+  /* Base row styles */
+}
+
+.styles-module_isDragging__nfRWS {
+  position: absolute;
+  display: table;
+  width: 100%;
+}
+
+.styles-module_wrapper__rNRu8 {
+  display: inline-block;
+}
+
+.styles-module_wrapper__rNRu8 > label {
+  margin-bottom: 0.3125rem; /* 5px */
+  color: var(--grey500);
+}
+
+.styles-module_wrapper__rNRu8.styles-module_hasError__RPZHv > label {
+  color: var(--fieldErrorBorderColor);
+}
+
+.styles-module_wrapper__rNRu8 > label span {
+  color: var(--fieldColor);
+}
+
+.styles-module_wrapper__rNRu8.styles-module_hasError__RPZHv > label span {
+  color: var(--fieldErrorBorderColor);
+}
+
+.styles-module_wrapper__rNRu8:not(:last-child) {
+  margin-bottom: 0.9375rem; /* 15px */
+}
+
+.styles-module_wrapper__GZm7N {
+  border: var(--fieldBorderWidth) solid var(--fieldBorderColor);
+  border-radius: var(--fieldBorderRadius);
+  max-width: max-content;
+  height: var(--fieldHeight);
+  display: flex;
+  overflow: hidden;
+}
+
+.styles-module_wrapper__GZm7N button:disabled,
+.styles-module_wrapper__GZm7N input:disabled {
+  cursor: inherit;
+  background-color: var(--fieldDisabledBackgroundColor);
+}
+
+.styles-module_wrapper__GZm7N button:disabled svg {
+  fill: var(--fieldDisabledColor);
+}
+
+.styles-module_wrapper__GZm7N button:disabled:hover,
+.styles-module_wrapper__GZm7N input:disabled:hover {
+  pointer-events: none;
+}
+
+.styles-module_input__ttkF8 {
+  border: 0;
+  width: var(--inputWidth, 70px);
+  height: var(--fieldHeight);
+  padding: 0.625rem; /* 10px */
+  font-family: inherit;
+  font-size: 1rem;
+  text-align: center;
+  -moz-appearance: textfield;
+}
+
+.styles-module_input__ttkF8::-webkit-outer-spin-button,
+.styles-module_input__ttkF8::-webkit-inner-spin-button {
+  -webkit-appearance: none;
+  margin: 0;
+}
+
+.styles-module_input__ttkF8:focus {
+  outline: none;
+}
+
+.styles-module_input__ttkF8:invalid {
+  box-shadow: none;
+  background-color: var(--fieldErrorBackgroundColor);
+}
+
+.styles-module_button__0QcGS {
+  width: var(--fieldHeight);
+  height: var(--fieldHeight);
+  border: 0;
+  background-color: var(--fieldBorderColor);
+  cursor: pointer;
+  transition-duration: var(--transitionDurationDefault);
+}
+
+.styles-module_removeButton__N198t {
+  border-right: var(--fieldBorderWidth) solid var(--fieldBorderColor);
+}
+
+.styles-module_addButton__7JcZK {
+  border-left: var(--fieldBorderWidth) solid var(--fieldBorderColor);
+}
+
+.styles-module_button__0QcGS svg {
+  width: auto;
+  height: 1.25rem; /* 20px */
+  fill: var(--purple300);
+}
+
+.styles-module_button__0QcGS:hover {
+  background-color: var(--fieldHoverBorderColor);
+}
+
+.styles-module_steps__jXCdM {
+  margin: 0;
+  width: 100%;
+  padding: 0;
+  display: flex;
+}
+
+.styles-module_step__kFzMi {
+  list-style: none;
+  flex: 1;
+  position: relative;
+  height: 2.75rem; /* 44px */
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  padding-right: 1.125rem; /* 18px */
+  text-align: center;
+}
+
+.styles-module_step__kFzMi::before,
+.styles-module_step__kFzMi::after {
+  content: '';
+  position: absolute;
+  top: 0;
+  border: 0 solid var(--stepBorderColor, var(--fieldBorderColor));
+  border-width: 1.375rem 0.9375rem; /* 22px 15px */
+  width: 0;
+  height: 0;
+}
+
+.styles-module_step__kFzMi::before {
+  left: -0.9375rem; /* -15px */
+  border-left-color: transparent;
+}
+
+.styles-module_step__kFzMi::after {
+  left: calc(100% - 1.125rem); /* 18px */
+  border-color: transparent;
+  border-left-color: var(--stepBorderColor, var(--fieldBorderColor));
+}
+
+.styles-module_step__kFzMi:first-child::before {
+  border: none;
+}
+
+.styles-module_step__kFzMi:last-child::after {
+  border: none;
+}
+
+.styles-module_step__kFzMi:first-child {
+  overflow: hidden;
+}
+
+.styles-module_step__kFzMi:first-child > div {
+  border-radius: var(--fieldBorderRadius) 0 0 var(--fieldBorderRadius);
+}
+
+.styles-module_step__kFzMi:last-child {
+  padding-right: 0;
+}
+
+.styles-module_step__kFzMi:last-child > div {
+  border-radius: 0 var(--fieldBorderRadius) var(--fieldBorderRadius) 0;
+}
+
+.styles-module_step__kFzMi > div {
+  background-color: var(--stepBorderColor, var(--fieldBorderColor));
+  width: 100%;
+  height: 100%;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+
+.styles-module_step__kFzMi > div span {
+  width: min-content;
+  font-size: var(--fontSizeSm);
+  color: var(--stepTextColor, var(--purple300));
+}
+
+/* Active state */
+.styles-module_isActive__FdXTS {
+  --stepBorderColor: var(--fieldSuccessBackgroundColor);
+  --stepTextColor: var(--white);
+}
+
+@media (min-width: 576px) {
+  .styles-module_step__kFzMi > div span {
+    width: 100%;
+    font-size: 1rem;
+    font-weight: var(--fontWeightSemiBold);
+  }
+}
+
+.styles-module_wrapper__BjaoB {
+  --size: 1.875rem; /* 30px */
+}
+
+.styles-module_wrapper__BjaoB ul.pagination {
+  margin: 0;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  padding: 0;
+  list-style: none;
+}
+
+.styles-module_wrapper__BjaoB ul.pagination li {
+  min-width: var(--size);
+  height: var(--size);
+  cursor: pointer;
+}
+
+.styles-module_wrapper__BjaoB ul.pagination li.previous,
+.styles-module_wrapper__BjaoB ul.pagination li.next {
+  transition-duration: var(--transitionDurationDefault);
+}
+
+.styles-module_wrapper__BjaoB ul.pagination li.previous a svg,
+.styles-module_wrapper__BjaoB ul.pagination li.next a svg {
+  transition-duration: var(--transitionDurationDefault);
+}
+
+.styles-module_wrapper__BjaoB ul.pagination li a,
+.styles-module_wrapper__BjaoB ul.pagination li .break {
+  min-width: var(--size);
+  height: var(--size);
+  transition-duration: var(--transitionDurationDefault);
+}
+
+.styles-module_wrapper__BjaoB ul.pagination li a {
+  border-radius: var(--fieldBorderRadius);
+  min-width: var(--size);
+  height: var(--size);
+  padding: 0 0.3125rem; /* 5px */
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  color: var(--black);
+  font-weight: var(--fontWeightSemiBold);
+  text-decoration: none;
+}
+
+.styles-module_wrapper__BjaoB ul.pagination li a:hover {
+  color: var(--blue500);
+}
+
+.styles-module_wrapper__BjaoB ul.pagination li a svg {
+  width: 1.125rem; /* 18px */
+  height: auto;
+  fill: var(--blue500);
+}
+
+.styles-module_wrapper__BjaoB ul.pagination li.active {
+  pointer-events: none;
+}
+
+.styles-module_wrapper__BjaoB ul.pagination li.active a {
+  background-color: var(--blue500);
+  color: var(--white);
+}
+
+.styles-module_wrapper__BjaoB ul.pagination.dark a {
+  color: var(--white);
+}
+
+.styles-module_wrapper__BjaoB ul.pagination.dark a:hover {
+  color: var(--white);
+}
+
+.styles-module_wrapper__sb8li {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  padding: 0 1.875rem; /* 30px */
+  text-align: center;
+}
+
+.styles-module_variantDefault__0H5Tq {
+  min-height: 50vh;
+}
+
+.styles-module_variantMinimal__w7Pi3 {
+  min-height: inherit;
+}
+
+.styles-module_wrapper__sb8li svg {
+  width: auto;
+  height: 6.25rem; /* 100px */
+}
+
+.styles-module_wrapper__sb8li > span {
+  margin-top: 0.9375rem; /* 15px */
+  font-weight: var(--fontWeightSemiBold);
+  color: var(--black);
+}
+
+.styles-module_wrapper__sb8li > span a {
+  color: var(--black);
+  transition-duration: var(--transitionDurationDefault);
+}
+
+.styles-module_wrapper__sb8li > span:hover {
+  color: var(--purple500);
+}
+
+.styles-module_wrapper__OXvtT {
+  min-height: 50vh;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  padding: 0 1.875rem; /* 30px */
+  text-align: center;
+}
+
+.styles-module_wrapper__OXvtT svg {
+  width: auto;
+  height: 6.25rem; /* 100px */
+}
+
+.styles-module_wrapper__OXvtT > div {
+  margin-top: 0.9375rem; /* 15px */
+  font-weight: 600;
+  color: var(--black);
+}
+
+.styles-module_wrapper__OXvtT > div a {
+  color: var(--black);
+  transition-duration: var(--transitionDurationDefault);
+}
+
+.styles-module_wrapper__OXvtT > div a:hover {
+  color: var(--purple500);
+}
+
+.styles-module_wrapper__sBzYm {
+  display: flex;
+  position: relative;
+  margin: 0;
+  padding: 0;
+  list-style: none;
+}
+
+.styles-module_typeRow__gDfys {
+  flex-direction: row;
+}
+
+.styles-module_typeColumn__c0-xq {
+  flex-direction: column;
+}
+
+.styles-module_typeRow__gDfys > li:not(:last-child) {
+  margin-right: 1.875rem; /* 30px */
+}
+
+.styles-module_typeColumn__c0-xq > li:not(:last-child) {
+  margin-bottom: 0.625rem; /* 10px */
+}
+
+.styles-module_wrapper__sBzYm input[type='radio']:checked ~ .check {
+  border-color: var(--fieldSuccessBorderColor);
+}
+
+.styles-module_wrapper__sBzYm input[type='radio']:checked ~ .check::before {
+  background-color: var(--fieldSuccessBackgroundColor);
+}
+
+.styles-module_wrapper__sBzYm + span {
+  margin-top: 0.625rem; /* 10px */
+}
+
+/* Item */
+.styles-module_item__44sGo {
+  --size: 1.5rem; /* 24px */
+  display: flex;
+  position: relative;
+  min-height: var(--size);
+}
+
+.styles-module_item__44sGo input[type='radio'] {
+  position: absolute;
+  visibility: hidden;
+}
+
+.styles-module_item__44sGo label {
+  position: relative;
+  padding-left: calc(var(--size) + 5px);
+  line-height: var(--size);
+  vertical-align: middle;
+  cursor: pointer;
+  z-index: 1;
+}
+
+.styles-module_item__44sGo.styles-module_hasError__4Lypc label {
+  color: var(--fieldErrorBorderColor);
+}
+
+.styles-module_item__44sGo .check {
+  position: absolute;
+  top: 0;
+  border: 0.125rem solid var(--fieldBorderColor); /* 2px */
+  border-radius: 100%;
+  width: var(--size);
+  height: var(--size);
+  transition-duration: var(--transitionDurationDefault);
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+
+.styles-module_item__44sGo.styles-module_hasError__4Lypc .check {
+  border-color: var(--fieldErrorBorderColor);
+}
+
+.styles-module_item__44sGo .check::before {
+  content: '';
+  display: block;
+  border-radius: 100%;
+  height: calc(var(--size) / 1.5);
+  width: calc(var(--size) / 1.5);
+}
+
+.styles-module_item__44sGo:hover .check {
+  border-color: var(--fieldHoverBorderColor);
+}
+
+.styles-module_item__44sGo.styles-module_isDisabled__d5WyF label {
+  color: var(--fieldDisabledColor);
+}
+
+.styles-module_item__44sGo.styles-module_isDisabled__d5WyF input[type='radio'] ~ .check,
+.styles-module_item__44sGo.styles-module_isDisabled__d5WyF input[type='radio']:checked ~ .check {
+  border-color: var(--fieldDisabledColor);
+}
+
+.styles-module_item__44sGo.styles-module_isDisabled__d5WyF input[type='radio']:checked ~ .check::before {
+  background-color: var(--fieldDisabledBackgroundColor);
+}
+
+.styles-module_item__44sGo.styles-module_isDisabled__d5WyF:hover {
+  pointer-events: none;
+  cursor: auto;
+}
+
+.styles-module_wrapper__DI7Yd {
+  display: flex;
+  position: relative;
+  margin: 0;
+  padding: 0;
+  list-style: none;
+}
+
+.styles-module_typeRow__XliU9 {
+  flex-direction: row;
+}
+
+.styles-module_typeColumn__AEnv1 {
+  flex-direction: column;
+}
+
+.styles-module_wrapper__DI7Yd li {
+  position: relative;
+  min-height: 1.5rem; /* 24px */
+}
+
+.styles-module_typeRow__XliU9 > li:not(:last-child) {
+  margin-right: 1.875rem; /* 30px */
+}
+
+.styles-module_typeColumn__AEnv1 > li:not(:last-child) {
+  margin-bottom: 0.625rem; /* 10px */
+}
+
+.styles-module_wrapper__p5CpR label {
+  margin-bottom: 0.3125rem; /* 5px */
+}
+
+.styles-module_field__6fCxe {
+  display: flex;
+  flex-wrap: wrap;
+}
+
+.styles-module_field__6fCxe input {
+  flex: 1;
+  margin-right: -0.0625rem; /* -1px */
+  border-radius: var(--fieldBorderRadius) 0 0 var(--fieldBorderRadius);
+}
+
+.styles-module_field__6fCxe input:disabled {
+  background-color: var(--fieldBackgroundColor);
+  color: var(--fieldColor);
+}
+
+.styles-module_field__6fCxe span {
+  order: 3;
+  width: 100%;
+}
+
+.styles-module_field__6fCxe button {
+  border: 0;
+  border-radius: 0 var(--fieldBorderRadius) var(--fieldBorderRadius) 0;
+  min-width: 3.125rem; /* 50px */
+  height: var(--fieldHeight);
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  padding: 0 1.25rem; /* 20px */
+  white-space: nowrap;
+  transition-duration: var(--transitionDurationDefault);
+  cursor: pointer;
+}
+
+.styles-module_field__6fCxe button span {
+  color: var(--fieldActiveColor);
+}
+
+.styles-module_field__6fCxe button svg {
+  fill: var(--fieldActiveColor);
+}
+
+.styles-module_field__6fCxe button:disabled {
+  border: var(--fieldBorderWidth) solid var(--fieldBorderColor) !important;
+}
+
 .styles-module_wrapper__Q2-ac {
   position: relative;
   height: 5rem; /* 80px */
@@ -95,3 +3535,458 @@
   right: 0;
   border-left-width: 0.0625rem; /* 1px */
 }
+
+.styles-module_modalOverlay__AfFa7 {
+  position: fixed;
+  top: 0;
+  left: 0;
+  background-color: rgba(0, 0, 0, 0.8);
+  width: 100vw;
+  height: 100vh;
+  z-index: var(--modalZIndex, 10);
+}
+
+.styles-module_modalWrapper__-vhsT {
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100vh;
+  z-index: calc(var(--modalZIndex, 10) + 1);
+  overflow-x: hidden;
+  overflow-y: auto;
+  -webkit-scrollbar-width: none;
+  -moz-scrollbar-width: none;
+  -ms-scrollbar-width: none;
+  scrollbar-width: none;
+  -webkit-overflow-scrolling: touch;
+  -ms-overflow-style: -ms-autohiding-scrollbar;
+}
+
+@media (min-width: 576px) {
+  .styles-module_modalWrapper__-vhsT {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+  }
+
+  .styles-module_hasOverflow__n1w4U {
+    align-items: flex-start;
+  }
+}
+
+.styles-module_modalContainer__jZLa6 {
+  position: relative;
+  background: var(--white);
+  width: 100%;
+  min-height: 0;
+  padding: 0.9375rem; /* 15px */
+  word-wrap: break-word;
+  transition-duration: var(--transitionDurationDefault);
+}
+
+@media (min-width: 576px) {
+  .styles-module_modalContainer__jZLa6 {
+    --spacing: 1.875rem; /* 30px */
+    margin: var(--spacing);
+    border-radius: var(--fieldBorderRadius);
+    max-width: 53.75rem; /* 860px */
+    padding: var(--spacing);
+  }
+
+  .styles-module_modalContainer__jZLa6::after {
+    content: '';
+    position: absolute;
+    bottom: calc(var(--spacing) * -1);
+    width: 0.0625rem; /* 1px */
+    height: var(--spacing);
+  }
+}
+
+.styles-module_modalHeader__IFH5H {
+  display: flex;
+}
+
+.styles-module_modalHeader__IFH5H h2 {
+  margin: 0 0 1.875rem 0; /* 30px */
+  font-size: 2rem; /* 32px */
+  font-weight: var(--fontWeightSemiBold);
+}
+
+.styles-module_modalHeader__IFH5H button {
+  display: none;
+  position: absolute;
+  top: 0;
+  right: 0;
+  margin: -0.875rem -0.875rem 0 0; /* -14px */
+  border: 0.125rem solid var(--grey200); /* 2px */
+  min-width: 1.75rem; /* 28px */
+  height: 1.75rem; /* 28px */
+  z-index: 1;
+  outline: none;
+}
+
+@media (min-width: 576px) {
+  .styles-module_modalHeader__IFH5H button {
+    display: inherit;
+  }
+}
+
+@keyframes styles-module_slideInLeft__eFlLe {
+  from {
+    transform: translateX(100%);
+  }
+
+  to {
+    transform: translateX(0);
+  }
+}
+
+.styles-module_modalOverlay__UpF6o {
+  position: fixed;
+  top: 0;
+  left: 0;
+  background-color: rgba(0, 0, 0, 0.8);
+  width: 100vw;
+  height: 100vh;
+  z-index: var(--modalZIndex, 10);
+}
+
+.styles-module_modalWrapper__Z2mp8 {
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  overflow-x: hidden;
+  overflow-y: auto;
+  z-index: calc(var(--modalZIndex, 10) + 1);
+}
+
+.styles-module_modalContainer__pv0eY {
+  margin-left: auto;
+  background: var(--white);
+  width: 100%;
+  min-height: 100vh;
+  display: flex;
+  flex-direction: column;
+  padding: 0.9375rem; /* 15px */
+  word-wrap: break-word;
+  animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1); /* easeOutQuint approximation */
+  animation-duration: 1s;
+  animation-fill-mode: forwards;
+  transform: translateX(100%);
+  animation-name: styles-module_slideInLeft__eFlLe;
+}
+
+@media (min-width: 576px) {
+  .styles-module_modalContainer__pv0eY {
+    max-width: 25rem; /* 400px */
+    padding: 1.875rem; /* 30px */
+  }
+}
+
+.styles-module_modalHeader__snUgG {
+  top: 0;
+}
+
+.styles-module_modalHeader__snUgG h2 {
+  margin: 0 0 1.875rem 0; /* 30px */
+  font-size: 2rem; /* 32px */
+  font-weight: var(--fontWeightSemiBold);
+}
+
+.styles-module_modalContent__AoFIg {
+  display: flex;
+  flex-direction: column;
+}
+
+@media (min-width: 576px) {
+  .styles-module_modalContent__AoFIg {
+    flex: 1;
+  }
+}
+
+@keyframes styles-module_placeholderSkeleton__ke9xt {
+  0% {
+    background-position: -50rem 0; /* -800px */
+  }
+  100% {
+    background-position: 50rem 0; /* 800px */
+  }
+}
+
+.styles-module_wrapper__aam6z div {
+  width: 100%;
+  height: 100%;
+}
+
+.styles-module_wrapper__aam6z > div > div > div {
+  background: #f6f7f8;
+  background-image: -webkit-linear-gradient(
+    left,
+    #f6f7f8 0%,
+    #edeef1 20%,
+    #f6f7f8 40%,
+    #f6f7f8 100%
+  );
+  background-repeat: no-repeat;
+  background-size: 50rem 100%; /* 800px */
+  animation-fill-mode: forwards;
+  animation-name: styles-module_placeholderSkeleton__ke9xt;
+  animation-timing-function: linear;
+  animation-iteration-count: infinite;
+  animation-duration: 1.5s;
+}
+
+.styles-module_wrapper__aam6z > div > div > div.title {
+  margin-bottom: 0.625rem; /* 10px */
+  width: 50%;
+  height: 1.875rem; /* 30px */
+}
+
+.styles-module_wrapper__aam6z > div > div > div.subtitle {
+  margin-bottom: 1.875rem; /* 30px */
+  width: 25%;
+  height: 0.9375rem; /* 15px */
+}
+
+.styles-module_wrapper__aam6z > div > div > div.paragraph {
+  width: 100%;
+  height: 0.9375rem; /* 15px */
+}
+
+.styles-module_wrapper__aam6z > div > div > div.paragraph:not(:last-child) {
+  margin-bottom: 0.625rem; /* 10px */
+}
+
+.styles-module_wrapper__aam6z > div > div > div.value {
+  width: 50%;
+  height: 1.875rem; /* 30px */
+}
+
+/* Card type skeleton */
+.styles-module_wrapper__aam6z .card {
+  position: relative;
+  border: 0.125rem solid var(--grey50); /* 2px */
+  border-radius: 0.375rem; /* 6px */
+  width: 18.75rem; /* 300px */
+  overflow: hidden;
+}
+
+.styles-module_wrapper__aam6z .card .cover {
+  width: 100%;
+  height: 10.3125rem; /* 165px */
+}
+
+.styles-module_wrapper__aam6z .card .avatar {
+  position: absolute;
+  margin: -2.8125rem 0 0 1.25rem; /* -45px 0 0 20px */
+  width: 5.625rem; /* 90px */
+  height: 5.625rem; /* 90px */
+  border: 0.0625rem solid var(--grey50); /* 1px */
+  border-radius: 999px;
+}
+
+.styles-module_wrapper__aam6z .card .title {
+  margin: 4.6875rem 0 1.875rem 1.5625rem; /* 75px 0 30px 25px */
+}
+
+.styles-module_wrapper__aam6z .card .paragraph {
+  margin: 0 auto 1.25rem auto; /* 0 auto 20px auto */
+  width: calc(100% - 2.5rem); /* 40px */
+}
+
+.styles-module_wrapper__aam6z .card .paragraph:last-child {
+  width: 40%;
+  margin-left: 1.25rem; /* 20px */
+}
+
+/* Grid layout for cards */
+.styles-module_grid__YSu3m {
+  display: grid;
+  grid-template-columns: repeat(auto-fill, 18.75rem); /* 300px */
+  grid-gap: 0.9375rem; /* 15px */
+  justify-content: flex-start;
+}
+
+.styles-module_gridCenter__ANHa7 {
+  justify-content: center;
+}
+
+.styles-module_wrapper__RzCI3 .tab {
+  border-color: var(--fieldBorderColor);
+}
+
+.styles-module_wrapper__RzCI3 .tab[aria-selected='true'] {
+  border-bottom: 0;
+}
+
+.styles-module_wrapper__RzCI3 .tab[aria-selected='false'] {
+  background-color: var(--fieldBorderColor);
+  color: var(--black);
+  transition-duration: var(--transitionDurationDefault);
+}
+
+.styles-module_wrapper__RzCI3 .tab[aria-selected='false']:hover {
+  color: var(--black);
+}
+
+.styles-module_wrapper__RzCI3 .tab:first-child {
+  border-top-left-radius: var(--fieldBorderRadius);
+}
+
+.styles-module_wrapper__RzCI3 .tab:last-child {
+  border-top-right-radius: var(--fieldBorderRadius);
+}
+
+.styles-module_wrapper__RzCI3 .panel {
+  border-radius: 0 var(--fieldBorderRadius) var(--fieldBorderRadius) var(--fieldBorderRadius);
+  border-color: var(--fieldBorderColor);
+  background-color: var(--white);
+  padding: 1.875rem; /* 30px */
+}
+
+.styles-module_wrapper__RzCI3 .RRT__container {
+  position: relative;
+}
+
+.styles-module_wrapper__RzCI3 .RRT__tabs {
+  display: flex;
+  flex-wrap: wrap;
+}
+
+.styles-module_wrapper__RzCI3 .RRT__accordion {
+  flex-direction: column;
+}
+
+.styles-module_wrapper__RzCI3 .RRT__tab {
+  background: #eee;
+  border-style: solid;
+  border-color: var(--fieldBorderColor);
+  border-width: var(--fieldBorderWidth) var(--fieldBorderWidth) var(--fieldBorderWidth) 0;
+  cursor: pointer;
+  z-index: 1;
+  white-space: nowrap;
+  padding: 0.7em 1em;
+}
+
+.styles-module_wrapper__RzCI3 .RRT__tab:focus {
+  outline: 0;
+  background-color: var(--fieldBorderColor);
+}
+
+.styles-module_wrapper__RzCI3 .RRT__accordion .RRT__tab {
+  border-left-width: var(--fieldBorderWidth);
+}
+
+.styles-module_wrapper__RzCI3 .RRT__tab--first {
+  border-left-width: var(--fieldBorderWidth);
+}
+
+.styles-module_wrapper__RzCI3 .RRT__tab--selected {
+  background: var(--white);
+  border-color: var(--fieldBorderColor) var(--fieldBorderColor) var(--white);
+}
+
+.styles-module_wrapper__RzCI3 .RRT__tab--selected:focus {
+  background-color: var(--white);
+}
+
+.styles-module_wrapper__RzCI3 .RRT__tab--disabled {
+  opacity: 0.5;
+  cursor: not-allowed;
+}
+
+.styles-module_wrapper__RzCI3 .RRT__tab:focus {
+  z-index: 2;
+}
+
+.styles-module_wrapper__RzCI3 .RRT__tab--selected .RRT__removable {
+  position: relative;
+}
+
+.styles-module_wrapper__RzCI3 .RRT__tab--selected .RRT__removable-text {
+  margin-right: 0.625rem; /* 10px */
+}
+
+.styles-module_wrapper__RzCI3 .RRT__tab--selected .RRT__removable-icon {
+  position: absolute;
+  font-size: 1.125rem; /* 18px */
+  right: 0.5em;
+  top: 0.2em;
+}
+
+.styles-module_wrapper__RzCI3 .RRT__panel {
+  margin-top: -0.0625rem; /* -1px */
+  padding: 1em;
+  border: 0.0625rem solid var(--fieldBorderColor); /* 1px */
+}
+
+.styles-module_wrapper__RzCI3 .RRT__panel--hidden {
+  display: none;
+}
+
+.styles-module_wrapper__RzCI3 .RRT__accordion .RRT__panel {
+  margin-top: 0;
+}
+
+.styles-module_wrapper__RzCI3 .RRT__showmore {
+  background: var(--fieldBorderColor);
+  border: 0.0625rem solid var(--fieldBorderColor); /* 1px */
+  border-radius: 0 var(--fieldBorderRadius) 0 0;
+  cursor: pointer;
+  z-index: 1;
+  white-space: nowrap;
+  margin-left: -0.0625rem; /* -1px */
+  position: relative;
+}
+
+.styles-module_wrapper__RzCI3 .RRT__showmore--selected {
+  background: var(--white);
+  border-bottom: none;
+}
+
+.styles-module_wrapper__RzCI3 .RRT__showmore-label {
+  padding: 0.7em 1em;
+  position: relative;
+  z-index: 1;
+}
+
+.styles-module_wrapper__RzCI3 .RRT__showmore-label--selected {
+  background-color: var(--fieldBorderColor);
+}
+
+.styles-module_wrapper__RzCI3 .RRT__showmore-list {
+  position: absolute;
+  right: -0.0625rem; /* -1px */
+  top: 100%;
+  display: none;
+}
+
+.styles-module_wrapper__RzCI3 .RRT__showmore-list--opened {
+  display: block;
+}
+
+.styles-module_wrapper__RzCI3 .RRT__showmore-list--opened div.tab:last-child {
+  border-radius: 0;
+}
+
+.styles-module_wrapper__1j6mm {
+  display: flex;
+  flex-direction: column;
+}
+
+.styles-module_gridRow__N2mS7 {
+  display: block;
+}
+
+@media (min-width: 900px) {
+  .styles-module_gridRow__N2mS7 {
+    display: flex;
+  }
+}
+
+.styles-module_gridCol__F0vZS {
+  flex: var(--gridColSize, 1);
+}