/* src/legacy/Alert/basic-alert.module.css */
.basic_alert_container {
  position: relative;
  color: var(--ink);
  padding: 16px;
  display: flex;
  flex-direction: row;
  gap: 8px;
}
.basic_alert_close {
  border: 0;
  background: transparent;
  position: absolute;
  top: 0;
  right: 0;
  padding: 8px;
  cursor: pointer;
}
.basic_alert_margin-right-24 {
  margin-right: 24px;
}
.basic_alert_line-height-24 {
  line-height: 24px;
}
.basic_alert_success {
  background-color: var(--lime-lighter);
}
.basic_alert_information {
  background-color: var(--blue-lighter);
}
.basic_alert_warning {
  background-color: var(--orange-lighter);
}
.basic_alert_error {
  background-color: var(--red-lighter);
}

/* src/legacy/Alert/collapsible-alert.module.css */
.collapsible_alert_header {
  position: relative;
  color: var(--ink);
  padding: 16px;
  display: flex;
  flex-direction: row;
  gap: 8px;
  cursor: pointer;
}
.collapsible_alert_header.collapsible_alert_expanded {
  padding-bottom: 8px;
}
.collapsible_alert_body {
  padding: 0 16px 16px 48px;
}
.collapsible_alert_collapse {
  border: 0;
  background: transparent;
  align-self: start;
  margin-left: auto;
  cursor: pointer;
}
.collapsible_alert_line-height-24 {
  line-height: 24px;
}
.collapsible_alert_success {
  background-color: var(--lime-lighter);
}
.collapsible_alert_information {
  background-color: var(--blue-lighter);
}
.collapsible_alert_warning {
  background-color: var(--orange-lighter);
}
.collapsible_alert_error {
  background-color: var(--red-lighter);
}

/* src/legacy/Badge/badge.module.css */
.badge_badge {
  padding: 2px 8px;
  border-radius: 4px;
  font-weight: 600;
  font-size: 1.4rem;
  font-family: "Averta", sans-serif;
}
.badge_success {
  background-color: var(--lime-lighter);
  color: var(--ink);
}
.badge_error {
  background-color: var(--red-lighter);
  color: var(--ink);
}
.badge_warning {
  background-color: var(--orange-lighter);
  color: var(--ink);
}
.badge_info {
  background-color: var(--blue-lighter);
  color: var(--ink);
}
.badge_reverse-success {
  background-color: var(--lime);
  color: var(--white);
}
.badge_reverse-error {
  background-color: var(--red);
  color: var(--white);
}
.badge_reverse-warning {
  background-color: var(--orange);
  color: var(--white);
}
.badge_reverse-info {
  background-color: var(--blue);
  color: var(--white);
}

/* src/legacy/Button/button.module.css */
@layer legacy {
  .button_button:not(.tsqd-parent-container *),
  button:not([type=button]):not([class^=Mui]):not(.tsqd-parent-container *) {
    height: 42px;
    font-family: "Averta", sans-serif;
    border-radius: var(--border-radius);
    background-color: var(--lime);
    color: var(--white);
    font-size: 16px;
    font-weight: 600;
    padding: 0 16px;
    cursor: pointer;
    border: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    outline: none;
  }
  .button_button:not([class^=Mui]):not(.tsqd-parent-container *) > p,
  button:not([type=button]):not([class^=Mui]):not(.tsqd-parent-container *) > p {
    width: fit-content;
  }
  .button_button:is(:hover, .button_active):not([class^=Mui]):not(.tsqd-parent-container *),
  button:not([type=button]):is(:hover, .button_active):not([class^=Mui]):not(.tsqd-parent-container *) {
    background-color: var(--lime-dark);
    transition: all 0.2s ease;
  }
  .button_button:not([class^=Mui]):not(.tsqd-parent-container *) > svg + *,
  button:not([type=button]):not(.tsqd-parent-container *) > svg + * {
    margin-left: 8px;
  }
  .button_button.button_fullWidth:not([class^=Mui]):not(.tsqd-parent-container *),
  button:not([type=button]).button_fullWidth:not(.tsqd-parent-container *) {
    width: 100%;
  }
  .button_button.button_danger:not([class^=Mui]):not(.tsqd-parent-container *),
  button:not([type=button]).button_danger:not(.tsqd-parent-container *) {
    background-color: var(--red);
  }
  .button_button.button_danger:is(:hover, [aria-pressed=true]):not(:disabled):not([class^=Mui]):not(.tsqd-parent-container *),
  button:not([type=button]).button_danger:is(:hover, [aria-pressed=true]):not(:disabled):not(.tsqd-parent-container *) {
    background-color: var(--red-dark);
  }
  .button_button.button_secondary:not([class^=Mui]):not(.tsqd-parent-container *),
  button:not([type=button]).button_secondary:not(.tsqd-parent-container *) {
    background-color: var(--white);
    color: var(--ink);
    border: 1px solid var(--ink-16);
    font-weight: normal;
  }
  .button_button.button_secondary:is(:hover, [aria-pressed=true]):not(:disabled):not([class^=Mui]):not(.tsqd-parent-container *),
  button:not([type=button]).button_secondary:is(:hover, [aria-pressed=true]):not(:disabled):not(.tsqd-parent-container *) {
    background-color: var(--white);
    border-color: var(--lime);
    color: var(--lime);
  }
  .button_button.button_secondary.button_danger:not([class^=Mui]):not([disabled]):not(.tsqd-parent-container *),
  button:not([type=button]).button_secondary.button_danger:not(.tsqd-parent-container *) {
    background-color: var(--white);
    border-color: var(--red);
    color: var(--red);
  }
  .button_button.button_secondary.button_danger:is(:hover, [aria-pressed=true]):not([class^=Mui]):not(.tsqd-parent-container *),
  button:not([type=button]).button_secondary.button_danger:is(:hover, [aria-pressed=true]):not(.tsqd-parent-container *) {
    background-color: var(--white);
    border-color: var(--red-dark);
    color: var(--red-dark);
  }
  .button_button:disabled:not([class^=Mui]):not(.tsqd-parent-container *),
  button:not([type=button]):not([class^=Mui]):disabled:not(.tsqd-parent-container *) {
    cursor: no-drop;
    background-color: var(--paper-dark);
    color: var(--ink-lighter);
  }
}

/* src/legacy/Input/input.module.css */
@layer legacy {
  .input_container {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    font-family: var(--sans-serif);
  }
  .input_container input {
    font-family: var(--sans-serif);
  }
  .input_label:not(.tsqd-parent-container *) {
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 1.25;
    color: var(--ink);
    margin-bottom: 0.8rem;
  }
  .input_inputIcon,
  .input_inputCurrency,
  .input_input {
    height: 42px;
    border-radius: var(--border-radius);
    border: solid 1px var(--ink-lighter);
    background-color: var(--white);
    padding: 0 16px;
    font-size: 1.6rem;
  }
  .input_input:focus-visible {
    outline: none;
  }
  .input_inputIcon:hover,
  .input_inputCurrency:hover,
  .input_input:hover {
    border-color: var(--ink-light);
  }
  .input_inputIcon.input_focus:not(.input_error),
  .input_inputCurrency.input_focus:not(.input_error),
  .input_input:focus {
    box-shadow: 0 0 5px 0 rgba(18, 184, 134, 0.5);
    border: solid 1px var(--lime);
  }
  .input_inputIcon > input::placeholder,
  .input_inputCurrency > input::placeholder,
  .input_input::placeholder {
    color: var(--ink-lighter);
  }
  .input_inputIcon.input_disabled,
  .input_inputCurrency.input_disabled,
  input:disabled {
    border-color: var(--ink-lighter);
    background-color: var(--paper-dark);
  }
  .input_inputIcon.input_error,
  .input_inputCurrency.input_error,
  .input_error {
    border-color: var(--red);
  }
  .input_errorText {
    color: var(--red);
  }
  .input_inputIcon > input,
  .input_inputCurrency > input {
    flex: 1;
    font-size: 1.6rem;
    border: 0;
    border-radius: 0;
    outline: 0;
    padding: 0;
  }
  .input_inputIcon > input + *,
  .input_inputCurrency > input + p {
    margin-left: 8px;
    font-family: var(--sans-serif);
  }
  .input_inputCurrency {
    display: flex;
  }
  .input_inputCurrency > input::-webkit-outer-spin-button,
  .input_inputCurrency > input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
  }
  .input_inputCurrency[type=number] {
    -moz-appearance: textfield;
  }
  .input_inputCurrency > input + p {
    line-height: 38px;
    font-family: var(--sans-serif);
  }
  .input_inputIcon,
  .input_inputIcon > input + .input_iconContainer {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .input_inputIcon > input + .input_iconContainer {
    width: 24px;
    height: 24px;
  }
  .input_inputIcon > .input_iconContainer > * {
    width: 100%;
  }
}

/* src/legacy/Input/input-date.module.css */
.rdp-popper {
  background-color: white;
  box-shadow: 0 2px 5px rgb(0 0 0 / 15%);
  z-index: var(--z-index-one);
}
.rdp {
  font-family: var(--sans-serif);
  font-size: 1.6rem;
  --rdp-cell-size: 36px;
  --rdp-accent-color: var(--white);
  --rdp-background-color: var(--lime);
  --rdp-accent-color-dark: var(--white);
  --rdp-background-color-dark: var(--lime);
  --rdp-light-color: var(--ink-light);
  --rdp-outline: none;
  --rdp-outline-selected: none;
}
.rdp-caption {
  width: 100%;
  height: 42px;
  display: flex;
  align-items: center;
  text-align: center;
  margin-bottom: 16px;
}
.rdp-caption_label {
  font-size: 1.84rem;
  font-weight: normal;
}
.rdp-nav_button:hover:not([disabled]) {
  background-color: transparent;
}
.rdp-nav_icon path {
  fill: var(--rdp-light-color);
}
.rdp-head_cell {
  color: var(--rdp-light-color);
  font-weight: normal;
  text-transform: capitalize;
}
.rdp-button:focus-visible:not([disabled]),
.rdp-button:active:not([disabled]),
.rdp-button:focus-visible:not([disabled]):hover,
.rdp-button:active:not([disabled]):hover {
  color: inherit;
  background-color: transparent;
}
.rdp-day:not(.rdp-day_end):not(.rdp-day_start):not(.rdp-day_outside):not([disabled]):hover,
.rdp-day_selected:not([disabled]),
.rdp-day_selected:focus:not([disabled]),
.rdp-day_selected:active:not([disabled]),
.rdp-day_selected:hover:not([disabled]) {
  color: var(--rdp-accent-color);
  background-color: var(--rdp-background-color);
}
.rdp-day_today:not(.rdp-day_outside),
.rdp-day_today:not([disabled]) {
  font-weight: normal;
  color: inherit;
  position: relative;
}

/* src/legacy/Overlay/overlay.module.css */
.overlay_overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: var(--z-index-three);
  transition: all 0.3s linear;
  background-color: rgba(0, 0, 0, 0);
}
.overlay_visible {
  background-color: rgba(0, 0, 0, 0.75);
}
.overlay_transparent {
  background-color: rgba(0, 0, 0, 0);
}

/* src/legacy/Modal/modal.module.css */
.modal_modalContainer {
  border: none;
  background-color: var(--white);
  padding: 32px;
  width: 100%;
  border-radius: var(--border-radius);
}
.modal_modalContainer > h2 {
  margin-bottom: 8px;
}
.modal_modalButtons {
  display: flex;
  justify-content: flex-end;
  margin-top: 32px;
}
.modal_modalButtons button:last-child {
  margin-left: 16px;
}
@media screen and (min-width: 663px) {
  .modal_modalContainer {
    width: 663px;
  }
}

/* src/legacy/Select/select.module.css */
.select_selectContainer {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.select_selectContainer label {
  font-family: var(--sans-serif);
  margin-bottom: 8px;
}
.select_selectWithLabel:last-child {
  flex: 1;
}
.select_select {
  font-family: var(--sans-serif) !important;
  width: 100%;
}
.select_select input {
  height: 100%;
}
.select_select .select__indicators {
  height: 100% !important;
}
.select_select .select__indicator-separator {
  display: none;
}
.select_select .select__placeholder {
  color: var(--ink-lighter) !important;
  font-family: var(--sans-serif) !important;
}
.select_select .select__control {
  width: 100%;
  border-radius: var(--border-radius) !important;
  border-color: var(--ink-lighter) !important;
  transition: all 0.1s ease-in;
  font-size: 1.6rem;
}
.select_select .select__control--is-disabled {
  background-color: var(--paper-dark) !important;
  color: var(--ink-light) !important;
}
.select_select .select__control:hover:not(.select__control--is-focused) {
  border-color: var(--ink-light) !important;
}
.select_select .select__control--menu-is-open {
  border-color: var(--lime) !important;
  box-shadow: 0 1px 5px rgba(18, 184, 134, 0.5) !important;
}
.select_select .select__control--is-focused .select__single-value {
  color: var(--ink-lighter) !important;
  top: calc(100% + 6px);
}
.select_select .select__control--is-focused:not(.select__control--menu-is-open) {
  box-shadow: none !important;
}
.select_select .select__value-container {
  height: 100% !important;
  padding-left: 16px !important;
}
.select_select .select__menu {
  margin-top: 0 !important;
  box-shadow: 0 1px 4px var(--ink-16) !important;
}
.select_select .select__option {
  position: relative;
  padding: 16px !important;
  white-space: nowrap !important;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 1.6rem;
}
.select_select .select__menu-list {
  max-height: 195px;
  padding-top: 0 !important;
}
.select_select .select__option--is-focused,
.select_select .select__option--is-focused:active {
  background-color: var(--paper-dark) !important;
  color: var(--ink) !important;
}
.select_select .select__option--is-selected,
.select_select .select__option--is-selected:active {
  font-weight: 500;
}
.select_select .select__option--is-selected:not(:hover),
.select_select .select__option--is-selected:not(:hover):active {
  background-color: var(--white) !important;
  color: var(--ink) !important;
}
.select_select .select__multi-value {
  background-color: var(--paper-dark);
}
.select_select .select__multi-value__label {
  border-radius: 4px;
  padding: 5px 8px;
}
.select_select .select__multi-value__remove:hover {
  background-color: var(--paper-dark);
  cursor: pointer;
}
.select_select .select__multi-value__remove:hover rect {
  fill: var(--ink-light);
}
.select_select .select__menu-list--is-multi label {
  margin-bottom: 0;
}
.select_select .select__menu-list--is-multi input[type=checkbox]:checked + label:before {
  align-items: normal;
}

/* src/legacy/Switch/switch.module.css */
input[type=checkbox].switch_switch {
  display: none;
}
input[type=checkbox].switch_switch + label.switch_label {
  position: relative;
  display: inline-block;
  width: 100%;
  cursor: pointer;
  text-align: left;
  padding: 16px 44px 16px 12px;
  height: auto;
}
input[type=checkbox].switch_switch + label.switch_label.switch_reverse {
  text-align: right;
  padding: 16px 12px 16px 44px;
}
input[type=checkbox].switch_switch + .switch_label:before,
input[type=checkbox].switch_switch + .switch_label:after {
  content: "";
  position: absolute;
  margin: 0;
  outline: 0;
  top: 50%;
  -ms-transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
input[type=checkbox].switch_switch + .switch_label:hover:before {
  border-color: #9e9e9e;
}
input[type=checkbox].switch_switch + .switch_label:before {
  right: 0;
  left: initial;
  width: 34px;
  height: 14px;
  background-color: #9e9e9e !important;
  border-color: #9e9e9e;
  border-radius: 8px;
}
input[type=checkbox].switch_switch + .switch_label.switch_reverse:before {
  right: initial;
  left: 0;
}
input[type=checkbox].switch_switch + .switch_label:after {
  right: 14px;
  left: initial;
  width: 20px;
  height: 20px;
  background-color: #fafafa;
  border-radius: 50%;
  box-shadow:
    0 3px 1px -2px rgba(0, 0, 0, 0.14),
    0 2px 2px 0 rgba(0, 0, 0, 0.098),
    0 1px 5px 0 rgba(0, 0, 0, 0.084);
}
input[type=checkbox].switch_switch + .switch_label.switch_reverse:after {
  right: initial;
  left: 0;
}
input[type=checkbox].switch_switch:checked + .switch_label:before {
  background-color: var(--lime) !important;
  border-color: var(--lime) !important;
}
input[type=checkbox].switch_switch:checked + .switch_label:after {
  background-color: var(--white);
  -ms-transform: translate(80%, -50%);
  -webkit-transform: translate(80%, -50%);
  transform: translate(80%, -50%);
}
input[type=checkbox].switch_switch:checked + .switch_label .switch_toggle--on {
  display: inline-block;
}
input[type=checkbox].switch_switch:checked + .switch_label .switch_toggle--off {
  display: none;
}

/* src/legacy/Textarea/textarea.module.css */
@layer legacy {
  .textarea_container {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    font-family: var(--sans-serif);
  }
  .textarea_label:not(.tsqd-parent-container *) {
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 1.25;
    color: var(--ink);
    margin-bottom: 0.8rem;
  }
  .textarea_textarea {
    min-height: 84px;
    border-radius: var(--border-radius);
    border: solid 1px var(--ink-lighter);
    background-color: var(--white);
    font-family: var(--sans-serif);
    padding: 8px 16px;
    font-size: 1.6rem;
    resize: vertical;
  }
  .textarea_textarea:focus-visible {
    outline: none;
  }
  .textarea_textarea:hover {
    border-color: var(--ink-light);
  }
  .textarea_textarea:focus:not(.textarea_error) {
    box-shadow: 0 0 5px 0 rgba(18, 184, 134, 0.5);
    border: solid 1px var(--lime);
  }
  .textarea_textarea::placeholder {
    color: var(--ink-lighter);
    font-family: var(--sans-serif);
  }
  .textarea_textarea:disabled {
    border-color: var(--ink-lighter);
    background-color: var(--paper-dark);
  }
  .textarea_error,
  .textarea_error:hover {
    border-color: var(--red);
  }
  .textarea_errorText {
    color: var(--red);
  }
}

/* src/legacy/ToastNotification/toast-notification.module.css */
.toast_notification_notification {
  border-radius: var(--border-radius);
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--white);
  padding: 12px 16px;
}
.toast_notification_success {
  background-color: var(--lime);
}
.toast_notification_error {
  background-color: var(--red);
}
@keyframes :global(notification-enter) { 0% { transform: translateX(-100%); opacity: 0; } 100% { transform: translateX(0%); opacity: 1; } }
@keyframes :global(notification-exit) { 0% { transform: translateX(0%); opacity: 1; } 100% { transform: translateX(-100%); opacity: 0; } }

/* src/legacy/Tooltip/tooltip.module.css */
.tooltip_tooltip {
  padding: 4px 8px;
  border-radius: 4px;
  font-size: 14px;
  font-family: "Averta", sans-serif;
  line-height: 20px;
  background-color: var(--ink);
}

/* src/legacy/colors.module.css */
:root {
  --sans-serif: "Averta", sans-serif;
  --white: #fff;
  --card-border: rgba(0, 0, 0, 0.08);
  --veraneos: #00543c;
  --lime-lighter: #ecfaf6;
  --lime-16: #d9f3eb;
  --lime: #12b886;
  --lime-dark: #038b62;
  --blue-lighter: #d9eff2;
  --blue: #129cab;
  --orange-lighter: #fce6da;
  --orange: #ee641c;
  --red-lighter: #f9dddc;
  --red: #db2c24;
  --red-dark: #b50700;
  --gold: #ffb200;
  --purple: #7b0051;
  --tan: #b6a467;
  --paper: #faf9f8;
  --paper-dark: #f5f3f1;
  --paper-darker: #eee9e5;
  --ink-16: #dedfe0;
  --ink-lighter: #adb5bd;
  --ink-light: #868e96;
  --ink: #343a40;
  --border-radius: 4px;
  --yellow-100: #fff6c7;
  --yellow-200: #ffee8f;
  --custom-beige: #f7f5ed;
}
.veraneos {
  color: var(--veraneos);
}
.white {
  color: var(--white);
}
.lime-lighter {
  color: var(--lime-lighter);
}
.lime-16 {
  color: var(--lime-16);
}
.lime {
  color: var(--lime);
}
.lime-dark {
  color: var(--lime-dark);
}
.blue-lighter {
  color: var(--blue-lighter);
}
.blue {
  color: var(--blue);
}
.orange-lighter {
  color: var(--orange-lighter);
}
.orange {
  color: var(--orange);
}
.red-lighter {
  color: var(--red-lighter);
}
.red {
  color: var(--red);
}
.red-dark {
  color: var(--red-dark);
}
.gold {
  color: var(--gold);
}
.purple {
  color: var(--purple);
}
.tan {
  color: var(--tan);
}
.paper {
  color: var(--paper);
}
.paper-dark {
  color: var(--paper-dark);
}
.paper-darker {
  color: var(--paper-darker);
}
.ink-16 {
  color: var(--ink-16);
}
.ink-lighter {
  color: var(--ink-lighter);
}
.ink-light {
  color: var(--ink-light);
}
.ink {
  color: var(--ink);
}
.yellow-100 {
  color: var(--yellow-100);
}
.yellow-200 {
  color: var(--yellow-200);
}
.custom-beige {
  color: var(--custom-beige);
}

/* src/legacy/fonts.css */
@font-face {
  font-family: "Averta";
  src: url("../averta-regular-GVGAEGYU.woff2") format("woff2"), url("../averta-regular-6JAWKVBQ.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Averta";
  src: url("../averta-semibold-SYMCBK4E.woff2") format("woff2"), url("../averta-semibold-PFVGR3NJ.woff") format("woff");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "Averta";
  src: url("../averta-bold-FWG3SGIL.woff2") format("woff2"), url("../averta-bold-CRRYMHCR.woff") format("woff");
  font-weight: 700;
  font-style: normal;
}

/* src/legacy/text-styles.module.css */
html {
  font-size: 62.5%;
}
*,
*:before,
*:after {
  box-sizing: border-box;
}
.jumbo,
.title-xl {
  font-size: 3.2rem;
  font-weight: 800;
  line-height: 3.8rem;
}
h1,
.h1,
.title-l {
  font-size: 2.4rem;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 2.8rem;
}
h2,
.h2,
.title-m {
  font-size: 2rem;
  font-weight: 600;
  line-height: 2.4rem;
}
h3,
.h3,
.title-s {
  font-size: 1.6rem;
  line-height: 2rem;
  font-weight: 600;
  margin: 0;
}
p,
.body {
  font-size: 1.6rem;
  letter-spacing: 0;
  margin: 0;
  line-height: 2.4rem;
}
.badge {
  font-weight: 500;
  font-size: 1.4rem;
  line-height: 2rem;
}
.annotation {
  font-size: 1.4rem;
  line-height: 2rem;
}
.overline {
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 1.6rem;
  text-transform: uppercase;
}
.caption {
  font-size: 1.2rem;
  line-height: 1.6rem;
}
.bold {
  font-weight: 500;
}

/* src/legacy/z-index.css */
:root {
  --z-index-one: 1000;
  --z-index-two: 2000;
  --z-index-three: 3000;
  --z-index-four: 4000;
}

/* src/legacy/Checkbox/checkbox.module.css */
input[type=checkbox] {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
  outline-offset: 0;
}
input[type=checkbox] + label {
  cursor: pointer;
  font-size: 15px;
  font-family: var(--sans-serif);
  color: var(--ink);
  position: relative;
  padding-left: 32px;
  display: flex;
  align-items: center;
  height: 18px;
  user-select: none;
}
input[type=checkbox] + label:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 18px;
  height: 18px;
  border-radius: 3px;
  border: 1px solid;
  background-color: transparent;
}
input[type=checkbox] + label:after {
  content: "";
  position: absolute;
  top: 3px;
  left: 3px;
  width: 12px;
  height: 12px;
  transition: all 0.2s;
}
input[type=checkbox]:not(:checked) + label:before,
input[type=checkbox]:checked + label:after {
  border-color: var(--ink-lighter);
}
input[type=checkbox]:checked + label:before,
input[type=checkbox]:checked + label:after {
  border-color: var(--lime);
}
input[type=checkbox]:checked + label:before {
  content: "\2713";
  background-color: var(--lime);
  color: var(--white);
  display: flex;
  align-items: center;
  justify-content: center;
}
input[type=checkbox]:not(:checked):hover + label:before {
  border-color: var(--ink-light);
}
input[type=checkbox]:checked:hover + label:before {
  border-color: var(--lime-dark);
  background-color: var(--lime-dark);
}
input[type=checkbox]:focus + label::before {
  outline: solid 1px var(--lime-dark);
  outline-offset: 2px;
}

/* src/legacy/Radio/radio.module.css */
input[type=radio] {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
  outline-offset: 0;
}
input[type=radio]:not([class^=Mui]) + label {
  cursor: pointer;
  font-size: 1.5rem;
  font-family: var(--sans-serif);
  color: var(--ink);
  position: relative;
  padding-left: 32px;
  display: flex;
  align-items: center;
  height: 18px;
  user-select: none;
}
input[type=radio]:not([class^=Mui]) + label:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  border: 1px solid;
  background-color: transparent;
}
input[type=radio]:checked:not([class^=Mui]) + label:after,
input[type=radio]:not(:checked):not([class^=Mui]) + label:after {
  content: "";
  position: absolute;
  top: 3px;
  left: 3px;
  width: 12px;
  height: 12px;
  background-color: var(--lime);
  border-radius: 50%;
  transition: all 0.2s;
}
input[type=radio]:not([class^=Mui]):not(:checked) + label:before,
input[type=radio]:not([class^=Mui]):checked + label:after {
  border-color: var(--ink-lighter);
}
input[type=radio]:not([class^=Mui]):checked + label:before,
input[type=radio]:not([class^=Mui]):checked + label:after {
  border-color: var(--lime);
}
input[type=radio]:not([class^=Mui]):not(:checked):hover + label:before {
  border-color: var(--ink-light);
}
input[type=radio]:not([class^=Mui]):not(:checked):hover + label:after {
  background-color: var(--lime-dark);
}
input[type=radio]:not([class^=Mui]):checked:not(:focus):not(:disabled):hover + label:before {
  border-color: var(--lime-dark);
}
input[type=radio]:not([class^=Mui]):checked:hover + label:after {
  background-color: var(--lime-dark);
}
input[type=radio]:not([class^=Mui]):not(:checked):disabled + label:before {
  border-color: var(--ink-lighter);
  background-color: var(--paper);
}
input[type=radio]:not([class^=Mui]):not(:checked):disabled + label:after {
  background-color: var(--paper);
}
input[type=radio]:not([class^=Mui]):checked:disabled + label:before {
  border-color: var(--ink-lighter);
}
input[type=radio]:not([class^=Mui]):checked:disabled + label:after {
  background-color: var(--ink-lighter);
}
input[type=radio]:not([class^=Mui]):not(:checked) + label:after {
  opacity: 0;
  transform: scale(0);
}
input[type=radio]:not([class^=Mui]):checked + label:after {
  opacity: 1;
  transform: scale(1);
}
input[type=radio]:not([class^=Mui]):focus + label::before {
  outline: solid 1px var(--lime-dark);
  outline-offset: 1px;
  border-color: transparent;
}
/*# sourceMappingURL=index.css.map */