/*! modern-normalize v1.1.0 | MIT License | https://github.com/sindresorhus/modern-normalize */
/*
Document
========
*/
/**
Use a better box model (opinionated).
*/
*,
::before,
::after {
  box-sizing: border-box;
}

/**
Use a more readable tab size (opinionated).
*/
html {
  -moz-tab-size: 4;
  tab-size: 4;
}

/**
1. Correct the line height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
*/
html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/*
Sections
========
*/
/**
Remove the margin in all browsers.
*/
body {
  margin: 0;
}

/**
Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3)
*/
body {
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
}

/*
Grouping content
================
*/
/**
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
*/
hr {
  height: 0;
  /* 1 */
  color: inherit;
  /* 2 */
}

/*
Text-level semantics
====================
*/
/**
Add the correct text decoration in Chrome, Edge, and Safari.
*/
abbr[title] {
  text-decoration: underline dotted;
}

/**
Add the correct font weight in Edge and Safari.
*/
b,
strong {
  font-weight: bolder;
}

/**
1. Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3)
2. Correct the odd 'em' font sizing in all browsers.
*/
code,
kbd,
samp,
pre {
  font-family: ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", Menlo, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/**
Add the correct font size in all browsers.
*/
small {
  font-size: 80%;
}

/**
Prevent 'sub' and 'sup' elements from affecting the line height in all browsers.
*/
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/*
Tabular data
============
*/
/**
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
*/
table {
  text-indent: 0;
  /* 1 */
  border-color: inherit;
  /* 2 */
}

/*
Forms
=====
*/
/**
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
*/
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */
}

/**
Remove the inheritance of text transform in Edge and Firefox.
1. Remove the inheritance of text transform in Firefox.
*/
button,
select {
  /* 1 */
  text-transform: none;
}

/**
Correct the inability to style clickable types in iOS and Safari.
*/
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

/**
Remove the inner border and padding in Firefox.
*/
::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
Restore the focus styles unset by the previous rule.
*/
:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
Remove the additional ':invalid' styles in Firefox.
See: https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737
*/
:-moz-ui-invalid {
  box-shadow: none;
}

/**
Remove the padding so developers are not caught out when they zero out 'fieldset' elements in all browsers.
*/
legend {
  padding: 0;
}

/**
Add the correct vertical alignment in Chrome and Firefox.
*/
progress {
  vertical-align: baseline;
}

/**
Correct the cursor style of increment and decrement buttons in Safari.
*/
::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}

/**
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/
[type=search] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}

/**
Remove the inner padding in Chrome and Safari on macOS.
*/
::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to 'inherit' in Safari.
*/
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

/*
Interactive
===========
*/
/*
Add the correct display in Chrome and Safari.
*/
summary {
  display: list-item;
}

/* THIS FILE WAS AUTOGENERATED BY CLUTCH. DO NOT EDIT. */
html, body {
  height: 100%;
  background-color: #121213;
}
#root {
  min-height: 100%;
  height: 1px;
  overflow-y: auto;
}

@font-face {
  font-family: Moderat;
  src: url("https://clutch-strapi-bucket.s3.amazonaws.com/Moderat_Regular_63996dac78.woff2") format("woff2");
}
@font-face {
  font-family: "Moderat Mono";
  src: url("https://clutch-strapi-bucket.s3.amazonaws.com/Moderat_Mono_Regular_3b6c98de61.woff2") format("woff2");
}
@font-face {
  font-family: Moderat;
  font-weight: 700;
  src: url("https://clutch-strapi-bucket.s3.amazonaws.com/Moderat_Bold_9510de8437.woff2") format("woff2");
}
body {
  -webkit-font-smoothing: antialiased;
}

/* THIS FILE WAS AUTOGENERATED BY CLUTCH. DO NOT EDIT. */
._clutchClass1043_1yro7_2 {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  object-fit: cover;
  vertical-align: top;
}

._clutchClass1046_1yro7_13 {
  display: inline-flex;
  overflow: hidden;
  width: 20px;
  min-width: 20px;
  height: 20px;
  align-items: center;
  justify-content: center;
  background: #8b52d2;
  border-radius: 50%;
  color: #fcfcfc;
  font-size: 10px;
  line-height: 20px;
  text-align: center;
}

/* THIS FILE WAS AUTOGENERATED BY CLUTCH. DO NOT EDIT. */
._clutchClass1049_ot27v_2 {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0px 4px;
  border: 1px solid transparent;
  height: 32px;
  background: var(--colors-elevation2);
  border-radius: 4px;
  gap: 0px;
  outline-offset: 1px;
  flex: 1 1 auto;
  min-width: 0;
}
._clutchClass1049_ot27v_2:hover {
  border-color: var(--colors-primary500);
}

._clutchClass1050_ot27v_20 {
  min-width: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--colors-text-disabled);
}

._clutchClass1051_ot27v_28 {
  all: unset;
  line-height: 30px;
  color: var(--colors-text-initial);
  font-size: 13px;
  min-width: 0;
  display: block;
  flex: 1 1 auto;
  padding: 0 6px;
}
._clutchClass1051_ot27v_28::placeholder {
  color: var(--colors-text-disabled);
}
._clutchClass1051_ot27v_28:focus {
  color: var(--colors-text-enabled);
}
._clutchClass1051_ot27v_28:focus::placeholder {
  color: var(--colors-text-initial);
}

/* THIS FILE WAS AUTOGENERATED BY CLUTCH. DO NOT EDIT. */
._clutchClass1062_1kvkt_2 {
  font-family: Moderat;
  color: #b1b1b2;
  font-size: 16px;
  line-height: 24px;
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  min-width: 0;
}

._clutchClass1063_1kvkt_13 {
  font-weight: bold;
}

._clutchClass1064_1kvkt_17 {
  font-size: 13px;
  line-height: 20px;
}

._clutchClass1065_1kvkt_22 {
  font-family: "Mono Regular";
  font-size: 13px;
  line-height: 20px;
  letter-spacing: -5%;
}

._clutchClass1066_1kvkt_29 {
  font-size: 13px;
  line-height: 20px;
  font-weight: bold;
}

._clutchClass1067_1kvkt_35 {
  font-size: 13px;
  line-height: 20px;
  font-weight: bold;
  font-style: italic;
}

._clutchClass1068_1kvkt_42 {
  font-size: 13px;
  line-height: 20px;
  font-style: italic;
}

._clutchClass1069_1kvkt_48 {
  font-size: 10px;
  line-height: 14px;
}

._clutchClass1070_1kvkt_53 {
  font-size: 10px;
  line-height: 14px;
  font-weight: bold;
}

._clutchClass1071_1kvkt_59 {
  font-size: 8px;
  line-height: 10px;
  text-transform: uppercase;
  letter-spacing: 1px;
}

._clutchClass1072_1kvkt_66 {
  font-size: 8px;
  line-height: 10px;
  font-weight: bold;
}

._clutchClass1073_1kvkt_72 {
  font-size: 8px;
  line-height: 10px;
  font-weight: bold;
  text-transform: uppercase;
}

._clutchClass1074_1kvkt_79 {
  font-size: 20px;
  line-height: 29px;
}

._clutchClass1075_1kvkt_84 {
  font-size: 25px;
  line-height: 40px;
}

._clutchClass1076_1kvkt_89 {
  font-size: 33px;
  line-height: 44px;
}

._clutchClass1077_1kvkt_94 {
  font-size: 39px;
  line-height: 56px;
}

._clutchClass1078_1kvkt_99 {
  font-size: 49px;
  line-height: 70px;
}

._clutchClass1079_1kvkt_104 {
  font-size: 61px;
  line-height: 88px;
}

/* THIS FILE WAS AUTOGENERATED BY CLUTCH. DO NOT EDIT. */
._clutchClass1081_1ufsu_2 {
  flex-shrink: 0;
}

/* THIS FILE WAS AUTOGENERATED BY CLUTCH. DO NOT EDIT. */
._clutchClass1105_1qlzm_2 {
  all: unset;
  width: 24px;
  height: 24px;
  border-radius: 2px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--colors-elevation2);
}
._clutchClass1105_1qlzm_2:hover {
  background-color: var(--colors-elevation4);
}

._clutchClass1106_1qlzm_16 {
  padding: 6px 8px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  gap: 6px;
}
._clutchClass1106_1qlzm_16:focus {
  background-color: var(--colors-elevation3);
  outline: 0;
}

._clutchClass1107_1qlzm_29 {
  padding: 6px 8px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  gap: 6px;
}
._clutchClass1107_1qlzm_29:focus {
  background-color: var(--colors-elevation3);
  outline: 0;
}

._clutchClass1108_1qlzm_42 {
  background-color: var(--colors-elevation2);
  border-radius: 4px;
  overflow: hidden;
  max-height: 400px;
  overflow-y: auto;
}

/* THIS FILE WAS AUTOGENERATED BY CLUTCH. DO NOT EDIT. */
._clutchClass1053_1pvxe_2 {
  display: flex;
  align-items: center;
  gap: 6px;
}

._clutchClass1054_1pvxe_8 {
  display: flex;
  align-items: center;
  justify-content: center;
}

._clutchClass1055_1pvxe_14 {
  background: var(--colors-elevation3);
  width: 24px;
  height: 24px;
  border: 1px solid;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
}
._clutchClass1055_1pvxe_14:hover {
  border-color: var(--colors-primary700);
}
._clutchClass1055_1pvxe_14:focus {
  outline: 2px solid var(--colors-primary500);
  outline-offset: 1px;
  border-color: var(--colors-primary400);
}

/* THIS FILE WAS AUTOGENERATED BY CLUTCH. DO NOT EDIT. */
._clutchClass1056_1x5y4_2 {
  padding: 0 8px;
  border-radius: 4px;
  background: var(--colors-elevation3);
  border: 1px solid transparent;
  outline: 2px solid transparent;
  outline-offset: 1px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex: 1;
  gap: 4px;
}
._clutchClass1056_1x5y4_2:hover {
  border-color: var(--colors-primary500);
}
._clutchClass1056_1x5y4_2:focus {
  outline-color: var(--colors-primary600);
}

._clutchClass1057_1x5y4_23 {
  padding: 8px;
}

._clutchClass1058_1x5y4_27 {
  background: var(--colors-elevation2);
  box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.25);
  border-radius: 4px;
  position: relative;
  overflow: hidden;
}

/* THIS FILE WAS AUTOGENERATED BY CLUTCH. DO NOT EDIT. */
._clutchClass1100_1such_2 {
  all: unset;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  color: var(--colors-text-disabled);
  outline: 2px solid transparent;
}
._clutchClass1100_1such_2:hover {
  background: var(--colors-elevation3);
  color: var(--colors-text-enabled);
}
._clutchClass1100_1such_2:focus {
  outline-color: var(--colors-primary600);
}

/* THIS FILE WAS AUTOGENERATED BY CLUTCH. DO NOT EDIT. */
._clutchClass1095_13lut_2 {
  display: flex;
  flex: 1;
  min-width: 0;
}

._clutchClass1096_13lut_8 {
  background-color: var(--colors-elevation2);
  padding: 0 12px;
  padding-right: 8px;
  display: flex;
  justify-content: space-between;
  height: 48px;
  align-items: center;
}

._clutchClass1097_13lut_18 {
  display: flex;
  align-items: center;
  gap: 16px;
}

._clutchClass1098_13lut_24 {
  padding: 12px;
}

._clutchClass1099_13lut_28 {
  width: 286px;
  border-radius: 6px;
  overflow: hidden;
  background: var(--colors-elevation1);
  box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.2), 0px 40px 40px rgba(0, 0, 0, 0.1);
}

/* THIS FILE WAS AUTOGENERATED BY CLUTCH. DO NOT EDIT. */
._clutchClass1091_1abva_2 {
  display: block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  border: 2px solid white;
  filter: drop-shadow(0px 0px 3px rgba(0, 0, 0, 0.7));
}
._clutchClass1091_1abva_2:focus-visible {
  outline: 2px solid var(--colors-primary600);
  outline-offset: 1px;
}

/* THIS FILE WAS AUTOGENERATED BY CLUTCH. DO NOT EDIT. */
._clutchClass1092_1nrw7_2 {
  background-color: #ff0000;
  border-radius: 2px;
  transition: all 0.3s ease-out;
  position: relative;
  height: 144px;
}
._clutchClass1092_1nrw7_2::before, ._clutchClass1092_1nrw7_2::after {
  content: "";
  position: absolute;
  display: block;
  border-radius: 2px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
}
._clutchClass1092_1nrw7_2::before {
  background: linear-gradient(to right, white 0%, rgba(255, 255, 255, 0) 100%);
}
._clutchClass1092_1nrw7_2::after {
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, black 100%);
}

/* THIS FILE WAS AUTOGENERATED BY CLUTCH. DO NOT EDIT. */
._clutchClass1087_goo12_2 {
  background: linear-gradient(to left, #ff0000 0%, #ff0099 10%, #cd00ff 20%, #3200ff 30%, #0066ff 40%, #00fffd 50%, #00ff66 60%, #35ff00 70%, #cdff00 80%, #ff9900 90%, #ff0000 100%);
  position: relative;
  flex-grow: 1;
  border-radius: 9999px;
  height: 10px;
}

._clutchClass1088_goo12_10 {
  position: relative;
  display: flex;
  align-items: center;
  user-select: none;
  touch-action: none;
  height: 10px;
}

/* THIS FILE WAS AUTOGENERATED BY CLUTCH. DO NOT EDIT. */
._clutchClass1089_10kpc_2 {
  position: relative;
  flex-grow: 1;
  border-radius: 9999px;
  height: 10px;
  overflow: hidden;
}
._clutchClass1089_10kpc_2::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-image: url("https://clutch.files/9559fe4af96024bc34f17e758a1ef0f958fe0d86cba12330b35cc23d894c8063");
  background-position: 0 0;
  background-size: contain;
  background-repeat: repeat;
  opacity: 0.2;
}
._clutchClass1089_10kpc_2::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

._clutchClass1090_10kpc_31 {
  position: relative;
  display: flex;
  align-items: center;
  user-select: none;
  touch-action: none;
  height: 10px;
}

/* THIS FILE WAS AUTOGENERATED BY CLUTCH. DO NOT EDIT. */
._clutchClass1085_ef5xu_2 {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

._clutchClass1086_ef5xu_8 {
  display: flex;
  gap: 4px;
}

/* THIS FILE WAS AUTOGENERATED BY CLUTCH. DO NOT EDIT. */
._clutchClass1059_1cnhj_2 {
  display: flex;
  align-items: center;
  gap: 4px;
  flex-grow: 1;
  min-width: 0;
}

._clutchClass1060_1cnhj_10 {
  width: 20px;
  height: 20px;
  border-radius: 2px;
  border: 1px solid transparent;
}

/* THIS FILE WAS AUTOGENERATED BY CLUTCH. DO NOT EDIT. */
._clutchClass1061_5jb3b_2 {
  padding: 0 4px;
  background: var(--colors-elevation2);
  gap: 2px;
  display: flex;
  align-items: center;
  border-radius: 4px;
  height: 32px;
}

/* THIS FILE WAS AUTOGENERATED BY CLUTCH. DO NOT EDIT. */
._clutchClass1080_s9zgo_2 {
  padding-top: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  margin-right: 0px;
  min-height: 100vh;
  min-width: 100vw;
  display: flex;
}

html, body {
  background: transparent !important;
}

/* THIS FILE WAS AUTOGENERATED BY CLUTCH. DO NOT EDIT. */
._clutchClass1084_1np42_2 {
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--colors-text-disabled);
  flex-grow: 1;
  border: 2px solid transparent;
  background: transparent;
  outline: 0;
  border-radius: 4px;
}
._clutchClass1084_1np42_2[data-state=on] {
  color: var(--colors-text-enabled);
}
._clutchClass1084_1np42_2:focus-visible {
  border-color: var(--colors-primary500);
}
._clutchClass1084_1np42_2:hover {
  background: var(--colors-elevation4);
}

/* THIS FILE WAS AUTOGENERATED BY CLUTCH. DO NOT EDIT. */
._clutchClass1101_1c9p3_2 {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

._clutchClass1102_1c9p3_8 {
  background: var(--colors-elevation2);
  height: 152px;
  border-radius: 4px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}

._clutchClass1103_1c9p3_18 {
  object-fit: contain;
  width: 100%;
  height: 100%;
}

._clutchClass1104_1c9p3_24 {
  display: flex;
  flex-direction: column;
}

/* THIS FILE WAS AUTOGENERATED BY CLUTCH. DO NOT EDIT. */
._clutchClass1109_1tgka_2 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 36%;
  height: 32px;
  flex-shrink: 0;
}

._clutchClass1110_1tgka_11 {
  display: flex;
  gap: 4px;
  padding: 2px 0;
}

/* THIS FILE WAS AUTOGENERATED BY CLUTCH. DO NOT EDIT. */
._clutchClass1111_skvcp_2 {
  all: unset;
  border-radius: 4px;
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 4px;
  background-color: var(--colors-elevation2);
  border: 1px solid transparent;
  outline-offset: 1px;
  min-width: 0;
}
._clutchClass1111_skvcp_2:hover {
  border-color: var(--colors-primary500);
}
._clutchClass1111_skvcp_2:focus {
  outline: 2px solid var(--colors-primary500);
}

/* THIS FILE WAS AUTOGENERATED BY CLUTCH. DO NOT EDIT. */
._clutchClass1125_1pfbk_2 {
  all: unset;
  border: 1px solid transparent;
  border-radius: 4px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  color: var(--colors-text-enabled);
  background-color: var(--colors-primary500);
  padding: 0 12px;
  height: 32px;
  outline: 2px solid transparent;
  outline-offset: 1px;
}
._clutchClass1125_1pfbk_2:hover {
  background-color: var(--colors-primary700);
}
._clutchClass1125_1pfbk_2:focus-visible {
  background-color: var(--colors-primary700);
  outline-color: var(--colors-primary800);
  border-color: var(--colors-primary300);
}
._clutchClass1125_1pfbk_2:active {
  background-color: var(--colors-primary800);
}
._clutchClass1125_1pfbk_2:disabled {
  opacity: 0.3;
}

._clutchClass1126_1pfbk_32 {
  background-color: var(--colors-neutral700);
}
._clutchClass1126_1pfbk_32:hover {
  background-color: var(--colors-neutral800);
}
._clutchClass1126_1pfbk_32:focus-visible {
  background-color: var(--colors-neutral800);
}
._clutchClass1126_1pfbk_32:active {
  background-color: var(--colors-neutral900);
}

._clutchClass1127_1pfbk_45 {
  background: none;
  border-color: var(--colors-neutral800);
}
._clutchClass1127_1pfbk_45:hover {
  background-color: var(--colors-neutral800);
}
._clutchClass1127_1pfbk_45:focus-visible {
  background-color: var(--colors-neutral800);
}
._clutchClass1127_1pfbk_45:active {
  background-color: var(--colors-neutral900);
}

._clutchClass1132_1pfbk_59 {
  color: var(--colors-text-initial);
  background: none;
}
._clutchClass1132_1pfbk_59:hover {
  background-color: var(--colors-neutral800);
  color: var(--colors-text-enabled);
}
._clutchClass1132_1pfbk_59:focus-visible {
  background-color: var(--colors-neutral800);
  color: var(--colors-text-enabled);
}
._clutchClass1132_1pfbk_59:active {
  background-color: var(--colors-neutral900);
  color: var(--colors-text-enabled);
}

/* THIS FILE WAS AUTOGENERATED BY CLUTCH. DO NOT EDIT. */
._clutchClass1120_l7yxl_2 {
  all: unset;
  background: var(--colors-elevation3);
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 0 6px;
  height: 24px;
  border-radius: 4px;
  outline-offset: 1px;
  border: 1px solid transparent;
  min-width: 0;
}
._clutchClass1120_l7yxl_2:hover {
  border-color: var(--colors-primary500);
}
._clutchClass1120_l7yxl_2:focus-visible {
  outline: 2px solid var(--colors-primary500);
}

/* THIS FILE WAS AUTOGENERATED BY CLUTCH. DO NOT EDIT. */
._clutchClass1112_1my4i_2 {
  background: var(--colors-elevation2);
  height: 152px;
  border-radius: 4px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}

._clutchClass1113_1my4i_12 {
  height: 24px;
  border-radius: 2px;
  width: 24px;
  flex-shrink: 0;
}

._clutchClass1114_1my4i_19 {
  width: 100%;
  height: 100%;
}

/* THIS FILE WAS AUTOGENERATED BY CLUTCH. DO NOT EDIT. */
._clutchClass1121_144h3_2 {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

._clutchClass1122_144h3_8 {
  display: flex;
  flex-direction: column;
}

/* THIS FILE WAS AUTOGENERATED BY CLUTCH. DO NOT EDIT. */
._clutchClass1116_1kuhm_2 {
  display: flex;
  gap: 16px;
  flex-direction: column;
}

._clutchClass1117_1kuhm_8 {
  display: flex;
  align-items: center;
  gap: 12px;
}

._clutchClass1118_1kuhm_14 {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 4px;
}

._clutchClass1119_1kuhm_20 {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 12px 4px;
}

/* THIS FILE WAS AUTOGENERATED BY CLUTCH. DO NOT EDIT. */
._clutchClass1123_j2ssr_2 {
  background-color: var(--colors-elevation1);
  border-radius: 16px;
  display: inline-flex;
  padding: 4px;
  gap: 2px;
}

/* THIS FILE WAS AUTOGENERATED BY CLUTCH. DO NOT EDIT. */
._clutchClass1124_182hi_2 {
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--colors-text-initial);
  border-radius: 12px;
  padding: 0 16px;
  gap: 4px;
  background: none;
  border: 0;
  outline: 2px solid transparent;
  outline-offset: 1px;
}
._clutchClass1124_182hi_2[data-state=on] {
  background-color: var(--colors-elevation4) !important;
  color: var(--colors-text-enabled);
}
._clutchClass1124_182hi_2:hover {
  background-color: var(--colors-elevation2);
  color: var(--colors-text-enabled);
}
._clutchClass1124_182hi_2:focus-visible {
  outline-color: var(--colors-primary500);
}

/* THIS FILE WAS AUTOGENERATED BY CLUTCH. DO NOT EDIT. */
._clutchClass1133_bsada_2 {
  display: flex;
  flex-direction: column;
  border-bottom: 1px solid var(--colors-elevation3);
}

._clutchClass1134_bsada_8 {
  display: flex;
  padding: 12px;
  justify-content: space-between;
  align-items: center;
  gap: 4px;
  height: 48px;
}

._clutchClass1135_bsada_17 {
  display: flex;
  gap: 4px;
}

._clutchClass1136_bsada_22 {
  padding: 0 12px;
  padding-bottom: 16px;
}

/* THIS FILE WAS AUTOGENERATED BY CLUTCH. DO NOT EDIT. */
._clutchClass1137_6f0u7_2 {
  border: 0;
  outline: 0;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 8px;
  gap: 8px;
  height: 32px;
  user-select: none;
}
._clutchClass1137_6f0u7_2:focus {
  background-color: var(--colors-elevation3);
}

/* THIS FILE WAS AUTOGENERATED BY CLUTCH. DO NOT EDIT. */
._clutchClass1138_y02ul_2 {
  padding: 12px;
  background-color: var(--colors-elevation3);
  border-radius: 4px;
}