:root {
    /* primary */
    --touch-primary-100: #FEFDFB;
    --touch-primary-200: #FFFAE9;
    --touch-primary-light: var(--touch-primary-200);
    --touch-primary-hover-outline: var(--touch-primary-200);
    --touch-primary-300: #FFF2BF;
    --touch-primary-400: #FFE99C;
    --touch-primary-active-outline: var(--touch-primary-400);
    --touch-primary-500: #FFDE77;
    --touch-primary-600: #FDD272;
    --touch-primary-outline-light: var(--touch-primary-600);
    --touch-primary-700: #EBC164;
    --touch-primary-outline-medium: var(--touch-primary-700);
    --touch-primary-800: #D9A935;
    --touch-primary-outline-dark: var(--touch-primary-800);
    --touch-primary-900: #FFC800;
    --touch-primary: var(--touch-primary-900);
    --touch-primary-1000: #EFB200;
    --touch-primary-hover: var(--touch-primary-1000);
    --touch-primary-active: var(--touch-primary-1000);
    --touch-primary-1100: #9B6F00;
    --touch-primary-accessible-text-light: var(--touch-primary-1100);
    --touch-primary-1200: #46391D;
    --touch-primary-accessible-text-dark: var(--touch-primary-1200);
    --touch-primary-lightBlue: #70B7D6;

    --bg-tch-primary: var(--touch-primary);
    --bg-tch-primary-hover: var(--touch-primary-hover);
    --bg-tch-primary-active: var(--touch-primary-active);
    --bg-tch-primary-200: var(--touch-primary-200);
    --bg-tch-primary-400: var(--touch-primary-400);
    --solid-tch-primary-color: #000;
    --border-tch-primary-800: var(--touch-primary-800);
    --outline-tch-primary-color: var(--touch-primary-1100);
    --ghost-tch-primary-color: var(--touch-primary-1100);
    /* neutral */
    --touch-neutral-100: #FDFDFD;
    --touch-neutral-200: #F9F9F9;
    --touch-neutral-light: var(--touch-neutral-200);
    --touch-neutral-300: #F0F0F0;
    --touch-neutral-hover-outline: var(--touch-neutral-300);
    --touch-disable-bg: var(--touch-neutral-300);
    --touch-neutral-400: #E7E7E7;
    --touch-neutral-light-hover: var(--touch-neutral-400);
    --touch-neutral-500: #DDDDDD;
    --touch-disable-outline: var(--touch-neutral-800);
    --touch-neutral-600: #D1D1D1;
    --touch-neutral-active-outline: var(--touch-neutral-600);
    --touch-neutral-700: #C1C1C1;
    --touch-neutral-800: #ABABAB;
    --touch-disable-color: var(--touch-neutral-800);
    --touch-neutral-900: #333333;
    --touch-neutral: var(--touch-neutral-900);
    --touch-neutral-1000: #464646;
    --touch-neutral-hover: var(--touch-neutral-1000);
    --touch-neutral-1100: #676767;
    --touch-neutral-1200: #353535;
    --touch-neutral-active: var(--touch-neutral-1200);
    /* Neutral Button Colors */
    --bg-tch-neutral: var(--touch-neutral-900);
    --bg-tch-neutral-hover: var(--touch-neutral-hover);
    --bg-tch-neutral-active: var(--touch-neutral-active);
    --solid-tch-neutral-color: #ffffff;
    --border-tch-neutral: var(--touch-neutral-900);
    --bg-tch-neutral-300: var(--touch-neutral-300);
    --bg-tch-neutral-600: var(--touch-neutral-600);
    --outline-tch-neutral-color: var(--touch-neutral-1100);
    --ghost-tch-neutral-color: var(--touch-neutral-1100);
    --disabled-text-color: var(--touch-neutral-1100);
    --disabled-fill-color: var(--touch-neutral-1100);
    --disabled-bg-color: var(--touch-neutral-300);
    --disabled-border-color: var(--touch-neutral-800);
    /* success */
    --touch-success-100: #FBFEFC;
    --touch-success-200: #F2FCF5;
    --touch-success-hover-outline: var(--touch-success-200);
    --touch-success-300: #E9F9EE;
    --touch-success-400: #DDF3E4;
    --touch-success-500: #CCEBD7;
    --touch-success-active-outline: var(--touch-success-500);
    --touch-success-600: #B4DFC4;
    --touch-success-700: #92CEAC;
    --touch-success-800: #5BB98C;
    --touch-success-900: #30A46C;
    --touch-success: var(--touch-success-900);
    --touch-success-1000: #299764;
    --touch-success-hover: var(--touch-success-1000);
    --touch-success-1100: #18794E;
    --touch-success-active: var(--touch-success-1000);
    --touch-success-1200: #193B2D;
    --bg-tch-success: var(--touch-success);
    --bg-tch-success-hover: var(--touch-success-hover);
    --bg-tch-success-active: var(--touch-success-active);
    --solid-tch-success-color: #fff;
    --border-tch-success: var(--touch-success-800);
    --bg-tch-success-200: var(--touch-success-200);
    --bg-tch-success-400: var(--touch-success-400);
    --outline-tch-success-color: var(--touch-success-1100);
    --ghost-tch-success-color: var(--touch-success-1100);
    /* error */
    --touch-error-100: #FFFCFC;
    --touch-error-200: #FFF7F7;
    --touch-error-hover-outline: var(--touch-error-200);
    --touch-error-300: #FFEFEF;
    --touch-error-400: #FFE5E5;
    --touch-error-500: #FDD8D8;
    --touch-error-active-outline: var(--touch-error-500);
    --touch-error-600: #F9C6C6;
    --touch-error-700: #F3AEAF;
    --touch-error-800: #EB9091;
    --touch-error-900: #E5484D;
    --touch-error: var(--touch-error-900);
    --touch-error-1000: #D93D42;
    --touch-error-hover: var(--touch-error-1000);
    --touch-error-1100: #C62A2F;
    --touch-error-active: var(--touch-error-1100);
    --touch-error-1200: #641723;
    --bg-tch-error: var(--touch-error);
    --bg-tch-error-hover: var(--touch-error-hover);
    --bg-tch-error-active: var(--touch-error-active);
    --solid-tch-error-color: #fff;
    --border-tch-error: var(--touch-error-800);
    --bg-tch-error-200: var(--touch-error-200);
    --bg-tch-error-400: var(--touch-error-400);
    --outline-tch-error-color: var(--touch-error-1100);
    --ghost-tch-error-color: var(--touch-error-1100);
    /* warning */
    --touch-warning-100: #FEFDFB;
    --touch-warning-200: #FFF9ED;
    --touch-warning-300: #FFF3D0;
    --touch-warning-400: #FFECB7;
    --touch-warning-500: #FFE0A1;
    --touch-warning-600: #F5D08C;
    --touch-warning-700: #E4BB78;
    --touch-warning-800: #D6A35C;
    --touch-warning-900: #FFC53D;
    --touch-warning: var(--touch-warning-900);
    --touch-warning-1000: #FFBA1A;
    --touch-warning-1100: #915930;
    --touch-warning-1200: #4F3422;
    /* info */
    --touch-info-100: #FAFEFF;
    --touch-info-200: #F2FAFD;
    --touch-info-300: #E4F6FC;
    --touch-info-400: #D4EFF9;
    --touch-info-500: #C2E6F3;
    --touch-info-600: #ADD9EA;
    --touch-info-700: #92C9DD;
    --touch-info-800: #66B4CE;
    --touch-info-900: #59C2E8;
    --touch-info: var(--touch-info-900);
    --touch-info-1000: #38B3DD;
    --touch-info-1100: #177691;
    --touch-info-1200: #18404D;
    /*** - media types - ***/
    /* NR */
    --touch-nr-100: #E1F2FF;
    --touch-nr-200: #C2E5FF;
    --touch-nr-300: #6BC1FF;
    --touch-nr-400: #3CABFF;
    --touch-nr-500: #0091FF;
    --touch-nr-600: #1276E2;
    --touch-nr-700: #0F5096;
    --touch-nr-800: #123D6F;
    --touch-nr-900: #12325A;
    --touch-nr: var(--touch-nr-500);
    --touch-nr-1000: #102A4C;
    --touch-nr-1100: #11253F;
    --touch-nr-1200: #0F1B2D;
    /* Classics */
    --touch-classics-100: #DAF9FF;
    --touch-classics-200: #B6ECF7;
    --touch-classics-300: #20D0F3;
    --touch-classics-400: #13B7D8;
    --touch-classics-500: #05A2C2;
    --touch-classics-600: #28879F;
    --touch-classics-700: #1D5B6A;
    --touch-classics-800: #17444F;
    --touch-classics-900: #143741;
    --touch-classics-1000: #112F37;
    --touch-classics-1100: #0F272E;
    --touch-classics: var(--touch-classics-400);
    --touch-classics-1200: #0B1D22;
    /* TV */
    --touch-tv-100: #F1F1FF;
    --touch-tv-200: #E0DFFE;
    --touch-tv-300: #A19EFF;
    --touch-tv-400: #6F6DE2;
    --touch-tv-500: #5B5BD6;
    --touch-tv-600: #5858C0;
    --touch-tv-700: #404089;
    --touch-tv-800: #33336B;
    --touch-tv-900: #2D2C59;
    --touch-tv-1000: #27264D;
    --touch-tv-1100: #222040;
    --touch-tv: var(--touch-tv-500);
    --touch-tv-1200: #19182D;
    /* audio */
    --touch-audio-100: #D2F2E9;
    --touch-audio-200: #ADF0DD;
    --touch-audio-300: #0BD8B6;
    --touch-audio-400: #0ABBA4;
    --touch-audio-500: #12A594;
    --touch-audio-600: #238B7F;
    --touch-audio-700: #1B5E54;
    --touch-audio-800: #16463D;
    --touch-audio-900: #123A32;
    --touch-audio-1000: #0F312B;
    --touch-audio-1100: #0D2923;
    --touch-audio: var(--touch-audio-500);
    --touch-audio-1200: #091F1A;
}
.tmcSharedComponents {
  /*
  ! tailwindcss v3.4.16 | MIT License | https://tailwindcss.com
  */
  /*
  1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
  2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
  */
  /*
  1. Use a consistent sensible line-height in all browsers.
  2. Prevent adjustments of font size after orientation changes in iOS.
  3. Use a more readable tab size.
  4. Use the user's configured `sans` font-family by default.
  5. Use the user's configured `sans` font-feature-settings by default.
  6. Use the user's configured `sans` font-variation-settings by default.
  7. Disable tap highlights on iOS
  */
  /*
  1. Remove the margin in all browsers.
  2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
  */
  /*
  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)
  3. Ensure horizontal rules are visible by default.
  */
  /*
  Add the correct text decoration in Chrome, Edge, and Safari.
  */
  /*
  Remove the default font size and weight for headings.
  */
  /*
  Reset links to optimize for opt-in styling instead of opt-out.
  */
  /*
  Add the correct font weight in Edge and Safari.
  */
  /*
  1. Use the user's configured `mono` font-family by default.
  2. Use the user's configured `mono` font-feature-settings by default.
  3. Use the user's configured `mono` font-variation-settings by default.
  4. Correct the odd `em` font sizing in all browsers.
  */
  /*
  Add the correct font size in all browsers.
  */
  /*
  Prevent `sub` and `sup` elements from affecting the line height in all browsers.
  */
  /*
  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)
  3. Remove gaps between table borders by default.
  */
  /*
  1. Change the font styles in all browsers.
  2. Remove the margin in Firefox and Safari.
  3. Remove default padding in all browsers.
  */
  /*
  Remove the inheritance of text transform in Edge and Firefox.
  */
  /*
  1. Correct the inability to style clickable types in iOS and Safari.
  2. Remove default button styles.
  */
  /*
  Use the modern Firefox focus style for all focusable elements.
  */
  /*
  Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
  */
  /*
  Add the correct vertical alignment in Chrome and Firefox.
  */
  /*
  Correct the cursor style of increment and decrement buttons in Safari.
  */
  /*
  1. Correct the odd appearance in Chrome and Safari.
  2. Correct the outline style in Safari.
  */
  /*
  Remove the inner padding in Chrome and Safari on macOS.
  */
  /*
  1. Correct the inability to style clickable types in iOS and Safari.
  2. Change font properties to `inherit` in Safari.
  */
  /*
  Add the correct display in Chrome and Safari.
  */
  /*
  Removes the default spacing and border for appropriate elements.
  */
  /*
  Reset default styling for dialogs.
  */
  /*
  Prevent resizing textareas horizontally by default.
  */
  /*
  1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
  2. Set the default placeholder color to the user's configured gray 400 color.
  */
  /*
  Set the default cursor for buttons.
  */
  /*
  Make sure disabled buttons don't get the pointer cursor.
  */
  /*
  1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
  2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
     This can trigger a poorly considered lint error in some tools but is included by design.
  */
  /*
  Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
  */
  /* Make elements with the HTML hidden attribute stay hidden by default */
}
.tmcSharedComponents *, .tmcSharedComponents ::before, .tmcSharedComponents ::after {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x: ;
  --tw-pan-y: ;
  --tw-pinch-zoom: ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position: ;
  --tw-gradient-via-position: ;
  --tw-gradient-to-position: ;
  --tw-ordinal: ;
  --tw-slashed-zero: ;
  --tw-numeric-figure: ;
  --tw-numeric-spacing: ;
  --tw-numeric-fraction: ;
  --tw-ring-inset: ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur: ;
  --tw-brightness: ;
  --tw-contrast: ;
  --tw-grayscale: ;
  --tw-hue-rotate: ;
  --tw-invert: ;
  --tw-saturate: ;
  --tw-sepia: ;
  --tw-drop-shadow: ;
  --tw-backdrop-blur: ;
  --tw-backdrop-brightness: ;
  --tw-backdrop-contrast: ;
  --tw-backdrop-grayscale: ;
  --tw-backdrop-hue-rotate: ;
  --tw-backdrop-invert: ;
  --tw-backdrop-opacity: ;
  --tw-backdrop-saturate: ;
  --tw-backdrop-sepia: ;
  --tw-contain-size: ;
  --tw-contain-layout: ;
  --tw-contain-paint: ;
  --tw-contain-style: ;
}
.tmcSharedComponents ::backdrop {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x: ;
  --tw-pan-y: ;
  --tw-pinch-zoom: ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position: ;
  --tw-gradient-via-position: ;
  --tw-gradient-to-position: ;
  --tw-ordinal: ;
  --tw-slashed-zero: ;
  --tw-numeric-figure: ;
  --tw-numeric-spacing: ;
  --tw-numeric-fraction: ;
  --tw-ring-inset: ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur: ;
  --tw-brightness: ;
  --tw-contrast: ;
  --tw-grayscale: ;
  --tw-hue-rotate: ;
  --tw-invert: ;
  --tw-saturate: ;
  --tw-sepia: ;
  --tw-drop-shadow: ;
  --tw-backdrop-blur: ;
  --tw-backdrop-brightness: ;
  --tw-backdrop-contrast: ;
  --tw-backdrop-grayscale: ;
  --tw-backdrop-hue-rotate: ;
  --tw-backdrop-invert: ;
  --tw-backdrop-opacity: ;
  --tw-backdrop-saturate: ;
  --tw-backdrop-sepia: ;
  --tw-contain-size: ;
  --tw-contain-layout: ;
  --tw-contain-paint: ;
  --tw-contain-style: ;
}
.tmcSharedComponents *,
.tmcSharedComponents ::before,
.tmcSharedComponents ::after {
  box-sizing: border-box;
  /* 1 */
  border-width: 0;
  /* 2 */
  border-style: solid;
  /* 2 */
  border-color: #e5e7eb;
  /* 2 */
}
.tmcSharedComponents ::before,
.tmcSharedComponents ::after {
  --tw-content: "";
}
.tmcSharedComponents html,
.tmcSharedComponents :host {
  line-height: 1.5;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  -moz-tab-size: 4;
  /* 3 */
  -o-tab-size: 4;
  tab-size: 4;
  /* 3 */
  font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  /* 4 */
  font-feature-settings: normal;
  /* 5 */
  font-variation-settings: normal;
  /* 6 */
  -webkit-tap-highlight-color: transparent;
  /* 7 */
}
.tmcSharedComponents body {
  margin: 0;
  /* 1 */
  line-height: inherit;
  /* 2 */
}
.tmcSharedComponents hr {
  height: 0;
  /* 1 */
  color: inherit;
  /* 2 */
  border-top-width: 1px;
  /* 3 */
}
.tmcSharedComponents abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
}
.tmcSharedComponents h1,
.tmcSharedComponents h2,
.tmcSharedComponents h3,
.tmcSharedComponents h4,
.tmcSharedComponents h5,
.tmcSharedComponents h6 {
  font-size: inherit;
  font-weight: inherit;
}
.tmcSharedComponents a {
  color: inherit;
  text-decoration: inherit;
}
.tmcSharedComponents b,
.tmcSharedComponents strong {
  font-weight: bolder;
}
.tmcSharedComponents code,
.tmcSharedComponents kbd,
.tmcSharedComponents samp,
.tmcSharedComponents pre {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  /* 1 */
  font-feature-settings: normal;
  /* 2 */
  font-variation-settings: normal;
  /* 3 */
  font-size: 1em;
  /* 4 */
}
.tmcSharedComponents small {
  font-size: 80%;
}
.tmcSharedComponents sub,
.tmcSharedComponents sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
.tmcSharedComponents sub {
  bottom: -0.25em;
}
.tmcSharedComponents sup {
  top: -0.5em;
}
.tmcSharedComponents table {
  text-indent: 0;
  /* 1 */
  border-color: inherit;
  /* 2 */
  border-collapse: collapse;
  /* 3 */
}
.tmcSharedComponents button,
.tmcSharedComponents input,
.tmcSharedComponents optgroup,
.tmcSharedComponents select,
.tmcSharedComponents textarea {
  font-family: inherit;
  /* 1 */
  font-feature-settings: inherit;
  /* 1 */
  font-variation-settings: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  font-weight: inherit;
  /* 1 */
  line-height: inherit;
  /* 1 */
  letter-spacing: inherit;
  /* 1 */
  color: inherit;
  /* 1 */
  margin: 0;
  /* 2 */
  padding: 0;
  /* 3 */
}
.tmcSharedComponents button,
.tmcSharedComponents select {
  text-transform: none;
}
.tmcSharedComponents button,
.tmcSharedComponents input:where([type=button]),
.tmcSharedComponents input:where([type=reset]),
.tmcSharedComponents input:where([type=submit]) {
  -webkit-appearance: button;
  /* 1 */
  background-color: transparent;
  /* 2 */
  background-image: none;
  /* 2 */
}
.tmcSharedComponents :-moz-focusring {
  outline: auto;
}
.tmcSharedComponents :-moz-ui-invalid {
  box-shadow: none;
}
.tmcSharedComponents progress {
  vertical-align: baseline;
}
.tmcSharedComponents ::-webkit-inner-spin-button,
.tmcSharedComponents ::-webkit-outer-spin-button {
  height: auto;
}
.tmcSharedComponents [type=search] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}
.tmcSharedComponents ::-webkit-search-decoration {
  -webkit-appearance: none;
}
.tmcSharedComponents ::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}
.tmcSharedComponents summary {
  display: list-item;
}
.tmcSharedComponents blockquote,
.tmcSharedComponents dl,
.tmcSharedComponents dd,
.tmcSharedComponents h1,
.tmcSharedComponents h2,
.tmcSharedComponents h3,
.tmcSharedComponents h4,
.tmcSharedComponents h5,
.tmcSharedComponents h6,
.tmcSharedComponents hr,
.tmcSharedComponents figure,
.tmcSharedComponents p,
.tmcSharedComponents pre {
  margin: 0;
}
.tmcSharedComponents fieldset {
  margin: 0;
  padding: 0;
}
.tmcSharedComponents legend {
  padding: 0;
}
.tmcSharedComponents ol,
.tmcSharedComponents ul,
.tmcSharedComponents menu {
  list-style: none;
  margin: 0;
  padding: 0;
}
.tmcSharedComponents dialog {
  padding: 0;
}
.tmcSharedComponents textarea {
  resize: vertical;
}
.tmcSharedComponents input::-moz-placeholder, .tmcSharedComponents textarea::-moz-placeholder {
  opacity: 1;
  /* 1 */
  color: #9ca3af;
  /* 2 */
}
.tmcSharedComponents input::placeholder,
.tmcSharedComponents textarea::placeholder {
  opacity: 1;
  /* 1 */
  color: #9ca3af;
  /* 2 */
}
.tmcSharedComponents button,
.tmcSharedComponents [role=button] {
  cursor: pointer;
}
.tmcSharedComponents :disabled {
  cursor: default;
}
.tmcSharedComponents img,
.tmcSharedComponents svg,
.tmcSharedComponents video,
.tmcSharedComponents canvas,
.tmcSharedComponents audio,
.tmcSharedComponents iframe,
.tmcSharedComponents embed,
.tmcSharedComponents object {
  display: block;
  /* 1 */
  vertical-align: middle;
  /* 2 */
}
.tmcSharedComponents img,
.tmcSharedComponents video {
  max-width: 100%;
  height: auto;
}
.tmcSharedComponents [hidden]:where(:not([hidden=until-found])) {
  display: none;
}
.tmcSharedComponents .sr-only {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border-width: 0 !important;
}
.tmcSharedComponents .invisible {
  visibility: hidden !important;
}
.tmcSharedComponents .static {
  position: static !important;
}
.tmcSharedComponents .fixed {
  position: fixed !important;
}
.tmcSharedComponents .absolute {
  position: absolute !important;
}
.tmcSharedComponents .relative {
  position: relative !important;
}
.tmcSharedComponents .inset-0 {
  inset: 0px !important;
}
.tmcSharedComponents .bottom-0 {
  bottom: 0px !important;
}
.tmcSharedComponents .bottom-full {
  bottom: 100% !important;
}
.tmcSharedComponents .left-0 {
  left: 0px !important;
}
.tmcSharedComponents .left-1\/2 {
  left: 50% !important;
}
.tmcSharedComponents .left-full {
  left: 100% !important;
}
.tmcSharedComponents .right-0 {
  right: 0px !important;
}
.tmcSharedComponents .right-2 {
  right: 0.5rem !important;
}
.tmcSharedComponents .right-full {
  right: 100% !important;
}
.tmcSharedComponents .top-0 {
  top: 0px !important;
}
.tmcSharedComponents .top-1\/2 {
  top: 50% !important;
}
.tmcSharedComponents .top-\[-18px\] {
  top: -18px !important;
}
.tmcSharedComponents .top-full {
  top: 100% !important;
}
.tmcSharedComponents .z-10 {
  z-index: 10 !important;
}
.tmcSharedComponents .z-50 {
  z-index: 50 !important;
}
.tmcSharedComponents .my-1 {
  margin-top: 0.25rem !important;
  margin-bottom: 0.25rem !important;
}
.tmcSharedComponents .my-3 {
  margin-top: 0.75rem !important;
  margin-bottom: 0.75rem !important;
}
.tmcSharedComponents .mb-0 {
  margin-bottom: 0px !important;
}
.tmcSharedComponents .mb-10 {
  margin-bottom: 2.5rem !important;
}
.tmcSharedComponents .mb-2 {
  margin-bottom: 0.5rem !important;
}
.tmcSharedComponents .mb-4 {
  margin-bottom: 1rem !important;
}
.tmcSharedComponents .mb-6 {
  margin-bottom: 1.5rem !important;
}
.tmcSharedComponents .ml-2 {
  margin-left: 0.5rem !important;
}
.tmcSharedComponents .ml-4 {
  margin-left: 1rem !important;
}
.tmcSharedComponents .mr-1 {
  margin-right: 0.25rem !important;
}
.tmcSharedComponents .mr-2 {
  margin-right: 0.5rem !important;
}
.tmcSharedComponents .ms-2 {
  margin-inline-start: 0.5rem !important;
}
.tmcSharedComponents .mt-1 {
  margin-top: 0.25rem !important;
}
.tmcSharedComponents .mt-2 {
  margin-top: 0.5rem !important;
}
.tmcSharedComponents .mt-3 {
  margin-top: 0.75rem !important;
}
.tmcSharedComponents .mt-4 {
  margin-top: 1rem !important;
}
.tmcSharedComponents .block {
  display: block !important;
}
.tmcSharedComponents .inline-block {
  display: inline-block !important;
}
.tmcSharedComponents .flex {
  display: flex !important;
}
.tmcSharedComponents .inline-flex {
  display: inline-flex !important;
}
.tmcSharedComponents .hidden {
  display: none !important;
}
.tmcSharedComponents .h-0 {
  height: 0px !important;
}
.tmcSharedComponents .h-1 {
  height: 0.25rem !important;
}
.tmcSharedComponents .h-1\.5 {
  height: 0.375rem !important;
}
.tmcSharedComponents .h-10 {
  height: 2.5rem !important;
}
.tmcSharedComponents .h-14 {
  height: 3.5rem !important;
}
.tmcSharedComponents .h-2 {
  height: 0.5rem !important;
}
.tmcSharedComponents .h-2\.5 {
  height: 0.625rem !important;
}
.tmcSharedComponents .h-3 {
  height: 0.75rem !important;
}
.tmcSharedComponents .h-3\.5 {
  height: 0.875rem !important;
}
.tmcSharedComponents .h-4 {
  height: 1rem !important;
}
.tmcSharedComponents .h-4\.5 {
  height: 1.125rem !important;
}
.tmcSharedComponents .h-5 {
  height: 1.25rem !important;
}
.tmcSharedComponents .h-6 {
  height: 1.5rem !important;
}
.tmcSharedComponents .h-7 {
  height: 1.75rem !important;
}
.tmcSharedComponents .h-8 {
  height: 2rem !important;
}
.tmcSharedComponents .h-\[13px\] {
  height: 13px !important;
}
.tmcSharedComponents .h-\[18px\] {
  height: 18px !important;
}
.tmcSharedComponents .h-\[22px\] {
  height: 22px !important;
}
.tmcSharedComponents .h-\[26px\] {
  height: 26px !important;
}
.tmcSharedComponents .h-full {
  height: 100% !important;
}
.tmcSharedComponents .min-h-10 {
  min-height: 2.5rem !important;
}
.tmcSharedComponents .min-h-5 {
  min-height: 1.25rem !important;
}
.tmcSharedComponents .min-h-6 {
  min-height: 1.5rem !important;
}
.tmcSharedComponents .min-h-8 {
  min-height: 2rem !important;
}
.tmcSharedComponents .min-h-full {
  min-height: 100% !important;
}
.tmcSharedComponents .w-0 {
  width: 0px !important;
}
.tmcSharedComponents .w-1\.5 {
  width: 0.375rem !important;
}
.tmcSharedComponents .w-10 {
  width: 2.5rem !important;
}
.tmcSharedComponents .w-14 {
  width: 3.5rem !important;
}
.tmcSharedComponents .w-2\.5 {
  width: 0.625rem !important;
}
.tmcSharedComponents .w-20 {
  width: 5rem !important;
}
.tmcSharedComponents .w-3 {
  width: 0.75rem !important;
}
.tmcSharedComponents .w-3\.5 {
  width: 0.875rem !important;
}
.tmcSharedComponents .w-4 {
  width: 1rem !important;
}
.tmcSharedComponents .w-4\.5 {
  width: 1.125rem !important;
}
.tmcSharedComponents .w-5 {
  width: 1.25rem !important;
}
.tmcSharedComponents .w-6 {
  width: 1.5rem !important;
}
.tmcSharedComponents .w-8 {
  width: 2rem !important;
}
.tmcSharedComponents .w-\[13px\] {
  width: 13px !important;
}
.tmcSharedComponents .w-\[34px\] {
  width: 34px !important;
}
.tmcSharedComponents .w-\[44px\] {
  width: 44px !important;
}
.tmcSharedComponents .w-\[54px\] {
  width: 54px !important;
}
.tmcSharedComponents .w-auto {
  width: auto !important;
}
.tmcSharedComponents .w-fit {
  width: -moz-fit-content !important;
  width: fit-content !important;
}
.tmcSharedComponents .w-full {
  width: 100% !important;
}
.tmcSharedComponents .w-screen {
  width: 100vw !important;
}
.tmcSharedComponents .min-w-\[34px\] {
  min-width: 34px !important;
}
.tmcSharedComponents .min-w-\[44px\] {
  min-width: 44px !important;
}
.tmcSharedComponents .min-w-\[54px\] {
  min-width: 54px !important;
}
.tmcSharedComponents .flex-shrink-0 {
  flex-shrink: 0 !important;
}
.tmcSharedComponents .shrink-0 {
  flex-shrink: 0 !important;
}
.tmcSharedComponents .flex-grow {
  flex-grow: 1 !important;
}
.tmcSharedComponents .-translate-x-1\/2 {
  --tw-translate-x: -50% !important;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
}
.tmcSharedComponents .-translate-y-1\/2 {
  --tw-translate-y: -50% !important;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
}
.tmcSharedComponents .rotate-180 {
  --tw-rotate: 180deg !important;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
}
.tmcSharedComponents .transform {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
}
@keyframes pulse {
  50% {
    opacity: 0.5;
  }
}
.tmcSharedComponents .animate-pulse {
  animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite !important;
}
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
.tmcSharedComponents .animate-spin {
  animation: spin 1s linear infinite !important;
}
.tmcSharedComponents .cursor-not-allowed {
  cursor: not-allowed !important;
}
.tmcSharedComponents .cursor-pointer {
  cursor: pointer !important;
}
.tmcSharedComponents .cursor-text {
  cursor: text !important;
}
.tmcSharedComponents .select-none {
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
  user-select: none !important;
}
.tmcSharedComponents .resize-none {
  resize: none !important;
}
.tmcSharedComponents .appearance-none {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
}
.tmcSharedComponents .flex-col {
  flex-direction: column !important;
}
.tmcSharedComponents .flex-wrap {
  flex-wrap: wrap !important;
}
.tmcSharedComponents .flex-nowrap {
  flex-wrap: nowrap !important;
}
.tmcSharedComponents .items-start {
  align-items: flex-start !important;
}
.tmcSharedComponents .items-end {
  align-items: flex-end !important;
}
.tmcSharedComponents .items-center {
  align-items: center !important;
}
.tmcSharedComponents .justify-normal {
  justify-content: normal !important;
}
.tmcSharedComponents .justify-start {
  justify-content: flex-start !important;
}
.tmcSharedComponents .justify-end {
  justify-content: flex-end !important;
}
.tmcSharedComponents .justify-center {
  justify-content: center !important;
}
.tmcSharedComponents .justify-between {
  justify-content: space-between !important;
}
.tmcSharedComponents .justify-around {
  justify-content: space-around !important;
}
.tmcSharedComponents .gap-1 {
  gap: 0.25rem !important;
}
.tmcSharedComponents .gap-10 {
  gap: 2.5rem !important;
}
.tmcSharedComponents .gap-2 {
  gap: 0.5rem !important;
}
.tmcSharedComponents .gap-3 {
  gap: 0.75rem !important;
}
.tmcSharedComponents .gap-5 {
  gap: 1.25rem !important;
}
.tmcSharedComponents .gap-8 {
  gap: 2rem !important;
}
.tmcSharedComponents .gap-y-2 {
  row-gap: 0.5rem !important;
}
.tmcSharedComponents .space-x-2 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0 !important;
  margin-right: calc(0.5rem * var(--tw-space-x-reverse)) !important;
  margin-left: calc(0.5rem * (1 - var(--tw-space-x-reverse))) !important;
}
.tmcSharedComponents .divide-y > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-y-reverse: 0 !important;
  border-top-width: calc(1px * (1 - var(--tw-divide-y-reverse))) !important;
  border-bottom-width: calc(1px * var(--tw-divide-y-reverse)) !important;
}
.tmcSharedComponents .divide-gray-100 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1 !important;
  border-color: rgb(243 244 246/var(--tw-divide-opacity, 1)) !important;
}
.tmcSharedComponents .overflow-hidden {
  overflow: hidden !important;
}
.tmcSharedComponents .overflow-y-auto {
  overflow-y: auto !important;
}
.tmcSharedComponents .whitespace-nowrap {
  white-space: nowrap !important;
}
.tmcSharedComponents .rounded {
  border-radius: 0.25rem !important;
}
.tmcSharedComponents .rounded-3xl {
  border-radius: 1.5rem !important;
}
.tmcSharedComponents .rounded-\[9px\] {
  border-radius: 9px !important;
}
.tmcSharedComponents .rounded-full {
  border-radius: 9999px !important;
}
.tmcSharedComponents .rounded-lg {
  border-radius: 0.5rem !important;
}
.tmcSharedComponents .rounded-md {
  border-radius: 0.375rem !important;
}
.tmcSharedComponents .rounded-sm {
  border-radius: 0.125rem !important;
}
.tmcSharedComponents .rounded-xl {
  border-radius: 0.75rem !important;
}
.tmcSharedComponents .rounded-b-3xl {
  border-bottom-right-radius: 1.5rem !important;
  border-bottom-left-radius: 1.5rem !important;
}
.tmcSharedComponents .rounded-t-3xl {
  border-top-left-radius: 1.5rem !important;
  border-top-right-radius: 1.5rem !important;
}
.tmcSharedComponents .rounded-t-lg {
  border-top-left-radius: 0.5rem !important;
  border-top-right-radius: 0.5rem !important;
}
.tmcSharedComponents .border {
  border-width: 1px !important;
}
.tmcSharedComponents .border-2 {
  border-width: 2px !important;
}
.tmcSharedComponents .border-b {
  border-bottom-width: 1px !important;
}
.tmcSharedComponents .border-b-2 {
  border-bottom-width: 2px !important;
}
.tmcSharedComponents .border-b-4 {
  border-bottom-width: 4px !important;
}
.tmcSharedComponents .border-l-4 {
  border-left-width: 4px !important;
}
.tmcSharedComponents .border-r-4 {
  border-right-width: 4px !important;
}
.tmcSharedComponents .border-t {
  border-top-width: 1px !important;
}
.tmcSharedComponents .border-t-4 {
  border-top-width: 4px !important;
}
.tmcSharedComponents .border-solid {
  border-style: solid !important;
}
.tmcSharedComponents .border-\[\#70B7D6\] {
  --tw-border-opacity: 1 !important;
  border-color: rgb(112 183 214/var(--tw-border-opacity, 1)) !important;
}
.tmcSharedComponents .border-\[\#D1D1D1\] {
  --tw-border-opacity: 1 !important;
  border-color: rgb(209 209 209/var(--tw-border-opacity, 1)) !important;
}
.tmcSharedComponents .border-\[var\(--bg-tch-neutral\)\] {
  border-color: var(--bg-tch-neutral) !important;
}
.tmcSharedComponents .border-\[var\(--bg-tch-primary\)\] {
  border-color: var(--bg-tch-primary) !important;
}
.tmcSharedComponents .border-\[var\(--bg-tch-primary-400\)\] {
  border-color: var(--bg-tch-primary-400) !important;
}
.tmcSharedComponents .border-\[var\(--bg-tch-primary-800\)\] {
  border-color: var(--bg-tch-primary-800) !important;
}
.tmcSharedComponents .border-\[var\(--bg-tch-primary-active\)\] {
  border-color: var(--bg-tch-primary-active) !important;
}
.tmcSharedComponents .border-\[var\(--border-tch-error\)\] {
  border-color: var(--border-tch-error) !important;
}
.tmcSharedComponents .border-\[var\(--border-tch-neutral\)\] {
  border-color: var(--border-tch-neutral) !important;
}
.tmcSharedComponents .border-\[var\(--border-tch-primary-800\)\] {
  border-color: var(--border-tch-primary-800) !important;
}
.tmcSharedComponents .border-\[var\(--border-tch-success\)\] {
  border-color: var(--border-tch-success) !important;
}
.tmcSharedComponents .border-\[var\(--disabled-bg-color\)\] {
  border-color: var(--disabled-bg-color) !important;
}
.tmcSharedComponents .border-\[var\(--disabled-border-color\)\] {
  border-color: var(--disabled-border-color) !important;
}
.tmcSharedComponents .border-\[var\(--touch-info-900\)\] {
  border-color: var(--touch-info-900) !important;
}
.tmcSharedComponents .border-\[var\(--touch-warning-900\)\] {
  border-color: var(--touch-warning-900) !important;
}
.tmcSharedComponents .border-gray-300 {
  --tw-border-opacity: 1 !important;
  border-color: rgb(209 213 219/var(--tw-border-opacity, 1)) !important;
}
.tmcSharedComponents .border-gray-400 {
  --tw-border-opacity: 1 !important;
  border-color: rgb(156 163 175/var(--tw-border-opacity, 1)) !important;
}
.tmcSharedComponents .border-tch-error {
  border-color: var(--touch-error) !important;
}
.tmcSharedComponents .border-tch-error-1100 {
  border-color: var(--touch-error-1100) !important;
}
.tmcSharedComponents .border-tch-error-800 {
  border-color: var(--touch-error-800) !important;
}
.tmcSharedComponents .border-tch-info-1100 {
  border-color: var(--touch-info-1100) !important;
}
.tmcSharedComponents .border-tch-info-800 {
  border-color: var(--touch-info-800) !important;
}
.tmcSharedComponents .border-tch-neutral {
  border-color: var(--touch-neutral) !important;
}
.tmcSharedComponents .border-tch-neutral-1000 {
  border-color: var(--touch-neutral-1000) !important;
}
.tmcSharedComponents .border-tch-neutral-400 {
  border-color: var(--touch-neutral-400) !important;
}
.tmcSharedComponents .border-tch-neutral-500 {
  border-color: var(--touch-neutral-500) !important;
}
.tmcSharedComponents .border-tch-neutral-600 {
  border-color: var(--touch-neutral-600) !important;
}
.tmcSharedComponents .border-tch-neutral-800 {
  border-color: var(--touch-neutral-800) !important;
}
.tmcSharedComponents .border-tch-primary {
  border-color: var(--touch-primary) !important;
}
.tmcSharedComponents .border-tch-primary-800 {
  border-color: var(--touch-primary-800) !important;
}
.tmcSharedComponents .border-tch-success-1100 {
  border-color: var(--touch-success-1100) !important;
}
.tmcSharedComponents .border-tch-success-800 {
  border-color: var(--touch-success-800) !important;
}
.tmcSharedComponents .border-tch-warning-1100 {
  border-color: var(--touch-warning-1100) !important;
}
.tmcSharedComponents .border-tch-warning-800 {
  border-color: var(--touch-warning-800) !important;
}
.tmcSharedComponents .border-b-tch-neutral {
  border-bottom-color: var(--touch-neutral) !important;
}
.tmcSharedComponents .border-b-transparent {
  border-bottom-color: transparent !important;
}
.tmcSharedComponents .border-l-tch-neutral {
  border-left-color: var(--touch-neutral) !important;
}
.tmcSharedComponents .border-l-transparent {
  border-left-color: transparent !important;
}
.tmcSharedComponents .border-r-tch-neutral {
  border-right-color: var(--touch-neutral) !important;
}
.tmcSharedComponents .border-r-transparent {
  border-right-color: transparent !important;
}
.tmcSharedComponents .border-t-tch-neutral {
  border-top-color: var(--touch-neutral) !important;
}
.tmcSharedComponents .border-t-transparent {
  border-top-color: transparent !important;
}
.tmcSharedComponents .bg-\[\#e7e7e7\] {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(231 231 231/var(--tw-bg-opacity, 1)) !important;
}
.tmcSharedComponents .bg-\[var\(--bg-tch-accent\)\] {
  background-color: var(--bg-tch-accent) !important;
}
.tmcSharedComponents .bg-\[var\(--bg-tch-error\)\] {
  background-color: var(--bg-tch-error) !important;
}
.tmcSharedComponents .bg-\[var\(--bg-tch-neutral\)\] {
  background-color: var(--bg-tch-neutral) !important;
}
.tmcSharedComponents .bg-\[var\(--bg-tch-primary\)\] {
  background-color: var(--bg-tch-primary) !important;
}
.tmcSharedComponents .bg-\[var\(--bg-tch-primary-400\)\] {
  background-color: var(--bg-tch-primary-400) !important;
}
.tmcSharedComponents .bg-\[var\(--bg-tch-success\)\] {
  background-color: var(--bg-tch-success) !important;
}
.tmcSharedComponents .bg-\[var\(--disabled-bg-color\)\] {
  background-color: var(--disabled-bg-color) !important;
}
.tmcSharedComponents .bg-\[var\(--touch-info-1100\)\] {
  background-color: var(--touch-info-1100) !important;
}
.tmcSharedComponents .bg-\[var\(--touch-neutral-200\)\] {
  background-color: var(--touch-neutral-200) !important;
}
.tmcSharedComponents .bg-\[var\(--touch-warning-900\)\] {
  background-color: var(--touch-warning-900) !important;
}
.tmcSharedComponents .bg-gray-100 {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(243 244 246/var(--tw-bg-opacity, 1)) !important;
}
.tmcSharedComponents .bg-gray-200 {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(229 231 235/var(--tw-bg-opacity, 1)) !important;
}
.tmcSharedComponents .bg-gray-700\/85 {
  background-color: rgb(55 65 81/0.85) !important;
}
.tmcSharedComponents .bg-green-500 {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(34 197 94/var(--tw-bg-opacity, 1)) !important;
}
.tmcSharedComponents .bg-tch-audio-100 {
  background-color: var(--touch-audio-100) !important;
}
.tmcSharedComponents .bg-tch-audio-1000 {
  background-color: var(--touch-audio-1000) !important;
}
.tmcSharedComponents .bg-tch-audio-1100 {
  background-color: var(--touch-audio-1100) !important;
}
.tmcSharedComponents .bg-tch-audio-1200 {
  background-color: var(--touch-audio-1200) !important;
}
.tmcSharedComponents .bg-tch-audio-200 {
  background-color: var(--touch-audio-200) !important;
}
.tmcSharedComponents .bg-tch-audio-300 {
  background-color: var(--touch-audio-300) !important;
}
.tmcSharedComponents .bg-tch-audio-400 {
  background-color: var(--touch-audio-400) !important;
}
.tmcSharedComponents .bg-tch-audio-500 {
  background-color: var(--touch-audio-500) !important;
}
.tmcSharedComponents .bg-tch-audio-600 {
  background-color: var(--touch-audio-600) !important;
}
.tmcSharedComponents .bg-tch-audio-700 {
  background-color: var(--touch-audio-700) !important;
}
.tmcSharedComponents .bg-tch-audio-800 {
  background-color: var(--touch-audio-800) !important;
}
.tmcSharedComponents .bg-tch-audio-900 {
  background-color: var(--touch-audio-900) !important;
}
.tmcSharedComponents .bg-tch-classics-100 {
  background-color: var(--touch-classics-100) !important;
}
.tmcSharedComponents .bg-tch-classics-1000 {
  background-color: var(--touch-classics-1000) !important;
}
.tmcSharedComponents .bg-tch-classics-1100 {
  background-color: var(--touch-classics-1100) !important;
}
.tmcSharedComponents .bg-tch-classics-1200 {
  background-color: var(--touch-classics-1200) !important;
}
.tmcSharedComponents .bg-tch-classics-200 {
  background-color: var(--touch-classics-200) !important;
}
.tmcSharedComponents .bg-tch-classics-300 {
  background-color: var(--touch-classics-300) !important;
}
.tmcSharedComponents .bg-tch-classics-400 {
  background-color: var(--touch-classics-400) !important;
}
.tmcSharedComponents .bg-tch-classics-500 {
  background-color: var(--touch-classics-500) !important;
}
.tmcSharedComponents .bg-tch-classics-600 {
  background-color: var(--touch-classics-600) !important;
}
.tmcSharedComponents .bg-tch-classics-700 {
  background-color: var(--touch-classics-700) !important;
}
.tmcSharedComponents .bg-tch-classics-800 {
  background-color: var(--touch-classics-800) !important;
}
.tmcSharedComponents .bg-tch-classics-900 {
  background-color: var(--touch-classics-900) !important;
}
.tmcSharedComponents .bg-tch-error {
  background-color: var(--touch-error) !important;
}
.tmcSharedComponents .bg-tch-error-100 {
  background-color: var(--touch-error-100) !important;
}
.tmcSharedComponents .bg-tch-error-1000 {
  background-color: var(--touch-error-1000) !important;
}
.tmcSharedComponents .bg-tch-error-1100 {
  background-color: var(--touch-error-1100) !important;
}
.tmcSharedComponents .bg-tch-error-1200 {
  background-color: var(--touch-error-1200) !important;
}
.tmcSharedComponents .bg-tch-error-200 {
  background-color: var(--touch-error-200) !important;
}
.tmcSharedComponents .bg-tch-error-300 {
  background-color: var(--touch-error-300) !important;
}
.tmcSharedComponents .bg-tch-error-400 {
  background-color: var(--touch-error-400) !important;
}
.tmcSharedComponents .bg-tch-error-500 {
  background-color: var(--touch-error-500) !important;
}
.tmcSharedComponents .bg-tch-error-600 {
  background-color: var(--touch-error-600) !important;
}
.tmcSharedComponents .bg-tch-error-700 {
  background-color: var(--touch-error-700) !important;
}
.tmcSharedComponents .bg-tch-error-800 {
  background-color: var(--touch-error-800) !important;
}
.tmcSharedComponents .bg-tch-error-900 {
  background-color: var(--touch-error-900) !important;
}
.tmcSharedComponents .bg-tch-info {
  background-color: var(--touch-info) !important;
}
.tmcSharedComponents .bg-tch-info-100 {
  background-color: var(--touch-info-100) !important;
}
.tmcSharedComponents .bg-tch-info-1000 {
  background-color: var(--touch-info-1000) !important;
}
.tmcSharedComponents .bg-tch-info-1100 {
  background-color: var(--touch-info-1100) !important;
}
.tmcSharedComponents .bg-tch-info-1200 {
  background-color: var(--touch-info-1200) !important;
}
.tmcSharedComponents .bg-tch-info-200 {
  background-color: var(--touch-info-200) !important;
}
.tmcSharedComponents .bg-tch-info-300 {
  background-color: var(--touch-info-300) !important;
}
.tmcSharedComponents .bg-tch-info-400 {
  background-color: var(--touch-info-400) !important;
}
.tmcSharedComponents .bg-tch-info-500 {
  background-color: var(--touch-info-500) !important;
}
.tmcSharedComponents .bg-tch-info-600 {
  background-color: var(--touch-info-600) !important;
}
.tmcSharedComponents .bg-tch-info-700 {
  background-color: var(--touch-info-700) !important;
}
.tmcSharedComponents .bg-tch-info-800 {
  background-color: var(--touch-info-800) !important;
}
.tmcSharedComponents .bg-tch-info-900 {
  background-color: var(--touch-info-900) !important;
}
.tmcSharedComponents .bg-tch-neutral {
  background-color: var(--touch-neutral) !important;
}
.tmcSharedComponents .bg-tch-neutral-100 {
  background-color: var(--touch-neutral-100) !important;
}
.tmcSharedComponents .bg-tch-neutral-1000 {
  background-color: var(--touch-neutral-1000) !important;
}
.tmcSharedComponents .bg-tch-neutral-1100 {
  background-color: var(--touch-neutral-1100) !important;
}
.tmcSharedComponents .bg-tch-neutral-1200 {
  background-color: var(--touch-neutral-1200) !important;
}
.tmcSharedComponents .bg-tch-neutral-200 {
  background-color: var(--touch-neutral-200) !important;
}
.tmcSharedComponents .bg-tch-neutral-300 {
  background-color: var(--touch-neutral-300) !important;
}
.tmcSharedComponents .bg-tch-neutral-400 {
  background-color: var(--touch-neutral-400) !important;
}
.tmcSharedComponents .bg-tch-neutral-500 {
  background-color: var(--touch-neutral-500) !important;
}
.tmcSharedComponents .bg-tch-neutral-600 {
  background-color: var(--touch-neutral-600) !important;
}
.tmcSharedComponents .bg-tch-neutral-700 {
  background-color: var(--touch-neutral-700) !important;
}
.tmcSharedComponents .bg-tch-neutral-800 {
  background-color: var(--touch-neutral-800) !important;
}
.tmcSharedComponents .bg-tch-neutral-900 {
  background-color: var(--touch-neutral-900) !important;
}
.tmcSharedComponents .bg-tch-neutral-light {
  background-color: var(--touch-neutral-light) !important;
}
.tmcSharedComponents .bg-tch-nr-100 {
  background-color: var(--touch-nr-100) !important;
}
.tmcSharedComponents .bg-tch-nr-1000 {
  background-color: var(--touch-nr-1000) !important;
}
.tmcSharedComponents .bg-tch-nr-1100 {
  background-color: var(--touch-nr-1100) !important;
}
.tmcSharedComponents .bg-tch-nr-1200 {
  background-color: var(--touch-nr-1200) !important;
}
.tmcSharedComponents .bg-tch-nr-200 {
  background-color: var(--touch-nr-200) !important;
}
.tmcSharedComponents .bg-tch-nr-300 {
  background-color: var(--touch-nr-300) !important;
}
.tmcSharedComponents .bg-tch-nr-400 {
  background-color: var(--touch-nr-400) !important;
}
.tmcSharedComponents .bg-tch-nr-500 {
  background-color: var(--touch-nr-500) !important;
}
.tmcSharedComponents .bg-tch-nr-600 {
  background-color: var(--touch-nr-600) !important;
}
.tmcSharedComponents .bg-tch-nr-700 {
  background-color: var(--touch-nr-700) !important;
}
.tmcSharedComponents .bg-tch-nr-800 {
  background-color: var(--touch-nr-800) !important;
}
.tmcSharedComponents .bg-tch-nr-900 {
  background-color: var(--touch-nr-900) !important;
}
.tmcSharedComponents .bg-tch-primary {
  background-color: var(--touch-primary) !important;
}
.tmcSharedComponents .bg-tch-primary-100 {
  background-color: var(--touch-primary-100) !important;
}
.tmcSharedComponents .bg-tch-primary-1000 {
  background-color: var(--touch-primary-1000) !important;
}
.tmcSharedComponents .bg-tch-primary-1100 {
  background-color: var(--touch-primary-1100) !important;
}
.tmcSharedComponents .bg-tch-primary-1200 {
  background-color: var(--touch-primary-1200) !important;
}
.tmcSharedComponents .bg-tch-primary-200 {
  background-color: var(--touch-primary-200) !important;
}
.tmcSharedComponents .bg-tch-primary-300 {
  background-color: var(--touch-primary-300) !important;
}
.tmcSharedComponents .bg-tch-primary-400 {
  background-color: var(--touch-primary-400) !important;
}
.tmcSharedComponents .bg-tch-primary-500 {
  background-color: var(--touch-primary-500) !important;
}
.tmcSharedComponents .bg-tch-primary-600 {
  background-color: var(--touch-primary-600) !important;
}
.tmcSharedComponents .bg-tch-primary-700 {
  background-color: var(--touch-primary-700) !important;
}
.tmcSharedComponents .bg-tch-primary-800 {
  background-color: var(--touch-primary-800) !important;
}
.tmcSharedComponents .bg-tch-primary-900 {
  background-color: var(--touch-primary-900) !important;
}
.tmcSharedComponents .bg-tch-primary-light {
  background-color: var(--touch-primary-light) !important;
}
.tmcSharedComponents .bg-tch-primary-lightBlue {
  background-color: var(--touch-primary-lightBlue) !important;
}
.tmcSharedComponents .bg-tch-success {
  background-color: var(--touch-success) !important;
}
.tmcSharedComponents .bg-tch-success-100 {
  background-color: var(--touch-success-100) !important;
}
.tmcSharedComponents .bg-tch-success-1000 {
  background-color: var(--touch-success-1000) !important;
}
.tmcSharedComponents .bg-tch-success-1100 {
  background-color: var(--touch-success-1100) !important;
}
.tmcSharedComponents .bg-tch-success-1200 {
  background-color: var(--touch-success-1200) !important;
}
.tmcSharedComponents .bg-tch-success-200 {
  background-color: var(--touch-success-200) !important;
}
.tmcSharedComponents .bg-tch-success-300 {
  background-color: var(--touch-success-300) !important;
}
.tmcSharedComponents .bg-tch-success-400 {
  background-color: var(--touch-success-400) !important;
}
.tmcSharedComponents .bg-tch-success-500 {
  background-color: var(--touch-success-500) !important;
}
.tmcSharedComponents .bg-tch-success-600 {
  background-color: var(--touch-success-600) !important;
}
.tmcSharedComponents .bg-tch-success-700 {
  background-color: var(--touch-success-700) !important;
}
.tmcSharedComponents .bg-tch-success-800 {
  background-color: var(--touch-success-800) !important;
}
.tmcSharedComponents .bg-tch-success-900 {
  background-color: var(--touch-success-900) !important;
}
.tmcSharedComponents .bg-tch-tv-100 {
  background-color: var(--touch-tv-100) !important;
}
.tmcSharedComponents .bg-tch-tv-1000 {
  background-color: var(--touch-tv-1000) !important;
}
.tmcSharedComponents .bg-tch-tv-1100 {
  background-color: var(--touch-tv-1100) !important;
}
.tmcSharedComponents .bg-tch-tv-1200 {
  background-color: var(--touch-tv-1200) !important;
}
.tmcSharedComponents .bg-tch-tv-200 {
  background-color: var(--touch-tv-200) !important;
}
.tmcSharedComponents .bg-tch-tv-300 {
  background-color: var(--touch-tv-300) !important;
}
.tmcSharedComponents .bg-tch-tv-400 {
  background-color: var(--touch-tv-400) !important;
}
.tmcSharedComponents .bg-tch-tv-500 {
  background-color: var(--touch-tv-500) !important;
}
.tmcSharedComponents .bg-tch-tv-600 {
  background-color: var(--touch-tv-600) !important;
}
.tmcSharedComponents .bg-tch-tv-700 {
  background-color: var(--touch-tv-700) !important;
}
.tmcSharedComponents .bg-tch-tv-800 {
  background-color: var(--touch-tv-800) !important;
}
.tmcSharedComponents .bg-tch-tv-900 {
  background-color: var(--touch-tv-900) !important;
}
.tmcSharedComponents .bg-tch-warning {
  background-color: var(--touch-warning) !important;
}
.tmcSharedComponents .bg-tch-warning-100 {
  background-color: var(--touch-warning-100) !important;
}
.tmcSharedComponents .bg-tch-warning-1000 {
  background-color: var(--touch-warning-1000) !important;
}
.tmcSharedComponents .bg-tch-warning-1100 {
  background-color: var(--touch-warning-1100) !important;
}
.tmcSharedComponents .bg-tch-warning-1200 {
  background-color: var(--touch-warning-1200) !important;
}
.tmcSharedComponents .bg-tch-warning-200 {
  background-color: var(--touch-warning-200) !important;
}
.tmcSharedComponents .bg-tch-warning-300 {
  background-color: var(--touch-warning-300) !important;
}
.tmcSharedComponents .bg-tch-warning-400 {
  background-color: var(--touch-warning-400) !important;
}
.tmcSharedComponents .bg-tch-warning-500 {
  background-color: var(--touch-warning-500) !important;
}
.tmcSharedComponents .bg-tch-warning-600 {
  background-color: var(--touch-warning-600) !important;
}
.tmcSharedComponents .bg-tch-warning-700 {
  background-color: var(--touch-warning-700) !important;
}
.tmcSharedComponents .bg-tch-warning-800 {
  background-color: var(--touch-warning-800) !important;
}
.tmcSharedComponents .bg-tch-warning-900 {
  background-color: var(--touch-warning-900) !important;
}
.tmcSharedComponents .bg-transparent {
  background-color: transparent !important;
}
.tmcSharedComponents .bg-white {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(255 255 255/var(--tw-bg-opacity, 1)) !important;
}
.tmcSharedComponents .bg-yellow-400 {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(250 204 21/var(--tw-bg-opacity, 1)) !important;
}
.tmcSharedComponents .fill-\[var\(--disabled-fill-color\)\] {
  fill: var(--disabled-fill-color) !important;
}
.tmcSharedComponents .fill-\[var\(--ghost-tch-error-color\)\] {
  fill: var(--ghost-tch-error-color) !important;
}
.tmcSharedComponents .fill-\[var\(--ghost-tch-info-color\)\] {
  fill: var(--ghost-tch-info-color) !important;
}
.tmcSharedComponents .fill-\[var\(--ghost-tch-neutral-color\)\] {
  fill: var(--ghost-tch-neutral-color) !important;
}
.tmcSharedComponents .fill-\[var\(--ghost-tch-primary-color\)\] {
  fill: var(--ghost-tch-primary-color) !important;
}
.tmcSharedComponents .fill-\[var\(--ghost-tch-success-color\)\] {
  fill: var(--ghost-tch-success-color) !important;
}
.tmcSharedComponents .fill-\[var\(--ghost-tch-warning-color\)\] {
  fill: var(--ghost-tch-warning-color) !important;
}
.tmcSharedComponents .fill-\[var\(--outline-tch-error-color\)\] {
  fill: var(--outline-tch-error-color) !important;
}
.tmcSharedComponents .fill-\[var\(--outline-tch-info-color\)\] {
  fill: var(--outline-tch-info-color) !important;
}
.tmcSharedComponents .fill-\[var\(--outline-tch-neutral-color\)\] {
  fill: var(--outline-tch-neutral-color) !important;
}
.tmcSharedComponents .fill-\[var\(--outline-tch-primary-color\)\] {
  fill: var(--outline-tch-primary-color) !important;
}
.tmcSharedComponents .fill-\[var\(--outline-tch-success-color\)\] {
  fill: var(--outline-tch-success-color) !important;
}
.tmcSharedComponents .fill-\[var\(--outline-tch-warning-color\)\] {
  fill: var(--outline-tch-warning-color) !important;
}
.tmcSharedComponents .fill-\[var\(--solid-tch-error-color\)\] {
  fill: var(--solid-tch-error-color) !important;
}
.tmcSharedComponents .fill-\[var\(--solid-tch-info-color\)\] {
  fill: var(--solid-tch-info-color) !important;
}
.tmcSharedComponents .fill-\[var\(--solid-tch-neutral-color\)\] {
  fill: var(--solid-tch-neutral-color) !important;
}
.tmcSharedComponents .fill-\[var\(--solid-tch-primary-color\)\] {
  fill: var(--solid-tch-primary-color) !important;
}
.tmcSharedComponents .fill-\[var\(--solid-tch-success-color\)\] {
  fill: var(--solid-tch-success-color) !important;
}
.tmcSharedComponents .fill-\[var\(--solid-tch-warning-color\)\] {
  fill: var(--solid-tch-warning-color) !important;
}
.tmcSharedComponents .fill-\[var\(--tch-neutral\)\] {
  fill: var(--tch-neutral) !important;
}
.tmcSharedComponents .fill-black {
  fill: #000 !important;
}
.tmcSharedComponents .fill-tch-error-1100 {
  fill: var(--touch-error-1100) !important;
}
.tmcSharedComponents .fill-tch-info-1100 {
  fill: var(--touch-info-1100) !important;
}
.tmcSharedComponents .fill-tch-info-1200 {
  fill: var(--touch-info-1200) !important;
}
.tmcSharedComponents .fill-tch-neutral {
  fill: var(--touch-neutral) !important;
}
.tmcSharedComponents .fill-tch-neutral-1100 {
  fill: var(--touch-neutral-1100) !important;
}
.tmcSharedComponents .fill-tch-neutral-1200 {
  fill: var(--touch-neutral-1200) !important;
}
.tmcSharedComponents .fill-tch-neutral-800 {
  fill: var(--touch-neutral-800) !important;
}
.tmcSharedComponents .fill-tch-primary-accessibleTextDark {
  fill: var(--touch-primary-1200) !important;
}
.tmcSharedComponents .fill-tch-primary-accessibleTextLight {
  fill: var(--touch-primary-1100) !important;
}
.tmcSharedComponents .fill-tch-success-1100 {
  fill: var(--touch-success-1100) !important;
}
.tmcSharedComponents .fill-tch-warning-1100 {
  fill: var(--touch-warning-1100) !important;
}
.tmcSharedComponents .fill-white {
  fill: #fff !important;
}
.tmcSharedComponents .p-0 {
  padding: 0px !important;
}
.tmcSharedComponents .p-1 {
  padding: 0.25rem !important;
}
.tmcSharedComponents .p-2 {
  padding: 0.5rem !important;
}
.tmcSharedComponents .p-2\.5 {
  padding: 0.625rem !important;
}
.tmcSharedComponents .p-4 {
  padding: 1rem !important;
}
.tmcSharedComponents .p-5 {
  padding: 1.25rem !important;
}
.tmcSharedComponents .px-1 {
  padding-left: 0.25rem !important;
  padding-right: 0.25rem !important;
}
.tmcSharedComponents .px-2 {
  padding-left: 0.5rem !important;
  padding-right: 0.5rem !important;
}
.tmcSharedComponents .px-3 {
  padding-left: 0.75rem !important;
  padding-right: 0.75rem !important;
}
.tmcSharedComponents .px-4 {
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}
.tmcSharedComponents .px-6 {
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important;
}
.tmcSharedComponents .px-\[10px\] {
  padding-left: 10px !important;
  padding-right: 10px !important;
}
.tmcSharedComponents .py-1 {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}
.tmcSharedComponents .py-2 {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}
.tmcSharedComponents .py-2\.5 {
  padding-top: 0.625rem !important;
  padding-bottom: 0.625rem !important;
}
.tmcSharedComponents .py-3 {
  padding-top: 0.75rem !important;
  padding-bottom: 0.75rem !important;
}
.tmcSharedComponents .py-4 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}
.tmcSharedComponents .py-\[7px\] {
  padding-top: 7px !important;
  padding-bottom: 7px !important;
}
.tmcSharedComponents .pb-2 {
  padding-bottom: 0.5rem !important;
}
.tmcSharedComponents .pb-4 {
  padding-bottom: 1rem !important;
}
.tmcSharedComponents .pt-0\.5 {
  padding-top: 0.125rem !important;
}
.tmcSharedComponents .pt-2 {
  padding-top: 0.5rem !important;
}
.tmcSharedComponents .text-left {
  text-align: left !important;
}
.tmcSharedComponents .text-center {
  text-align: center !important;
}
.tmcSharedComponents .text-right {
  text-align: right !important;
}
.tmcSharedComponents .text-start {
  text-align: start !important;
}
.tmcSharedComponents .align-middle {
  vertical-align: middle !important;
}
.tmcSharedComponents .text-2xl {
  font-size: 1.5rem !important;
  line-height: 2rem !important;
}
.tmcSharedComponents .text-3xl {
  font-size: 1.875rem !important;
  line-height: 2.25rem !important;
}
.tmcSharedComponents .text-4xl {
  font-size: 2.25rem !important;
  line-height: 2.5rem !important;
}
.tmcSharedComponents .text-base {
  font-size: 1rem !important;
  line-height: 1.5rem !important;
}
.tmcSharedComponents .text-lg {
  font-size: 1.125rem !important;
  line-height: 1.75rem !important;
}
.tmcSharedComponents .text-sm {
  font-size: 0.875rem !important;
  line-height: 1.25rem !important;
}
.tmcSharedComponents .text-xl {
  font-size: 1.25rem !important;
  line-height: 1.75rem !important;
}
.tmcSharedComponents .text-xs {
  font-size: 0.75rem !important;
  line-height: 1rem !important;
}
.tmcSharedComponents .font-bold {
  font-weight: 700 !important;
}
.tmcSharedComponents .font-light {
  font-weight: 300 !important;
}
.tmcSharedComponents .font-medium {
  font-weight: 500 !important;
}
.tmcSharedComponents .font-normal {
  font-weight: 400 !important;
}
.tmcSharedComponents .font-semibold {
  font-weight: 600 !important;
}
.tmcSharedComponents .uppercase {
  text-transform: uppercase !important;
}
.tmcSharedComponents .text-\[var\(--bg-tch-primary\)\] {
  color: var(--bg-tch-primary) !important;
}
.tmcSharedComponents .text-\[var\(--disabled-text-color\)\] {
  color: var(--disabled-text-color) !important;
}
.tmcSharedComponents .text-\[var\(--ghost-tch-error-color\)\] {
  color: var(--ghost-tch-error-color) !important;
}
.tmcSharedComponents .text-\[var\(--ghost-tch-info-color\)\] {
  color: var(--ghost-tch-info-color) !important;
}
.tmcSharedComponents .text-\[var\(--ghost-tch-neutral-color\)\] {
  color: var(--ghost-tch-neutral-color) !important;
}
.tmcSharedComponents .text-\[var\(--ghost-tch-primary-color\)\] {
  color: var(--ghost-tch-primary-color) !important;
}
.tmcSharedComponents .text-\[var\(--ghost-tch-success-color\)\] {
  color: var(--ghost-tch-success-color) !important;
}
.tmcSharedComponents .text-\[var\(--ghost-tch-warning-color\)\] {
  color: var(--ghost-tch-warning-color) !important;
}
.tmcSharedComponents .text-\[var\(--outline-tch-error-color\)\] {
  color: var(--outline-tch-error-color) !important;
}
.tmcSharedComponents .text-\[var\(--outline-tch-neutral-color\)\] {
  color: var(--outline-tch-neutral-color) !important;
}
.tmcSharedComponents .text-\[var\(--outline-tch-primary-color\)\] {
  color: var(--outline-tch-primary-color) !important;
}
.tmcSharedComponents .text-\[var\(--outline-tch-success-color\)\] {
  color: var(--outline-tch-success-color) !important;
}
.tmcSharedComponents .text-\[var\(--solid-tch-error-color\)\] {
  color: var(--solid-tch-error-color) !important;
}
.tmcSharedComponents .text-\[var\(--solid-tch-neutral-color\)\] {
  color: var(--solid-tch-neutral-color) !important;
}
.tmcSharedComponents .text-\[var\(--solid-tch-primary-color\)\] {
  color: var(--solid-tch-primary-color) !important;
}
.tmcSharedComponents .text-\[var\(--solid-tch-success-color\)\] {
  color: var(--solid-tch-success-color) !important;
}
.tmcSharedComponents .text-\[var\(--tch-neutral\)\] {
  color: var(--tch-neutral) !important;
}
.tmcSharedComponents .text-\[var\(--text-tch-primary\)\] {
  color: var(--text-tch-primary) !important;
}
.tmcSharedComponents .text-\[var\(--touch-info-1100\)\] {
  color: var(--touch-info-1100) !important;
}
.tmcSharedComponents .text-\[var\(--touch-warning-1100\)\] {
  color: var(--touch-warning-1100) !important;
}
.tmcSharedComponents .text-\[var\(--touch-warning-1200\)\] {
  color: var(--touch-warning-1200) !important;
}
.tmcSharedComponents .text-black {
  --tw-text-opacity: 1 !important;
  color: rgb(0 0 0/var(--tw-text-opacity, 1)) !important;
}
.tmcSharedComponents .text-blue-400 {
  --tw-text-opacity: 1 !important;
  color: rgb(96 165 250/var(--tw-text-opacity, 1)) !important;
}
.tmcSharedComponents .text-blue-500 {
  --tw-text-opacity: 1 !important;
  color: rgb(59 130 246/var(--tw-text-opacity, 1)) !important;
}
.tmcSharedComponents .text-blue-600 {
  --tw-text-opacity: 1 !important;
  color: rgb(37 99 235/var(--tw-text-opacity, 1)) !important;
}
.tmcSharedComponents .text-gray-400 {
  --tw-text-opacity: 1 !important;
  color: rgb(156 163 175/var(--tw-text-opacity, 1)) !important;
}
.tmcSharedComponents .text-gray-500 {
  --tw-text-opacity: 1 !important;
  color: rgb(107 114 128/var(--tw-text-opacity, 1)) !important;
}
.tmcSharedComponents .text-gray-900 {
  --tw-text-opacity: 1 !important;
  color: rgb(17 24 39/var(--tw-text-opacity, 1)) !important;
}
.tmcSharedComponents .text-tch-error {
  color: var(--touch-error) !important;
}
.tmcSharedComponents .text-tch-error-1100 {
  color: var(--touch-error-1100) !important;
}
.tmcSharedComponents .text-tch-info {
  color: var(--touch-info) !important;
}
.tmcSharedComponents .text-tch-info-1100 {
  color: var(--touch-info-1100) !important;
}
.tmcSharedComponents .text-tch-info-1200 {
  color: var(--touch-info-1200) !important;
}
.tmcSharedComponents .text-tch-neutral {
  color: var(--touch-neutral) !important;
}
.tmcSharedComponents .text-tch-neutral-1100 {
  color: var(--touch-neutral-1100) !important;
}
.tmcSharedComponents .text-tch-neutral-1200 {
  color: var(--touch-neutral-1200) !important;
}
.tmcSharedComponents .text-tch-neutral-500 {
  color: var(--touch-neutral-500) !important;
}
.tmcSharedComponents .text-tch-neutral-800 {
  color: var(--touch-neutral-800) !important;
}
.tmcSharedComponents .text-tch-primary {
  color: var(--touch-primary) !important;
}
.tmcSharedComponents .text-tch-primary-accessibleTextDark {
  color: var(--touch-primary-1200) !important;
}
.tmcSharedComponents .text-tch-primary-accessibleTextLight {
  color: var(--touch-primary-1100) !important;
}
.tmcSharedComponents .text-tch-success {
  color: var(--touch-success) !important;
}
.tmcSharedComponents .text-tch-success-1100 {
  color: var(--touch-success-1100) !important;
}
.tmcSharedComponents .text-tch-warning {
  color: var(--touch-warning) !important;
}
.tmcSharedComponents .text-tch-warning-1100 {
  color: var(--touch-warning-1100) !important;
}
.tmcSharedComponents .text-white {
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255/var(--tw-text-opacity, 1)) !important;
}
.tmcSharedComponents .underline {
  text-decoration-line: underline !important;
}
.tmcSharedComponents .opacity-0 {
  opacity: 0 !important;
}
.tmcSharedComponents .shadow-\[0px_1\.5px_2px_rgba\(0\,0\,0\,0\.133\)\] {
  --tw-shadow: 0px 1.5px 2px rgba(0,0,0,0.133) !important;
  --tw-shadow-colored: 0px 1.5px 2px var(--tw-shadow-color) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow) !important;
}
.tmcSharedComponents .shadow-inner {
  --tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05) !important;
  --tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow) !important;
}
.tmcSharedComponents .shadow-lg {
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1) !important;
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow) !important;
}
.tmcSharedComponents .shadow-xl {
  --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1) !important;
  --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow) !important;
}
.tmcSharedComponents .outline {
  outline-style: solid !important;
}
.tmcSharedComponents .transition {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter !important;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter !important;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter !important;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
  transition-duration: 150ms !important;
}
.tmcSharedComponents .transition-all {
  transition-property: all !important;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
  transition-duration: 150ms !important;
}
.tmcSharedComponents .transition-opacity {
  transition-property: opacity !important;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
  transition-duration: 150ms !important;
}
.tmcSharedComponents .duration-200 {
  transition-duration: 200ms !important;
}
.tmcSharedComponents .duration-300 {
  transition-duration: 300ms !important;
}
.tmcSharedComponents .selection\:bg-transparent *::-moz-selection {
  background-color: transparent !important;
}
.tmcSharedComponents .selection\:bg-transparent *::selection {
  background-color: transparent !important;
}
.tmcSharedComponents .selection\:bg-transparent::-moz-selection {
  background-color: transparent !important;
}
.tmcSharedComponents .selection\:bg-transparent::selection {
  background-color: transparent !important;
}
.tmcSharedComponents .before\:absolute::before {
  content: var(--tw-content) !important;
  position: absolute !important;
}
.tmcSharedComponents .before\:left-\[2px\]::before {
  content: var(--tw-content) !important;
  left: 2px !important;
}
.tmcSharedComponents .before\:top-\[1px\]::before {
  content: var(--tw-content) !important;
  top: 1px !important;
}
.tmcSharedComponents .before\:h-\[14px\]::before {
  content: var(--tw-content) !important;
  height: 14px !important;
}
.tmcSharedComponents .before\:h-\[18px\]::before {
  content: var(--tw-content) !important;
  height: 18px !important;
}
.tmcSharedComponents .before\:h-\[22px\]::before {
  content: var(--tw-content) !important;
  height: 22px !important;
}
.tmcSharedComponents .before\:w-\[14px\]::before {
  content: var(--tw-content) !important;
  width: 14px !important;
}
.tmcSharedComponents .before\:w-\[18px\]::before {
  content: var(--tw-content) !important;
  width: 18px !important;
}
.tmcSharedComponents .before\:w-\[22px\]::before {
  content: var(--tw-content) !important;
  width: 22px !important;
}
.tmcSharedComponents .before\:translate-x-\[14px\]::before {
  content: var(--tw-content) !important;
  --tw-translate-x: 14px !important;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
}
.tmcSharedComponents .before\:translate-x-\[20px\]::before {
  content: var(--tw-content) !important;
  --tw-translate-x: 20px !important;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
}
.tmcSharedComponents .before\:translate-x-\[26px\]::before {
  content: var(--tw-content) !important;
  --tw-translate-x: 26px !important;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
}
.tmcSharedComponents .before\:rounded-full::before {
  content: var(--tw-content) !important;
  border-radius: 9999px !important;
}
.tmcSharedComponents .before\:bg-white::before {
  content: var(--tw-content) !important;
  --tw-bg-opacity: 1 !important;
  background-color: rgb(255 255 255/var(--tw-bg-opacity, 1)) !important;
}
.tmcSharedComponents .before\:transition-all::before {
  content: var(--tw-content) !important;
  transition-property: all !important;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
  transition-duration: 150ms !important;
}
.tmcSharedComponents .before\:duration-300::before {
  content: var(--tw-content) !important;
  transition-duration: 300ms !important;
}
.tmcSharedComponents .before\:content-\[\'\'\]::before {
  --tw-content: "" !important;
  content: var(--tw-content) !important;
}
.tmcSharedComponents .after\:absolute::after {
  content: var(--tw-content) !important;
  position: absolute !important;
}
.tmcSharedComponents .after\:bottom-0::after {
  content: var(--tw-content) !important;
  bottom: 0px !important;
}
.tmcSharedComponents .after\:left-0::after {
  content: var(--tw-content) !important;
  left: 0px !important;
}
.tmcSharedComponents .after\:h-\[1px\]::after {
  content: var(--tw-content) !important;
  height: 1px !important;
}
.tmcSharedComponents .after\:w-full::after {
  content: var(--tw-content) !important;
  width: 100% !important;
}
.tmcSharedComponents .after\:bg-current::after {
  content: var(--tw-content) !important;
  background-color: currentColor !important;
}
.tmcSharedComponents .after\:opacity-0::after {
  content: var(--tw-content) !important;
  opacity: 0 !important;
}
.tmcSharedComponents .after\:transition-opacity::after {
  content: var(--tw-content) !important;
  transition-property: opacity !important;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
  transition-duration: 150ms !important;
}
.tmcSharedComponents .after\:duration-500::after {
  content: var(--tw-content) !important;
  transition-duration: 500ms !important;
}
.tmcSharedComponents .checked\:border-\[\#195C90\]:checked {
  --tw-border-opacity: 1 !important;
  border-color: rgb(25 92 144/var(--tw-border-opacity, 1)) !important;
}
.tmcSharedComponents .checked\:border-tch-neutral-300:checked {
  border-color: var(--touch-neutral-300) !important;
}
.tmcSharedComponents .checked\:border-tch-primary:checked {
  border-color: var(--touch-primary) !important;
}
.tmcSharedComponents .checked\:bg-\[\#195C90\]:checked {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(25 92 144/var(--tw-bg-opacity, 1)) !important;
}
.tmcSharedComponents .checked\:bg-tch-neutral-300:checked {
  background-color: var(--touch-neutral-300) !important;
}
.tmcSharedComponents .checked\:bg-tch-neutral-400:checked {
  background-color: var(--touch-neutral-400) !important;
}
.tmcSharedComponents .checked\:bg-tch-primary:checked {
  background-color: var(--touch-primary) !important;
}
.tmcSharedComponents .checked\:bg-yellow-400:checked {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(250 204 21/var(--tw-bg-opacity, 1)) !important;
}
.tmcSharedComponents .checked\:before\:translate-x-\[14px\]:checked::before {
  content: var(--tw-content) !important;
  --tw-translate-x: 14px !important;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
}
.tmcSharedComponents .checked\:before\:translate-x-\[20px\]:checked::before {
  content: var(--tw-content) !important;
  --tw-translate-x: 20px !important;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
}
.tmcSharedComponents .checked\:before\:translate-x-\[26px\]:checked::before {
  content: var(--tw-content) !important;
  --tw-translate-x: 26px !important;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
}
.tmcSharedComponents .hover\:bg-\[\#f0f0f0\]:hover {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(240 240 240/var(--tw-bg-opacity, 1)) !important;
}
.tmcSharedComponents .hover\:bg-\[var\(--bg-tch-error-200\)\]:hover {
  background-color: var(--bg-tch-error-200) !important;
}
.tmcSharedComponents .hover\:bg-\[var\(--bg-tch-error-hover\)\]:hover {
  background-color: var(--bg-tch-error-hover) !important;
}
.tmcSharedComponents .hover\:bg-\[var\(--bg-tch-info-200\)\]:hover {
  background-color: var(--bg-tch-info-200) !important;
}
.tmcSharedComponents .hover\:bg-\[var\(--bg-tch-neutral-300\)\]:hover {
  background-color: var(--bg-tch-neutral-300) !important;
}
.tmcSharedComponents .hover\:bg-\[var\(--bg-tch-neutral-hover\)\]:hover {
  background-color: var(--bg-tch-neutral-hover) !important;
}
.tmcSharedComponents .hover\:bg-\[var\(--bg-tch-neutral-light-hover\)\]:hover {
  background-color: var(--bg-tch-neutral-light-hover) !important;
}
.tmcSharedComponents .hover\:bg-\[var\(--bg-tch-primary-200\)\]:hover {
  background-color: var(--bg-tch-primary-200) !important;
}
.tmcSharedComponents .hover\:bg-\[var\(--bg-tch-primary-hover\)\]:hover {
  background-color: var(--bg-tch-primary-hover) !important;
}
.tmcSharedComponents .hover\:bg-\[var\(--bg-tch-success-200\)\]:hover {
  background-color: var(--bg-tch-success-200) !important;
}
.tmcSharedComponents .hover\:bg-\[var\(--bg-tch-success-hover\)\]:hover {
  background-color: var(--bg-tch-success-hover) !important;
}
.tmcSharedComponents .hover\:bg-\[var\(--bg-tch-warning-200\)\]:hover {
  background-color: var(--bg-tch-warning-200) !important;
}
.tmcSharedComponents .hover\:bg-gray-200:hover {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(229 231 235/var(--tw-bg-opacity, 1)) !important;
}
.tmcSharedComponents .hover\:text-tch-primary-accessibleTextDark:hover {
  color: var(--touch-primary-1200) !important;
}
.tmcSharedComponents .hover\:text-white:hover {
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255/var(--tw-text-opacity, 1)) !important;
}
.tmcSharedComponents .hover\:shadow-md:hover {
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1) !important;
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow) !important;
}
.tmcSharedComponents .hover\:shadow-inherit:hover {
  --tw-shadow-color: inherit !important;
  --tw-shadow: var(--tw-shadow-colored) !important;
}
.tmcSharedComponents .hover\:after\:opacity-100:hover::after {
  content: var(--tw-content) !important;
  opacity: 1 !important;
}
.tmcSharedComponents .hover\:checked\:bg-\[\#195C90\]:checked:hover {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(25 92 144/var(--tw-bg-opacity, 1)) !important;
}
.tmcSharedComponents .hover\:checked\:bg-tch-primary-hover:checked:hover {
  background-color: var(--touch-primary-hover) !important;
}
.tmcSharedComponents .focus\:outline-none:focus {
  outline: 2px solid transparent !important;
  outline-offset: 2px !important;
}
.tmcSharedComponents .active\:bg-\[var\(--bg-tch-error-400\)\]:active {
  background-color: var(--bg-tch-error-400) !important;
}
.tmcSharedComponents .active\:bg-\[var\(--bg-tch-error-active\)\]:active {
  background-color: var(--bg-tch-error-active) !important;
}
.tmcSharedComponents .active\:bg-\[var\(--bg-tch-info-400\)\]:active {
  background-color: var(--bg-tch-info-400) !important;
}
.tmcSharedComponents .active\:bg-\[var\(--bg-tch-neutral-600\)\]:active {
  background-color: var(--bg-tch-neutral-600) !important;
}
.tmcSharedComponents .active\:bg-\[var\(--bg-tch-neutral-active\)\]:active {
  background-color: var(--bg-tch-neutral-active) !important;
}
.tmcSharedComponents .active\:bg-\[var\(--bg-tch-primary-400\)\]:active {
  background-color: var(--bg-tch-primary-400) !important;
}
.tmcSharedComponents .active\:bg-\[var\(--bg-tch-primary-active\)\]:active {
  background-color: var(--bg-tch-primary-active) !important;
}
.tmcSharedComponents .active\:bg-\[var\(--bg-tch-success-400\)\]:active {
  background-color: var(--bg-tch-success-400) !important;
}
.tmcSharedComponents .active\:bg-\[var\(--bg-tch-success-active\)\]:active {
  background-color: var(--bg-tch-success-active) !important;
}
.tmcSharedComponents .active\:bg-\[var\(--bg-tch-warning-400\)\]:active {
  background-color: var(--bg-tch-warning-400) !important;
}
.tmcSharedComponents .active\:bg-\[var\(--bg-tch-warning-active\)\]:active {
  background-color: var(--bg-tch-warning-active) !important;
}
.tmcSharedComponents .active\:bg-\[var\(--touch-info-1100\)\]:active {
  background-color: var(--touch-info-1100) !important;
}
.tmcSharedComponents .disabled\:cursor-not-allowed:disabled {
  cursor: not-allowed !important;
}
.tmcSharedComponents .peer:checked ~ .peer-checked\:opacity-100 {
  opacity: 1 !important;
}