@font-face {
  font-family: Spotter Sans;
  font-display: swap;
  src: url(../fonts/spotter-bold/semiBold.woff2) format("woff2");
}
@font-face {
  font-family: Matter;
  src: url(../fonts/matter/Matter-Bold.woff) format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Matter;
  src: url(../fonts/matter/Matter-Light.woff) format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Matter;
  src: url(../fonts/matter/Matter-Heavy.woff) format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Matter;
  src: url(../fonts/matter/Matter-Medium.woff) format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Matter;
  src: url(../fonts/matter/Matter-SemiBold.woff) format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Matter;
  src: url(../fonts/matter/Matter-Regular.woff) format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: DMMono;
  src: url(../fonts/dm-mono/DMMono-Light.woff) format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: DMMono;
  src: url(../fonts/dm-mono/DMMono-Medium.woff) format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: DMMono;
  src: url(../fonts/dm-mono/DMMono-Regular.woff) format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/*
! tailwindcss v3.3.3 | MIT License | https://tailwindcss.com
*/
*,
:after,
:before {
  box-sizing: border-box;
  border: 0 solid #e5e7eb;
}
:after,
:before {
  --tw-content: "";
}
html {
  line-height: 1.5;
  -webkit-text-size-adjust: 100%;
  -moz-tab-size: 4;
  -o-tab-size: 4;
  tab-size: 4;
  font-family: var(--font-inter), ui-sans-serif, system-ui, -apple-system,
    BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans",
    sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol",
    "Noto Color Emoji";
  font-feature-settings: normal;
  font-variation-settings: normal;
}
body {
  margin: 0;
  line-height: inherit;
}

hr {
  height: 0;
  color: inherit;
  border-top-width: 1px;
}
abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}
a {
  color: inherit;
  text-decoration: inherit;
}
b,
strong {
  font-weight: bolder;
}
code,
kbd,
pre,
samp {
  font-family: Roboto Mono, monospace;
  font-size: 1em;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
table {
  text-indent: 0;
  border-color: inherit;
  border-collapse: collapse;
}
button,
optgroup,
select {
  font-family: inherit;
  font-feature-settings: inherit;
  font-variation-settings: inherit;
  font-size: 100%;
  font-weight: inherit;
  line-height: inherit;
  color: inherit;
  margin: 0;
  padding: 0;
}
button,
select {
  text-transform: none;
}
[type="button"],
[type="reset"],
[type="submit"],
button {
  -webkit-appearance: button;
  background-color: transparent;
  background-image: none;
}
:-moz-focusring {
  outline: auto;
}
:-moz-ui-invalid {
  box-shadow: none;
}
progress {
  vertical-align: baseline;
}
::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}
[type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}
::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}
summary {
  display: list-item;
}
blockquote,
dd,
dl,
figure,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
pre {
  margin: 0;
}
fieldset {
  margin: 0;
}
fieldset,
legend {
  padding: 0;
}
menu,
ol,
ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
dialog {
  padding: 0;
}
textarea {
  resize: vertical;
}
input::-moz-placeholder,
textarea::-moz-placeholder {
  color: #9ca3af;
}
input::placeholder,
textarea::placeholder {
  color: #9ca3af;
}
[role="button"],
button {
  cursor: pointer;
}
:disabled {
  cursor: default;
}
audio,
canvas,
embed,
iframe,
img,
object,
svg,
video {
  display: block;
  vertical-align: middle;
}
img,
video {
  max-width: 100%;
  height: auto;
}
[hidden] {
  display: none;
}
[multiple],
[type="date"],
[type="datetime-local"],
[type="email"],
[type="month"],
[type="number"],
[type="password"],
[type="search"],
[type="tel"],
[type="text"],
[type="time"],
[type="url"],
[type="week"],
select,
textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: #fff;
  border-color: #6b7280;
  border-width: 1px;
  border-radius: 0;
  padding: 0.5rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5rem;
  --tw-shadow: 0 0 #0000;
}

::-webkit-datetime-edit-fields-wrapper {
  padding: 0;
}
::-webkit-date-and-time-value {
  min-height: 1.5em;
}
::-webkit-datetime-edit,
::-webkit-datetime-edit-day-field,
::-webkit-datetime-edit-hour-field,
::-webkit-datetime-edit-meridiem-field,
::-webkit-datetime-edit-millisecond-field,
::-webkit-datetime-edit-minute-field,
::-webkit-datetime-edit-month-field,
::-webkit-datetime-edit-second-field,
::-webkit-datetime-edit-year-field {
  padding-top: 0;
  padding-bottom: 0;
}
select {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
  background-position: right 0.5rem center;
  background-repeat: no-repeat;
  background-size: 1.5em 1.5em;
  padding-right: 2.5rem;
  -webkit-print-color-adjust: exact;
  print-color-adjust: exact;
}
[multiple] {
  background-image: none;
  background-position: 0 0;
  background-repeat: unset;
  background-size: initial;
  padding-right: 0.75rem;
  -webkit-print-color-adjust: unset;
  print-color-adjust: unset;
}
[type="checkbox"],
[type="radio"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 0;
  -webkit-print-color-adjust: exact;
  print-color-adjust: exact;
  display: inline-block;
  vertical-align: middle;
  background-origin: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  flex-shrink: 0;
  height: 1rem;
  width: 1rem;
  color: #008080;
  background-color: #fff;
  border-color: #6b7280;
  border-width: 1px;
  --tw-shadow: 0 0 #0000;
}
[type="checkbox"] {
  border-radius: 0;
}
[type="radio"] {
  border-radius: 100%;
}
[type="checkbox"]:focus,
[type="radio"]:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
  --tw-ring-inset: var(--tw-empty, /*!*/ /*!*/);
  --tw-ring-offset-width: 2px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: #2563eb;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0
    var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0
    calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
    var(--tw-shadow);
}
[type="checkbox"]:checked,
[type="radio"]:checked {
  border-color: transparent;
  background-color: currentColor;
  background-size: 100% 100%;
  background-position: 50%;
  background-repeat: no-repeat;
}
[type="checkbox"]:checked {
  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");
}
[type="radio"]:checked {
  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e");
}
[type="checkbox"]:checked:focus,
[type="checkbox"]:checked:hover,
[type="radio"]:checked:focus,
[type="radio"]:checked:hover {
  border-color: transparent;
  background-color: currentColor;
}
[type="checkbox"]:indeterminate {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e");
  border-color: transparent;
  background-color: currentColor;
  background-size: 100% 100%;
  background-position: 50%;
  background-repeat: no-repeat;
}
[type="checkbox"]:indeterminate:focus,
[type="checkbox"]:indeterminate:hover {
  border-color: transparent;
  background-color: currentColor;
}
[type="file"] {
  background: unset;
  border-color: inherit;
  border-width: 0;
  border-radius: 0;
  padding: 0;
  font-size: unset;
  line-height: inherit;
}
[type="file"]:focus {
  outline: 1px solid ButtonText;
  outline: 1px auto -webkit-focus-ring-color;
}
* {
  scrollbar-color: auto;
  scrollbar-width: auto;
}
*,
:after,
:before {
  --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: rgba(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: ;
}
::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: rgba(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: ;
}
.\!container {
  width: 100% !important;
}
.container {
  width: 100%;
}
@media (min-width: 450px) {
  .\!container {
    max-width: 450px !important;
  }
  .container {
    max-width: 450px;
  }
}
@media (min-width: 640px) {
  .\!container {
    max-width: 640px !important;
  }
  .container {
    max-width: 640px;
  }
}
@media (min-width: 768px) {
  .\!container {
    max-width: 768px !important;
  }
  .container {
    max-width: 768px;
  }
}
@media (min-width: 1024px) {
  .\!container {
    max-width: 1024px !important;
  }
  .container {
    max-width: 1024px;
  }
}
@media (min-width: 1280px) {
  .\!container {
    max-width: 1280px !important;
  }
  .container {
    max-width: 1280px;
  }
}
@media (min-width: 1536px) {
  .\!container {
    max-width: 1536px !important;
  }
  .container {
    max-width: 1536px;
  }
}
@media (min-width: 1600px) {
  .\!container {
    max-width: 1600px !important;
  }
  .container {
    max-width: 1600px;
  }
}
.prose {
  color: var(--tw-prose-body);
  max-width: 65ch;
}
.prose :where([class~="lead"]):not(:where([class~="not-prose"] *)) {
  color: var(--tw-prose-lead);
  font-size: 1.25em;
  line-height: 1.6;
  margin-top: 1.2em;
  margin-bottom: 1.2em;
}
.prose :where(a):not(:where([class~="not-prose"] *)) {
  color: var(--tw-prose-links);
  text-decoration: underline;
  font-weight: 500;
}
.prose :where(strong):not(:where([class~="not-prose"] *)) {
  color: var(--tw-prose-bold);
  font-weight: 600;
}
.prose :where(a strong):not(:where([class~="not-prose"] *)) {
  color: inherit;
}
.prose :where(blockquote strong):not(:where([class~="not-prose"] *)) {
  color: inherit;
}
.prose :where(thead th strong):not(:where([class~="not-prose"] *)) {
  color: inherit;
}
.prose :where(ol):not(:where([class~="not-prose"] *)) {
  list-style-type: decimal;
  margin-top: 1.25em;
  margin-bottom: 1.25em;
  padding-left: 1.625em;
}
.prose :where(ol[type="A"]):not(:where([class~="not-prose"] *)) {
  list-style-type: upper-alpha;
}
.prose :where(ol[type="a"]):not(:where([class~="not-prose"] *)) {
  list-style-type: lower-alpha;
}
.prose :where(ol[type="A s"]):not(:where([class~="not-prose"] *)) {
  list-style-type: upper-alpha;
}
.prose :where(ol[type="a s"]):not(:where([class~="not-prose"] *)) {
  list-style-type: lower-alpha;
}
.prose :where(ol[type="I"]):not(:where([class~="not-prose"] *)) {
  list-style-type: upper-roman;
}
.prose :where(ol[type="i"]):not(:where([class~="not-prose"] *)) {
  list-style-type: lower-roman;
}
.prose :where(ol[type="I s"]):not(:where([class~="not-prose"] *)) {
  list-style-type: upper-roman;
}
.prose :where(ol[type="i s"]):not(:where([class~="not-prose"] *)) {
  list-style-type: lower-roman;
}
.prose :where(ol[type="1"]):not(:where([class~="not-prose"] *)) {
  list-style-type: decimal;
}
.prose :where(ul):not(:where([class~="not-prose"] *)) {
  list-style-type: disc;
  margin-top: 1.25em;
  margin-bottom: 1.25em;
  padding-left: 1.625em;
}
.prose :where(ol > li):not(:where([class~="not-prose"] *))::marker {
  font-weight: 400;
  color: var(--tw-prose-counters);
}
.prose :where(ul > li):not(:where([class~="not-prose"] *))::marker {
  color: var(--tw-prose-bullets);
}
.prose :where(hr):not(:where([class~="not-prose"] *)) {
  border-color: var(--tw-prose-hr);
  border-top-width: 1px;
  margin-top: 3em;
  margin-bottom: 3em;
}
.prose :where(blockquote):not(:where([class~="not-prose"] *)) {
  font-weight: 500;
  font-style: italic;
  color: var(--tw-prose-quotes);
  border-left-width: 0.25rem;
  border-left-color: var(--tw-prose-quote-borders);
  quotes: "\201C""\201D""\2018""\2019";
  margin-top: 1.6em;
  margin-bottom: 1.6em;
  padding-left: 1em;
}
.prose
  :where(blockquote p:first-of-type):not(
    :where([class~="not-prose"] *)
  ):before {
  content: open-quote;
}
.prose
  :where(blockquote p:last-of-type):not(:where([class~="not-prose"] *)):after {
  content: close-quote;
}
.prose :where(h1):not(:where([class~="not-prose"] *)) {
  color: var(--tw-prose-headings);
  font-weight: 800;
  font-size: 2.25em;
  margin-top: 0;
  margin-bottom: 0.8888889em;
  line-height: 1.1111111;
}
.prose :where(h1 strong):not(:where([class~="not-prose"] *)) {
  font-weight: 900;
  color: inherit;
}
.prose :where(h2):not(:where([class~="not-prose"] *)) {
  color: var(--tw-prose-headings);
  font-weight: 700;
  font-size: 1.5em;
  margin-top: 2em;
  margin-bottom: 1em;
  line-height: 1.3333333;
}
.prose :where(h2 strong):not(:where([class~="not-prose"] *)) {
  font-weight: 800;
  color: inherit;
}
.prose :where(h3):not(:where([class~="not-prose"] *)) {
  color: var(--tw-prose-headings);
  font-weight: 600;
  font-size: 1.25em;
  margin-top: 1.6em;
  margin-bottom: 0.6em;
  line-height: 1.6;
}
.prose :where(h3 strong):not(:where([class~="not-prose"] *)) {
  font-weight: 700;
  color: inherit;
}
.prose :where(h4):not(:where([class~="not-prose"] *)) {
  color: var(--tw-prose-headings);
  font-weight: 600;
  margin-top: 1.5em;
  margin-bottom: 0.5em;
  line-height: 1.5;
}
.prose :where(h4 strong):not(:where([class~="not-prose"] *)) {
  font-weight: 700;
  color: inherit;
}
.prose :where(img):not(:where([class~="not-prose"] *)) {
  margin-top: 2em;
  margin-bottom: 2em;
}
.prose :where(figure > *):not(:where([class~="not-prose"] *)) {
  margin-top: 0;
  margin-bottom: 0;
}
.prose :where(figcaption):not(:where([class~="not-prose"] *)) {
  color: var(--tw-prose-captions);
  font-size: 0.875em;
  line-height: 1.4285714;
  margin-top: 0.8571429em;
}
.prose :where(code):not(:where([class~="not-prose"] *)) {
  color: var(--tw-prose-code);
  font-weight: 600;
  font-size: 0.875em;
}
.prose :where(code):not(:where([class~="not-prose"] *)):before {
  content: "`";
}
.prose :where(code):not(:where([class~="not-prose"] *)):after {
  content: "`";
}
.prose :where(a code):not(:where([class~="not-prose"] *)) {
  color: inherit;
}
.prose :where(h1 code):not(:where([class~="not-prose"] *)) {
  color: inherit;
}
.prose :where(h2 code):not(:where([class~="not-prose"] *)) {
  color: inherit;
  font-size: 0.875em;
}
.prose :where(h3 code):not(:where([class~="not-prose"] *)) {
  color: inherit;
  font-size: 0.9em;
}
.prose :where(h4 code):not(:where([class~="not-prose"] *)) {
  color: inherit;
}
.prose :where(blockquote code):not(:where([class~="not-prose"] *)) {
  color: inherit;
}
.prose :where(thead th code):not(:where([class~="not-prose"] *)) {
  color: inherit;
}
.prose :where(pre):not(:where([class~="not-prose"] *)) {
  color: var(--tw-prose-pre-code);
  background-color: var(--tw-prose-pre-bg);
  overflow-x: auto;
  font-weight: 400;
  font-size: 0.875em;
  line-height: 1.7142857;
  margin-top: 1.7142857em;
  margin-bottom: 1.7142857em;
  border-radius: 0.375rem;
  padding: 0.8571429em 1.1428571em;
}
.prose :where(pre code):not(:where([class~="not-prose"] *)) {
  background-color: transparent;
  border-width: 0;
  border-radius: 0;
  padding: 0;
  font-weight: inherit;
  color: inherit;
  font-size: inherit;
  font-family: inherit;
  line-height: inherit;
}
.prose :where(pre code):not(:where([class~="not-prose"] *)):before {
  content: none;
}
.prose :where(pre code):not(:where([class~="not-prose"] *)):after {
  content: none;
}
.prose :where(table):not(:where([class~="not-prose"] *)) {
  width: 100%;
  table-layout: auto;
  text-align: left;
  margin-top: 2em;
  margin-bottom: 2em;
  font-size: 0.875em;
  line-height: 1.7142857;
}
.prose :where(thead):not(:where([class~="not-prose"] *)) {
  border-bottom-width: 1px;
  border-bottom-color: var(--tw-prose-th-borders);
}
.prose :where(thead th):not(:where([class~="not-prose"] *)) {
  color: var(--tw-prose-headings);
  font-weight: 600;
  vertical-align: bottom;
  padding-right: 0.5714286em;
  padding-bottom: 0.5714286em;
  padding-left: 0.5714286em;
}
.prose :where(tbody tr):not(:where([class~="not-prose"] *)) {
  border-bottom-width: 1px;
  border-bottom-color: var(--tw-prose-td-borders);
}
.prose :where(tbody tr:last-child):not(:where([class~="not-prose"] *)) {
  border-bottom-width: 0;
}
.prose :where(tbody td):not(:where([class~="not-prose"] *)) {
  vertical-align: baseline;
}
.prose :where(tfoot):not(:where([class~="not-prose"] *)) {
  border-top-width: 1px;
  border-top-color: var(--tw-prose-th-borders);
}
.prose :where(tfoot td):not(:where([class~="not-prose"] *)) {
  vertical-align: top;
}
.prose {
  --tw-prose-body: #374151;
  --tw-prose-headings: #111827;
  --tw-prose-lead: #4b5563;
  --tw-prose-links: #111827;
  --tw-prose-bold: #111827;
  --tw-prose-counters: #6b7280;
  --tw-prose-bullets: #d1d5db;
  --tw-prose-hr: #e5e7eb;
  --tw-prose-quotes: #111827;
  --tw-prose-quote-borders: #e5e7eb;
  --tw-prose-captions: #6b7280;
  --tw-prose-code: #111827;
  --tw-prose-pre-code: #e5e7eb;
  --tw-prose-pre-bg: #1f2937;
  --tw-prose-th-borders: #d1d5db;
  --tw-prose-td-borders: #e5e7eb;
  --tw-prose-invert-body: #d1d5db;
  --tw-prose-invert-headings: #fff;
  --tw-prose-invert-lead: #9ca3af;
  --tw-prose-invert-links: #fff;
  --tw-prose-invert-bold: #fff;
  --tw-prose-invert-counters: #9ca3af;
  --tw-prose-invert-bullets: #4b5563;
  --tw-prose-invert-hr: #374151;
  --tw-prose-invert-quotes: #f3f4f6;
  --tw-prose-invert-quote-borders: #374151;
  --tw-prose-invert-captions: #9ca3af;
  --tw-prose-invert-code: #fff;
  --tw-prose-invert-pre-code: #d1d5db;
  --tw-prose-invert-pre-bg: rgba(0, 0, 0, 0.5);
  --tw-prose-invert-th-borders: #4b5563;
  --tw-prose-invert-td-borders: #374151;
  font-size: 1rem;
  line-height: 1.75;
}
.prose :where(p):not(:where([class~="not-prose"] *)) {
  margin-top: 1.25em;
  margin-bottom: 1.25em;
}
.prose :where(video):not(:where([class~="not-prose"] *)) {
  margin-top: 2em;
  margin-bottom: 2em;
}
.prose :where(figure):not(:where([class~="not-prose"] *)) {
  margin-top: 2em;
  margin-bottom: 2em;
}
.prose :where(li):not(:where([class~="not-prose"] *)) {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}
.prose :where(ol > li):not(:where([class~="not-prose"] *)) {
  padding-left: 0.375em;
}
.prose :where(ul > li):not(:where([class~="not-prose"] *)) {
  padding-left: 0.375em;
}
.prose :where(.prose > ul > li p):not(:where([class~="not-prose"] *)) {
  margin-top: 0.75em;
  margin-bottom: 0.75em;
}
.prose
  :where(.prose > ul > li > :first-child):not(:where([class~="not-prose"] *)) {
  margin-top: 1.25em;
}
.prose
  :where(.prose > ul > li > :last-child):not(:where([class~="not-prose"] *)) {
  margin-bottom: 1.25em;
}
.prose
  :where(.prose > ol > li > :first-child):not(:where([class~="not-prose"] *)) {
  margin-top: 1.25em;
}
.prose
  :where(.prose > ol > li > :last-child):not(:where([class~="not-prose"] *)) {
  margin-bottom: 1.25em;
}
.prose :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"] *)) {
  margin-top: 0.75em;
  margin-bottom: 0.75em;
}
.prose :where(hr + *):not(:where([class~="not-prose"] *)) {
  margin-top: 0;
}
.prose :where(h2 + *):not(:where([class~="not-prose"] *)) {
  margin-top: 0;
}
.prose :where(h3 + *):not(:where([class~="not-prose"] *)) {
  margin-top: 0;
}
.prose :where(h4 + *):not(:where([class~="not-prose"] *)) {
  margin-top: 0;
}
.prose :where(thead th:first-child):not(:where([class~="not-prose"] *)) {
  padding-left: 0;
}
.prose :where(thead th:last-child):not(:where([class~="not-prose"] *)) {
  padding-right: 0;
}
.prose :where(tbody td, tfoot td):not(:where([class~="not-prose"] *)) {
  padding: 0.5714286em;
}
.prose
  :where(tbody td:first-child, tfoot td:first-child):not(
    :where([class~="not-prose"] *)
  ) {
  padding-left: 0;
}
.prose
  :where(tbody td:last-child, tfoot td:last-child):not(
    :where([class~="not-prose"] *)
  ) {
  padding-right: 0;
}
.prose :where(.prose > :first-child):not(:where([class~="not-prose"] *)) {
  margin-top: 0;
}
.prose :where(.prose > :last-child):not(:where([class~="not-prose"] *)) {
  margin-bottom: 0;
}
.prose-sm :where(.prose > ul > li p):not(:where([class~="not-prose"] *)) {
  margin-top: 0.5714286em;
  margin-bottom: 0.5714286em;
}
.prose-sm
  :where(.prose > ul > li > :first-child):not(:where([class~="not-prose"] *)) {
  margin-top: 1.1428571em;
}
.prose-sm
  :where(.prose > ul > li > :last-child):not(:where([class~="not-prose"] *)) {
  margin-bottom: 1.1428571em;
}
.prose-sm
  :where(.prose > ol > li > :first-child):not(:where([class~="not-prose"] *)) {
  margin-top: 1.1428571em;
}
.prose-sm
  :where(.prose > ol > li > :last-child):not(:where([class~="not-prose"] *)) {
  margin-bottom: 1.1428571em;
}
.prose-sm :where(.prose > :first-child):not(:where([class~="not-prose"] *)) {
  margin-top: 0;
}
.prose-sm :where(.prose > :last-child):not(:where([class~="not-prose"] *)) {
  margin-bottom: 0;
}
.prose-base :where(.prose > ul > li p):not(:where([class~="not-prose"] *)) {
  margin-top: 0.75em;
  margin-bottom: 0.75em;
}
.prose-base
  :where(.prose > ul > li > :first-child):not(:where([class~="not-prose"] *)) {
  margin-top: 1.25em;
}
.prose-base
  :where(.prose > ul > li > :last-child):not(:where([class~="not-prose"] *)) {
  margin-bottom: 1.25em;
}
.prose-base
  :where(.prose > ol > li > :first-child):not(:where([class~="not-prose"] *)) {
  margin-top: 1.25em;
}
.prose-base
  :where(.prose > ol > li > :last-child):not(:where([class~="not-prose"] *)) {
  margin-bottom: 1.25em;
}
.prose-base :where(.prose > :first-child):not(:where([class~="not-prose"] *)) {
  margin-top: 0;
}
.prose-base :where(.prose > :last-child):not(:where([class~="not-prose"] *)) {
  margin-bottom: 0;
}
.prose-lg {
  font-size: 1.125rem;
  line-height: 1.7777778;
}
.prose-lg :where(p):not(:where([class~="not-prose"] *)) {
  margin-top: 1.3333333em;
  margin-bottom: 1.3333333em;
}
.prose-lg :where([class~="lead"]):not(:where([class~="not-prose"] *)) {
  font-size: 1.2222222em;
  line-height: 1.4545455;
  margin-top: 1.0909091em;
  margin-bottom: 1.0909091em;
}
.prose-lg :where(blockquote):not(:where([class~="not-prose"] *)) {
  margin-top: 1.6666667em;
  margin-bottom: 1.6666667em;
  padding-left: 1em;
}
.prose-lg :where(h1):not(:where([class~="not-prose"] *)) {
  font-size: 2.6666667em;
  margin-top: 0;
  margin-bottom: 0.8333333em;
  line-height: 1;
}
.prose-lg :where(h2):not(:where([class~="not-prose"] *)) {
  font-size: 1.6666667em;
  margin-top: 1.8666667em;
  margin-bottom: 1.0666667em;
  line-height: 1.3333333;
}
.prose-lg :where(h3):not(:where([class~="not-prose"] *)) {
  font-size: 1.3333333em;
  margin-top: 1.6666667em;
  margin-bottom: 0.6666667em;
  line-height: 1.5;
}
.prose-lg :where(h4):not(:where([class~="not-prose"] *)) {
  margin-top: 1.7777778em;
  margin-bottom: 0.4444444em;
  line-height: 1.5555556;
}
.prose-lg :where(img):not(:where([class~="not-prose"] *)) {
  margin-top: 1.7777778em;
  margin-bottom: 1.7777778em;
}
.prose-lg :where(video):not(:where([class~="not-prose"] *)) {
  margin-top: 1.7777778em;
  margin-bottom: 1.7777778em;
}
.prose-lg :where(figure):not(:where([class~="not-prose"] *)) {
  margin-top: 1.7777778em;
  margin-bottom: 1.7777778em;
}
.prose-lg :where(figure > *):not(:where([class~="not-prose"] *)) {
  margin-top: 0;
  margin-bottom: 0;
}
.prose-lg :where(figcaption):not(:where([class~="not-prose"] *)) {
  font-size: 0.8888889em;
  line-height: 1.5;
  margin-top: 1em;
}
.prose-lg :where(code):not(:where([class~="not-prose"] *)) {
  font-size: 0.8888889em;
}
.prose-lg :where(h2 code):not(:where([class~="not-prose"] *)) {
  font-size: 0.8666667em;
}
.prose-lg :where(h3 code):not(:where([class~="not-prose"] *)) {
  font-size: 0.875em;
}
.prose-lg :where(pre):not(:where([class~="not-prose"] *)) {
  font-size: 0.8888889em;
  line-height: 1.75;
  margin-top: 2em;
  margin-bottom: 2em;
  border-radius: 0.375rem;
  padding: 1em 1.5em;
}
.prose-lg :where(ol):not(:where([class~="not-prose"] *)) {
  margin-top: 1.3333333em;
  margin-bottom: 1.3333333em;
  padding-left: 1.5555556em;
}
.prose-lg :where(ul):not(:where([class~="not-prose"] *)) {
  margin-top: 1.3333333em;
  margin-bottom: 1.3333333em;
  padding-left: 1.5555556em;
}
.prose-lg :where(li):not(:where([class~="not-prose"] *)) {
  margin-top: 0.6666667em;
  margin-bottom: 0.6666667em;
}
.prose-lg :where(ol > li):not(:where([class~="not-prose"] *)) {
  padding-left: 0.4444444em;
}
.prose-lg :where(ul > li):not(:where([class~="not-prose"] *)) {
  padding-left: 0.4444444em;
}
.prose-lg :where(.prose > ul > li p):not(:where([class~="not-prose"] *)) {
  margin-top: 0.8888889em;
  margin-bottom: 0.8888889em;
}
.prose-lg
  :where(.prose > ul > li > :first-child):not(:where([class~="not-prose"] *)) {
  margin-top: 1.3333333em;
}
.prose-lg
  :where(.prose > ul > li > :last-child):not(:where([class~="not-prose"] *)) {
  margin-bottom: 1.3333333em;
}
.prose-lg
  :where(.prose > ol > li > :first-child):not(:where([class~="not-prose"] *)) {
  margin-top: 1.3333333em;
}
.prose-lg
  :where(.prose > ol > li > :last-child):not(:where([class~="not-prose"] *)) {
  margin-bottom: 1.3333333em;
}
.prose-lg
  :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"] *)) {
  margin-top: 0.8888889em;
  margin-bottom: 0.8888889em;
}
.prose-lg :where(hr):not(:where([class~="not-prose"] *)) {
  margin-top: 3.1111111em;
  margin-bottom: 3.1111111em;
}
.prose-lg :where(hr + *):not(:where([class~="not-prose"] *)) {
  margin-top: 0;
}
.prose-lg :where(h2 + *):not(:where([class~="not-prose"] *)) {
  margin-top: 0;
}
.prose-lg :where(h3 + *):not(:where([class~="not-prose"] *)) {
  margin-top: 0;
}
.prose-lg :where(h4 + *):not(:where([class~="not-prose"] *)) {
  margin-top: 0;
}
.prose-lg :where(table):not(:where([class~="not-prose"] *)) {
  font-size: 0.8888889em;
  line-height: 1.5;
}
.prose-lg :where(thead th):not(:where([class~="not-prose"] *)) {
  padding-right: 0.75em;
  padding-bottom: 0.75em;
  padding-left: 0.75em;
}
.prose-lg :where(thead th:first-child):not(:where([class~="not-prose"] *)) {
  padding-left: 0;
}
.prose-lg :where(thead th:last-child):not(:where([class~="not-prose"] *)) {
  padding-right: 0;
}
.prose-lg :where(tbody td, tfoot td):not(:where([class~="not-prose"] *)) {
  padding: 0.75em;
}
.prose-lg
  :where(tbody td:first-child, tfoot td:first-child):not(
    :where([class~="not-prose"] *)
  ) {
  padding-left: 0;
}
.prose-lg
  :where(tbody td:last-child, tfoot td:last-child):not(
    :where([class~="not-prose"] *)
  ) {
  padding-right: 0;
}
.prose-lg :where(.prose > :first-child):not(:where([class~="not-prose"] *)) {
  margin-top: 0;
}
.prose-lg :where(.prose > :last-child):not(:where([class~="not-prose"] *)) {
  margin-bottom: 0;
}
.prose-xl :where(.prose > ul > li p):not(:where([class~="not-prose"] *)) {
  margin-top: 0.8em;
  margin-bottom: 0.8em;
}
.prose-xl
  :where(.prose > ul > li > :first-child):not(:where([class~="not-prose"] *)) {
  margin-top: 1.2em;
}
.prose-xl
  :where(.prose > ul > li > :last-child):not(:where([class~="not-prose"] *)) {
  margin-bottom: 1.2em;
}
.prose-xl
  :where(.prose > ol > li > :first-child):not(:where([class~="not-prose"] *)) {
  margin-top: 1.2em;
}
.prose-xl
  :where(.prose > ol > li > :last-child):not(:where([class~="not-prose"] *)) {
  margin-bottom: 1.2em;
}
.prose-xl :where(.prose > :first-child):not(:where([class~="not-prose"] *)) {
  margin-top: 0;
}
.prose-xl :where(.prose > :last-child):not(:where([class~="not-prose"] *)) {
  margin-bottom: 0;
}
.prose-2xl :where(.prose > ul > li p):not(:where([class~="not-prose"] *)) {
  margin-top: 0.8333333em;
  margin-bottom: 0.8333333em;
}
.prose-2xl
  :where(.prose > ul > li > :first-child):not(:where([class~="not-prose"] *)) {
  margin-top: 1.3333333em;
}
.prose-2xl
  :where(.prose > ul > li > :last-child):not(:where([class~="not-prose"] *)) {
  margin-bottom: 1.3333333em;
}
.prose-2xl
  :where(.prose > ol > li > :first-child):not(:where([class~="not-prose"] *)) {
  margin-top: 1.3333333em;
}
.prose-2xl
  :where(.prose > ol > li > :last-child):not(:where([class~="not-prose"] *)) {
  margin-bottom: 1.3333333em;
}
.prose-2xl :where(.prose > :first-child):not(:where([class~="not-prose"] *)) {
  margin-top: 0;
}
.prose-2xl :where(.prose > :last-child):not(:where([class~="not-prose"] *)) {
  margin-bottom: 0;
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}
.pointer-events-none {
  pointer-events: none;
}
.pointer-events-auto {
  pointer-events: auto;
}
.visible {
  visibility: visible;
}
.invisible {
  visibility: hidden;
}
.static {
  position: static;
}
.fixed {
  position: fixed;
}
.absolute {
  position: absolute;
}
.relative {
  position: relative;
}
.sticky {
  position: sticky;
}
.inset-0 {
  inset: var(--spotter-spacing-0);
}
.inset-0\.5 {
  inset: var(--spotter-spacing-0_5);
}
.inset-x-0 {
  left: var(--spotter-spacing-0);
  right: var(--spotter-spacing-0);
}
.inset-y-0 {
  top: var(--spotter-spacing-0);
  bottom: var(--spotter-spacing-0);
}
.\!bottom-0 {
  bottom: var(--spotter-spacing-0) !important;
}
.\!left-0 {
  left: var(--spotter-spacing-0) !important;
}
.\!left-24 {
  left: var(--spotter-spacing-24) !important;
}
.-bottom-10 {
  bottom: calc(var(--spotter-spacing-10) * -1);
}
.-bottom-2 {
  bottom: calc(var(--spotter-spacing-2) * -1);
}
.-bottom-20 {
  bottom: calc(var(--spotter-spacing-20) * -1);
}
.-bottom-24 {
  bottom: calc(var(--spotter-spacing-24) * -1);
}
.-bottom-48 {
  bottom: calc(var(--spotter-spacing-48) * -1);
}
.-bottom-7 {
  bottom: calc(var(--spotter-spacing-7) * -1);
}
.-bottom-8 {
  bottom: calc(var(--spotter-spacing-8) * -1);
}
.-bottom-full {
  bottom: -100%;
}
.-left-2 {
  left: calc(var(--spotter-spacing-2) * -1);
}
.-left-24 {
  left: calc(var(--spotter-spacing-24) * -1);
}
.-left-4 {
  left: calc(var(--spotter-spacing-4) * -1);
}
.-left-8 {
  left: calc(var(--spotter-spacing-8) * -1);
}
.-left-\[1rem\] {
  left: -1rem;
}
.-right-\[450px\] {
  right: -450px;
}
.-top-0 {
  top: calc(var(--spotter-spacing-0) * -1);
}
.-top-0\.5 {
  top: calc(var(--spotter-spacing-0_5) * -1);
}
.-top-1 {
  top: calc(var(--spotter-spacing-1) * -1);
}
.-top-2 {
  top: calc(var(--spotter-spacing-2) * -1);
}
.-top-20 {
  top: calc(var(--spotter-spacing-20) * -1);
}
.-top-28 {
  top: calc(var(--spotter-spacing-28) * -1);
}
.-top-4 {
  top: calc(var(--spotter-spacing-4) * -1);
}
.-top-44 {
  top: calc(var(--spotter-spacing-44) * -1);
}
.-top-5 {
  top: calc(var(--spotter-spacing-5) * -1);
}
.-top-6 {
  top: calc(var(--spotter-spacing-6) * -1);
}
.-top-8 {
  top: calc(var(--spotter-spacing-8) * -1);
}
.-top-\[5rem\] {
  top: -5rem;
}
.-top-\[80px\] {
  top: -80px;
}
.-top-px {
  top: calc(var(--spotter-spacing-px) * -1);
}
.bottom-0 {
  bottom: var(--spotter-spacing-0);
}
.bottom-2 {
  bottom: var(--spotter-spacing-2);
}
.bottom-20 {
  bottom: var(--spotter-spacing-20);
}
.bottom-3 {
  bottom: var(--spotter-spacing-3);
}
.bottom-\[-11px\] {
  bottom: -11px;
}
.bottom-\[38\%\] {
  bottom: 38%;
}
.bottom-\[8px\] {
  bottom: 8px;
}
.left-0 {
  left: var(--spotter-spacing-0);
}
.left-1\/2 {
  left: 50%;
}
.left-16 {
  left: var(--spotter-spacing-16);
}
.left-2 {
  left: var(--spotter-spacing-2);
}
.left-2\.5 {
  left: var(--spotter-spacing-2_5);
}
.left-2\/4 {
  left: 50%;
}
.left-20 {
  left: var(--spotter-spacing-20);
}
.left-3 {
  left: var(--spotter-spacing-3);
}
.left-4 {
  left: var(--spotter-spacing-4);
}
.left-56 {
  left: var(--spotter-spacing-56);
}
.left-8 {
  left: var(--spotter-spacing-8);
}
.left-\[--feature-column-width\] {
  left: var(--feature-column-width);
}
.left-\[-11px\] {
  left: -11px;
}
.left-\[-90px\] {
  left: -90px;
}
.left-\[20\%\] {
  left: 20%;
}
.left-\[3px\] {
  left: 3px;
}
.left-\[4rem\] {
  left: 4rem;
}
.left-\[50\%\] {
  left: 50%;
}
.left-\[8px\] {
  left: 8px;
}
.right-0 {
  right: var(--spotter-spacing-0);
}
.right-1 {
  right: var(--spotter-spacing-1);
}
.right-2 {
  right: var(--spotter-spacing-2);
}
.right-3 {
  right: var(--spotter-spacing-3);
}
.right-4 {
  right: var(--spotter-spacing-4);
}
.right-8 {
  right: var(--spotter-spacing-8);
}
.right-\[-11px\] {
  right: -11px;
}
.right-\[15\%\] {
  right: 15%;
}
.right-\[3\%\] {
  right: 3%;
}
.right-\[32\%\] {
  right: 32%;
}
.right-\[5\%\] {
  right: 5%;
}
.right-\[8px\] {
  right: 8px;
}
.top-0 {
  top: var(--spotter-spacing-0);
}
.top-1 {
  top: var(--spotter-spacing-1);
}
.top-1\.5 {
  top: var(--spotter-spacing-1_5);
}
.top-1\/2 {
  top: 50%;
}
.top-10 {
  top: var(--spotter-spacing-10);
}
.top-12 {
  top: var(--spotter-spacing-12);
}
.top-2 {
  top: var(--spotter-spacing-2);
}
.top-2\.5 {
  top: var(--spotter-spacing-2_5);
}
.top-24 {
  top: var(--spotter-spacing-24);
}
.top-3 {
  top: var(--spotter-spacing-3);
}
.top-3\.5 {
  top: var(--spotter-spacing-3_5);
}
.top-3\/4 {
  top: 75%;
}
.top-4 {
  top: var(--spotter-spacing-4);
}
.top-5 {
  top: var(--spotter-spacing-5);
}
.top-6 {
  top: var(--spotter-spacing-6);
}
.top-8 {
  top: var(--spotter-spacing-8);
}
.top-9 {
  top: var(--spotter-spacing-9);
}
.top-\[-11px\] {
  top: -11px;
}
.top-\[-1px\] {
  top: -1px;
}
.top-\[-20\%\] {
  top: -20%;
}
.top-\[10rem\] {
  top: 10rem;
}
.top-\[14px\] {
  top: 14px;
}
.top-\[1rem\] {
  top: 1rem;
}
.top-\[25\%\] {
  top: 25%;
}
.top-\[2px\] {
  top: 2px;
}
.top-\[3px\] {
  top: 3px;
}
.top-\[40\%\] {
  top: 40%;
}
.top-\[5\%\] {
  top: 5%;
}
.top-\[50\%\] {
  top: 50%;
}
.top-\[72px\] {
  top: 72px;
}
.top-\[7px\] {
  top: 7px;
}
.top-\[8px\] {
  top: 8px;
}
.top-px {
  top: var(--spotter-spacing-px);
}
.\!-z-30 {
  z-index: -30 !important;
}
.\!z-0 {
  z-index: 0 !important;
}
.\!z-10 {
  z-index: 10 !important;
}
.\!z-\[1\] {
  z-index: 1 !important;
}
.-z-10 {
  z-index: -10;
}
.-z-20 {
  z-index: -20;
}
.-z-\[1\] {
  z-index: -1;
}
.-z-\[2\] {
  z-index: -2;
}
.-z-\[3\] {
  z-index: -3;
}
.z-0 {
  z-index: 0;
}
.z-10 {
  z-index: 10;
}
.z-20 {
  z-index: 20;
}
.z-30 {
  z-index: 30;
}
.z-40 {
  z-index: 40;
}
.z-50 {
  z-index: 50;
}
.z-\[1\] {
  z-index: 1;
}
.z-\[2\] {
  z-index: 2;
}
.z-\[3\] {
  z-index: 3;
}
.z-\[4\] {
  z-index: 4;
}
.z-\[5\] {
  z-index: 5;
}
.z-\[60\] {
  z-index: 60;
}
.order-2 {
  order: 2;
}
.order-last {
  order: 9999;
}
.col-span-1 {
  grid-column: span 1 / span 1;
}
.col-span-2 {
  grid-column: span 2 / span 2;
}
.col-span-3 {
  grid-column: span 3 / span 3;
}
.col-span-4 {
  grid-column: span 4 / span 4;
}
.col-span-6 {
  grid-column: span 6 / span 6;
}
.col-span-full {
  grid-column: 1/-1;
}
.row-\[span_7_\/_span_7\] {
  grid-row: span 7 / span 7;
}
.row-span-2 {
  grid-row: span 2 / span 2;
}
.row-span-3 {
  grid-row: span 3 / span 3;
}
.row-span-4 {
  grid-row: span 4 / span 4;
}
.row-span-6 {
  grid-row: span 6 / span 6;
}
.row-span-full {
  grid-row: 1/-1;
}
.row-start-1 {
  grid-row-start: 1;
}
.row-start-2 {
  grid-row-start: 2;
}
.row-start-3 {
  grid-row-start: 3;
}
.row-start-4 {
  grid-row-start: 4;
}
.-m-1 {
  margin: calc(var(--spotter-spacing-1) * -1);
}
.-m-1\.5 {
  margin: calc(var(--spotter-spacing-1_5) * -1);
}
.m-0 {
  margin: var(--spotter-spacing-0);
}
.m-0\.5 {
  margin: var(--spotter-spacing-0_5);
}
.m-1 {
  margin: var(--spotter-spacing-1);
}
.m-10 {
  margin: var(--spotter-spacing-10);
}
.m-2 {
  margin: var(--spotter-spacing-2);
}
.m-4 {
  margin: var(--spotter-spacing-4);
}
.m-5 {
  margin: var(--spotter-spacing-5);
}
.m-8 {
  margin: var(--spotter-spacing-8);
}
.m-\[2px\] {
  margin: 2px;
}
.\!my-12 {
  margin-top: var(--spotter-spacing-12) !important;
  margin-bottom: var(--spotter-spacing-12) !important;
}
.\!my-\[50px\] {
  margin-top: 50px !important;
  margin-bottom: 50px !important;
}
.-mx-1 {
  margin-left: calc(var(--spotter-spacing-1) * -1);
  margin-right: calc(var(--spotter-spacing-1) * -1);
}
.-mx-2 {
  margin-left: calc(var(--spotter-spacing-2) * -1);
  margin-right: calc(var(--spotter-spacing-2) * -1);
}
.-mx-3 {
  margin-left: calc(var(--spotter-spacing-3) * -1);
  margin-right: calc(var(--spotter-spacing-3) * -1);
}
.-mx-4 {
  margin-left: calc(var(--spotter-spacing-4) * -1);
  margin-right: calc(var(--spotter-spacing-4) * -1);
}
.-mx-7 {
  margin-left: calc(var(--spotter-spacing-7) * -1);
  margin-right: calc(var(--spotter-spacing-7) * -1);
}
.-mx-8 {
  margin-left: calc(var(--spotter-spacing-8) * -1);
  margin-right: calc(var(--spotter-spacing-8) * -1);
}
.-my-20 {
  margin-top: calc(var(--spotter-spacing-20) * -1);
  margin-bottom: calc(var(--spotter-spacing-20) * -1);
}
.mx-1 {
  margin-left: var(--spotter-spacing-1);
  margin-right: var(--spotter-spacing-1);
}
.mx-10 {
  margin-left: var(--spotter-spacing-10);
  margin-right: var(--spotter-spacing-10);
}
.mx-12 {
  margin-left: var(--spotter-spacing-12);
  margin-right: var(--spotter-spacing-12);
}
.mx-2 {
  margin-left: var(--spotter-spacing-2);
  margin-right: var(--spotter-spacing-2);
}
.mx-20 {
  margin-left: var(--spotter-spacing-20);
  margin-right: var(--spotter-spacing-20);
}
.mx-3 {
  margin-left: var(--spotter-spacing-3);
  margin-right: var(--spotter-spacing-3);
}
.mx-3\.5 {
  margin-left: var(--spotter-spacing-3_5);
  margin-right: var(--spotter-spacing-3_5);
}
.mx-4 {
  margin-left: var(--spotter-spacing-4);
  margin-right: var(--spotter-spacing-4);
}
.mx-5 {
  margin-left: var(--spotter-spacing-5);
  margin-right: var(--spotter-spacing-5);
}
.mx-6 {
  margin-left: var(--spotter-spacing-6);
  margin-right: var(--spotter-spacing-6);
}
.mx-8 {
  margin-left: var(--spotter-spacing-8);
  margin-right: var(--spotter-spacing-8);
}
.mx-auto {
  margin-left: auto;
  margin-right: auto;
}
.my-0 {
  margin-top: var(--spotter-spacing-0);
  margin-bottom: var(--spotter-spacing-0);
}
.my-1 {
  margin-top: var(--spotter-spacing-1);
  margin-bottom: var(--spotter-spacing-1);
}
.my-10 {
  margin-top: var(--spotter-spacing-10);
  margin-bottom: var(--spotter-spacing-10);
}
.my-12 {
  margin-top: var(--spotter-spacing-12);
  margin-bottom: var(--spotter-spacing-12);
}
.my-14 {
  margin-top: var(--spotter-spacing-14);
  margin-bottom: var(--spotter-spacing-14);
}
.my-16 {
  margin-top: var(--spotter-spacing-16);
  margin-bottom: var(--spotter-spacing-16);
}
.my-20 {
  margin-top: var(--spotter-spacing-20);
  margin-bottom: var(--spotter-spacing-20);
}
.my-24 {
  margin-top: var(--spotter-spacing-24);
  margin-bottom: var(--spotter-spacing-24);
}
.my-3 {
  margin-top: var(--spotter-spacing-3);
  margin-bottom: var(--spotter-spacing-3);
}
.my-32 {
  margin-top: var(--spotter-spacing-32);
  margin-bottom: var(--spotter-spacing-32);
}
.my-4 {
  margin-top: var(--spotter-spacing-4);
  margin-bottom: var(--spotter-spacing-4);
}
.my-5 {
  margin-top: var(--spotter-spacing-5);
  margin-bottom: var(--spotter-spacing-5);
}
.my-6 {
  margin-top: var(--spotter-spacing-6);
  margin-bottom: var(--spotter-spacing-6);
}
.my-64 {
  margin-top: var(--spotter-spacing-64);
  margin-bottom: var(--spotter-spacing-64);
}
.my-8 {
  margin-top: var(--spotter-spacing-8);
  margin-bottom: var(--spotter-spacing-8);
}
.my-9 {
  margin-top: var(--spotter-spacing-9);
  margin-bottom: var(--spotter-spacing-9);
}
.my-\[73px\] {
  margin-top: 73px;
  margin-bottom: 73px;
}
.my-\[93px\] {
  margin-top: 93px;
  margin-bottom: 93px;
}
.my-auto {
  margin-top: auto;
  margin-bottom: auto;
}
.\!mt-0 {
  margin-top: var(--spotter-spacing-0) !important;
}
.-mb-1 {
  margin-bottom: calc(var(--spotter-spacing-1) * -1);
}
.-mb-10 {
  margin-bottom: calc(var(--spotter-spacing-10) * -1);
}
.-mb-12 {
  margin-bottom: calc(var(--spotter-spacing-12) * -1);
}
.-mb-2 {
  margin-bottom: calc(var(--spotter-spacing-2) * -1);
}
.-mb-3 {
  margin-bottom: calc(var(--spotter-spacing-3) * -1);
}
.-mb-4 {
  margin-bottom: calc(var(--spotter-spacing-4) * -1);
}
.-mb-40 {
  margin-bottom: calc(var(--spotter-spacing-40) * -1);
}
.-mb-5 {
  margin-bottom: calc(var(--spotter-spacing-5) * -1);
}
.-mb-6 {
  margin-bottom: calc(var(--spotter-spacing-6) * -1);
}
.-ml-0 {
  margin-left: calc(var(--spotter-spacing-0) * -1);
}
.-ml-0\.5 {
  margin-left: calc(var(--spotter-spacing-0_5) * -1);
}
.-ml-1 {
  margin-left: calc(var(--spotter-spacing-1) * -1);
}
.-ml-2 {
  margin-left: calc(var(--spotter-spacing-2) * -1);
}
.-ml-3 {
  margin-left: calc(var(--spotter-spacing-3) * -1);
}
.-ml-4 {
  margin-left: calc(var(--spotter-spacing-4) * -1);
}
.-ml-6 {
  margin-left: calc(var(--spotter-spacing-6) * -1);
}
.-ml-8 {
  margin-left: calc(var(--spotter-spacing-8) * -1);
}
.-mr-1 {
  margin-right: calc(var(--spotter-spacing-1) * -1);
}
.-ms-4 {
  -webkit-margin-start: calc(var(--spotter-spacing-4) * -1);
  margin-inline-start: calc(var(--spotter-spacing-4) * -1);
}
.-mt-0 {
  margin-top: calc(var(--spotter-spacing-0) * -1);
}
.-mt-0\.5 {
  margin-top: calc(var(--spotter-spacing-0_5) * -1);
}
.-mt-1 {
  margin-top: calc(var(--spotter-spacing-1) * -1);
}
.-mt-1\.5 {
  margin-top: calc(var(--spotter-spacing-1_5) * -1);
}
.-mt-16 {
  margin-top: calc(var(--spotter-spacing-16) * -1);
}
.-mt-3 {
  margin-top: calc(var(--spotter-spacing-3) * -1);
}
.-mt-4 {
  margin-top: calc(var(--spotter-spacing-4) * -1);
}
.-mt-6 {
  margin-top: calc(var(--spotter-spacing-6) * -1);
}
.-mt-7 {
  margin-top: calc(var(--spotter-spacing-7) * -1);
}
.-mt-8 {
  margin-top: calc(var(--spotter-spacing-8) * -1);
}
.-mt-\[170px\] {
  margin-top: -170px;
}
.-mt-\[4\.5rem\] {
  margin-top: -4.5rem;
}
.-mt-\[40px\] {
  margin-top: -40px;
}
.-mt-\[620px\] {
  margin-top: -620px;
}
.-mt-px {
  margin-top: calc(var(--spotter-spacing-px) * -1);
}
.mb-0 {
  margin-bottom: var(--spotter-spacing-0);
}
.mb-1 {
  margin-bottom: var(--spotter-spacing-1);
}
.mb-1\.5 {
  margin-bottom: var(--spotter-spacing-1_5);
}
.mb-10 {
  margin-bottom: var(--spotter-spacing-10);
}
.mb-11 {
  margin-bottom: var(--spotter-spacing-11);
}
.mb-12 {
  margin-bottom: var(--spotter-spacing-12);
}
.mb-14 {
  margin-bottom: var(--spotter-spacing-14);
}
.mb-16 {
  margin-bottom: var(--spotter-spacing-16);
}
.mb-2 {
  margin-bottom: var(--spotter-spacing-2);
}
.mb-20 {
  margin-bottom: var(--spotter-spacing-20);
}
.mb-24 {
  margin-bottom: var(--spotter-spacing-24);
}
.mb-28 {
  margin-bottom: var(--spotter-spacing-28);
}
.mb-3 {
  margin-bottom: var(--spotter-spacing-3);
}
.mb-32 {
  margin-bottom: var(--spotter-spacing-32);
}
.mb-4 {
  margin-bottom: var(--spotter-spacing-4);
}
.mb-40 {
  margin-bottom: var(--spotter-spacing-40);
}
.mb-48 {
  margin-bottom: var(--spotter-spacing-48);
}
.mb-5 {
  margin-bottom: var(--spotter-spacing-5);
}
.mb-6 {
  margin-bottom: var(--spotter-spacing-6);
}
.mb-7 {
  margin-bottom: var(--spotter-spacing-7);
}
.mb-8 {
  margin-bottom: var(--spotter-spacing-8);
}
.mb-9 {
  margin-bottom: var(--spotter-spacing-9);
}
.mb-\[-300px\] {
  margin-bottom: -300px;
}
.mb-\[22px\] {
  margin-bottom: 22px;
}
.mb-\[26px\] {
  margin-bottom: 26px;
}
.mb-\[75px\] {
  margin-bottom: 75px;
}
.me-1 {
  -webkit-margin-end: var(--spotter-spacing-1);
  margin-inline-end: var(--spotter-spacing-1);
}
.me-2 {
  -webkit-margin-end: var(--spotter-spacing-2);
  margin-inline-end: var(--spotter-spacing-2);
}
.ml-0 {
  margin-left: var(--spotter-spacing-0);
}
.ml-0\.5 {
  margin-left: var(--spotter-spacing-0_5);
}
.ml-1 {
  margin-left: var(--spotter-spacing-1);
}
.ml-1\.5 {
  margin-left: var(--spotter-spacing-1_5);
}
.ml-2 {
  margin-left: var(--spotter-spacing-2);
}
.ml-3 {
  margin-left: var(--spotter-spacing-3);
}
.ml-4 {
  margin-left: var(--spotter-spacing-4);
}
.ml-6 {
  margin-left: var(--spotter-spacing-6);
}
.ml-7 {
  margin-left: var(--spotter-spacing-7);
}
.ml-8 {
  margin-left: var(--spotter-spacing-8);
}
.ml-\[0\.375rem\] {
  margin-left: 0.375rem;
}
.ml-auto {
  margin-left: auto;
}
.ml-px {
  margin-left: var(--spotter-spacing-px);
}
.mr-1 {
  margin-right: var(--spotter-spacing-1);
}
.mr-1\.5 {
  margin-right: var(--spotter-spacing-1_5);
}
.mr-12 {
  margin-right: var(--spotter-spacing-12);
}
.mr-14 {
  margin-right: var(--spotter-spacing-14);
}
.mr-2 {
  margin-right: var(--spotter-spacing-2);
}
.mr-3 {
  margin-right: var(--spotter-spacing-3);
}
.mr-4 {
  margin-right: var(--spotter-spacing-4);
}
.mr-8 {
  margin-right: var(--spotter-spacing-8);
}
.mr-auto {
  margin-right: auto;
}
.ms-2 {
  -webkit-margin-start: var(--spotter-spacing-2);
  margin-inline-start: var(--spotter-spacing-2);
}
.ms-4 {
  -webkit-margin-start: var(--spotter-spacing-4);
  margin-inline-start: var(--spotter-spacing-4);
}
.mt-0 {
  margin-top: var(--spotter-spacing-0);
}
.mt-0\.5 {
  margin-top: var(--spotter-spacing-0_5);
}
.mt-1 {
  margin-top: var(--spotter-spacing-1);
}
.mt-1\.5 {
  margin-top: var(--spotter-spacing-1_5);
}
.mt-10 {
  margin-top: var(--spotter-spacing-10);
}
.mt-11 {
  margin-top: var(--spotter-spacing-11);
}
.mt-12 {
  margin-top: var(--spotter-spacing-12);
}
.mt-14 {
  margin-top: var(--spotter-spacing-14);
}
.mt-16 {
  margin-top: var(--spotter-spacing-16);
}
.mt-2 {
  margin-top: var(--spotter-spacing-2);
}
.mt-2\.5 {
  margin-top: var(--spotter-spacing-2_5);
}
.mt-20 {
  margin-top: var(--spotter-spacing-20);
}
.mt-24 {
  margin-top: var(--spotter-spacing-24);
}
.mt-28 {
  margin-top: var(--spotter-spacing-28);
}
.mt-3 {
  margin-top: var(--spotter-spacing-3);
}
.mt-3\.5 {
  margin-top: var(--spotter-spacing-3_5);
}
.mt-4 {
  margin-top: var(--spotter-spacing-4);
}
.mt-40 {
  margin-top: var(--spotter-spacing-40);
}
.mt-44 {
  margin-top: var(--spotter-spacing-44);
}
.mt-5 {
  margin-top: var(--spotter-spacing-5);
}
.mt-6 {
  margin-top: var(--spotter-spacing-6);
}
.mt-7 {
  margin-top: var(--spotter-spacing-7);
}
.mt-8 {
  margin-top: var(--spotter-spacing-8);
}
.mt-9 {
  margin-top: var(--spotter-spacing-9);
}
.mt-\[-5\%\] {
  margin-top: -5%;
}
.mt-\[10px\] {
  margin-top: 10px;
}
.mt-\[1px\] {
  margin-top: 1px;
}
.mt-\[22px\] {
  margin-top: 22px;
}
.mt-\[25px\] {
  margin-top: 25px;
}
.mt-\[2px\] {
  margin-top: 2px;
}
.mt-\[39px\] {
  margin-top: 39px;
}
.mt-\[400px\] {
  margin-top: 400px;
}
.mt-\[52px\] {
  margin-top: 52px;
}
.mt-auto {
  margin-top: auto;
}
.mt-px {
  margin-top: var(--spotter-spacing-px);
}
.line-clamp-2 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.\!block {
  display: block !important;
}
.block {
  display: block;
}
.\!inline-block {
  display: inline-block !important;
}
.inline-block {
  display: inline-block;
}
.inline {
  display: inline;
}
.\!flex {
  display: flex !important;
}
.flex {
  display: flex;
}
.inline-flex {
  display: inline-flex;
}
.table {
  display: table;
}
.table-cell {
  display: table-cell;
}
.table-row {
  display: table-row;
}
.grid {
  display: grid;
}
.contents {
  display: contents;
}
.hidden {
  display: none;
}
.aspect-\[1\.68\/1\] {
  aspect-ratio: 1.68/1;
}
.aspect-\[1\.7\/1\] {
  aspect-ratio: 1.7/1;
}
.aspect-\[1\/1\.1\] {
  aspect-ratio: 1/1.1;
}
.aspect-\[12\/10\] {
  aspect-ratio: 12/10;
}
.aspect-\[16\/10\] {
  aspect-ratio: 16/10;
}
.aspect-\[16\/9\] {
  aspect-ratio: 16/9;
}
.aspect-\[2\.4\/1\] {
  aspect-ratio: 2.4/1;
}
.aspect-\[2\.5\/1\] {
  aspect-ratio: 2.5/1;
}
.aspect-square {
  aspect-ratio: 1/1;
}
.aspect-video {
  aspect-ratio: 16/9;
}
.\!h-10 {
  height: var(--spotter-spacing-10) !important;
}
.\!h-20 {
  height: var(--spotter-spacing-20) !important;
}
.\!h-32 {
  height: var(--spotter-spacing-32) !important;
}
.h-0 {
  height: var(--spotter-spacing-0);
}
.h-0\.5 {
  height: var(--spotter-spacing-0_5);
}
.h-1 {
  height: var(--spotter-spacing-1);
}
.h-1\.5 {
  height: var(--spotter-spacing-1_5);
}
.h-1\/3 {
  height: 33.333333%;
}
.h-1\/5 {
  height: 20%;
}
.h-10 {
  height: var(--spotter-spacing-10);
}
.h-11 {
  height: var(--spotter-spacing-11);
}
.h-12 {
  height: var(--spotter-spacing-12);
}
.h-14 {
  height: var(--spotter-spacing-14);
}
.h-16 {
  height: var(--spotter-spacing-16);
}
.h-2 {
  height: var(--spotter-spacing-2);
}
.h-2\.5 {
  height: var(--spotter-spacing-2_5);
}
.h-20 {
  height: var(--spotter-spacing-20);
}
.h-24 {
  height: var(--spotter-spacing-24);
}
.h-3 {
  height: var(--spotter-spacing-3);
}
.h-3\.5 {
  height: var(--spotter-spacing-3_5);
}
.h-4 {
  height: var(--spotter-spacing-4);
}
.h-40 {
  height: var(--spotter-spacing-40);
}
.h-44 {
  height: var(--spotter-spacing-44);
}
.h-48 {
  height: var(--spotter-spacing-48);
}
.h-5 {
  height: var(--spotter-spacing-5);
}
.h-56 {
  height: var(--spotter-spacing-56);
}
.h-6 {
  height: var(--spotter-spacing-6);
}
.h-64 {
  height: var(--spotter-spacing-64);
}
.h-7 {
  height: var(--spotter-spacing-7);
}
.h-8 {
  height: var(--spotter-spacing-8);
}
.h-9 {
  height: var(--spotter-spacing-9);
}
.h-96 {
  height: var(--spotter-spacing-96);
}
.h-\[1\.5px\] {
  height: 1.5px;
}
.h-\[100cqw\] {
  height: 100cqw;
}
.h-\[100px\] {
  height: 100px;
}
.h-\[10px\] {
  height: 10px;
}
.h-\[120px\] {
  height: 120px;
}
.h-\[145px\] {
  height: 145px;
}
.h-\[14px\] {
  height: 14px;
}
.h-\[152px\] {
  height: 152px;
}
.h-\[160px\] {
  height: 160px;
}
.h-\[174px\] {
  height: 174px;
}
.h-\[180px\] {
  height: 180px;
}
.h-\[18px\] {
  height: 18px;
}
.h-\[1px\] {
  height: 1px;
}
.h-\[200px\] {
  height: 200px;
}
.h-\[20px\] {
  height: 20px;
}
.h-\[2486px\] {
  height: 2486px;
}
.h-\[25px\] {
  height: 25px;
}
.h-\[25vh\] {
  height: 25vh;
}
.h-\[276px\] {
  height: 276px;
}
.h-\[30px\] {
  height: 30px;
}
.h-\[336px\] {
  height: 336px;
}
.h-\[34px\] {
  height: 34px;
}
.h-\[365px\] {
  height: 365px;
}
.h-\[38px\] {
  height: 38px;
}
.h-\[4\.4em\] {
  height: 4.4em;
}
.h-\[40vh\] {
  height: 40vh;
}
.h-\[48px\] {
  height: 48px;
}
.h-\[50px\] {
  height: 50px;
}
.h-\[54px\] {
  height: 54px;
}
.h-\[550px\] {
  height: 550px;
}
.h-\[56px\] {
  height: 56px;
}
.h-\[580px\] {
  height: 580px;
}
.h-\[60\%\] {
  height: 60%;
}
.h-\[60vh\] {
  height: 60vh;
}
.h-\[63px\] {
  height: 63px;
}
.h-\[64px\] {
  height: 64px;
}
.h-\[680px\] {
  height: 680px;
}
.h-\[72px\] {
  height: 72px;
}
.h-\[800px\] {
  height: 800px;
}
.h-\[calc\(100\%\+10rem\)\] {
  height: calc(100% + 10rem);
}
.h-\[calc\(100\%\+170px\)\] {
  height: calc(100% + 170px);
}
.h-\[max-content\] {
  height: -moz-max-content;
  height: max-content;
}
.h-\[var\(--radix-select-trigger-height\)\] {
  height: var(--radix-select-trigger-height);
}
.h-auto {
  height: auto;
}
.h-fit {
  height: -moz-fit-content;
  height: fit-content;
}
.h-full {
  height: 100%;
}
.h-px {
  height: var(--spotter-spacing-px);
}
.h-screen {
  height: 100vh;
}
.max-h-10 {
  max-height: var(--spotter-spacing-10);
}
.max-h-14 {
  max-height: var(--spotter-spacing-14);
}
.max-h-24 {
  max-height: var(--spotter-spacing-24);
}
.max-h-72 {
  max-height: var(--spotter-spacing-72);
}
.max-h-9 {
  max-height: var(--spotter-spacing-9);
}
.max-h-96 {
  max-height: var(--spotter-spacing-96);
}
.max-h-\[200px\] {
  max-height: 200px;
}
.max-h-\[410px\] {
  max-height: 410px;
}
.max-h-\[42px\] {
  max-height: 42px;
}
.max-h-\[565px\] {
  max-height: 565px;
}
.max-h-\[75vh\] {
  max-height: 75vh;
}
.max-h-\[85vh\] {
  max-height: 85vh;
}
.max-h-full {
  max-height: 100%;
}
.\!min-h-0 {
  min-height: var(--spotter-spacing-0) !important;
}
.min-h-0 {
  min-height: var(--spotter-spacing-0);
}
.min-h-12 {
  min-height: var(--spotter-spacing-12);
}
.min-h-14 {
  min-height: var(--spotter-spacing-14);
}
.min-h-16 {
  min-height: var(--spotter-spacing-16);
}
.min-h-20 {
  min-height: var(--spotter-spacing-20);
}
.min-h-48 {
  min-height: var(--spotter-spacing-48);
}
.min-h-6 {
  min-height: var(--spotter-spacing-6);
}
.min-h-60 {
  min-height: var(--spotter-spacing-60);
}
.min-h-64 {
  min-height: var(--spotter-spacing-64);
}
.min-h-8 {
  min-height: var(--spotter-spacing-8);
}
.min-h-9 {
  min-height: var(--spotter-spacing-9);
}
.min-h-\[1000px\] {
  min-height: 1000px;
}
.min-h-\[100vh\] {
  min-height: 100vh;
}
.min-h-\[200px\] {
  min-height: 200px;
}
.min-h-\[250px\] {
  min-height: 250px;
}
.min-h-\[261px\] {
  min-height: 261px;
}
.min-h-\[270px\] {
  min-height: 270px;
}
.min-h-\[30px\] {
  min-height: 30px;
}
.min-h-\[320px\] {
  min-height: 320px;
}
.min-h-\[32px\] {
  min-height: 32px;
}
.min-h-\[350px\] {
  min-height: 350px;
}
.min-h-\[355px\] {
  min-height: 355px;
}
.min-h-\[36px\] {
  min-height: 36px;
}
.min-h-\[48px\] {
  min-height: 48px;
}
.min-h-\[490px\] {
  min-height: 490px;
}
.min-h-\[4rem\] {
  min-height: 4rem;
}
.min-h-\[500px\] {
  min-height: 500px;
}
.min-h-\[516px\] {
  min-height: 516px;
}
.min-h-\[550px\] {
  min-height: 550px;
}
.min-h-\[590px\] {
  min-height: 590px;
}
.min-h-\[690px\] {
  min-height: 690px;
}
.min-h-\[700px\] {
  min-height: 700px;
}
.min-h-\[795px\] {
  min-height: 795px;
}
.min-h-\[800px\] {
  min-height: 800px;
}
.min-h-\[80px\] {
  min-height: 80px;
}
.min-h-\[8rem\] {
  min-height: 8rem;
}
.min-h-full {
  min-height: 100%;
}
.min-h-screen {
  min-height: 100vh;
}
.\!w-32 {
  width: var(--spotter-spacing-32) !important;
}
.\!w-full {
  width: 100% !important;
}
.w-0 {
  width: var(--spotter-spacing-0);
}
.w-1 {
  width: var(--spotter-spacing-1);
}
.w-1\.5 {
  width: var(--spotter-spacing-1_5);
}
.w-1\/2 {
  width: 50%;
}
.w-1\/3 {
  width: 33.333333%;
}
.w-1\/4 {
  width: 25%;
}
.w-10 {
  width: var(--spotter-spacing-10);
}
.w-11 {
  width: var(--spotter-spacing-11);
}
.w-12 {
  width: var(--spotter-spacing-12);
}
.w-14 {
  width: var(--spotter-spacing-14);
}
.w-16 {
  width: var(--spotter-spacing-16);
}
.w-2 {
  width: var(--spotter-spacing-2);
}
.w-2\.5 {
  width: var(--spotter-spacing-2_5);
}
.w-2\/3 {
  width: 66.666667%;
}
.w-20 {
  width: var(--spotter-spacing-20);
}
.w-24 {
  width: var(--spotter-spacing-24);
}
.w-3 {
  width: var(--spotter-spacing-3);
}
.w-3\.5 {
  width: var(--spotter-spacing-3_5);
}
.w-3\/4 {
  width: 75%;
}
.w-32 {
  width: var(--spotter-spacing-32);
}
.w-36 {
  width: var(--spotter-spacing-36);
}
.w-4 {
  width: var(--spotter-spacing-4);
}
.w-4\/5 {
  width: 80%;
}
.w-44 {
  width: var(--spotter-spacing-44);
}
.w-48 {
  width: var(--spotter-spacing-48);
}
.w-5 {
  width: var(--spotter-spacing-5);
}
.w-52 {
  width: var(--spotter-spacing-52);
}
.w-56 {
  width: var(--spotter-spacing-56);
}
.w-6 {
  width: var(--spotter-spacing-6);
}
.w-60 {
  width: var(--spotter-spacing-60);
}
.w-64 {
  width: var(--spotter-spacing-64);
}
.w-7 {
  width: var(--spotter-spacing-7);
}
.w-72 {
  width: var(--spotter-spacing-72);
}
.w-8 {
  width: var(--spotter-spacing-8);
}
.w-9 {
  width: var(--spotter-spacing-9);
}
.w-\[--sidebar-width\] {
  width: var(--sidebar-width);
}
.w-\[100\%\] {
  width: 100%;
}
.w-\[1000px\] {
  width: 1000px;
}
.w-\[100cqw\] {
  width: 100cqw;
}
.w-\[100vw\] {
  width: 100vw;
}
.w-\[10px\] {
  width: 10px;
}
.w-\[1100px\] {
  width: 1100px;
}
.w-\[1150px\] {
  width: 1150px;
}
.w-\[120\%\] {
  width: 120%;
}
.w-\[1200px\] {
  width: 1200px;
}
.w-\[120px\] {
  width: 120px;
}
.w-\[180px\] {
  width: 180px;
}
.w-\[18px\] {
  width: 18px;
}
.w-\[1px\] {
  width: 1px;
}
.w-\[20px\] {
  width: 20px;
}
.w-\[25\%\] {
  width: 25%;
}
.w-\[25\.24px\] {
  width: 25.24px;
}
.w-\[250px\] {
  width: 250px;
}
.w-\[270px\] {
  width: 270px;
}
.w-\[274px\] {
  width: 274px;
}
.w-\[28px\] {
  width: 28px;
}
.w-\[300px\] {
  width: 300px;
}
.w-\[300vw\] {
  width: 300vw;
}
.w-\[30px\] {
  width: 30px;
}
.w-\[330px\] {
  width: 330px;
}
.w-\[340px\] {
  width: 340px;
}
.w-\[34px\] {
  width: 34px;
}
.w-\[38px\] {
  width: 38px;
}
.w-\[4\.4em\] {
  width: 4.4em;
}
.w-\[400px\] {
  width: 400px;
}
.w-\[40cqw\] {
  width: 40cqw;
}
.w-\[40px\] {
  width: 40px;
}
.w-\[410px\] {
  width: 410px;
}
.w-\[4486px\] {
  width: 4486px;
}
.w-\[49px\] {
  width: 49px;
}
.w-\[50px\] {
  width: 50px;
}
.w-\[5110px\] {
  width: 5110px;
}
.w-\[59px\] {
  width: 59px;
}
.w-\[60cqw\] {
  width: 60cqw;
}
.w-\[64px\] {
  width: 64px;
}
.w-\[66\%\] {
  width: 66%;
}
.w-\[70vw\] {
  width: 70vw;
}
.w-\[72px\] {
  width: 72px;
}
.w-\[75vw\] {
  width: 75vw;
}
.w-\[80\%\] {
  width: 80%;
}
.w-\[800px\] {
  width: 800px;
}
.w-\[80cqw\] {
  width: 80cqw;
}
.w-\[80px\] {
  width: 80px;
}
.w-\[86px\] {
  width: 86px;
}
.w-\[90\%\] {
  width: 90%;
}
.w-\[90vw\] {
  width: 90vw;
}
.w-\[92px\] {
  width: 92px;
}
.w-\[96px\] {
  width: 96px;
}
.w-\[calc\(100\%\+2rem\)\] {
  width: calc(100% + 2rem);
}
.w-\[var\(--feature-column-width\)\] {
  width: var(--feature-column-width);
}
.w-auto {
  width: auto;
}
.w-fit {
  width: -moz-fit-content;
  width: fit-content;
}
.w-full {
  width: 100%;
}
.w-max {
  width: -moz-max-content;
  width: max-content;
}
.w-min {
  width: -moz-min-content;
  width: min-content;
}
.w-px {
  width: var(--spotter-spacing-px);
}
.\!min-w-\[300px\] {
  min-width: 300px !important;
}
.min-w-0 {
  min-width: var(--spotter-spacing-0);
}
.min-w-11 {
  min-width: var(--spotter-spacing-11);
}
.min-w-12 {
  min-width: var(--spotter-spacing-12);
}
.min-w-20 {
  min-width: var(--spotter-spacing-20);
}
.min-w-32 {
  min-width: var(--spotter-spacing-32);
}
.min-w-48 {
  min-width: var(--spotter-spacing-48);
}
.min-w-5 {
  min-width: var(--spotter-spacing-5);
}
.min-w-6 {
  min-width: var(--spotter-spacing-6);
}
.min-w-8 {
  min-width: var(--spotter-spacing-8);
}
.min-w-9 {
  min-width: var(--spotter-spacing-9);
}
.min-w-\[--feature-column-width\] {
  min-width: var(--feature-column-width);
}
.min-w-\[1100px\] {
  min-width: 1100px;
}
.min-w-\[1400px\] {
  min-width: 1400px;
}
.min-w-\[180px\] {
  min-width: 180px;
}
.min-w-\[278px\] {
  min-width: 278px;
}
.min-w-\[36px\] {
  min-width: 36px;
}
.min-w-\[550px\] {
  min-width: 550px;
}
.min-w-\[600px\] {
  min-width: 600px;
}
.min-w-\[630px\] {
  min-width: 630px;
}
.min-w-\[8rem\] {
  min-width: 8rem;
}
.min-w-\[var\(--radix-select-trigger-width\)\] {
  min-width: var(--radix-select-trigger-width);
}
.min-w-full {
  min-width: 100%;
}
.min-w-max {
  min-width: -moz-max-content;
  min-width: max-content;
}
.\!max-w-\[790px\] {
  max-width: 790px !important;
}
.\!max-w-\[827px\] {
  max-width: 827px !important;
}
.\!max-w-\[982px\] {
  max-width: 982px !important;
}
.\!max-w-full {
  max-width: 100% !important;
}
.max-w-24 {
  max-width: var(--spotter-spacing-24);
}
.max-w-2xl {
  max-width: 42rem;
}
.max-w-3xl {
  max-width: 48rem;
}
.max-w-4xl {
  max-width: 56rem;
}
.max-w-52 {
  max-width: var(--spotter-spacing-52);
}
.max-w-5xl {
  max-width: 64rem;
}
.max-w-6xl {
  max-width: 72rem;
}
.max-w-7xl {
  max-width: 80rem;
}
.max-w-80 {
  max-width: var(--spotter-spacing-80);
}
.max-w-96 {
  max-width: var(--spotter-spacing-96);
}
.max-w-\[--skeleton-width\] {
  max-width: var(--skeleton-width);
}
.max-w-\[1050px\] {
  max-width: 1050px;
}
.max-w-\[110px\] {
  max-width: 110px;
}
.max-w-\[1150px\] {
  max-width: 1150px;
}
.max-w-\[1200px\] {
  max-width: 1200px;
}
.max-w-\[120px\] {
  max-width: 120px;
}
.max-w-\[130px\] {
  max-width: 130px;
}
.max-w-\[1400px\] {
  max-width: 1400px;
}
.max-w-\[140px\] {
  max-width: 140px;
}
.max-w-\[1440px\] {
  max-width: 1440px;
}
.max-w-\[150px\] {
  max-width: 150px;
}
.max-w-\[180px\] {
  max-width: 180px;
}
.max-w-\[210px\] {
  max-width: 210px;
}
.max-w-\[220px\] {
  max-width: 220px;
}
.max-w-\[240px\] {
  max-width: 240px;
}
.max-w-\[250px\] {
  max-width: 250px;
}
.max-w-\[25ch\] {
  max-width: 25ch;
}
.max-w-\[25rem\] {
  max-width: 25rem;
}
.max-w-\[280px\] {
  max-width: 280px;
}
.max-w-\[300px\] {
  max-width: 300px;
}
.max-w-\[320px\] {
  max-width: 320px;
}
.max-w-\[32ch\] {
  max-width: 32ch;
}
.max-w-\[330px\] {
  max-width: 330px;
}
.max-w-\[34px\] {
  max-width: 34px;
}
.max-w-\[350px\] {
  max-width: 350px;
}
.max-w-\[400px\] {
  max-width: 400px;
}
.max-w-\[420px\] {
  max-width: 420px;
}
.max-w-\[450px\] {
  max-width: 450px;
}
.max-w-\[500px\] {
  max-width: 500px;
}
.max-w-\[50ch\] {
  max-width: 50ch;
}
.max-w-\[524px\] {
  max-width: 524px;
}
.max-w-\[540px\] {
  max-width: 540px;
}
.max-w-\[550px\] {
  max-width: 550px;
}
.max-w-\[55ch\] {
  max-width: 55ch;
}
.max-w-\[560px\] {
  max-width: 560px;
}
.max-w-\[580px\] {
  max-width: 580px;
}
.max-w-\[590px\] {
  max-width: 590px;
}
.max-w-\[60\%\] {
  max-width: 60%;
}
.max-w-\[600px\] {
  max-width: 600px;
}
.max-w-\[605px\] {
  max-width: 605px;
}
.max-w-\[680px\] {
  max-width: 680px;
}
.max-w-\[70\%\] {
  max-width: 70%;
}
.max-w-\[700px\] {
  max-width: 700px;
}
.max-w-\[75\%\] {
  max-width: 75%;
}
.max-w-\[750px\] {
  max-width: 750px;
}
.max-w-\[790px\] {
  max-width: 790px;
}
.max-w-\[80\%\] {
  max-width: 80%;
}
.max-w-\[800px\] {
  max-width: 800px;
}
.max-w-\[80px\] {
  max-width: 80px;
}
.max-w-\[90\%\] {
  max-width: 90%;
}
.max-w-\[900px\] {
  max-width: 900px;
}
.max-w-\[min\(1000px\2c 90vw\)\] {
  max-width: min(1000px, 90vw);
}
.max-w-\[min\(80\%\2c 360px\)\] {
  max-width: min(80%, 360px);
}
.max-w-\[min\(80vw\2c 300px\)\] {
  max-width: min(80vw, 300px);
}
.max-w-fit {
  max-width: -moz-fit-content;
  max-width: fit-content;
}
.max-w-full {
  max-width: 100%;
}
.max-w-lg {
  max-width: 32rem;
}
.max-w-max {
  max-width: -moz-max-content;
  max-width: max-content;
}
.max-w-md {
  max-width: 28rem;
}
.max-w-none {
  max-width: none;
}
.max-w-screen-2xl {
  max-width: 1536px;
}
.max-w-screen-lg {
  max-width: 1024px;
}
.max-w-screen-md {
  max-width: 768px;
}
.max-w-screen-sm {
  max-width: 640px;
}
.max-w-sm {
  max-width: 24rem;
}
.max-w-xl {
  max-width: 36rem;
}
.max-w-xs {
  max-width: 20rem;
}
.flex-1 {
  flex: 1 1 0%;
}
.flex-auto {
  flex: 1 1 auto;
}
.flex-none {
  flex: none;
}
.flex-shrink {
  flex-shrink: 1;
}
.flex-shrink-0 {
  flex-shrink: 0;
}
.shrink {
  flex-shrink: 1;
}
.shrink-0 {
  flex-shrink: 0;
}
.flex-grow,
.grow {
  flex-grow: 1;
}
.basis-0 {
  flex-basis: var(--spotter-spacing-0);
}
.table-auto {
  table-layout: auto;
}
.table-fixed {
  table-layout: fixed;
}
.border-collapse {
  border-collapse: collapse;
}
.origin-center {
  transform-origin: center;
}
.origin-top {
  transform-origin: top;
}
.origin-top-left {
  transform-origin: top left;
}
.origin-top-right {
  transform-origin: top right;
}
.-translate-x-1\/2 {
  --tw-translate-x: -50%;
}
.-translate-x-12,
.-translate-x-1\/2 {
  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));
}
.-translate-x-12 {
  --tw-translate-x: calc(var(--spotter-spacing-12) * -1);
}
.-translate-x-2\/4 {
  --tw-translate-x: -50%;
}
.-translate-x-2\/4,
.-translate-x-3 {
  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));
}
.-translate-x-3 {
  --tw-translate-x: calc(var(--spotter-spacing-3) * -1);
}
.-translate-x-6 {
  --tw-translate-x: calc(var(--spotter-spacing-6) * -1);
}
.-translate-x-6,
.-translate-x-9 {
  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));
}
.-translate-x-9 {
  --tw-translate-x: calc(var(--spotter-spacing-9) * -1);
}
.-translate-x-\[100\%\] {
  --tw-translate-x: -100%;
}
.-translate-x-\[100\%\],
.-translate-x-px {
  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));
}
.-translate-x-px {
  --tw-translate-x: calc(var(--spotter-spacing-px) * -1);
}
.-translate-y-1 {
  --tw-translate-y: calc(var(--spotter-spacing-1) * -1);
  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));
}
.-translate-y-1\/2,
.-translate-y-2\/4 {
  --tw-translate-y: -50%;
}
.-translate-y-1\/2,
.-translate-y-2\/4,
.-translate-y-\[2px\] {
  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));
}
.-translate-y-\[2px\] {
  --tw-translate-y: -2px;
}
.-translate-y-\[550px\] {
  --tw-translate-y: -550px;
}
.-translate-y-\[550px\],
.translate-x-0 {
  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));
}
.translate-x-0 {
  --tw-translate-x: var(--spotter-spacing-0);
}
.translate-x-12 {
  --tw-translate-x: var(--spotter-spacing-12);
}
.translate-x-12,
.translate-x-\[-50\%\] {
  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));
}
.translate-x-\[-50\%\] {
  --tw-translate-x: -50%;
}
.translate-x-\[-8\%\] {
  --tw-translate-x: -8%;
}
.translate-x-\[-8\%\],
.translate-x-\[100\%\] {
  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));
}
.translate-x-\[100\%\] {
  --tw-translate-x: 100%;
}
.translate-x-\[3\%\] {
  --tw-translate-x: 3%;
}
.translate-x-\[3\%\],
.translate-x-px {
  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));
}
.translate-x-px {
  --tw-translate-x: var(--spotter-spacing-px);
}
.translate-y-0 {
  --tw-translate-y: var(--spotter-spacing-0);
}
.translate-y-0,
.translate-y-1 {
  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));
}
.translate-y-1 {
  --tw-translate-y: var(--spotter-spacing-1);
}
.translate-y-1\/2 {
  --tw-translate-y: 50%;
}
.translate-y-12,
.translate-y-1\/2 {
  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));
}
.translate-y-12 {
  --tw-translate-y: var(--spotter-spacing-12);
}
.translate-y-2 {
  --tw-translate-y: var(--spotter-spacing-2);
}
.translate-y-2,
.translate-y-4 {
  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));
}
.translate-y-4 {
  --tw-translate-y: var(--spotter-spacing-4);
}
.translate-y-8 {
  --tw-translate-y: var(--spotter-spacing-8);
}
.translate-y-8,
.translate-y-\[-27\%\] {
  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));
}
.translate-y-\[-27\%\] {
  --tw-translate-y: -27%;
}
.translate-y-\[-50\%\] {
  --tw-translate-y: -50%;
}
.translate-y-\[-50\%\],
.translate-y-\[21\%\] {
  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));
}
.translate-y-\[21\%\] {
  --tw-translate-y: 21%;
}
.translate-y-\[2px\] {
  --tw-translate-y: 2px;
}
.-rotate-12,
.translate-y-\[2px\] {
  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));
}
.-rotate-12 {
  --tw-rotate: -12deg;
}
.-rotate-45 {
  --tw-rotate: -45deg;
}
.-rotate-45,
.rotate-0 {
  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));
}
.rotate-0 {
  --tw-rotate: 0deg;
}
.rotate-12 {
  --tw-rotate: 12deg;
}
.rotate-12,
.rotate-180 {
  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));
}
.rotate-180 {
  --tw-rotate: 180deg;
}
.rotate-3 {
  --tw-rotate: 3deg;
}
.rotate-3,
.rotate-45 {
  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));
}
.rotate-45 {
  --tw-rotate: 45deg;
}
.rotate-6 {
  --tw-rotate: 6deg;
}
.rotate-6,
.scale-100 {
  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));
}
.scale-100 {
  --tw-scale-x: 1;
  --tw-scale-y: 1;
}
.scale-125 {
  --tw-scale-x: 1.25;
  --tw-scale-y: 1.25;
}
.scale-125,
.scale-150 {
  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));
}
.scale-150 {
  --tw-scale-x: 1.5;
  --tw-scale-y: 1.5;
}
.scale-50 {
  --tw-scale-x: 0.5;
  --tw-scale-y: 0.5;
}
.scale-50,
.scale-75 {
  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));
}
.scale-75 {
  --tw-scale-x: 0.75;
  --tw-scale-y: 0.75;
}
.scale-95 {
  --tw-scale-x: 0.95;
  --tw-scale-y: 0.95;
}
.scale-95,
.scale-\[0\.94\] {
  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));
}
.scale-\[0\.94\] {
  --tw-scale-x: 0.94;
  --tw-scale-y: 0.94;
}
.scale-\[0\.97\] {
  --tw-scale-x: 0.97;
  --tw-scale-y: 0.97;
}
.scale-\[0\.97\],
.scale-\[1\.02\] {
  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));
}
.scale-\[1\.02\] {
  --tw-scale-x: 1.02;
  --tw-scale-y: 1.02;
}
.scale-\[1\.15\] {
  --tw-scale-x: 1.15;
  --tw-scale-y: 1.15;
}
.scale-\[1\.15\],
.scale-\[var\(--scale\2c 1\)\] {
  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));
}
.scale-\[var\(--scale\2c 1\)\] {
  --tw-scale-x: var(--scale, 1);
  --tw-scale-y: var(--scale, 1);
}
.-scale-x-100 {
  --tw-scale-x: -1;
}
.-scale-x-100,
.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));
}
.transform-gpu {
  transform: translate3d(var(--tw-translate-x), var(--tw-translate-y), 0)
    rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
    scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
@keyframes blink {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.animate-blink {
  animation: blink 1s infinite;
}
@keyframes bubble {
  0% {
    transform: translate(0) scale(1);
  }
  20% {
    transform: translate(40px, -40px) scale(1.1);
  }
  40% {
    transform: translate(20px, 40px) scale(1.2);
  }
  60% {
    transform: translate(-20px, 20px) scale(1.2);
  }
  80% {
    transform: translate(-40px, -20px) scale(1.1);
  }
  to {
    transform: translate(0) scale(1);
  }
}
.animate-bubbling {
  animation: bubble 9s 1s infinite;
}
@keyframes fade-in {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.animate-fade-in {
  animation: fade-in 0.5s ease-out forwards;
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.animate-fade-in-text {
  animation: fadeIn 0.5s ease-in-out 0.1s forwards;
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.animate-fade-out-text {
  animation: fadeOut 0.2s ease-in-out;
}
@keyframes moveUp {
  0% {
    transform: translateY(20px);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}
.animate-move-up {
  animation: moveUp 0.5s ease-out;
}
@keyframes ping {
  75%,
  to {
    transform: scale(2);
    opacity: 0;
  }
}
.animate-ping {
  animation: ping 2s cubic-bezier(0, 0, 0.2, 1) infinite;
}
@keyframes pulse {
  50% {
    opacity: 0.5;
  }
  0%,
  to {
    opacity: 1;
  }
}
.animate-pulse {
  animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}
@keyframes selectorIn {
  0% {
    transform: scale(1.15) translateY(120%);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}
.animate-selector-in {
  animation: selectorIn 0.5s ease-in-out forwards;
}
@keyframes selectorOut {
  0% {
    transform: translateY(0);
    opacity: 1;
  }
  to {
    transform: scale(0.9) translateY(-120%);
    opacity: 0;
  }
}
.animate-selector-out {
  animation: selectorOut 0.5s ease-in-out;
}
.animate-spin {
  animation: spin 1s linear infinite;
}
.cursor-default {
  cursor: default;
}
.cursor-not-allowed {
  cursor: not-allowed;
}
.cursor-pointer {
  cursor: pointer;
}
.cursor-wait {
  cursor: wait;
}
.touch-none {
  touch-action: none;
}
.select-none {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.snap-x {
  scroll-snap-type: x var(--tw-scroll-snap-strictness);
}
.snap-mandatory {
  --tw-scroll-snap-strictness: mandatory;
}
.snap-start {
  scroll-snap-align: start;
}
.snap-end {
  scroll-snap-align: end;
}
.list-inside {
  list-style-position: inside;
}
.list-decimal {
  list-style-type: decimal;
}
.list-disc {
  list-style-type: disc;
}
.grid-flow-row {
  grid-auto-flow: row;
}
.grid-flow-col {
  grid-auto-flow: column;
}
.auto-rows-auto {
  grid-auto-rows: auto;
}
.grid-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
.grid-cols-12 {
  grid-template-columns: repeat(12, minmax(0, 1fr));
}
.grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.grid-cols-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.grid-cols-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.grid-cols-7 {
  grid-template-columns: repeat(7, minmax(0, 1fr));
}
.grid-cols-\[20px_1fr\] {
  grid-template-columns: 20px 1fr;
}
.grid-cols-\[32px_1fr\] {
  grid-template-columns: 32px 1fr;
}
.grid-cols-\[60px_1fr\] {
  grid-template-columns: 60px 1fr;
}
.grid-cols-\[80px_1fr\] {
  grid-template-columns: 80px 1fr;
}
.grid-cols-\[auto_1fr\] {
  grid-template-columns: auto 1fr;
}
.grid-cols-\[auto_1fr_auto_1fr\] {
  grid-template-columns: auto 1fr auto 1fr;
}
.grid-cols-\[repeat\(6\2c 105px\)\] {
  grid-template-columns: repeat(6, 105px);
}
.grid-cols-\[subgrid\] {
  grid-template-columns: subgrid;
}
.grid-rows-1 {
  grid-template-rows: repeat(1, minmax(0, 1fr));
}
.grid-rows-2 {
  grid-template-rows: repeat(2, minmax(0, 1fr));
}
.grid-rows-3 {
  grid-template-rows: repeat(3, minmax(0, 1fr));
}
.grid-rows-4 {
  grid-template-rows: repeat(4, minmax(0, 1fr));
}
.grid-rows-\[1fr_71\.45\%_7\.5\%_18\.2\%\] {
  grid-template-rows: 1fr 71.45% 7.5% 18.2%;
}
.grid-rows-\[1fr_auto\] {
  grid-template-rows: 1fr auto;
}
.grid-rows-\[auto_1fr\] {
  grid-template-rows: auto 1fr;
}
.grid-rows-\[auto_1fr_auto\] {
  grid-template-rows: auto 1fr auto;
}
.grid-rows-\[auto_auto_1fr\] {
  grid-template-rows: auto auto 1fr;
}
.grid-rows-\[subgrid\] {
  grid-template-rows: subgrid;
}
.flex-row {
  flex-direction: row;
}
.flex-row-reverse {
  flex-direction: row-reverse;
}
.\!flex-col {
  flex-direction: column !important;
}
.flex-col {
  flex-direction: column;
}
.flex-col-reverse {
  flex-direction: column-reverse;
}
.flex-wrap {
  flex-wrap: wrap;
}
.flex-nowrap {
  flex-wrap: nowrap;
}
.place-content-center {
  place-content: center;
}
.place-content-between {
  place-content: space-between;
}
.place-items-center {
  place-items: center;
}
.content-center {
  align-content: center;
}
.items-start {
  align-items: flex-start;
}
.items-end {
  align-items: flex-end;
}
.items-center {
  align-items: center;
}
.items-baseline {
  align-items: baseline;
}
.items-stretch {
  align-items: stretch;
}
.justify-start {
  justify-content: flex-start;
}
.justify-end {
  justify-content: flex-end;
}
.justify-center {
  justify-content: center;
}
.justify-between {
  justify-content: space-between;
}
.justify-items-center {
  justify-items: center;
}
.\!gap-2 {
  gap: var(--spotter-spacing-2) !important;
}
.\!gap-6 {
  gap: var(--spotter-spacing-6) !important;
}
.gap-0 {
  gap: var(--spotter-spacing-0);
}
.gap-0\.5 {
  gap: var(--spotter-spacing-0_5);
}
.gap-1 {
  gap: var(--spotter-spacing-1);
}
.gap-10 {
  gap: var(--spotter-spacing-10);
}
.gap-12 {
  gap: var(--spotter-spacing-12);
}
.gap-16 {
  gap: var(--spotter-spacing-16);
}
.gap-2 {
  gap: var(--spotter-spacing-2);
}
.gap-20 {
  gap: var(--spotter-spacing-20);
}
.gap-24 {
  gap: var(--spotter-spacing-24);
}
.gap-3 {
  gap: var(--spotter-spacing-3);
}
.gap-4 {
  gap: var(--spotter-spacing-4);
}
.gap-5 {
  gap: var(--spotter-spacing-5);
}
.gap-6 {
  gap: var(--spotter-spacing-6);
}
.gap-7 {
  gap: var(--spotter-spacing-7);
}
.gap-8 {
  gap: var(--spotter-spacing-8);
}
.gap-9 {
  gap: var(--spotter-spacing-9);
}
.gap-\[1\.42px\] {
  gap: 1.42px;
}
.gap-\[5\.68px\] {
  gap: 5.68px;
}
.gap-x-12 {
  -moz-column-gap: var(--spotter-spacing-12);
  column-gap: var(--spotter-spacing-12);
}
.gap-x-2 {
  -moz-column-gap: var(--spotter-spacing-2);
  column-gap: var(--spotter-spacing-2);
}
.gap-x-4 {
  -moz-column-gap: var(--spotter-spacing-4);
  column-gap: var(--spotter-spacing-4);
}
.gap-x-6 {
  -moz-column-gap: var(--spotter-spacing-6);
  column-gap: var(--spotter-spacing-6);
}
.gap-x-8 {
  -moz-column-gap: var(--spotter-spacing-8);
  column-gap: var(--spotter-spacing-8);
}
.gap-y-1 {
  row-gap: var(--spotter-spacing-1);
}
.gap-y-10 {
  row-gap: var(--spotter-spacing-10);
}
.gap-y-14 {
  row-gap: var(--spotter-spacing-14);
}
.gap-y-2 {
  row-gap: var(--spotter-spacing-2);
}
.gap-y-20 {
  row-gap: var(--spotter-spacing-20);
}
.gap-y-3 {
  row-gap: var(--spotter-spacing-3);
}
.gap-y-4 {
  row-gap: var(--spotter-spacing-4);
}
.gap-y-5 {
  row-gap: var(--spotter-spacing-5);
}
.gap-y-6 {
  row-gap: var(--spotter-spacing-6);
}
.gap-y-8 {
  row-gap: var(--spotter-spacing-8);
}
.-space-x-1 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(
    calc(var(--spotter-spacing-1) * -1) * var(--tw-space-x-reverse)
  );
  margin-left: calc(
    calc(var(--spotter-spacing-1) * -1) * calc(1 - var(--tw-space-x-reverse))
  );
}
.-space-x-3 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(
    calc(var(--spotter-spacing-3) * -1) * var(--tw-space-x-reverse)
  );
  margin-left: calc(
    calc(var(--spotter-spacing-3) * -1) * calc(1 - var(--tw-space-x-reverse))
  );
}
.space-x-0 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(var(--spotter-spacing-0) * var(--tw-space-x-reverse));
  margin-left: calc(
    var(--spotter-spacing-0) * calc(1 - var(--tw-space-x-reverse))
  );
}
.space-x-0\.5 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(var(--spotter-spacing-0_5) * var(--tw-space-x-reverse));
  margin-left: calc(
    var(--spotter-spacing-0_5) * calc(1 - var(--tw-space-x-reverse))
  );
}
.space-x-1 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(var(--spotter-spacing-1) * var(--tw-space-x-reverse));
  margin-left: calc(
    var(--spotter-spacing-1) * calc(1 - var(--tw-space-x-reverse))
  );
}
.space-x-2 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(var(--spotter-spacing-2) * var(--tw-space-x-reverse));
  margin-left: calc(
    var(--spotter-spacing-2) * calc(1 - var(--tw-space-x-reverse))
  );
}
.space-x-3 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(var(--spotter-spacing-3) * var(--tw-space-x-reverse));
  margin-left: calc(
    var(--spotter-spacing-3) * calc(1 - var(--tw-space-x-reverse))
  );
}
.space-x-4 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(var(--spotter-spacing-4) * var(--tw-space-x-reverse));
  margin-left: calc(
    var(--spotter-spacing-4) * calc(1 - var(--tw-space-x-reverse))
  );
}
.space-x-5 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(var(--spotter-spacing-5) * var(--tw-space-x-reverse));
  margin-left: calc(
    var(--spotter-spacing-5) * calc(1 - var(--tw-space-x-reverse))
  );
}
.space-x-8 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(var(--spotter-spacing-8) * var(--tw-space-x-reverse));
  margin-left: calc(
    var(--spotter-spacing-8) * calc(1 - var(--tw-space-x-reverse))
  );
}
.space-y-0 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(
    var(--spotter-spacing-0) * calc(1 - var(--tw-space-y-reverse))
  );
  margin-bottom: calc(var(--spotter-spacing-0) * var(--tw-space-y-reverse));
}
.space-y-0\.5 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(
    var(--spotter-spacing-0_5) * calc(1 - var(--tw-space-y-reverse))
  );
  margin-bottom: calc(var(--spotter-spacing-0_5) * var(--tw-space-y-reverse));
}
.space-y-1 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(
    var(--spotter-spacing-1) * calc(1 - var(--tw-space-y-reverse))
  );
  margin-bottom: calc(var(--spotter-spacing-1) * var(--tw-space-y-reverse));
}
.space-y-1\.5 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(
    var(--spotter-spacing-1_5) * calc(1 - var(--tw-space-y-reverse))
  );
  margin-bottom: calc(var(--spotter-spacing-1_5) * var(--tw-space-y-reverse));
}
.space-y-10 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(
    var(--spotter-spacing-10) * calc(1 - var(--tw-space-y-reverse))
  );
  margin-bottom: calc(var(--spotter-spacing-10) * var(--tw-space-y-reverse));
}
.space-y-12 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(
    var(--spotter-spacing-12) * calc(1 - var(--tw-space-y-reverse))
  );
  margin-bottom: calc(var(--spotter-spacing-12) * var(--tw-space-y-reverse));
}
.space-y-2 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(
    var(--spotter-spacing-2) * calc(1 - var(--tw-space-y-reverse))
  );
  margin-bottom: calc(var(--spotter-spacing-2) * var(--tw-space-y-reverse));
}
.space-y-20 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(
    var(--spotter-spacing-20) * calc(1 - var(--tw-space-y-reverse))
  );
  margin-bottom: calc(var(--spotter-spacing-20) * var(--tw-space-y-reverse));
}
.space-y-3 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(
    var(--spotter-spacing-3) * calc(1 - var(--tw-space-y-reverse))
  );
  margin-bottom: calc(var(--spotter-spacing-3) * var(--tw-space-y-reverse));
}
.space-y-32 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(
    var(--spotter-spacing-32) * calc(1 - var(--tw-space-y-reverse))
  );
  margin-bottom: calc(var(--spotter-spacing-32) * var(--tw-space-y-reverse));
}
.space-y-4 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(
    var(--spotter-spacing-4) * calc(1 - var(--tw-space-y-reverse))
  );
  margin-bottom: calc(var(--spotter-spacing-4) * var(--tw-space-y-reverse));
}
.space-y-5 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(
    var(--spotter-spacing-5) * calc(1 - var(--tw-space-y-reverse))
  );
  margin-bottom: calc(var(--spotter-spacing-5) * var(--tw-space-y-reverse));
}
.space-y-6 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(
    var(--spotter-spacing-6) * calc(1 - var(--tw-space-y-reverse))
  );
  margin-bottom: calc(var(--spotter-spacing-6) * var(--tw-space-y-reverse));
}
.space-y-8 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(
    var(--spotter-spacing-8) * calc(1 - var(--tw-space-y-reverse))
  );
  margin-bottom: calc(var(--spotter-spacing-8) * var(--tw-space-y-reverse));
}
.space-y-\[1px\] > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1px * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1px * var(--tw-space-y-reverse));
}
.space-y-\[2\.84px\] > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(2.84px * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(2.84px * var(--tw-space-y-reverse));
}
.space-y-\[5\.68px\] > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(5.68px * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(5.68px * var(--tw-space-y-reverse));
}
.divide-x > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-x-reverse: 0;
  border-right-width: calc(1px * var(--tw-divide-x-reverse));
  border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
}
.divide-y > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-y-reverse: 0;
  border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
  border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
}
.divide-y-2 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-y-reverse: 0;
  border-top-width: calc(2px * calc(1 - var(--tw-divide-y-reverse)));
  border-bottom-width: calc(2px * var(--tw-divide-y-reverse));
}
.divide-gray-200 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(229 231 235 / var(--tw-divide-opacity));
}
.divide-subtle > :not([hidden]) ~ :not([hidden]) {
  border-color: var(--spotter-border-subtle);
}
.place-self-start {
  place-self: start;
}
.place-self-end {
  place-self: end;
}
.self-start {
  align-self: flex-start;
}
.self-end {
  align-self: flex-end;
}
.self-center {
  align-self: center;
}
.self-stretch {
  align-self: stretch;
}
.justify-self-center {
  justify-self: center;
}
.overflow-auto {
  overflow: auto;
}
.overflow-hidden {
  overflow: hidden;
}
.overflow-clip {
  overflow: clip;
}
.\!overflow-visible {
  overflow: visible !important;
}
.overflow-visible {
  overflow: visible;
}
.overflow-scroll {
  overflow: scroll;
}
.overflow-x-auto {
  overflow-x: auto;
}
.overflow-y-auto {
  overflow-y: auto;
}
.overflow-x-hidden {
  overflow-x: hidden;
}
.overflow-y-hidden {
  overflow-y: hidden;
}
.overflow-x-clip {
  overflow-x: clip;
}
.overflow-x-scroll {
  overflow-x: scroll;
}
.scroll-smooth {
  scroll-behavior: smooth;
}
.truncate {
  overflow: hidden;
  white-space: nowrap;
}
.overflow-ellipsis,
.text-ellipsis,
.truncate {
  text-overflow: ellipsis;
}
.whitespace-normal {
  white-space: normal;
}
.whitespace-nowrap {
  white-space: nowrap;
}
.whitespace-pre {
  white-space: pre;
}
.whitespace-pre-wrap {
  white-space: pre-wrap;
}
.break-words {
  overflow-wrap: break-word;
}
.\!rounded-\[50px\] {
  border-radius: 50px !important;
}
.\!rounded-md {
  border-radius: var(--spotter-radius-md) !important;
}
.\!rounded-none {
  border-radius: var(--spotter-radius-none) !important;
}
.rounded {
  border-radius: var(--spotter-radius);
}
.rounded-2xl {
  border-radius: var(--spotter-radius-2xl);
}
.rounded-3xl {
  border-radius: var(--spotter-radius-3xl);
}
.rounded-4xl {
  border-radius: 32px;
}
.rounded-\[10px\] {
  border-radius: 10px;
}
.rounded-\[1px\] {
  border-radius: 1px;
}
.rounded-\[32px\] {
  border-radius: 32px;
}
.rounded-\[38px\] {
  border-radius: 38px;
}
.rounded-\[3px\] {
  border-radius: 3px;
}
.rounded-\[42px\] {
  border-radius: 42px;
}
.rounded-\[4px\] {
  border-radius: 4px;
}
.rounded-\[6px\] {
  border-radius: 6px;
}
.rounded-\[85px\] {
  border-radius: 85px;
}
.rounded-\[8px\] {
  border-radius: 8px;
}
.rounded-\[99px\] {
  border-radius: 99px;
}
.rounded-\[inherit\] {
  border-radius: inherit;
}
.rounded-full {
  border-radius: var(--spotter-radius-full);
}
.rounded-lg {
  border-radius: var(--spotter-radius-lg);
}
.rounded-md {
  border-radius: var(--spotter-radius-md);
}
.rounded-none {
  border-radius: var(--spotter-radius-none);
}
.rounded-sm {
  border-radius: var(--spotter-radius-sm);
}
.rounded-xl {
  border-radius: var(--spotter-radius-xl);
}
.rounded-b-3xl {
  border-bottom-right-radius: var(--spotter-radius-3xl);
  border-bottom-left-radius: var(--spotter-radius-3xl);
}
.rounded-b-none {
  border-bottom-right-radius: var(--spotter-radius-none);
  border-bottom-left-radius: var(--spotter-radius-none);
}
.rounded-l-2xl {
  border-top-left-radius: var(--spotter-radius-2xl);
  border-bottom-left-radius: var(--spotter-radius-2xl);
}
.rounded-l-md {
  border-top-left-radius: var(--spotter-radius-md);
  border-bottom-left-radius: var(--spotter-radius-md);
}
.rounded-l-none {
  border-top-left-radius: var(--spotter-radius-none);
  border-bottom-left-radius: var(--spotter-radius-none);
}
.rounded-l-sm {
  border-top-left-radius: var(--spotter-radius-sm);
  border-bottom-left-radius: var(--spotter-radius-sm);
}
.rounded-r-none {
  border-top-right-radius: var(--spotter-radius-none);
  border-bottom-right-radius: var(--spotter-radius-none);
}
.rounded-t-2xl {
  border-top-left-radius: var(--spotter-radius-2xl);
  border-top-right-radius: var(--spotter-radius-2xl);
}
.rounded-t-3xl {
  border-top-left-radius: var(--spotter-radius-3xl);
  border-top-right-radius: var(--spotter-radius-3xl);
}
.rounded-t-4xl {
  border-top-left-radius: 32px;
  border-top-right-radius: 32px;
}
.rounded-t-md {
  border-top-left-radius: var(--spotter-radius-md);
  border-top-right-radius: var(--spotter-radius-md);
}
.rounded-t-xl {
  border-top-left-radius: var(--spotter-radius-xl);
  border-top-right-radius: var(--spotter-radius-xl);
}
.rounded-bl-2xl {
  border-bottom-left-radius: var(--spotter-radius-2xl);
}
.rounded-br-none {
  border-bottom-right-radius: var(--spotter-radius-none);
}
.rounded-tl-2xl {
  border-top-left-radius: var(--spotter-radius-2xl);
}
.rounded-tl-3xl {
  border-top-left-radius: var(--spotter-radius-3xl);
}
.\!border-0 {
  border-width: 0 !important;
}
.border {
  border-width: 1px;
}
.border-0 {
  border-width: 0;
}
.border-2 {
  border-width: 2px;
}
.border-4 {
  border-width: 4px;
}
.border-8 {
  border-width: 8px;
}
.border-\[1\.5px\] {
  border-width: 1.5px;
}
.border-\[10px\] {
  border-width: 10px;
}
.border-\[14px\] {
  border-width: 14px;
}
.border-\[1px\] {
  border-width: 1px;
}
.border-\[2px\] {
  border-width: 2px;
}
.\!border-b-0 {
  border-bottom-width: 0 !important;
}
.\!border-r-0 {
  border-right-width: 0 !important;
}
.border-b {
  border-bottom-width: 1px;
}
.border-b-0 {
  border-bottom-width: 0;
}
.border-b-2 {
  border-bottom-width: 2px;
}
.border-l {
  border-left-width: 1px;
}
.border-l-0 {
  border-left-width: 0;
}
.border-l-4 {
  border-left-width: 4px;
}
.border-l-\[17px\] {
  border-left-width: 17px;
}
.border-r {
  border-right-width: 1px;
}
.border-r-0 {
  border-right-width: 0;
}
.border-r-2 {
  border-right-width: 2px;
}
.border-t {
  border-top-width: 1px;
}
.border-t-2 {
  border-top-width: 2px;
}
.border-solid {
  border-style: solid;
}
.border-dashed {
  border-style: dashed;
}
.border-none {
  border-style: none;
}
.\!border-\[\#000\] {
  --tw-border-opacity: 1 !important;
  border-color: rgb(0 0 0 / var(--tw-border-opacity)) !important;
}
.\!border-ai-50 {
  --tw-border-opacity: 1 !important;
  border-color: rgb(53 47 75 / var(--tw-border-opacity)) !important;
}
.\!border-neutral-600 {
  --tw-border-opacity: 1 !important;
  border-color: rgb(73 73 73 / var(--tw-border-opacity)) !important;
}
.\!border-neutral-900 {
  --tw-border-opacity: 1 !important;
  border-color: rgb(41 41 41 / var(--tw-border-opacity)) !important;
}
.\!border-primary-50 {
  --tw-border-opacity: 1 !important;
  border-color: rgb(244 244 244 / var(--tw-border-opacity)) !important;
}
.\!border-white {
  --tw-border-opacity: 1 !important;
  border-color: rgb(255 255 255 / var(--tw-border-opacity)) !important;
}
.border-\[\#3E3D62\] {
  --tw-border-opacity: 1;
  border-color: rgb(62 61 98 / var(--tw-border-opacity));
}
.border-\[\#6349EA\] {
  --tw-border-opacity: 1;
  border-color: rgb(99 73 234 / var(--tw-border-opacity));
}
.border-\[\#7B61EF\] {
  --tw-border-opacity: 1;
  border-color: rgb(123 97 239 / var(--tw-border-opacity));
}
.border-\[\#D1D5DB\] {
  --tw-border-opacity: 1;
  border-color: rgb(209 213 219 / var(--tw-border-opacity));
}
.border-\[\#DADADD\] {
  --tw-border-opacity: 1;
  border-color: rgb(218 218 221 / var(--tw-border-opacity));
}
.border-\[\#E1E2E3\] {
  --tw-border-opacity: 1;
  border-color: rgb(225 226 227 / var(--tw-border-opacity));
}
.border-\[\#E5E7EB\] {
  --tw-border-opacity: 1;
  border-color: rgb(229 231 235 / var(--tw-border-opacity));
}
.border-\[\#F7F7F7\] {
  --tw-border-opacity: 1;
  border-color: rgb(247 247 247 / var(--tw-border-opacity));
}
.border-\[\#e5e7eb\] {
  --tw-border-opacity: 1;
  border-color: rgb(229 231 235 / var(--tw-border-opacity));
}
.border-\[rgba\(62\2c 61\2c 98\2c 0\.60\)\] {
  border-color: rgba(62, 61, 98, 0.6);
}
.border-\[transparent\] {
  border-color: transparent;
}
.border-\[var\(--brand-color\)\] {
  border-color: var(--brand-color);
}
.border-ai-50 {
  --tw-border-opacity: 1;
  border-color: rgb(53 47 75 / var(--tw-border-opacity));
}
.border-black {
  --tw-border-opacity: 1;
  border-color: rgb(17 17 17 / var(--tw-border-opacity));
}
.border-black\/10 {
  border-color: hsla(0, 0%, 7%, 0.1);
}
.border-black\/20 {
  border-color: hsla(0, 0%, 7%, 0.2);
}
.border-black\/30 {
  border-color: hsla(0, 0%, 7%, 0.3);
}
.border-black\/40 {
  border-color: hsla(0, 0%, 7%, 0.4);
}
.border-black\/5 {
  border-color: hsla(0, 0%, 7%, 0.05);
}
.border-brand {
  border-color: var(--brand-color);
}
.border-brand-500 {
  --tw-border-opacity: 1;
  border-color: rgb(17 24 39 / var(--tw-border-opacity));
}
.border-brand-default {
  border-color: var(--spotter-brand, #111827);
}
.border-default {
  border-color: var(--spotter-border);
}
.border-error {
  border-color: var(--spotter-border-error);
}
.border-gray-200 {
  --tw-border-opacity: 1;
  border-color: rgb(229 231 235 / var(--tw-border-opacity));
}
.border-gray-300 {
  --tw-border-opacity: 1;
  border-color: rgb(209 213 219 / var(--tw-border-opacity));
}
.border-gray-900 {
  --tw-border-opacity: 1;
  border-color: rgb(17 24 39 / var(--tw-border-opacity));
}
.border-muted {
  border-color: var(--spotter-border-muted);
}
.border-neutral-100 {
  --tw-border-opacity: 1;
  border-color: rgb(245 245 245 / var(--tw-border-opacity));
}
.border-neutral-200 {
  --tw-border-opacity: 1;
  border-color: rgb(225 225 225 / var(--tw-border-opacity));
}
.border-neutral-300 {
  --tw-border-opacity: 1;
  border-color: rgb(207 207 207 / var(--tw-border-opacity));
}
.border-neutral-400 {
  --tw-border-opacity: 1;
  border-color: rgb(172 172 172 / var(--tw-border-opacity));
}
.border-neutral-600 {
  --tw-border-opacity: 1;
  border-color: rgb(73 73 73 / var(--tw-border-opacity));
}
.border-neutral-700 {
  --tw-border-opacity: 1;
  border-color: rgb(62 62 62 / var(--tw-border-opacity));
}
.border-neutral-800 {
  --tw-border-opacity: 1;
  border-color: rgb(49 49 49 / var(--tw-border-opacity));
}
.border-neutral-900 {
  --tw-border-opacity: 1;
  border-color: rgb(41 41 41 / var(--tw-border-opacity));
}
.border-primary-100 {
  --tw-border-opacity: 1;
  border-color: rgb(232 232 232 / var(--tw-border-opacity));
}
.border-primary-50 {
  --tw-border-opacity: 1;
  border-color: rgb(244 244 244 / var(--tw-border-opacity));
}
.border-primary-500 {
  --tw-border-opacity: 1;
  border-color: rgb(26 26 26 / var(--tw-border-opacity));
}
.border-primary-700 {
  --tw-border-opacity: 1;
  border-color: rgb(20 20 20 / var(--tw-border-opacity));
}
.border-secondary-300 {
  --tw-border-opacity: 1;
  border-color: rgb(174 196 194 / var(--tw-border-opacity));
}
.border-subtle {
  border-color: var(--spotter-border-subtle);
}
.border-white {
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity));
}
.border-white\/10 {
  border-color: hsla(0, 0%, 100%, 0.1);
}
.border-white\/5 {
  border-color: hsla(0, 0%, 100%, 0.05);
}
.border-opacity-50 {
  --tw-border-opacity: 0.5;
}
.\!bg-\[\#8F999766\] {
  background-color: #8f999766 !important;
}
.\!bg-\[\#D7CEF5\] {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(215 206 245 / var(--tw-bg-opacity)) !important;
}
.\!bg-\[\#EFEDEB\] {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(239 237 235 / var(--tw-bg-opacity)) !important;
}
.\!bg-\[\#F5F2FE\] {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(245 242 254 / var(--tw-bg-opacity)) !important;
}
.\!bg-\[transparent\] {
  background-color: transparent !important;
}
.\!bg-ai-700 {
  background-color: rgb(13 12 39 / var(--tw-bg-opacity)) !important;
}
.\!bg-ai-700,
.\!bg-black {
  --tw-bg-opacity: 1 !important;
}
.\!bg-black {
  background-color: rgb(17 17 17 / var(--tw-bg-opacity)) !important;
}
.\!bg-darkgray-100\/70 {
  background-color: rgba(241, 245, 249, 0.7) !important;
}
.\!bg-neutral-900\/20 {
  background-color: rgba(41, 41, 41, 0.2) !important;
}
.\!bg-primary-50 {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(244 244 244 / var(--tw-bg-opacity)) !important;
}
.\!bg-primary-500 {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(26 26 26 / var(--tw-bg-opacity)) !important;
}
.\!bg-primary-700 {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(20 20 20 / var(--tw-bg-opacity)) !important;
}
.bg-\[\#101010\] {
  --tw-bg-opacity: 1;
  background-color: rgb(16 16 16 / var(--tw-bg-opacity));
}
.bg-\[\#171717\] {
  --tw-bg-opacity: 1;
  background-color: rgb(23 23 23 / var(--tw-bg-opacity));
}
.bg-\[\#1d2836\] {
  --tw-bg-opacity: 1;
  background-color: rgb(29 40 54 / var(--tw-bg-opacity));
}
.bg-\[\#1f2937\] {
  --tw-bg-opacity: 1;
  background-color: rgb(31 41 55 / var(--tw-bg-opacity));
}
.bg-\[\#242424\] {
  --tw-bg-opacity: 1;
  background-color: rgb(36 36 36 / var(--tw-bg-opacity));
}
.bg-\[\#262543\] {
  --tw-bg-opacity: 1;
  background-color: rgb(38 37 67 / var(--tw-bg-opacity));
}
.bg-\[\#2C2C30\],
.bg-\[\#2c2c30\] {
  --tw-bg-opacity: 1;
  background-color: rgb(44 44 48 / var(--tw-bg-opacity));
}
.bg-\[\#4637B4\] {
  --tw-bg-opacity: 1;
  background-color: rgb(70 55 180 / var(--tw-bg-opacity));
}
.bg-\[\#48D1BF\] {
  --tw-bg-opacity: 1;
  background-color: rgb(72 209 191 / var(--tw-bg-opacity));
}
.bg-\[\#61C554\] {
  --tw-bg-opacity: 1;
  background-color: rgb(97 197 84 / var(--tw-bg-opacity));
}
.bg-\[\#69B0F4\] {
  --tw-bg-opacity: 1;
  background-color: rgb(105 176 244 / var(--tw-bg-opacity));
}
.bg-\[\#8C71E8\] {
  --tw-bg-opacity: 1;
  background-color: rgb(140 113 232 / var(--tw-bg-opacity));
}
.bg-\[\#BEBDED\] {
  --tw-bg-opacity: 1;
  background-color: rgb(190 189 237 / var(--tw-bg-opacity));
}
.bg-\[\#C0C0C0\] {
  --tw-bg-opacity: 1;
  background-color: rgb(192 192 192 / var(--tw-bg-opacity));
}
.bg-\[\#C9F5D5\] {
  --tw-bg-opacity: 1;
  background-color: rgb(201 245 213 / var(--tw-bg-opacity));
}
.bg-\[\#D0EBFF\] {
  --tw-bg-opacity: 1;
  background-color: rgb(208 235 255 / var(--tw-bg-opacity));
}
.bg-\[\#D2F9D9\] {
  --tw-bg-opacity: 1;
  background-color: rgb(210 249 217 / var(--tw-bg-opacity));
}
.bg-\[\#D8D8D8\] {
  --tw-bg-opacity: 1;
  background-color: rgb(216 216 216 / var(--tw-bg-opacity));
}
.bg-\[\#D9F3FF\] {
  --tw-bg-opacity: 1;
  background-color: rgb(217 243 255 / var(--tw-bg-opacity));
}
.bg-\[\#DCFCE7\] {
  --tw-bg-opacity: 1;
  background-color: rgb(220 252 231 / var(--tw-bg-opacity));
}
.bg-\[\#DEDEDE\] {
  --tw-bg-opacity: 1;
  background-color: rgb(222 222 222 / var(--tw-bg-opacity));
}
.bg-\[\#E1E2E3\] {
  --tw-bg-opacity: 1;
  background-color: rgb(225 226 227 / var(--tw-bg-opacity));
}
.bg-\[\#E4E6E7\] {
  --tw-bg-opacity: 1;
  background-color: rgb(228 230 231 / var(--tw-bg-opacity));
}
.bg-\[\#E5E7EA\] {
  --tw-bg-opacity: 1;
  background-color: rgb(229 231 234 / var(--tw-bg-opacity));
}
.bg-\[\#E5E7EB\] {
  --tw-bg-opacity: 1;
  background-color: rgb(229 231 235 / var(--tw-bg-opacity));
}
.bg-\[\#E6E6E6\] {
  --tw-bg-opacity: 1;
  background-color: rgb(230 230 230 / var(--tw-bg-opacity));
}
.bg-\[\#E6E7E4\] {
  --tw-bg-opacity: 1;
  background-color: rgb(230 231 228 / var(--tw-bg-opacity));
}
.bg-\[\#E98667\] {
  --tw-bg-opacity: 1;
  background-color: rgb(233 134 103 / var(--tw-bg-opacity));
}
.bg-\[\#E9DDFE\] {
  --tw-bg-opacity: 1;
  background-color: rgb(233 221 254 / var(--tw-bg-opacity));
}
.bg-\[\#E9EAED\] {
  --tw-bg-opacity: 1;
  background-color: rgb(233 234 237 / var(--tw-bg-opacity));
}
.bg-\[\#EC6A5F\] {
  --tw-bg-opacity: 1;
  background-color: rgb(236 106 95 / var(--tw-bg-opacity));
}
.bg-\[\#ECBDED\] {
  --tw-bg-opacity: 1;
  background-color: rgb(236 189 237 / var(--tw-bg-opacity));
}
.bg-\[\#EFEDEB\] {
  --tw-bg-opacity: 1;
  background-color: rgb(239 237 235 / var(--tw-bg-opacity));
}
.bg-\[\#F2F2F3\] {
  --tw-bg-opacity: 1;
  background-color: rgb(242 242 243 / var(--tw-bg-opacity));
}
.bg-\[\#F3F3F4\] {
  --tw-bg-opacity: 1;
  background-color: rgb(243 243 244 / var(--tw-bg-opacity));
}
.bg-\[\#F3F4F6\] {
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity));
}
.bg-\[\#F4BF4F\] {
  --tw-bg-opacity: 1;
  background-color: rgb(244 191 79 / var(--tw-bg-opacity));
}
.bg-\[\#F5F5F5\] {
  --tw-bg-opacity: 1;
  background-color: rgb(245 245 245 / var(--tw-bg-opacity));
}
.bg-\[\#F7F5F2\] {
  --tw-bg-opacity: 1;
  background-color: rgb(247 245 242 / var(--tw-bg-opacity));
}
.bg-\[\#F7F7F7\] {
  --tw-bg-opacity: 1;
  background-color: rgb(247 247 247 / var(--tw-bg-opacity));
}
.bg-\[\#F9D7D9\] {
  --tw-bg-opacity: 1;
  background-color: rgb(249 215 217 / var(--tw-bg-opacity));
}
.bg-\[\#FAFAFA\] {
  --tw-bg-opacity: 1;
  background-color: rgb(250 250 250 / var(--tw-bg-opacity));
}
.bg-\[\#FCFCFC\] {
  --tw-bg-opacity: 1;
  background-color: rgb(252 252 252 / var(--tw-bg-opacity));
}
.bg-\[\#FF6154\] {
  --tw-bg-opacity: 1;
  background-color: rgb(255 97 84 / var(--tw-bg-opacity));
}
.bg-\[\#FFE9CE\] {
  --tw-bg-opacity: 1;
  background-color: rgb(255 233 206 / var(--tw-bg-opacity));
}
.bg-\[\#FFFFFF\] {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.bg-\[\#dff9eb\] {
  --tw-bg-opacity: 1;
  background-color: rgb(223 249 235 / var(--tw-bg-opacity));
}
.bg-\[\#e5e7eb\] {
  --tw-bg-opacity: 1;
  background-color: rgb(229 231 235 / var(--tw-bg-opacity));
}
.bg-\[\#f5f5f5\] {
  --tw-bg-opacity: 1;
  background-color: rgb(245 245 245 / var(--tw-bg-opacity));
}
.bg-\[\#f6f7f9\] {
  --tw-bg-opacity: 1;
  background-color: rgb(246 247 249 / var(--tw-bg-opacity));
}
.bg-\[\#f7f7f7\] {
  --tw-bg-opacity: 1;
  background-color: rgb(247 247 247 / var(--tw-bg-opacity));
}
.bg-\[\#f9f9f9\] {
  --tw-bg-opacity: 1;
  background-color: rgb(249 249 249 / var(--tw-bg-opacity));
}
.bg-\[\#fafafa\] {
  --tw-bg-opacity: 1;
  background-color: rgb(250 250 250 / var(--tw-bg-opacity));
}
.bg-\[currentColor\] {
  background-color: currentColor;
}
.bg-\[rgba\(255\2c 255\2c 255\2c 0\.04\)\] {
  background-color: hsla(0, 0%, 100%, 0.04);
}
.bg-\[transparent\] {
  background-color: transparent;
}
.bg-ai-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(23 22 50 / var(--tw-bg-opacity));
}
.bg-ai-700 {
  --tw-bg-opacity: 1;
  background-color: rgb(13 12 39 / var(--tw-bg-opacity));
}
.bg-ai-700\/40 {
  background-color: rgba(13, 12, 39, 0.4);
}
.bg-ai-700\/80 {
  background-color: rgba(13, 12, 39, 0.8);
}
.bg-background {
  --tw-bg-opacity: 1;
  background-color: rgb(244 244 244 / var(--tw-bg-opacity));
}
.bg-black {
  --tw-bg-opacity: 1;
  background-color: rgb(17 17 17 / var(--tw-bg-opacity));
}
.bg-black\/0 {
  background-color: hsla(0, 0%, 7%, 0);
}
.bg-black\/25 {
  background-color: hsla(0, 0%, 7%, 0.25);
}
.bg-black\/40 {
  background-color: hsla(0, 0%, 7%, 0.4);
}
.bg-black\/5 {
  background-color: hsla(0, 0%, 7%, 0.05);
}
.bg-black\/80 {
  background-color: hsla(0, 0%, 7%, 0.8);
}
.bg-black\/90 {
  background-color: hsla(0, 0%, 7%, 0.9);
}
.bg-black\/\[3\%\] {
  background-color: hsla(0, 0%, 7%, 0.03);
}
.bg-brand {
  background-color: var(--brand-color);
}
.bg-brand-default {
  background-color: var(--spotter-brand, #111827);
}
.bg-darkgray-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(241 245 249 / var(--tw-bg-opacity));
}
.bg-darkgray-100\/90 {
  background-color: rgba(241, 245, 249, 0.9);
}
.bg-default {
  background-color: var(--spotter-bg, #fff);
}
.bg-emphasis {
  background-color: var(--spotter-bg-emphasis);
}
.bg-gray-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity));
}
.bg-gray-200 {
  --tw-bg-opacity: 1;
  background-color: rgb(229 231 235 / var(--tw-bg-opacity));
}
.bg-gray-300 {
  --tw-bg-opacity: 1;
  background-color: rgb(209 213 219 / var(--tw-bg-opacity));
}
.bg-gray-400 {
  --tw-bg-opacity: 1;
  background-color: rgb(156 163 175 / var(--tw-bg-opacity));
}
.bg-gray-400\/20 {
  background-color: rgba(156, 163, 175, 0.2);
}
.bg-gray-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity));
}
.bg-gray-50\/80 {
  background-color: rgba(249, 250, 251, 0.8);
}
.bg-gray-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(107 114 128 / var(--tw-bg-opacity));
}
.bg-gray-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(75 85 99 / var(--tw-bg-opacity));
}
.bg-gray-700 {
  --tw-bg-opacity: 1;
  background-color: rgb(55 65 81 / var(--tw-bg-opacity));
}
.bg-gray-800 {
  --tw-bg-opacity: 1;
  background-color: rgb(31 41 55 / var(--tw-bg-opacity));
}
.bg-gray-900 {
  --tw-bg-opacity: 1;
  background-color: rgb(17 24 39 / var(--tw-bg-opacity));
}
.bg-gray-900\/80 {
  background-color: rgba(17, 24, 39, 0.8);
}
.bg-inverted {
  background-color: var(--spotter-bg-inverted);
}
.bg-muted {
  background-color: var(--spotter-bg-muted);
}
.bg-neutral-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(245 245 245 / var(--tw-bg-opacity));
}
.bg-neutral-200 {
  --tw-bg-opacity: 1;
  background-color: rgb(225 225 225 / var(--tw-bg-opacity));
}
.bg-neutral-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(248 248 248 / var(--tw-bg-opacity));
}
.bg-neutral-700 {
  --tw-bg-opacity: 1;
  background-color: rgb(62 62 62 / var(--tw-bg-opacity));
}
.bg-neutral-800 {
  --tw-bg-opacity: 1;
  background-color: rgb(49 49 49 / var(--tw-bg-opacity));
}
.bg-neutral-900 {
  --tw-bg-opacity: 1;
  background-color: rgb(41 41 41 / var(--tw-bg-opacity));
}
.bg-neutral-900\/90 {
  background-color: rgba(41, 41, 41, 0.9);
}
.bg-neutral-900\/95 {
  background-color: rgba(41, 41, 41, 0.95);
}
.bg-primary-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(232 232 232 / var(--tw-bg-opacity));
}
.bg-primary-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(244 244 244 / var(--tw-bg-opacity));
}
.bg-primary-50\/95 {
  background-color: hsla(0, 0%, 96%, 0.95);
}
.bg-primary-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(26 26 26 / var(--tw-bg-opacity));
}
.bg-primary-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(23 23 23 / var(--tw-bg-opacity));
}
.bg-primary-700 {
  --tw-bg-opacity: 1;
  background-color: rgb(20 20 20 / var(--tw-bg-opacity));
}
.bg-subtle {
  background-color: var(--spotter-bg-subtle);
}
.bg-success {
  background-color: var(--spotter-bg-success);
}
.bg-transprant {
  background-color: transparent;
}
.bg-white {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.bg-white\/0 {
  background-color: hsla(0, 0%, 100%, 0);
}
.bg-white\/10 {
  background-color: hsla(0, 0%, 100%, 0.1);
}
.bg-white\/20 {
  background-color: hsla(0, 0%, 100%, 0.2);
}
.bg-white\/5 {
  background-color: hsla(0, 0%, 100%, 0.05);
}
.bg-opacity-0 {
  --tw-bg-opacity: 0;
}
.bg-opacity-30 {
  --tw-bg-opacity: 0.3;
}

.bg-gradient-apps-grid {
  background-image: radial-gradient(
    circle at center center,
    hsla(0, 0%, 100%, 0) 35%,
    #1c1c1c 90%
  );
}
.bg-gradient-dark {
  background-image: radial-gradient(
    116.83% 238.53% at -29.87% -144%,
    #9aa2b1 0,
    #1c1c1c 97.31%
  );
}
.bg-gradient-to-b {
  background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
}
.bg-gradient-to-r {
  background-image: linear-gradient(to right, var(--tw-gradient-stops));
}
.bg-gradient-to-t {
  background-image: linear-gradient(to top, var(--tw-gradient-stops));
}
.bg-gradient-to-tr {
  background-image: linear-gradient(to top right, var(--tw-gradient-stops));
}
.from-\[\#1d2836\] {
  --tw-gradient-from: #1d2836 var(--tw-gradient-from-position);
  --tw-gradient-to: rgba(29, 40, 54, 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[\#2c2c30\] {
  --tw-gradient-from: #2c2c30 var(--tw-gradient-from-position);
  --tw-gradient-to: rgba(44, 44, 48, 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[\#6349EA\]\/80 {
  --tw-gradient-from: rgba(99, 73, 234, 0.8) var(--tw-gradient-from-position);
  --tw-gradient-to: rgba(99, 73, 234, 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[\#F7F7F8\] {
  --tw-gradient-from: #f7f7f8 var(--tw-gradient-from-position);
  --tw-gradient-to: hsla(240, 7%, 97%, 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-primary-50 {
  --tw-gradient-from: #f4f4f4 var(--tw-gradient-from-position);
  --tw-gradient-to: hsla(0, 0%, 96%, 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-transprant {
  --tw-gradient-from: transparent var(--tw-gradient-from-position);
  --tw-gradient-to: transparent var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-white {
  --tw-gradient-from: #fff var(--tw-gradient-from-position);
  --tw-gradient-to: hsla(0, 0%, 100%, 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-white\/25 {
  --tw-gradient-from: hsla(0, 0%, 100%, 0.25) var(--tw-gradient-from-position);
  --tw-gradient-to: hsla(0, 0%, 100%, 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-white\/50 {
  --tw-gradient-from: hsla(0, 0%, 100%, 0.5) var(--tw-gradient-from-position);
  --tw-gradient-to: hsla(0, 0%, 100%, 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-white\/90 {
  --tw-gradient-from: hsla(0, 0%, 100%, 0.9) var(--tw-gradient-from-position);
  --tw-gradient-to: hsla(0, 0%, 100%, 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.via-\[\#BFA2FE\] {
  --tw-gradient-to: rgba(191, 162, 254, 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from),
    #bfa2fe var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-\[\#C292FF\] {
  --tw-gradient-to: rgba(194, 146, 255, 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from),
    #c292ff var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-white\/10 {
  --tw-gradient-to: hsla(0, 0%, 100%, 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from),
    hsla(0, 0%, 100%, 0.1) var(--tw-gradient-via-position),
    var(--tw-gradient-to);
}
.via-white\/20 {
  --tw-gradient-to: hsla(0, 0%, 100%, 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from),
    hsla(0, 0%, 100%, 0.2) var(--tw-gradient-via-position),
    var(--tw-gradient-to);
}
.to-\[\#1d1d20\] {
  --tw-gradient-to: #1d1d20 var(--tw-gradient-to-position);
}
.to-\[\#1d2836\] {
  --tw-gradient-to: #1d2836 var(--tw-gradient-to-position);
}
.to-\[\#EABCEE\]\/80 {
  --tw-gradient-to: rgba(234, 188, 238, 0.8) var(--tw-gradient-to-position);
}
.to-\[\#EAEAEB\] {
  --tw-gradient-to: #eaeaeb var(--tw-gradient-to-position);
}
.to-white {
  --tw-gradient-to: #fff var(--tw-gradient-to-position);
}
.to-white\/0 {
  --tw-gradient-to: hsla(0, 0%, 100%, 0) var(--tw-gradient-to-position);
}
.to-white\/5 {
  --tw-gradient-to: hsla(0, 0%, 100%, 0.05) var(--tw-gradient-to-position);
}
.bg-\[length\:22px\] {
  background-size: 22px;
}
.bg-\[length\:800px_auto\] {
  background-size: 800px auto;
}
.bg-auto {
  background-size: auto;
}
.bg-contain {
  background-size: contain;
}
.bg-cover {
  background-size: cover;
}
.bg-clip-text {
  -webkit-background-clip: text;
  background-clip: text;
}
.bg-\[bottom_left_80px\] {
  background-position: bottom left 80px;
}
.bg-\[position\:top_left\2c top_right\2c bottom_left\2c bottom_right\] {
  background-position: 0 0, 100% 0, 0 100%, 100% 100%;
}
.bg-center {
  background-position: 50%;
}
.bg-repeat {
  background-repeat: repeat;
}
.bg-no-repeat {
  background-repeat: no-repeat;
}
.fill-\[\#9B6BFF\] {
  fill: #9b6bff;
}
.fill-\[\#A5A5A5\] {
  fill: #a5a5a5;
}
.fill-black {
  fill: #111;
}
.fill-primary-300 {
  fill: #a3a3a3;
}
.stroke-\[\#858585\] {
  stroke: #858585;
}
.stroke-\[currentColor\] {
  stroke: currentColor;
}
.stroke-black {
  stroke: #111;
}
.stroke-black\/30 {
  stroke: hsla(0, 0%, 7%, 0.3);
}
.stroke-gray-400 {
  stroke: #9ca3af;
}
.stroke-white {
  stroke: #fff;
}
.stroke-1 {
  stroke-width: 1;
}
.stroke-2 {
  stroke-width: 2;
}
.stroke-\[1\.3px\] {
  stroke-width: 1.3px;
}
.stroke-\[1\.5px\] {
  stroke-width: 1.5px;
}
.stroke-\[2\.5px\] {
  stroke-width: 2.5px;
}
.object-contain {
  -o-object-fit: contain;
  object-fit: contain;
}
.object-cover {
  -o-object-fit: cover;
  object-fit: cover;
}
.object-fill {
  -o-object-fit: fill;
  object-fit: fill;
}
.object-center {
  -o-object-position: center;
  object-position: center;
}
.object-right-bottom {
  -o-object-position: right bottom;
  object-position: right bottom;
}
.object-right-top {
  -o-object-position: right top;
  object-position: right top;
}
.\!p-1 {
  padding: var(--spotter-spacing-1) !important;
}
.\!p-2 {
  padding: var(--spotter-spacing-2) !important;
}
.p-0 {
  padding: var(--spotter-spacing-0);
}
.p-0\.5 {
  padding: var(--spotter-spacing-0_5);
}
.p-1 {
  padding: var(--spotter-spacing-1);
}
.p-1\.5 {
  padding: var(--spotter-spacing-1_5);
}
.p-10 {
  padding: var(--spotter-spacing-10);
}
.p-12 {
  padding: var(--spotter-spacing-12);
}
.p-2 {
  padding: var(--spotter-spacing-2);
}
.p-3 {
  padding: var(--spotter-spacing-3);
}
.p-4 {
  padding: var(--spotter-spacing-4);
}
.p-5 {
  padding: var(--spotter-spacing-5);
}
.p-6 {
  padding: var(--spotter-spacing-6);
}
.p-7 {
  padding: var(--spotter-spacing-7);
}
.p-8 {
  padding: var(--spotter-spacing-8);
}
.p-9 {
  padding: var(--spotter-spacing-9);
}
.p-\[--padding\] {
  padding: var(--padding);
}
.p-\[15px\] {
  padding: 15px;
}
.p-\[1px\] {
  padding: 1px;
}
.p-\[24px\] {
  padding: 24px;
}
.p-\[25px\] {
  padding: 25px;
}
.p-\[3px\] {
  padding: 3px;
}
.p-\[8\.53px\] {
  padding: 8.53px;
}
.p-px {
  padding: var(--spotter-spacing-px);
}
.\!px-0 {
  padding-left: var(--spotter-spacing-0) !important;
  padding-right: var(--spotter-spacing-0) !important;
}
.\!px-4 {
  padding-left: var(--spotter-spacing-4) !important;
  padding-right: var(--spotter-spacing-4) !important;
}
.\!px-5 {
  padding-left: var(--spotter-spacing-5) !important;
  padding-right: var(--spotter-spacing-5) !important;
}
.\!py-10 {
  padding-top: var(--spotter-spacing-10) !important;
  padding-bottom: var(--spotter-spacing-10) !important;
}
.px-0 {
  padding-left: var(--spotter-spacing-0);
  padding-right: var(--spotter-spacing-0);
}
.px-1 {
  padding-left: var(--spotter-spacing-1);
  padding-right: var(--spotter-spacing-1);
}
.px-1\.5 {
  padding-left: var(--spotter-spacing-1_5);
  padding-right: var(--spotter-spacing-1_5);
}
.px-10 {
  padding-left: var(--spotter-spacing-10);
  padding-right: var(--spotter-spacing-10);
}
.px-12 {
  padding-left: var(--spotter-spacing-12);
  padding-right: var(--spotter-spacing-12);
}
.px-16 {
  padding-left: var(--spotter-spacing-16);
  padding-right: var(--spotter-spacing-16);
}
.px-2 {
  padding-left: var(--spotter-spacing-2);
  padding-right: var(--spotter-spacing-2);
}
.px-2\.5 {
  padding-left: var(--spotter-spacing-2_5);
  padding-right: var(--spotter-spacing-2_5);
}
.px-3 {
  padding-left: var(--spotter-spacing-3);
  padding-right: var(--spotter-spacing-3);
}
.px-3\.5 {
  padding-left: var(--spotter-spacing-3_5);
  padding-right: var(--spotter-spacing-3_5);
}
.px-4 {
  padding-left: var(--spotter-spacing-4);
  padding-right: var(--spotter-spacing-4);
}
.px-5 {
  padding-left: var(--spotter-spacing-5);
  padding-right: var(--spotter-spacing-5);
}
.px-6 {
  padding-left: var(--spotter-spacing-6);
  padding-right: var(--spotter-spacing-6);
}
.px-7 {
  padding-left: var(--spotter-spacing-7);
  padding-right: var(--spotter-spacing-7);
}
.px-8 {
  padding-left: var(--spotter-spacing-8);
  padding-right: var(--spotter-spacing-8);
}
.px-9 {
  padding-left: var(--spotter-spacing-9);
  padding-right: var(--spotter-spacing-9);
}
.px-\[11\.37px\] {
  padding-left: 11.37px;
  padding-right: 11.37px;
}
.px-\[20px\] {
  padding-left: 20px;
  padding-right: 20px;
}
.px-\[32px\] {
  padding-left: 32px;
  padding-right: 32px;
}
.px-\[34px\] {
  padding-left: 34px;
  padding-right: 34px;
}
.px-\[3px\] {
  padding-left: 3px;
  padding-right: 3px;
}
.px-\[8\.53px\] {
  padding-left: 8.53px;
  padding-right: 8.53px;
}
.py-0 {
  padding-top: var(--spotter-spacing-0);
  padding-bottom: var(--spotter-spacing-0);
}
.py-0\.5 {
  padding-top: var(--spotter-spacing-0_5);
  padding-bottom: var(--spotter-spacing-0_5);
}
.py-1 {
  padding-top: var(--spotter-spacing-1);
  padding-bottom: var(--spotter-spacing-1);
}
.py-1\.5 {
  padding-top: var(--spotter-spacing-1_5);
  padding-bottom: var(--spotter-spacing-1_5);
}
.py-10 {
  padding-top: var(--spotter-spacing-10);
  padding-bottom: var(--spotter-spacing-10);
}
.py-12 {
  padding-top: var(--spotter-spacing-12);
  padding-bottom: var(--spotter-spacing-12);
}
.py-14 {
  padding-top: var(--spotter-spacing-14);
  padding-bottom: var(--spotter-spacing-14);
}

.py-16 {
  padding-top: var(--spotter-spacing-16);
  padding-bottom: var(--spotter-spacing-16);
}
.py-2 {
  padding-top: var(--spotter-spacing-2);
  padding-bottom: var(--spotter-spacing-2);
}
.py-2\.5 {
  padding-top: var(--spotter-spacing-2_5);
  padding-bottom: var(--spotter-spacing-2_5);
}
.py-20 {
  padding-top: var(--spotter-spacing-20);
  padding-bottom: var(--spotter-spacing-20);
}
.py-24 {
  padding-top: var(--spotter-spacing-24);
  padding-bottom: var(--spotter-spacing-24);
}
.py-28 {
  padding-top: var(--spotter-spacing-28);
  padding-bottom: var(--spotter-spacing-28);
}
.py-3 {
  padding-top: var(--spotter-spacing-3);
  padding-bottom: var(--spotter-spacing-3);
}
.py-32 {
  padding-top: var(--spotter-spacing-32);
  padding-bottom: var(--spotter-spacing-32);
}
.py-4 {
  padding-top: var(--spotter-spacing-4);
  padding-bottom: var(--spotter-spacing-4);
}
.py-5 {
  padding-top: var(--spotter-spacing-5);
  padding-bottom: var(--spotter-spacing-5);
}
.py-6 {
  padding-top: var(--spotter-spacing-6);
  padding-bottom: var(--spotter-spacing-6);
}
.py-8 {
  padding-top: var(--spotter-spacing-8);
  padding-bottom: var(--spotter-spacing-8);
}
.py-\[1\.33px\] {
  padding-top: 1.33px;
  padding-bottom: 1.33px;
}
.py-\[10px\] {
  padding-top: 10px;
  padding-bottom: 10px;
}
.py-\[1px\] {
  padding-top: 1px;
  padding-bottom: 1px;
}
.py-\[20px\] {
  padding-top: 20px;
  padding-bottom: 20px;
}
.py-\[26px\] {
  padding-top: 26px;
  padding-bottom: 26px;
}
.py-\[2px\] {
  padding-top: 2px;
  padding-bottom: 2px;
}
.py-\[40px\] {
  padding-top: 40px;
  padding-bottom: 40px;
}
.py-\[7\.11px\] {
  padding-top: 7.11px;
  padding-bottom: 7.11px;
}
.\!pt-12 {
  padding-top: var(--spotter-spacing-12) !important;
}
.pb-0 {
  padding-bottom: var(--spotter-spacing-0);
}
.pb-12 {
  padding-bottom: var(--spotter-spacing-12);
}
.pb-14 {
  padding-bottom: var(--spotter-spacing-14);
}
.pb-16 {
  padding-bottom: var(--spotter-spacing-16);
}
.pb-2 {
  padding-bottom: var(--spotter-spacing-2);
}
.pb-20 {
  padding-bottom: var(--spotter-spacing-20);
}
.pb-24 {
  padding-bottom: var(--spotter-spacing-24);
}
.pb-28 {
  padding-bottom: var(--spotter-spacing-28);
}
.pb-3 {
  padding-bottom: var(--spotter-spacing-3);
}
.pb-3\.5 {
  padding-bottom: var(--spotter-spacing-3_5);
}
.pb-4 {
  padding-bottom: var(--spotter-spacing-4);
}
.pb-5 {
  padding-bottom: var(--spotter-spacing-5);
}
.pb-6 {
  padding-bottom: var(--spotter-spacing-6);
}
.pb-8 {
  padding-bottom: var(--spotter-spacing-8);
}
.pb-9 {
  padding-bottom: var(--spotter-spacing-9);
}
.pb-\[100px\] {
  padding-bottom: 100px;
}
.pb-\[10px\] {
  padding-bottom: 10px;
}
.pb-\[20vh\] {
  padding-bottom: 20vh;
}
.pb-\[260px\] {
  padding-bottom: 260px;
}
.pb-\[290px\] {
  padding-bottom: 290px;
}
.pb-\[2px\] {
  padding-bottom: 2px;
}
.pb-\[86px\] {
  padding-bottom: 86px;
}
.pe-8 {
  -webkit-padding-end: var(--spotter-spacing-8);
  padding-inline-end: var(--spotter-spacing-8);
}
.pl-0 {
  padding-left: var(--spotter-spacing-0);
}
.pl-0\.5 {
  padding-left: var(--spotter-spacing-0_5);
}
.pl-10 {
  padding-left: var(--spotter-spacing-10);
}
.pl-2 {
  padding-left: var(--spotter-spacing-2);
}
.pl-2\.5 {
  padding-left: var(--spotter-spacing-2_5);
}
.pl-4 {
  padding-left: var(--spotter-spacing-4);
}
.pl-6 {
  padding-left: var(--spotter-spacing-6);
}
.pl-8 {
  padding-left: var(--spotter-spacing-8);
}
.pl-9 {
  padding-left: var(--spotter-spacing-9);
}
.pl-\[10\%\] {
  padding-left: 10%;
}
.pl-\[15px\] {
  padding-left: 15px;
}
.pl-\[20\%\] {
  padding-left: 20%;
}
.pr-0 {
  padding-right: var(--spotter-spacing-0);
}
.pr-12 {
  padding-right: var(--spotter-spacing-12);
}
.pr-14 {
  padding-right: var(--spotter-spacing-14);
}
.pr-2 {
  padding-right: var(--spotter-spacing-2);
}
.pr-2\.5 {
  padding-right: var(--spotter-spacing-2_5);
}
.pr-3 {
  padding-right: var(--spotter-spacing-3);
}
.pr-4 {
  padding-right: var(--spotter-spacing-4);
}
.pr-6 {
  padding-right: var(--spotter-spacing-6);
}
.pr-8 {
  padding-right: var(--spotter-spacing-8);
}
.pr-\[15\.76px\] {
  padding-right: 15.76px;
}
.pr-\[1em\] {
  padding-right: 1em;
}
.pr-\[8\.53px\] {
  padding-right: 8.53px;
}
.pt-0 {
  padding-top: var(--spotter-spacing-0);
}
.pt-0\.5 {
  padding-top: var(--spotter-spacing-0_5);
}
.pt-1 {
  padding-top: var(--spotter-spacing-1);
}
.pt-10 {
  padding-top: var(--spotter-spacing-10);
}
.pt-12 {
  padding-top: var(--spotter-spacing-12);
}
.pt-14 {
  padding-top: var(--spotter-spacing-14);
}
.pt-16 {
  padding-top: var(--spotter-spacing-16);
}
.pt-2 {
  padding-top: var(--spotter-spacing-2);
}
.pt-2\.5 {
  padding-top: var(--spotter-spacing-2_5);
}
.pt-20 {
  padding-top: var(--spotter-spacing-20);
}
.pt-24 {
  padding-top: var(--spotter-spacing-24);
}
.pt-3 {
  padding-top: var(--spotter-spacing-3);
}
.pt-4 {
  padding-top: var(--spotter-spacing-4);
}
.pt-44 {
  padding-top: var(--spotter-spacing-44);
}
.pt-5 {
  padding-top: var(--spotter-spacing-5);
}
.pt-6 {
  padding-top: var(--spotter-spacing-6);
}
.pt-8 {
  padding-top: var(--spotter-spacing-8);
}
.pt-9 {
  padding-top: var(--spotter-spacing-9);
}
.pt-\[14\.76px\] {
  padding-top: 14.76px;
}
.pt-\[1px\] {
  padding-top: 1px;
}
.pt-\[8px\] {
  padding-top: 8px;
}
.text-left {
  text-align: left;
}
.text-center {
  text-align: center;
}
.text-right {
  text-align: right;
}
.text-start {
  text-align: start;
}
.align-top {
  vertical-align: top;
}
.align-text-top {
  vertical-align: text-top;
}
.\!font-dm-mono {
  font-family: DMMono, monospace !important;
}
.font-\[family-name\:var\(--font-inter\)\] {
  font-family: var(--font-inter);
}
.font-cal {
  font-family: var(--font-cal), ui-serif, Georgia, Cambria, "Times New Roman",
    Times, serif;
}
.font-dm-mono {
  font-family: DMMono, monospace;
}
.font-matter {
  font-family: Matter, sans-serif;
}
.font-matter-trial {
  font-family: Matter TRIAL, sans-serif;
}
.font-mono {
  font-family: Roboto Mono, monospace;
}
.font-sans {
  font-family: var(--font-inter), ui-sans-serif, system-ui, -apple-system,
    BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans",
    sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol",
    "Noto Color Emoji";
}
.font-serif {
  font-family: ui-serif, Georgia, Cambria, Times New Roman, Times, serif;
}
.font-system {
  font-family: -apple-system, blinkmacsystemfont, segoe ui, roboto, oxygen,
    ubuntu, cantarell, fira sans, droid sans, helvetica neue, sans-serif;
}
.\!text-\[40px\] {
  font-size: 40px !important;
}
.\!text-\[80px\] {
  font-size: 80px !important;
}
.\!text-\[clamp\(52px\2c _7\.45vw\2c _114px\)\] {
  font-size: clamp(52px, 7.45vw, 114px) !important;
}
.text-2xl {
  font-size: 1.5rem;
  line-height: 2rem;
}
.text-3xl {
  font-size: 1.875rem;
  line-height: 2.25rem;
}
.text-4xl {
  font-size: 2.25rem;
  line-height: 2.5rem;
}
.text-5xl {
  font-size: 3rem;
  line-height: 1;
}
.text-6xl {
  font-size: 3.75rem;
  line-height: 1;
}
.text-\[0\.8em\] {
  font-size: 0.8em;
}
.text-\[1\.4rem\] {
  font-size: 1.4rem;
}
.text-\[10px\] {
  font-size: 10px;
}
.text-\[11px\] {
  font-size: 11px;
}
.text-\[12px\] {
  font-size: 12px;
}
.text-\[13px\] {
  font-size: 13px;
}
.text-\[14px\] {
  font-size: 14px;
}
.text-\[15px\] {
  font-size: 15px;
}
.text-\[16px\] {
  font-size: 16px;
}
.text-\[17px\] {
  font-size: 17px;
}
.text-\[19px\] {
  font-size: 19px;
}
.text-\[22px\] {
  font-size: 22px;
}
.text-\[32px\] {
  font-size: 32px;
}
.text-\[35px\] {
  font-size: 35px;
}
.text-\[38px\] {
  font-size: 38px;
}
.text-\[40px\] {
  font-size: 40px;
}
.text-\[45px\] {
  font-size: 45px;
}
.text-\[52px\] {
  font-size: 52px;
}
.text-\[9px\] {
  font-size: 9px;
}
.text-base {
  font-size: 1rem;
  line-height: 1.5rem;
}
.text-lg {
  font-size: 1.125rem;
  line-height: 1.75rem;
}
.text-md {
  font-size: 18px;
  line-height: 26px;
}
.text-sm {
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.text-sm\/6 {
  font-size: 0.875rem;
  line-height: 1.5rem;
}
.text-standard {
  font-size: 22px;
}
.text-xl {
  font-size: 1rem;
  line-height: 1.4rem;
}
.text-xs {
  font-size: 0.75rem;
  line-height: 1rem;
}
.\!font-normal {
  font-weight: 400 !important;
}
.font-bold {
  font-weight: 700;
}
.font-extrabold {
  font-weight: 800;
}
.font-extralight {
  font-weight: 200;
}
.font-light {
  font-weight: 300;
}
.font-medium {
  font-weight: 500;
}
.font-normal {
  font-weight: 400;
}
.font-semibold {
  font-weight: 600;
}
.font-thin {
  font-weight: 100;
}
.uppercase {
  text-transform: uppercase;
}
.capitalize {
  text-transform: capitalize;
}
.normal-case {
  text-transform: none;
}
.italic {
  font-style: italic;
}
.normal-nums {
  font-variant-numeric: normal;
}
.tabular-nums {
  --tw-numeric-spacing: tabular-nums;
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero)
    var(--tw-numeric-figure) var(--tw-numeric-spacing)
    var(--tw-numeric-fraction);
}
.\!leading-none {
  line-height: 1 !important;
}
.\!leading-xs {
  line-height: 120% !important;
}
.leading-3 {
  line-height: 0.75rem;
}
.leading-4 {
  line-height: 1rem;
}
.leading-5 {
  line-height: 1.25rem;
}
.leading-6 {
  line-height: 1.5rem;
}
.leading-7 {
  line-height: 1.75rem;
}
.leading-9 {
  line-height: 2.25rem;
}
.leading-\[1\.02lh\] {
  line-height: 1.02lh;
}
.leading-\[1\.25\] {
  line-height: 1.25;
}
.leading-\[1\.2\] {
  line-height: 1.2;
}
.leading-\[1\.3\] {
  line-height: 1.3;
}
.leading-\[1\.5\] {
  line-height: 1.5;
}
.leading-\[100\%\] {
  line-height: 100%;
}
.leading-\[14\.40px\] {
  line-height: 14.4px;
}
.leading-\[140\%\] {
  line-height: 140%;
}
.leading-\[1\] {
  line-height: 1;
}
.leading-\[22px\] {
  line-height: 22px;
}
.leading-\[26px\] {
  line-height: 26px;
}
.leading-\[32px\] {
  line-height: 32px;
}
.leading-\[39px\] {
  line-height: 39px;
}
.leading-h1 {
  line-height: 103%;
}
.leading-none {
  line-height: 1;
}
.leading-normal {
  line-height: 1.5;
}
.leading-relaxed {
  line-height: 1.625;
}
.leading-snug {
  line-height: 1.375;
}
.leading-standard {
  line-height: 144%;
}
.leading-subheader {
  line-height: 84%;
}
.leading-tight {
  line-height: 1.25;
}
.leading-xs {
  line-height: 120%;
}
.tracking-\[-0\.002em\] {
  letter-spacing: -0.002em;
}
.tracking-\[-0\.015em\] {
  letter-spacing: -0.015em;
}
.tracking-\[0\.01em\] {
  letter-spacing: 0.01em;
}
.tracking-tight {
  letter-spacing: -0.025em;
}
.tracking-wide {
  letter-spacing: 0.025em;
}
.tracking-widest {
  letter-spacing: 0.1em;
}
.\!text-black {
  --tw-text-opacity: 1 !important;
  color: rgb(17 17 17 / var(--tw-text-opacity)) !important;
}
.\!text-default {
  color: var(--spotter-text) !important;
}
.\!text-neutral-500 {
  --tw-text-opacity: 1 !important;
  color: rgb(136 136 136 / var(--tw-text-opacity)) !important;
}
.\!text-primary-50 {
  --tw-text-opacity: 1 !important;
  color: rgb(244 244 244 / var(--tw-text-opacity)) !important;
}
.\!text-primary-700 {
  --tw-text-opacity: 1 !important;
  color: rgb(20 20 20 / var(--tw-text-opacity)) !important;
}
.\!text-secondary-400 {
  --tw-text-opacity: 1 !important;
  color: rgb(114 152 148 / var(--tw-text-opacity)) !important;
}
.\!text-white {
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
}
.text-\[\#00B67A\] {
  --tw-text-opacity: 1;
  color: rgb(0 182 122 / var(--tw-text-opacity));
}
.text-\[\#0561A2\] {
  --tw-text-opacity: 1;
  color: rgb(5 97 162 / var(--tw-text-opacity));
}
.text-\[\#08da08\] {
  --tw-text-opacity: 1;
  color: rgb(8 218 8 / var(--tw-text-opacity));
}
.text-\[\#101010\] {
  --tw-text-opacity: 1;
  color: rgb(16 16 16 / var(--tw-text-opacity));
}
.text-\[\#19A44B\] {
  --tw-text-opacity: 1;
  color: rgb(25 164 75 / var(--tw-text-opacity));
}
.text-\[\#1A72C2\] {
  --tw-text-opacity: 1;
  color: rgb(26 114 194 / var(--tw-text-opacity));
}
.text-\[\#1F2937\] {
  --tw-text-opacity: 1;
  color: rgb(31 41 55 / var(--tw-text-opacity));
}
.text-\[\#1a1a1a\] {
  --tw-text-opacity: 1;
  color: rgb(26 26 26 / var(--tw-text-opacity));
}
.text-\[\#242424\] {
  --tw-text-opacity: 1;
  color: rgb(36 36 36 / var(--tw-text-opacity));
}
.text-\[\#2F9E44\] {
  --tw-text-opacity: 1;
  color: rgb(47 158 68 / var(--tw-text-opacity));
}
.text-\[\#32653C\] {
  --tw-text-opacity: 1;
  color: rgb(50 101 60 / var(--tw-text-opacity));
}
.text-\[\#34C300\] {
  --tw-text-opacity: 1;
  color: rgb(52 195 0 / var(--tw-text-opacity));
}
.text-\[\#3b82f6\] {
  --tw-text-opacity: 1;
  color: rgb(59 130 246 / var(--tw-text-opacity));
}
.text-\[\#434C5C\] {
  --tw-text-opacity: 1;
  color: rgb(67 76 92 / var(--tw-text-opacity));
}
.text-\[\#4B5563\] {
  --tw-text-opacity: 1;
  color: rgb(75 85 99 / var(--tw-text-opacity));
}
.text-\[\#5e5e5e\] {
  --tw-text-opacity: 1;
  color: rgb(94 94 94 / var(--tw-text-opacity));
}
.text-\[\#6A9956\] {
  --tw-text-opacity: 1;
  color: rgb(106 153 86 / var(--tw-text-opacity));
}
.text-\[\#6b7280\] {
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity));
}
.text-\[\#7151DC\] {
  --tw-text-opacity: 1;
  color: rgb(113 81 220 / var(--tw-text-opacity));
}
.text-\[\#71717a\] {
  --tw-text-opacity: 1;
  color: rgb(113 113 122 / var(--tw-text-opacity));
}
.text-\[\#727272\] {
  --tw-text-opacity: 1;
  color: rgb(114 114 114 / var(--tw-text-opacity));
}
.text-\[\#7bab91\] {
  --tw-text-opacity: 1;
  color: rgb(123 171 145 / var(--tw-text-opacity));
}
.text-\[\#898989\] {
  --tw-text-opacity: 1;
  color: rgb(137 137 137 / var(--tw-text-opacity));
}
.text-\[\#8d8d8d\] {
  --tw-text-opacity: 1;
  color: rgb(141 141 141 / var(--tw-text-opacity));
}
.text-\[\#939393\] {
  --tw-text-opacity: 1;
  color: rgb(147 147 147 / var(--tw-text-opacity));
}
.text-\[\#9ca3af\] {
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / var(--tw-text-opacity));
}
.text-\[\#CD1c18\] {
  --tw-text-opacity: 1;
  color: rgb(205 28 24 / var(--tw-text-opacity));
}
.text-\[\#E8580F\] {
  --tw-text-opacity: 1;
  color: rgb(232 88 15 / var(--tw-text-opacity));
}
.text-\[\#FAFAFA\] {
  --tw-text-opacity: 1;
  color: rgb(250 250 250 / var(--tw-text-opacity));
}
.text-ai-100 {
  --tw-text-opacity: 1;
  color: rgb(226 232 255 / var(--tw-text-opacity));
}
.text-ai-200 {
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / var(--tw-text-opacity));
}
.text-black {
  --tw-text-opacity: 1;
  color: rgb(17 17 17 / var(--tw-text-opacity));
}
.text-black\/40 {
  color: hsla(0, 0%, 7%, 0.4);
}
.text-black\/70 {
  color: hsla(0, 0%, 7%, 0.7);
}
.text-black\/80 {
  color: hsla(0, 0%, 7%, 0.8);
}
.text-brand {
  color: var(--spotter-brand-text);
}
.text-brandcontrast {
  color: var(--brand-text-color);
}
.text-default {
  color: var(--spotter-text);
}
.text-emphasis {
  color: var(--spotter-text-emphasis);
}
.text-error {
  color: var(--spotter-text-error);
}
.text-gray-300 {
  --tw-text-opacity: 1;
  color: rgb(209 213 219 / var(--tw-text-opacity));
}
.text-gray-400 {
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / var(--tw-text-opacity));
}
.text-gray-50 {
  --tw-text-opacity: 1;
  color: rgb(249 250 251 / var(--tw-text-opacity));
}
.text-gray-500 {
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity));
}
.text-gray-500\/70 {
  color: hsla(220, 9%, 46%, 0.7);
}
.text-gray-600 {
  --tw-text-opacity: 1;
  color: rgb(75 85 99 / var(--tw-text-opacity));
}
.text-gray-700 {
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity));
}
.text-gray-700\/80 {
  color: rgba(55, 65, 81, 0.8);
}
.text-gray-800 {
  --tw-text-opacity: 1;
  color: rgb(31 41 55 / var(--tw-text-opacity));
}
.text-gray-900 {
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / var(--tw-text-opacity));
}
.text-inverted {
  color: var(--spotter-text-inverted);
}
.text-muted {
  color: var(--spotter-text-muted);
}
.text-neutral-200 {
  --tw-text-opacity: 1;
  color: rgb(225 225 225 / var(--tw-text-opacity));
}
.text-neutral-400 {
  --tw-text-opacity: 1;
  color: rgb(172 172 172 / var(--tw-text-opacity));
}
.text-neutral-500 {
  --tw-text-opacity: 1;
  color: rgb(136 136 136 / var(--tw-text-opacity));
}
.text-neutral-600 {
  --tw-text-opacity: 1;
  color: rgb(73 73 73 / var(--tw-text-opacity));
}
.text-neutral-900 {
  --tw-text-opacity: 1;
  color: rgb(41 41 41 / var(--tw-text-opacity));
}
.text-primary-100 {
  --tw-text-opacity: 1;
  color: rgb(232 232 232 / var(--tw-text-opacity));
}
.text-primary-200 {
  --tw-text-opacity: 1;
  color: rgb(198 198 198 / var(--tw-text-opacity));
}
.text-primary-300 {
  --tw-text-opacity: 1;
  color: rgb(163 163 163 / var(--tw-text-opacity));
}
.text-primary-400 {
  --tw-text-opacity: 1;
  color: rgb(95 95 95 / var(--tw-text-opacity));
}
.text-primary-50 {
  --tw-text-opacity: 1;
  color: rgb(244 244 244 / var(--tw-text-opacity));
}
.text-primary-700 {
  --tw-text-opacity: 1;
  color: rgb(20 20 20 / var(--tw-text-opacity));
}
.text-secondary-400 {
  --tw-text-opacity: 1;
  color: rgb(114 152 148 / var(--tw-text-opacity));
}
.text-subtle {
  color: var(--spotter-text-subtle);
}
.text-success {
  color: var(--spotter-text-success);
}
.text-transprant {
  color: transparent;
}
.text-white {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.text-white\/70 {
  color: hsla(0, 0%, 100%, 0.7);
}
.text-white\/90 {
  color: hsla(0, 0%, 100%, 0.9);
}
.\!underline {
  text-decoration-line: underline !important;
}
.underline {
  text-decoration-line: underline;
}
.line-through {
  text-decoration-line: line-through;
}
.\!no-underline {
  text-decoration-line: none !important;
}
.no-underline {
  text-decoration-line: none;
}
.underline-offset-4 {
  text-underline-offset: 4px;
}
.antialiased {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.\!opacity-30 {
  opacity: 0.3 !important;
}
.opacity-0 {
  opacity: 0;
}
.opacity-100 {
  opacity: 1;
}
.opacity-20 {
  opacity: 0.2;
}
.opacity-25 {
  opacity: 0.25;
}
.opacity-30 {
  opacity: 0.3;
}
.opacity-40 {
  opacity: 0.4;
}
.opacity-50 {
  opacity: 0.5;
}
.opacity-60 {
  opacity: 0.6;
}
.opacity-70 {
  opacity: 0.7;
}
.opacity-75 {
  opacity: 0.75;
}
.opacity-80 {
  opacity: 0.8;
}
.opacity-90 {
  opacity: 0.9;
}
.opacity-\[0\.3\] {
  opacity: 0.3;
}
.bg-blend-normal {
  background-blend-mode: normal;
}
.mix-blend-normal {
  mix-blend-mode: normal;
}
.mix-blend-difference {
  mix-blend-mode: difference;
}
.\!shadow-\[0px_-20px_20px_5px_\#0D0C27\] {
  --tw-shadow: 0px -20px 20px 5px #0d0c27 !important;
  --tw-shadow-colored: 0px -20px 20px 5px var(--tw-shadow-color) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}
.\!shadow-\[inset_0_-25px_19px_5px_rgba\(255\2c 255\2c 255\2c 0\.03\)\] {
  --tw-shadow: inset 0 -25px 19px 5px hsla(0, 0%, 100%, 0.03) !important;
  --tw-shadow-colored: inset 0 -25px 19px 5px var(--tw-shadow-color) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}
.\!shadow-\[inset_0px_-2\.13918px_12\.3003px_2\.67398px_rgba\(255\2c
  255\2c
  255\2c
  0\.03\)\] {
  --tw-shadow: inset 0px -2.13918px 12.3003px 2.67398px hsla(0, 0%, 100%, 0.03) !important;
  --tw-shadow-colored: inset 0px -2.13918px 12.3003px 2.67398px var(--tw-shadow-color) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}
.\!shadow-cal-gray-darker {
  --tw-shadow: 0px 4px 0px #727272 !important;
  --tw-shadow-colored: 0px 4px 0px var(--tw-shadow-color) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}
.shadow {
  --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color),
    0 1px 2px -1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_0_0_1px_\#0C061E\2c
  0_-11_36_-15_rgba\(133\2c
  255\2c
  248\2c
  0\.32\)_inset\2c
  0_0_0_4_\#2C2B5A\2c
  0_0_0_3_\#2B254B\] {
  --tw-shadow: 0 0 0 1px #0c061e, 0 -11 36 -15 rgba(133, 255, 248, 0.32) inset,
    0 0 0 4 #2c2b5a, 0 0 0 3 #2b254b;
  --tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color),
    inset 0 -11 36 -15 var(--tw-shadow-color), 0 0 0 4 var(--tw-shadow-color),
    0 0 0 3 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_0_0_1px_hsl\(var\(--sidebar-border\)\)\] {
  --tw-shadow: 0 0 0 1px hsl(var(--sidebar-border));
  --tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_0_13px_rgba\(195\2c 221\2c 186\2c 0\.35\)\] {
  --tw-shadow: 0 0 13px rgba(195, 221, 186, 0.35);
  --tw-shadow-colored: 0 0 13px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_0_20px_-12px_rgba\(0\2c 0\2c 0\2c 0\.8\)\] {
  --tw-shadow: 0 0 20px -12px rgba(0, 0, 0, 0.8);
  --tw-shadow-colored: 0 0 20px -12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0px_-4px_23px_5px_rgba\(255\2c 255\2c 255\2c 0\.03\)_inset\] {
  --tw-shadow: 0px -4px 23px 5px hsla(0, 0%, 100%, 0.03) inset;
  --tw-shadow-colored: inset 0px -4px 23px 5px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0px_0px_0px_3px_\#DBDFE6\] {
  --tw-shadow: 0px 0px 0px 3px #dbdfe6;
  --tw-shadow-colored: 0px 0px 0px 3px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[1px_1px_0px_0px_\#E1E2E3\2c inset_1px_1px_0px_0px_\#E1E2E3\] {
  --tw-shadow: 1px 1px 0px 0px #e1e2e3, inset 1px 1px 0px 0px #e1e2e3;
  --tw-shadow-colored: 1px 1px 0px 0px var(--tw-shadow-color),
    inset 1px 1px 0px 0px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[hsl\(206_22\%_7\%_\/_35\%\)_0px_10px_38px_-10px\2c
  _hsl\(206_22\%_7\%_\/_20\%\)_0px_10px_20px_-15px\] {
  --tw-shadow: rgba(14, 18, 22, 0.35) 0px 10px 38px -10px,
    rgba(14, 18, 22, 0.2) 0px 10px 20px -15px;
  --tw-shadow-colored: 0px 10px 38px -10px var(--tw-shadow-color),
    0px 10px 20px -15px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-cal-gray {
  --tw-shadow: 0px 4px 0px #e5e7eb;
  --tw-shadow-colored: 0px 4px 0px var(--tw-shadow-color);
}
.shadow-cal-gray,
.shadow-fade {
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-fade {
  --tw-shadow: 0px 4px 8px rgba(34, 42, 53, 0.05),
    0px 0px 0px 1px rgba(34, 42, 53, 0.08),
    0px 1px 5px -4px rgba(19, 19, 22, 0.7);
  --tw-shadow-colored: 0px 4px 8px var(--tw-shadow-color),
    0px 0px 0px 1px var(--tw-shadow-color),
    0px 1px 5px -4px var(--tw-shadow-color);
}
.shadow-fill {
  --tw-shadow: 0px 4px 0px #141414;
  --tw-shadow-colored: 0px 4px 0px var(--tw-shadow-color);
}
.shadow-fill,
.shadow-fill-1 {
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-fill-1 {
  --tw-shadow: 0px 2px 0px #141414;
  --tw-shadow-colored: 0px 2px 0px var(--tw-shadow-color);
}
.shadow-fill-white {
  --tw-shadow: 0px 4px 0px #e8e8e8;
  --tw-shadow-colored: 0px 4px 0px var(--tw-shadow-color);
}
.shadow-fill-white,
.shadow-inner {
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-inner {
  --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.05);
  --tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color);
}
.shadow-input-grow {
  --tw-shadow: 0px 6px 0px #141414;
  --tw-shadow-colored: 0px 6px 0px var(--tw-shadow-color);
}
.shadow-input-grow,
.shadow-lg {
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-lg {
  --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1),
    0 4px 6px -4px rgba(0, 0, 0, 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color),
    0 4px 6px -4px var(--tw-shadow-color);
}
.shadow-md {
  --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1),
    0 2px 4px -2px rgba(0, 0, 0, 0.1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color),
    0 2px 4px -2px var(--tw-shadow-color);
}
.shadow-md,
.shadow-none {
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-none {
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
}
.shadow-sm {
  --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
}
.shadow-sm,
.shadow-switch {
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-switch {
  --tw-shadow: inset 0px 0.855113px 0.855113px rgba(0, 0, 0, 0.1);
  --tw-shadow-colored: inset 0px 0.855113px 0.855113px var(--tw-shadow-color);
}
.shadow-switch-dot {
  --tw-shadow: 0px 0.855113px 0.855113px rgba(0, 0, 0, 0.1),
    0px 0.855113px 3.42045px rgba(0, 0, 0, 0.08);
  --tw-shadow-colored: 0px 0.855113px 0.855113px var(--tw-shadow-color),
    0px 0.855113px 3.42045px var(--tw-shadow-color);
}
.shadow-switch-dot,
.shadow-xl {
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-xl {
  --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1),
    0 8px 10px -6px rgba(0, 0, 0, 0.1);
  --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color),
    0 8px 10px -6px var(--tw-shadow-color);
}
.shadow-black {
  --tw-shadow-color: #111;
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-black\/40 {
  --tw-shadow-color: hsla(0, 0%, 7%, 0.4);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-darkgray-400 {
  --tw-shadow-color: #94a3b8;
  --tw-shadow: var(--tw-shadow-colored);
}
.\!outline-none {
  outline: 2px solid transparent !important;
  outline-offset: 2px !important;
}
.outline-none {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.outline {
  outline-style: solid;
}
.ring-0 {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0
    var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0
    calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
    var(--tw-shadow, 0 0 #0000);
}
.ring-inset {
  --tw-ring-inset: inset;
}
.ring-offset-2 {
  --tw-ring-offset-width: 2px;
}
.ring-offset-background {
  --tw-ring-offset-color: #f4f4f4;
}
.blur {
  --tw-blur: blur(8px);
}
.blur,
.blur-2xl {
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast)
    var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate)
    var(--tw-sepia) var(--tw-drop-shadow);
}
.blur-2xl {
  --tw-blur: blur(40px);
}
.blur-md {
  --tw-blur: blur(12px);
}
.blur-md,
.blur-xl {
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast)
    var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate)
    var(--tw-sepia) var(--tw-drop-shadow);
}
.blur-xl {
  --tw-blur: blur(24px);
}
.brightness-0 {
  --tw-brightness: brightness(0);
}
.brightness-0,
.drop-shadow-glow {
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast)
    var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate)
    var(--tw-sepia) var(--tw-drop-shadow);
}
.drop-shadow-glow {
  --tw-drop-shadow: drop-shadow(0px 0px 11px rgba(164, 170, 182, 0.5));
}
.drop-shadow-md {
  --tw-drop-shadow: drop-shadow(0 4px 3px rgba(0, 0, 0, 0.07))
    drop-shadow(0 2px 2px rgba(0, 0, 0, 0.06));
}
.drop-shadow-md,
.drop-shadow-sm {
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast)
    var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate)
    var(--tw-sepia) var(--tw-drop-shadow);
}
.drop-shadow-sm {
  --tw-drop-shadow: drop-shadow(0 1px 1px rgba(0, 0, 0, 0.05));
}
.grayscale {
  --tw-grayscale: grayscale(100%);
}
.grayscale,
.invert {
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast)
    var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate)
    var(--tw-sepia) var(--tw-drop-shadow);
}
.invert {
  --tw-invert: invert(100%);
}
.saturate-0 {
  --tw-saturate: saturate(0);
}
.saturate-0,
.saturate-100 {
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast)
    var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate)
    var(--tw-sepia) var(--tw-drop-shadow);
}
.saturate-100 {
  --tw-saturate: saturate(1);
}
.filter {
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast)
    var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate)
    var(--tw-sepia) var(--tw-drop-shadow);
}
.backdrop-blur-\[0px\] {
  --tw-backdrop-blur: blur(0px);
}
.backdrop-blur-\[0px\],
.backdrop-blur-\[2px\] {
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness)
    var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale)
    var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert)
    var(--tw-backdrop-opacity) var(--tw-backdrop-saturate)
    var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness)
    var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale)
    var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert)
    var(--tw-backdrop-opacity) var(--tw-backdrop-saturate)
    var(--tw-backdrop-sepia);
}
.backdrop-blur-\[2px\] {
  --tw-backdrop-blur: blur(2px);
}
.backdrop-blur-\[6px\] {
  --tw-backdrop-blur: blur(6px);
}
.backdrop-blur-\[6px\],
.backdrop-blur-md {
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness)
    var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale)
    var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert)
    var(--tw-backdrop-opacity) var(--tw-backdrop-saturate)
    var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness)
    var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale)
    var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert)
    var(--tw-backdrop-opacity) var(--tw-backdrop-saturate)
    var(--tw-backdrop-sepia);
}
.backdrop-blur-md {
  --tw-backdrop-blur: blur(12px);
}
.backdrop-blur-sm {
  --tw-backdrop-blur: blur(4px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness)
    var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale)
    var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert)
    var(--tw-backdrop-opacity) var(--tw-backdrop-saturate)
    var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness)
    var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale)
    var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert)
    var(--tw-backdrop-opacity) var(--tw-backdrop-saturate)
    var(--tw-backdrop-sepia);
}
.transition {
  transition-property: color, background-color, border-color,
    text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter,
    -webkit-backdrop-filter;
  transition-property: color, background-color, border-color,
    text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter,
    backdrop-filter;
  transition-property: color, background-color, border-color,
    text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter,
    backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 0.15s;
}
.transition-\[left\2c right\2c width\] {
  transition-property: left, right, width;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 0.15s;
}
.transition-\[margin\2c opa\] {
  transition-property: margin, opa;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 0.15s;
}
.transition-\[opacity\2c transform\] {
  transition-property: opacity, transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 0.15s;
}
.transition-\[width\2c height\2c padding\] {
  transition-property: width, height, padding;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 0.15s;
}
.transition-\[width\] {
  transition-property: width;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 0.15s;
}
.transition-all {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 0.15s;
}
.transition-colors {
  transition-property: color, background-color, border-color,
    text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 0.15s;
}
.transition-opacity {
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 0.15s;
}
.transition-rounded {
  transition-property: border-radius;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 0.15s;
}
.transition-shadow {
  transition-property: box-shadow;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 0.15s;
}
.transition-transform {
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 0.15s;
}
.delay-100 {
  transition-delay: 0.1s;
}
.delay-200 {
  transition-delay: 0.2s;
}
.duration-100 {
  transition-duration: 0.1s;
}
.duration-1000 {
  transition-duration: 1s;
}
.duration-150 {
  transition-duration: 0.15s;
}
.duration-200 {
  transition-duration: 0.2s;
}
.duration-300 {
  transition-duration: 0.3s;
}
.duration-500 {
  transition-duration: 0.5s;
}
.duration-\[0\.25s\],
.duration-\[250ms\] {
  transition-duration: 0.25s;
}
.ease-in-out {
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.ease-linear {
  transition-timing-function: linear;
}
.ease-out {
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
.will-change-transform {
  will-change: transform;
}
.scrollbar {
  --scrollbar-track: initial;
  --scrollbar-thumb: initial;
  --scrollbar-corner: initial;
  --scrollbar-track-hover: var(--scrollbar-track);
  --scrollbar-thumb-hover: var(--scrollbar-thumb);
  --scrollbar-corner-hover: var(--scrollbar-corner);
  --scrollbar-track-active: var(--scrollbar-track-hover);
  --scrollbar-thumb-active: var(--scrollbar-thumb-hover);
  --scrollbar-corner-active: var(--scrollbar-corner-hover);
  scrollbar-color: var(--scrollbar-thumb) var(--scrollbar-track);
  overflow: overlay;
}
.scrollbar.overflow-x-hidden {
  overflow-x: hidden;
}
.scrollbar.overflow-y-hidden {
  overflow-y: hidden;
}
.scrollbar::-webkit-scrollbar-track {
  background-color: var(--scrollbar-track);
}
.scrollbar::-webkit-scrollbar-thumb {
  background-color: var(--scrollbar-thumb);
}
.scrollbar::-webkit-scrollbar-corner {
  background-color: var(--scrollbar-corner);
}
.scrollbar::-webkit-scrollbar-track:hover {
  background-color: var(--scrollbar-track-hover);
}
.scrollbar::-webkit-scrollbar-thumb:hover {
  background-color: var(--scrollbar-thumb-hover);
}
.scrollbar::-webkit-scrollbar-corner:hover {
  background-color: var(--scrollbar-corner-hover);
}
.scrollbar::-webkit-scrollbar-track:active {
  background-color: var(--scrollbar-track-active);
}
.scrollbar::-webkit-scrollbar-thumb:active {
  background-color: var(--scrollbar-thumb-active);
}
.scrollbar::-webkit-scrollbar-corner:active {
  background-color: var(--scrollbar-corner-active);
}
.scrollbar {
  scrollbar-width: auto;
}
.scrollbar::-webkit-scrollbar {
  width: 16px;
  height: 16px;
}
.scrollbar-thin {
  --scrollbar-track: initial;
  --scrollbar-thumb: initial;
  --scrollbar-corner: initial;
  --scrollbar-track-hover: var(--scrollbar-track);
  --scrollbar-thumb-hover: var(--scrollbar-thumb);
  --scrollbar-corner-hover: var(--scrollbar-corner);
  --scrollbar-track-active: var(--scrollbar-track-hover);
  --scrollbar-thumb-active: var(--scrollbar-thumb-hover);
  --scrollbar-corner-active: var(--scrollbar-corner-hover);
  scrollbar-color: var(--scrollbar-thumb) var(--scrollbar-track);
  overflow: overlay;
}
.scrollbar-thin.overflow-x-hidden {
  overflow-x: hidden;
}
.scrollbar-thin.overflow-y-hidden {
  overflow-y: hidden;
}
.scrollbar-thin::-webkit-scrollbar-track {
  background-color: var(--scrollbar-track);
}
.scrollbar-thin::-webkit-scrollbar-thumb {
  background-color: var(--scrollbar-thumb);
}
.scrollbar-thin::-webkit-scrollbar-corner {
  background-color: var(--scrollbar-corner);
}
.scrollbar-thin::-webkit-scrollbar-track:hover {
  background-color: var(--scrollbar-track-hover);
}
.scrollbar-thin::-webkit-scrollbar-thumb:hover {
  background-color: var(--scrollbar-thumb-hover);
}
.scrollbar-thin::-webkit-scrollbar-corner:hover {
  background-color: var(--scrollbar-corner-hover);
}
.scrollbar-thin::-webkit-scrollbar-track:active {
  background-color: var(--scrollbar-track-active);
}
.scrollbar-thin::-webkit-scrollbar-thumb:active {
  background-color: var(--scrollbar-thumb-active);
}
.scrollbar-thin::-webkit-scrollbar-corner:active {
  background-color: var(--scrollbar-corner-active);
}
.scrollbar-thin {
  scrollbar-width: thin;
}
.scrollbar-thin::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
.scrollbar-track-gray-100 {
  --scrollbar-track: #f3f4f6 !important;
}
.scrollbar-thumb-gray-300 {
  --scrollbar-thumb: #d1d5db !important;
}
.\@container {
  container-type: inline-size;
}
.indent-card-to-grid {
  --container-padding: 16px;
  --container-size: 100vw;
}
@media (min-width: 768px) {
  .indent-card-to-grid {
    --container-padding: 34px;
  }
}
@media (min-width: 1440px) {
  .indent-card-to-grid {
    --container-size: 1440px;
  }
}
.indent-card-to-grid {
  --container-maximum-width: calc(
    var(--container-size) - var(--container-padding) - var(--container-padding)
  );
  transform: translateX(
    calc(
      max(var(--container-maximum-width), 100vw) / 2 -
        calc(var(--container-maximum-width) / 2)
    )
  );
}
.radial-fadeout {
  -webkit-mask-image: radial-gradient(
    at center,
    #000,
    #000 calc(100% - var(--mask-distance, 250px)),
    transparent
  );
  mask-image: radial-gradient(
    at center,
    #000,
    #000 calc(100% - var(--mask-distance, 250px)),
    transparent
  );
}
.horizontal-fadeout {
  -webkit-mask-image: linear-gradient(
    to right,
    transparent,
    #000 calc(var(--mask-distance, 50px)),
    #000,
    #000 calc(100% - var(--mask-distance, 50px)),
    transparent
  );
  mask-image: linear-gradient(
    to right,
    transparent,
    #000 calc(var(--mask-distance, 50px)),
    #000,
    #000 calc(100% - var(--mask-distance, 50px)),
    transparent
  );
}
.vertical-fadeout {
  -webkit-mask-image: linear-gradient(
    to bottom,
    transparent,
    #000 calc(var(--mask-distance, 50px)),
    #000,
    #000 calc(100% - var(--mask-distance, 50px)),
    transparent
  );
  mask-image: linear-gradient(
    to bottom,
    transparent,
    #000 calc(var(--mask-distance, 50px)),
    #000,
    #000 calc(100% - var(--mask-distance, 50px)),
    transparent
  );
}
.right-fadeout {
  -webkit-mask-image: linear-gradient(
    to right,
    #000,
    #000 calc(100% - var(--mask-distance, 50px)),
    transparent
  );
  mask-image: linear-gradient(
    to right,
    #000,
    #000 calc(100% - var(--mask-distance, 50px)),
    transparent
  );
}
.dot-grid {
  --distance: var(--grid-size, 20px);
  background-image: radial-gradient(
    circle at center,
    var(--dot-color, #d1d5db85) 1px,
    transparent 0
  );
  background-size: var(--distance) var(--distance);
  background-repeat: repeat;
}
.text-shadow-black {
  text-shadow: 0 2px 0 #141414;
}
@media (min-width: 768px) {
  .text-shadow-black {
    text-shadow: 0 4px 0 #141414;
  }
}
.text-shadow-gray {
  text-shadow: 0 2px 0 #c6c6c6;
}
@media (min-width: 768px) {
  .text-shadow-gray {
    text-shadow: 0 4px 0 #e1e1e1;
  }
}
.text-border-black {
  --text-border-width: 2px;
}
.text-border-black,
.text-border-black-small {
  -webkit-text-fill-color: #fff;
  -webkit-text-stroke-width: var(--text-border-width);
  -webkit-text-stroke-color: #000;
}
.text-border-black-small {
  --text-border-width: 1.5px;
}
.gradient-dark {
  background: radial-gradient(
      94.88% 230.32% at 95.71% 28.51%,
      rgba(148, 154, 171, 0.27) 0,
      transparent 100%
    ),
    #131212;
}
.\!\[--grid-gap-size\:0px\] {
  --grid-gap-size: 0px !important;
}
.\[--spotter-text\:\#ccc\] {
  --spotter-text: #ccc;
}
.\[--dot-color\:\#9ca3af\] {
  --dot-color: #9ca3af;
}
.\[--dot-color\:\#DCDCDC\] {
  --dot-color: #dcdcdc;
}
.\[--dot-color\:rgba\(255\2c 255\2c 255\2c 0\.7\)\] {
  --dot-color: hsla(0, 0%, 100%, 0.7);
}
.\[--fade-start\:70\%\] {
  --fade-start: 70%;
}
.\[--feature-column-width\:120px\] {
  --feature-column-width: 120px;
}
.\[--feature-column-width\:160px\] {
  --feature-column-width: 160px;
}
.\[--fifteen-min-size\:30px\] {
  --fifteen-min-size: 30px;
}
.\[--mask-distance\:100px\] {
  --mask-distance: 100px;
}
.\[--mask-distance\:110px\] {
  --mask-distance: 110px;
}
.\[--mask-distance\:40px\] {
  --mask-distance: 40px;
}
.\[--mask-distance\:48px\] {
  --mask-distance: 48px;
}
.\[--padding\:24px\] {
  --padding: 24px;
}
.\[--thirty-min-size\:calc\(var\(--fifteen-min-size\)\*2\)\] {
  --thirty-min-size: calc(var(--fifteen-min-size) * 2);
}
.\[background-color\:--spotter-bg-subtle\] {
  background-color: var(--spotter-bg-subtle);
}
.\[background-image\:linear-gradient\(180deg\2c
  \#6349EA_-26\.92\%\2c
  \#875FE0_141\.35\%\)\] {
  background-image: linear-gradient(180deg, #6349ea -26.92%, #875fe0 141.35%);
}
.\[background-image\:radial-gradient\(189\.07\%_196\.37\%_at_115\.1\%_-70\.38\%\2c
  \#C182FF_0\%\2c
  \#E3E3E3_100\%\)\],
.\[background-image\:radial-gradient\(189\.07\%_196\.37\%_at_115\.1\%_-70\.38\%\2c
  _\#C182FF_0\%\2c
  _\#E3E3E3_100\%\)\] {
  background-image: radial-gradient(
    189.07% 196.37% at 115.1% -70.38%,
    #c182ff 0,
    #e3e3e3 100%
  );
}
.\[container-name\:hero\] {
  container-name: hero;
}
.\[container-type\:inline-size\] {
  container-type: inline-size;
}
.\[grid-area\:1\/1\] {
  grid-area: 1/1;
}
.\[mask-image\:radial-gradient\(ellipse\2c
  rgb\(0\2c
  0\2c
  0\2c
  1\)\2c
  transparent_70\%\)\] {
  -webkit-mask-image: radial-gradient(ellipse, #000, transparent 70%);
  mask-image: radial-gradient(ellipse, #000, transparent 70%);
}
.\[mask-position\:center\] {
  -webkit-mask-position: center;
  mask-position: center;
}
.\[mask-repeat\:no-repeat\] {
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}
.\[scroll-margin-left\:max\(calc\(\(100vw-1400px\)\/2\)\2c
  var\(--container-padding\)\)\] {
  scroll-margin-left: max(calc((100vw - 1400px) / 2), var(--container-padding));
}
.\[text-shadow\:_0_0_11px_rgb\(164\2c 170\2c 182\2c 0\.30\)\] {
  text-shadow: 0 0 11px rgba(164, 170, 182, 0.3);
}
.\[text-wrap\:balance\] {
  text-wrap: balance;
}
.\[text-wrap\:pretty\] {
  text-wrap: pretty;
}
.\[will-change\:transform\2c opacity\] {
  will-change: transform, opacity;
}
@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;600;700");
:root {
  --spotter-spacing-0: 0px;
  --spotter-spacing-px: 1px;
  --spotter-spacing-0_5: 0.125rem;
  --spotter-spacing-1: 0.25rem;
  --spotter-spacing-1_5: 0.375rem;
  --spotter-spacing-2: 0.5rem;
  --spotter-spacing-2_5: 0.625rem;
  --spotter-spacing-3: 0.75rem;
  --spotter-spacing-3_5: 0.875rem;
  --spotter-spacing-4: 1rem;
  --spotter-spacing-5: 1.25rem;
  --spotter-spacing-6: 1.5rem;
  --spotter-spacing-7: 1.75rem;
  --spotter-spacing-8: 2rem;
  --spotter-spacing-9: 2.25rem;
  --spotter-spacing-10: 2.5rem;
  --spotter-spacing-11: 2.75rem;
  --spotter-spacing-12: 3rem;
  --spotter-spacing-14: 3.5rem;
  --spotter-spacing-16: 4rem;
  --spotter-spacing-20: 5rem;
  --spotter-spacing-24: 6rem;
  --spotter-spacing-28: 7rem;
  --spotter-spacing-32: 8rem;
  --spotter-spacing-36: 9rem;
  --spotter-spacing-40: 10rem;
  --spotter-spacing-44: 11rem;
  --spotter-spacing-48: 12rem;
  --spotter-spacing-52: 13rem;
  --spotter-spacing-56: 14rem;
  --spotter-spacing-60: 15rem;
  --spotter-spacing-64: 16rem;
  --spotter-spacing-72: 18rem;
  --spotter-spacing-80: 20rem;
  --spotter-spacing-96: 24rem;
  --spotter-radius-none: 0px;
  --spotter-radius-sm: 0.125rem;
  --spotter-radius: 0.25rem;
  --spotter-radius-md: 0.375rem;
  --spotter-radius-lg: 0.5rem;
  --spotter-radius-xl: 0.75rem;
  --spotter-radius-2xl: 1rem;
  --spotter-radius-3xl: 1.5rem;
  --spotter-radius-full: 9999px;
  --bg-color: #f4f4f4;
  --bg-color-dark: #141414;
  --ai: #0d0c27;
  --spotter-bg-emphasis: #e5e7eb;
  --spotter-bg: #fff;
  --spotter-bg-subtle: #f3f4f6;
  --spotter-bg-muted: #f9fafb;
  --spotter-bg-inverted: #111827;
  --spotter-bg-info: #dee9fc;
  --spotter-bg-success: #e2fbe8;
  --spotter-bg-attention: #fceed8;
  --spotter-bg-error: #f9e3e2;
  --spotter-border-emphasis: #9ca3af;
  --spotter-border: #d1d5db;
  --spotter-border-subtle: #e5e7eb;
  --spotter-border-muted: #f3f4f6;
  --spotter-text-emphasis: #111827;
  --spotter-text: #374151;
  --spotter-text-subtle: #6b7280;
  --spotter-text-muted: #9ca3af;
  --spotter-text-inverted: #fff;
  --spotter-text-info: #253985;
  --spotter-text-success: #285231;
  --spotter-text-attention: #73321b;
  --spotter-text-error: #752522;
  --spotter-brand: #111827;
  --spotter-brand-emphasis: #101010;
  --spotter-brand-text: #fff;
}
.calcom-atoms {
  background: transparent !important;
}
.bg-grid {
  background-image: url(../../../grid-sprite.svg);
}
.bg-grid,
.bg-grid-gray {
  background-position: top;
  background-size: 2449px;
  background-repeat: repeat;
}
.bg-grid-gray {
  image-rendering: -webkit-optimize-contrast;
  background-image: url(https://cal.com/grid-gray-sprite.svg);
}
.bg-grid-black {
  background-image: url(https://cal.com/grid-black-sprite.svg);
  background-position: top;
  background-size: 2449px;
  background-repeat: repeat;
}
.masked-bg-grid {
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  opacity: 0.3;
}
.masked-bg-grid.aligned-bottom {
  -webkit-mask-image: radial-gradient(
    circle at 50% 80%,
    #000 20%,
    transparent 50%
  );
  mask-image: radial-gradient(circle at 50% 80%, #000 20%, transparent 50%);
}
.masked-bg-grid.aligned-center {
  -webkit-mask-image: radial-gradient(
    ellipse at 50% 50%,
    #000 20%,
    transparent 50%
  );
  mask-image: radial-gradient(ellipse at 50% 50%, #000 20%, transparent 50%);
}
.case-studies-grid {
  -webkit-mask-image: radial-gradient(ellipse, #000 50%, transparent 60%);
  mask-image: radial-gradient(ellipse, #000 50%, transparent 60%);
  -webkit-mask-size: 100%;
  mask-size: 100%;
  -webkit-mask-position: center center;
  mask-position: center center;
  opacity: 0.3;
  z-index: -1;
}
.numbers-grid {
  -webkit-mask-image: radial-gradient(
    circle at center,
    #000 30%,
    transparent 50%
  ) !important;
  mask-image: radial-gradient(
    circle at center,
    #000 30%,
    transparent 50%
  ) !important;
  -webkit-mask-size: 100% 160% !important;
  mask-size: 100% 160% !important;
}
.apps-mask {
  -webkit-mask-image: radial-gradient(
    ellipse at center center,
    var(--bg-color) 10%,
    hsla(0, 0%, 100%, 0) 55%
  );
  mask-image: radial-gradient(
    ellipse at center center,
    var(--bg-color) 10%,
    hsla(0, 0%, 100%, 0) 55%
  );
  -webkit-mask-size: 800% 100%;
  mask-size: 800% 100%;
  -webkit-mask-position: center -400%;
  mask-position: center -400%;
}
@media (min-width: 768px) {
  .apps-mask {
    -webkit-mask-image: radial-gradient(
      ellipse at center center,
      var(--bg-color) 30%,
      hsla(0, 0%, 100%, 0) 80%
    );
    mask-image: radial-gradient(
      ellipse at center center,
      var(--bg-color) 30%,
      hsla(0, 0%, 100%, 0) 80%
    );
  }
}
@media (min-width: 1280px) {
  .apps-mask {
    -webkit-mask-image: radial-gradient(
      circle at center center,
      var(--bg-color) 65%,
      hsla(0, 0%, 100%, 0) 90%
    );
    mask-image: radial-gradient(
      circle at center center,
      var(--bg-color) 65%,
      hsla(0, 0%, 100%, 0) 90%
    );
    -webkit-mask-size: unset;
    mask-size: unset;
    -webkit-mask-position: unset;
    mask-position: unset;
  }
}
@media only screen and (max-width: 1285px) {
  .bg-grid {
    background-image: none;
    background-color: #fff;
  }
  .bg-grid-black {
    background-image: none;
    background-color: #292929;
  }
  .bg-grid-gray {
    background-image: none;
    background-color: #f5f5f5;
  }
}
.prose h2,
.prose h3,
.prose h4,
.prose h5 {
  font-family: Spotter Sans, sans-serif;
}
.prose blockquote {
  font-style: normal;
}
.text-white-important {
  color: #fff !important;
}
.responsive-iframe-container {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 56.25%;
}
.responsive-iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
article blockquote {
  border-left: 3px solid #000;
  background: rgba(0, 0, 0, 0.02);
}
article blockquote p {
  padding: 8px 16px;
  background: rgba(0, 0, 0, 0.02);
}
::-moz-selection {
  color: #fff;
  background: #151819;
}
::selection {
  color: #fff;
  background: #151819;
}
.brand-logo {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.loader {
  margin: 80px auto;
  border: 8px solid #f3f3f3;
  border-top-color: #039be5;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  animation: spin 2s linear infinite;
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(1turn);
  }
}
.slider {
  position: relative;
  display: flex;
  height: var(--spotter-spacing-4);
  width: 100%;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  align-items: center;
}
.slider > .slider-track {
  position: relative;
  height: var(--spotter-spacing-1);
  flex-grow: 1;
  border-radius: var(--spotter-radius-md);
  --tw-bg-opacity: 1;
  background-color: rgb(156 163 175 / var(--tw-bg-opacity));
}
.slider .slider-range {
  position: absolute;
  height: 100%;
}
.slider .slider-range,
.slider .slider-thumb {
  border-radius: var(--spotter-radius-full);
  --tw-bg-opacity: 1;
  background-color: rgb(55 65 81 / var(--tw-bg-opacity));
}
.slider .slider-thumb {
  display: block;
  height: var(--spotter-spacing-3);
  width: var(--spotter-spacing-3);
  cursor: pointer;
  --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 0.15s;
}
.slider .slider-thumb:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(75 85 99 / var(--tw-bg-opacity));
}
.slider .slider-thumb:focus {
  box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.2);
  outline: none !important;
}
.text-changing {
  animation: colorchange 30s infinite alternate;
}
.nft {
  filter: drop-shadow(0 0 0 5px #000000);
  -webkit-clip-path: polygon(
    92.32051% 40%,
    93.79385% 43.1596%,
    94.69616% 46.52704%,
    95% 50%,
    94.69616% 53.47296%,
    93.79385% 56.8404%,
    92.32051% 60%,
    79.82051% 81.65064%,
    77.82089% 84.50639%,
    75.35575% 86.97152%,
    72.5% 88.97114%,
    69.3404% 90.44449%,
    65.97296% 91.34679%,
    62.5% 91.65064%,
    37.5% 91.65064%,
    34.02704% 91.34679%,
    30.6596% 90.44449%,
    27.5% 88.97114%,
    24.64425% 86.97152%,
    22.17911% 84.50639%,
    20.17949% 81.65064%,
    7.67949% 60%,
    6.20615% 56.8404%,
    5.30384% 53.47296%,
    5% 50%,
    5.30384% 46.52704%,
    6.20615% 43.1596%,
    7.67949% 40%,
    20.17949% 18.34936%,
    22.17911% 15.49361%,
    24.64425% 13.02848%,
    27.5% 11.02886%,
    30.6596% 9.55551%,
    34.02704% 8.65321%,
    37.5% 8.34936%,
    62.5% 8.34936%,
    65.97296% 8.65321%,
    69.3404% 9.55551%,
    72.5% 11.02886%,
    75.35575% 13.02848%,
    77.82089% 15.49361%,
    79.82051% 18.34936%
  );
  clip-path: polygon(
    92.32051% 40%,
    93.79385% 43.1596%,
    94.69616% 46.52704%,
    95% 50%,
    94.69616% 53.47296%,
    93.79385% 56.8404%,
    92.32051% 60%,
    79.82051% 81.65064%,
    77.82089% 84.50639%,
    75.35575% 86.97152%,
    72.5% 88.97114%,
    69.3404% 90.44449%,
    65.97296% 91.34679%,
    62.5% 91.65064%,
    37.5% 91.65064%,
    34.02704% 91.34679%,
    30.6596% 90.44449%,
    27.5% 88.97114%,
    24.64425% 86.97152%,
    22.17911% 84.50639%,
    20.17949% 81.65064%,
    7.67949% 60%,
    6.20615% 56.8404%,
    5.30384% 53.47296%,
    5% 50%,
    5.30384% 46.52704%,
    6.20615% 43.1596%,
    7.67949% 40%,
    20.17949% 18.34936%,
    22.17911% 15.49361%,
    24.64425% 13.02848%,
    27.5% 11.02886%,
    30.6596% 9.55551%,
    34.02704% 8.65321%,
    37.5% 8.34936%,
    62.5% 8.34936%,
    65.97296% 8.65321%,
    69.3404% 9.55551%,
    72.5% 11.02886%,
    75.35575% 13.02848%,
    77.82089% 15.49361%,
    79.82051% 18.34936%
  );
}
.sj-endorser-view-container {
  max-height: 50px;
}
.sj-masonry + .justify-center button {
  background: #f2f2f3 !important;
  box-shadow: 0 0 0 0 #000 !important;
  color: #000 !important;
  border: 0.5px solid #c0c0c2 !important;
  border-radius: 10px !important;
  height: 35px;
  width: 110px;
  position: relative;
  top: -150px;
}
.sj-masonry {
  -webkit-mask-image: linear-gradient(0deg, transparent 0, #000 550px);
  mask-image: linear-gradient(0deg, transparent 0, #000 550px);
}
.atom-98 {
  font-family: "MS Sans Serif", Arial, sans-serif;
  border: 1px solid #000;
}
.atom-98 > div {
  box-shadow: "inset -1px -1px #0a0a0a, inset 1px 1px #dfdfdf, inset -2px -2px grey, inset 2px 2px #fff" !important;
}
.atom-98 button {
  background: silver !important;
  border-radius: 0 !important;
  box-shadow: inset -1px -1px #0a0a0a, inset 1px 1px #fff, inset -2px -2px grey,
    inset 2px 2px #dfdfdf;
}
.atom-98 button:disabled {
  opacity: 0.2;
}
.atom-98 input,
.atom-98 textarea {
  box-shadow: inset -1px -1px #fff, inset 1px 1px grey, inset -2px -2px #dfdfdf,
    inset 2px 2px #0a0a0a;
  background: #fff;
  border-radius: 0 !important;
}
.calendar-grid {
  --grid-gap-size: 12px;
  --content-max-width: 1200px;
  display: grid;
  grid-template-columns: 1fr [content-start] minmax(0, var(--content-max-width)) [content-end] 1fr;
  gap: calc(var(--grid-gap-size) * 2) 0;
  border-bottom: 1px solid var(--grid-border-color);
  padding-bottom: var(--grid-gap-size);
}
.calendar-grid > * {
  border-right: 1px solid var(--grid-border-color);
  border-left: 1px solid var(--grid-border-color);
  grid-column: content;
  padding: 0 var(--grid-gap-size);
}
.calendar-grid > :before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  margin-top: calc(var(--grid-gap-size) * -1);
  border-top: 1px solid var(--grid-border-color);
}
.calendar-grid > :first-child:before {
  border-top: none;
}

.scroll-fade {
  --background-color: #fff;
  --shadow-color: #000;
  background: linear-gradient(
      to right,
      var(--background-color) 20%,
      transparent
    ),
    linear-gradient(to right, transparent, var(--background-color) 80%) 0 100%,
    linear-gradient(to right, var(--shadow-color), transparent 20%),
    linear-gradient(to left, var(--shadow-color), transparent 20%);
  background-attachment: local, local, scroll, scroll;
}
.notification-back {
  transform: translateY(16px) scale(0.8);
  opacity: 0.4;
  z-index: 1;
}
.notification-middle {
  transform: translateY(0) scale(0.9);
  opacity: 0.7;
  z-index: 2;
}
.notification-front {
  transform: translateY(-16px) scale(1);
  opacity: 1;
  z-index: 3;
}
@keyframes slideIn {
  0% {
    transform: translateY(16px) scale(0.8);
    opacity: 0.4;
  }
  to {
    transform: translateY(-16px) scale(1);
    opacity: 1;
  }
}
.animate-slideIn {
  animation: slideIn 0.5s ease-out;
}
.card-back {
  transform: translateY(16px) scale(0.8);
  opacity: 0.4;
  z-index: 1;
}
.card-middle {
  transform: translateY(0) scale(0.9);
  opacity: 0.7;
  z-index: 2;
}
.card-front {
  transform: translateY(-16px) scale(1);
  opacity: 1;
  z-index: 3;
}
.notification {
  transition: all 1s cubic-bezier(0.4, 0, 0.2, 1);
}
@keyframes slideToBack {
  0% {
    transform: translateY(0) scale(1);
    opacity: 1;
    z-index: 30;
  }
  to {
    transform: translateY(16px) scale(0.9);
    opacity: 0.3;
    z-index: 10;
  }
}
@keyframes slideToFront {
  0% {
    transform: translateY(16px) scale(0.9);
    opacity: 0.3;
    z-index: 10;
  }
  to {
    transform: translateY(0) scale(1);
    opacity: 1;
    z-index: 30;
  }
}
.notification {
  transform-origin: center top;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  perspective: 1000px;
  will-change: transform, opacity;
}
:is(.dark .dark\:prose-invert) {
  --tw-prose-body: var(--tw-prose-invert-body);
  --tw-prose-headings: var(--tw-prose-invert-headings);
  --tw-prose-lead: var(--tw-prose-invert-lead);
  --tw-prose-links: var(--tw-prose-invert-links);
  --tw-prose-bold: var(--tw-prose-invert-bold);
  --tw-prose-counters: var(--tw-prose-invert-counters);
  --tw-prose-bullets: var(--tw-prose-invert-bullets);
  --tw-prose-hr: var(--tw-prose-invert-hr);
  --tw-prose-quotes: var(--tw-prose-invert-quotes);
  --tw-prose-quote-borders: var(--tw-prose-invert-quote-borders);
  --tw-prose-captions: var(--tw-prose-invert-captions);
  --tw-prose-code: var(--tw-prose-invert-code);
  --tw-prose-pre-code: var(--tw-prose-invert-pre-code);
  --tw-prose-pre-bg: var(--tw-prose-invert-pre-bg);
  --tw-prose-th-borders: var(--tw-prose-invert-th-borders);
  --tw-prose-td-borders: var(--tw-prose-invert-td-borders);
}
.selection\:bg-\[var\(--bg-color\)\] ::-moz-selection {
  background-color: var(--bg-color);
}
.selection\:bg-\[var\(--bg-color\)\] ::selection {
  background-color: var(--bg-color);
}
.selection\:bg-neutral-200 ::-moz-selection {
  --tw-bg-opacity: 1;
  background-color: rgb(225 225 225 / var(--tw-bg-opacity));
}
.selection\:bg-neutral-200 ::selection {
  --tw-bg-opacity: 1;
  background-color: rgb(225 225 225 / var(--tw-bg-opacity));
}
.selection\:text-primary-500 ::-moz-selection {
  --tw-text-opacity: 1;
  color: rgb(26 26 26 / var(--tw-text-opacity));
}
.selection\:text-primary-500 ::selection {
  --tw-text-opacity: 1;
  color: rgb(26 26 26 / var(--tw-text-opacity));
}
.selection\:text-primary-700 ::-moz-selection {
  --tw-text-opacity: 1;
  color: rgb(20 20 20 / var(--tw-text-opacity));
}
.selection\:text-primary-700 ::selection {
  --tw-text-opacity: 1;
  color: rgb(20 20 20 / var(--tw-text-opacity));
}
.selection\:bg-\[var\(--bg-color\)\]::-moz-selection {
  background-color: var(--bg-color);
}
.selection\:bg-\[var\(--bg-color\)\]::selection {
  background-color: var(--bg-color);
}
.selection\:bg-neutral-200::-moz-selection {
  --tw-bg-opacity: 1;
  background-color: rgb(225 225 225 / var(--tw-bg-opacity));
}
.selection\:bg-neutral-200::selection {
  --tw-bg-opacity: 1;
  background-color: rgb(225 225 225 / var(--tw-bg-opacity));
}
.selection\:text-primary-500::-moz-selection {
  --tw-text-opacity: 1;
  color: rgb(26 26 26 / var(--tw-text-opacity));
}
.selection\:text-primary-500::selection {
  --tw-text-opacity: 1;
  color: rgb(26 26 26 / var(--tw-text-opacity));
}
.selection\:text-primary-700::-moz-selection {
  --tw-text-opacity: 1;
  color: rgb(20 20 20 / var(--tw-text-opacity));
}
.selection\:text-primary-700::selection {
  --tw-text-opacity: 1;
  color: rgb(20 20 20 / var(--tw-text-opacity));
}
.file\:border-0::file-selector-button {
  border-width: 0;
}
.file\:text-sm::file-selector-button {
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.file\:font-medium::file-selector-button {
  font-weight: 500;
}
.placeholder\:px-2::-moz-placeholder {
  padding-left: var(--spotter-spacing-2);
  padding-right: var(--spotter-spacing-2);
}
.placeholder\:px-2::placeholder {
  padding-left: var(--spotter-spacing-2);
  padding-right: var(--spotter-spacing-2);
}
.placeholder\:pb-1::-moz-placeholder {
  padding-bottom: var(--spotter-spacing-1);
}
.placeholder\:pb-1::placeholder {
  padding-bottom: var(--spotter-spacing-1);
}
.placeholder\:text-sm::-moz-placeholder {
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.placeholder\:text-sm::placeholder {
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.placeholder\:text-muted::-moz-placeholder {
  color: var(--spotter-text-muted);
}
.placeholder\:text-muted::placeholder {
  color: var(--spotter-text-muted);
}
.placeholder\:text-primary-200::-moz-placeholder {
  --tw-text-opacity: 1;
  color: rgb(198 198 198 / var(--tw-text-opacity));
}
.placeholder\:text-primary-200::placeholder {
  --tw-text-opacity: 1;
  color: rgb(198 198 198 / var(--tw-text-opacity));
}
.before\:pointer-events-none:before {
  content: var(--tw-content);
  pointer-events: none;
}
.before\:absolute:before {
  content: var(--tw-content);
  position: absolute;
}
.before\:inset-0:before {
  content: var(--tw-content);
  inset: var(--spotter-spacing-0);
}
.before\:-bottom-px:before {
  content: var(--tw-content);
  bottom: calc(var(--spotter-spacing-px) * -1);
}
.before\:left-0:before {
  content: var(--tw-content);
  left: var(--spotter-spacing-0);
}
.before\:left-\[--padding\]:before {
  content: var(--tw-content);
  left: var(--padding);
}
.before\:left-\[-100vw\]:before {
  content: var(--tw-content);
  left: -100vw;
}
.before\:right-0:before {
  content: var(--tw-content);
  right: var(--spotter-spacing-0);
}
.before\:right-\[-100vw\]:before {
  content: var(--tw-content);
  right: -100vw;
}
.before\:top-0:before {
  content: var(--tw-content);
  top: var(--spotter-spacing-0);
}
.before\:top-\[--padding\]:before {
  content: var(--tw-content);
  top: var(--padding);
}
.before\:-z-10:before {
  content: var(--tw-content);
  z-index: -10;
}
.before\:z-\[-1\]:before {
  content: var(--tw-content);
  z-index: -1;
}
.before\:block:before {
  content: var(--tw-content);
  display: block;
}
.before\:hidden:before {
  content: var(--tw-content);
  display: none;
}
.before\:h-\[calc\(100\%\+1px\)\]:before {
  content: var(--tw-content);
  height: calc(100% + 1px);
}
.before\:h-\[calc\(100\%\+20px\)\]:before {
  content: var(--tw-content);
  height: calc(100% + 20px);
}
.before\:h-full:before {
  content: var(--tw-content);
  height: 100%;
}
.before\:h-px:before {
  content: var(--tw-content);
  height: var(--spotter-spacing-px);
}
.before\:w-full:before {
  content: var(--tw-content);
  width: 100%;
}
.before\:w-px:before {
  content: var(--tw-content);
  width: var(--spotter-spacing-px);
}
.before\:origin-top:before {
  content: var(--tw-content);
  transform-origin: top;
}
.before\:scale-y-0:before {
  --tw-scale-y: 0;
}
.before\:scale-y-0:before,
.before\:scale-y-100:before {
  content: var(--tw-content);
  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));
}
.before\:scale-y-100:before {
  --tw-scale-y: 1;
}
.before\:rounded-xl:before {
  content: var(--tw-content);
  border-radius: var(--spotter-radius-xl);
}
.before\:rounded-t-2xl:before {
  content: var(--tw-content);
  border-top-left-radius: var(--spotter-radius-2xl);
  border-top-right-radius: var(--spotter-radius-2xl);
}
.before\:border:before {
  content: var(--tw-content);
  border-width: 1px;
}
.before\:border-0:before {
  content: var(--tw-content);
  border-width: 0;
}
.before\:border-x:before {
  content: var(--tw-content);
  border-left-width: 1px;
  border-right-width: 1px;
}
.before\:border-b-0:before {
  content: var(--tw-content);
  border-bottom-width: 0;
}
.before\:border-l:before {
  content: var(--tw-content);
  border-left-width: 1px;
}
.before\:border-t:before {
  content: var(--tw-content);
  border-top-width: 1px;
}
.before\:border-dashed:before {
  content: var(--tw-content);
  border-style: dashed;
}
.before\:border-subtle:before {
  content: var(--tw-content);
  border-color: var(--spotter-border-subtle);
}
.before\:bg-\[--color\]:before {
  content: var(--tw-content);
  background-color: var(--color);
}
.before\:bg-white:before {
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.before\:bg-\[radial-gradient\(var\(--dot-color\)_1\.5px\2c
  transparent_1px\)\]:before {
  content: var(--tw-content);
  background-image: radial-gradient(var(--dot-color) 1.5px, transparent 1px);
}
.before\:bg-gradient-to-b:before {
  content: var(--tw-content);
  background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
}
.before\:from-\[--color\]:before {
  content: var(--tw-content);
  --tw-gradient-from: var(--color) var(--tw-gradient-from-position);
  --tw-gradient-to: hsla(0, 0%, 100%, 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.before\:to-50\%:before {
  content: var(--tw-content);
  --tw-gradient-to-position: 50%;
}
.before\:bg-repeat:before {
  content: var(--tw-content);
  background-repeat: repeat;
}
.before\:opacity-0:before {
  content: var(--tw-content);
  opacity: 0;
}
.before\:opacity-10:before {
  content: var(--tw-content);
  opacity: 0.1;
}
.before\:opacity-100:before {
  content: var(--tw-content);
  opacity: 1;
}
.before\:opacity-40:before {
  content: var(--tw-content);
  opacity: 0.4;
}
.before\:shadow-\[0px_1px_0px_0px_\#E1E2E3\2c
  inset_1px_1px_0px_0px_\#E1E2E3\]:before {
  content: var(--tw-content);
  --tw-shadow: 0px 1px 0px 0px #e1e2e3, inset 1px 1px 0px 0px #e1e2e3;
  --tw-shadow-colored: 0px 1px 0px 0px var(--tw-shadow-color),
    inset 1px 1px 0px 0px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.before\:shadow-\[0px_2px_0\.4px_0px_rgba\(255\2c
  _255\2c
  _255\2c
  _0\.16\)_inset\]:before {
  content: var(--tw-content);
  --tw-shadow: 0px 2px 0.4px 0px hsla(0, 0%, 100%, 0.16) inset;
  --tw-shadow-colored: inset 0px 2px 0.4px 0px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.before\:shadow-\[0px_2px_0\.4px_0px_rgba\(255\2c
  _255\2c
  _255\2c
  _1\)_inset\]:before {
  --tw-shadow: 0px 2px 0.4px 0px #fff inset;
  --tw-shadow-colored: inset 0px 2px 0.4px 0px var(--tw-shadow-color);
}
.before\:shadow-\[0px_2px_0\.4px_0px_rgba\(255\2c
  _255\2c
  _255\2c
  _1\)_inset\]:before,
.before\:shadow-fade:before {
  content: var(--tw-content);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.before\:shadow-fade:before {
  --tw-shadow: 0px 4px 8px rgba(34, 42, 53, 0.05),
    0px 0px 0px 1px rgba(34, 42, 53, 0.08),
    0px 1px 5px -4px rgba(19, 19, 22, 0.7);
  --tw-shadow-colored: 0px 4px 8px var(--tw-shadow-color),
    0px 0px 0px 1px var(--tw-shadow-color),
    0px 1px 5px -4px var(--tw-shadow-color);
}
.before\:transition-\[transform\2c opacity\]:before {
  content: var(--tw-content);
  transition-property: transform, opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 0.15s;
}
.before\:transition-opacity:before {
  content: var(--tw-content);
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 0.15s;
}
.before\:transition-transform:before {
  content: var(--tw-content);
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 0.15s;
}
.before\:duration-300:before {
  content: var(--tw-content);
  transition-duration: 0.3s;
}
.before\:duration-500:before {
  content: var(--tw-content);
  transition-duration: 0.5s;
}
.before\:\[background-position\:-6px_-6px\]:before {
  content: var(--tw-content);
  background-position: -6px -6px;
}
.before\:\[background-size\:30px_30px\]:before {
  content: var(--tw-content);
  background-size: 30px 30px;
}
.after\:pointer-events-none:after {
  content: var(--tw-content);
  pointer-events: none;
}
.after\:absolute:after {
  content: var(--tw-content);
  position: absolute;
}
.after\:-inset-2:after {
  content: var(--tw-content);
  inset: calc(var(--spotter-spacing-2) * -1);
}
.after\:inset-y-0:after {
  content: var(--tw-content);
  top: var(--spotter-spacing-0);
  bottom: var(--spotter-spacing-0);
}
.after\:bottom-\[--padding\]:after {
  content: var(--tw-content);
  bottom: var(--padding);
}
.after\:left-0:after {
  content: var(--tw-content);
  left: var(--spotter-spacing-0);
}
.after\:left-1\/2:after {
  content: var(--tw-content);
  left: 50%;
}
.after\:right-0:after {
  content: var(--tw-content);
  right: var(--spotter-spacing-0);
}
.after\:right-\[--padding\]:after {
  content: var(--tw-content);
  right: var(--padding);
}
.after\:top-0:after {
  content: var(--tw-content);
  top: var(--spotter-spacing-0);
}
.after\:top-full:after {
  content: var(--tw-content);
  top: 100%;
}
.after\:hidden:after {
  content: var(--tw-content);
  display: none;
}
.after\:h-8:after {
  content: var(--tw-content);
  height: var(--spotter-spacing-8);
}
.after\:h-\[1px\]:after {
  content: var(--tw-content);
  height: 1px;
}
.after\:h-full:after {
  content: var(--tw-content);
  height: 100%;
}
.after\:h-px:after {
  content: var(--tw-content);
  height: var(--spotter-spacing-px);
}
.after\:w-\[2px\]:after {
  content: var(--tw-content);
  width: 2px;
}
.after\:w-full:after {
  content: var(--tw-content);
  width: 100%;
}
.after\:w-px:after {
  content: var(--tw-content);
  width: var(--spotter-spacing-px);
}
.after\:border-l:after {
  content: var(--tw-content);
  border-left-width: 1px;
}
.after\:border-t:after {
  content: var(--tw-content);
  border-top-width: 1px;
}
.after\:border-dashed:after {
  content: var(--tw-content);
  border-style: dashed;
}
.after\:border-subtle:after {
  content: var(--tw-content);
  border-color: var(--spotter-border-subtle);
}
.after\:bg-\[--color\]:after {
  content: var(--tw-content);
  background-color: var(--color);
}
.after\:bg-gray-400:after {
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgb(156 163 175 / var(--tw-bg-opacity));
}
.after\:shadow-\[1px_0px_0px_0px_\#E1E2E3\2c
  inset_1px_0px_0px_0px_\#E1E2E3\]:after {
  content: var(--tw-content);
  --tw-shadow: 1px 0px 0px 0px #e1e2e3, inset 1px 0px 0px 0px #e1e2e3;
  --tw-shadow-colored: 1px 0px 0px 0px var(--tw-shadow-color),
    inset 1px 0px 0px 0px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.first\:mt-0:first-child {
  margin-top: var(--spotter-spacing-0);
}
.last\:mr-\[75vw\]:last-child {
  margin-right: 75vw;
}
.last\:border-none:last-child {
  border-style: none;
}
.first-of-type\:rounded-t-\[inherit\]:first-of-type {
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
}
.last-of-type\:rounded-b-\[inherit\]:last-of-type {
  border-bottom-right-radius: inherit;
  border-bottom-left-radius: inherit;
}
.checked\:bg-darkerror:checked {
  background-color: var(--spotter-bg-dark-error);
}
.checked\:bg-gray-300:checked {
  --tw-bg-opacity: 1;
  background-color: rgb(209 213 219 / var(--tw-bg-opacity));
}
.checked\:bg-gray-800:checked {
  --tw-bg-opacity: 1;
  background-color: rgb(31 41 55 / var(--tw-bg-opacity));
}
.focus-within\:relative:focus-within {
  position: relative;
}
.focus-within\:z-20:focus-within {
  z-index: 20;
}
.focus\:border-primary-500:focus {
  --tw-border-opacity: 1;
  border-color: rgb(26 26 26 / var(--tw-border-opacity));
}
.focus\:bg-default:focus {
  background-color: var(--spotter-bg, #fff);
}
.focus\:bg-gray-200:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(229 231 235 / var(--tw-bg-opacity));
}
.focus\:bg-subtle:focus {
  background-color: var(--spotter-bg-subtle);
}
.focus\:shadow-none:focus {
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.focus\:outline-none:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.focus\:ring-0:focus {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0
    var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0
    calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
}
.focus\:ring-0:focus,
.focus\:ring-1:focus {
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
    var(--tw-shadow, 0 0 #0000);
}
.focus\:ring-1:focus {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0
    var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0
    calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
}
.focus\:ring-2:focus {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0
    var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0
    calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
    var(--tw-shadow, 0 0 #0000);
}
.focus\:ring-inset:focus {
  --tw-ring-inset: inset;
}
.focus\:ring-black:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(17 17 17 / var(--tw-ring-opacity));
}
.focus\:ring-brand-800:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(10 14 23 / var(--tw-ring-opacity));
}
.focus\:ring-brand-default:focus {
  --tw-ring-color: var(--spotter-brand, #111827);
}
.focus\:ring-emphasis:focus {
  --tw-ring-color: var(--spotter-bg-emphasis);
}
.focus\:ring-gray-500:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(107 114 128 / var(--tw-ring-opacity));
}
.focus\:ring-gray-900:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(17 24 39 / var(--tw-ring-opacity));
}
.focus\:ring-neutral-900:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(41 41 41 / var(--tw-ring-opacity));
}
.focus\:ring-primary-500:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(26 26 26 / var(--tw-ring-opacity));
}
.focus\:ring-white:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(255 255 255 / var(--tw-ring-opacity));
}
.focus\:ring-offset-0:focus {
  --tw-ring-offset-width: 0px;
}
.focus\:ring-offset-2:focus {
  --tw-ring-offset-width: 2px;
}
.focus-visible\:border-gray-200:focus-visible {
  --tw-border-opacity: 1;
  border-color: rgb(229 231 235 / var(--tw-border-opacity));
}
.focus-visible\:border-subtle:focus-visible {
  border-color: var(--spotter-border-subtle);
}
.focus-visible\:bg-black\/10:focus-visible {
  background-color: hsla(0, 0%, 7%, 0.1);
}
.focus-visible\:bg-error:focus-visible {
  background-color: var(--spotter-bg-error);
}
.focus-visible\:bg-gray-100:focus-visible {
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity));
}
.focus-visible\:bg-neutral-300:focus-visible {
  --tw-bg-opacity: 1;
  background-color: rgb(207 207 207 / var(--tw-bg-opacity));
}
.focus-visible\:bg-subtle:focus-visible {
  background-color: var(--spotter-bg-subtle);
}
.focus-visible\:opacity-100:focus-visible {
  opacity: 1;
}
.focus-visible\:outline-none:focus-visible {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.focus-visible\:ring-0:focus-visible {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0
    var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0
    calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
    var(--tw-shadow, 0 0 #0000);
}
.focus-visible\:ring-1:focus-visible {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0
    var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0
    calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
    var(--tw-shadow, 0 0 #0000);
}
.focus-visible\:ring-2:focus-visible {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0
    var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0
    calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
    var(--tw-shadow, 0 0 #0000);
}
.focus-visible\:ring-black:focus-visible {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(17 17 17 / var(--tw-ring-opacity));
}
.focus-visible\:ring-neutral-500:focus-visible {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(136 136 136 / var(--tw-ring-opacity));
}
.focus-visible\:ring-neutral-900:focus-visible {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(41 41 41 / var(--tw-ring-opacity));
}
.focus-visible\:ring-offset-1:focus-visible {
  --tw-ring-offset-width: 1px;
}
.focus-visible\:ring-offset-2:focus-visible {
  --tw-ring-offset-width: 2px;
}
.disabled\:pointer-events-none:disabled {
  pointer-events: none;
}
.disabled\:cursor-not-allowed:disabled {
  cursor: not-allowed;
}
.disabled\:bg-subtle:disabled {
  background-color: var(--spotter-bg-subtle);
}
.disabled\:opacity-30:disabled {
  opacity: 0.3;
}
.disabled\:opacity-50:disabled {
  opacity: 0.5;
}
.disabled\:opacity-70:disabled {
  opacity: 0.7;
}
.group:last-child .group-last\:before\:h-\[calc\(100\%\+20px\)\]:before {
  content: var(--tw-content);
  height: calc(100% + 20px);
}
.group:last-child .group-last\:before\:rounded-b-2xl:before {
  content: var(--tw-content);
  border-bottom-right-radius: var(--spotter-radius-2xl);
  border-bottom-left-radius: var(--spotter-radius-2xl);
}
.group:last-child .group-last\:before\:border-b:before {
  content: var(--tw-content);
  border-bottom-width: 1px;
}
.group:last-child
  .group-last\:before\:shadow-\[0px_4px_8px_0px_\#222A350D\]:before {
  content: var(--tw-content);
  --tw-shadow: 0px 4px 8px 0px #222a350d;
  --tw-shadow-colored: 0px 4px 8px 0px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.group\/menu-item:focus-within .group-focus-within\/menu-item\:opacity-100 {
  opacity: 1;
}
.group:hover .group-hover\:pointer-events-auto {
  pointer-events: auto;
}
.group:hover .group-hover\:h-2\/3 {
  height: 66.666667%;
}
.group:hover .group-hover\:translate-x-1 {
  --tw-translate-x: var(--spotter-spacing-1);
}
.group:hover .group-hover\:translate-x-1,
.group:hover .group-hover\:translate-x-\[3px\] {
  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));
}
.group:hover .group-hover\:translate-x-\[3px\] {
  --tw-translate-x: 3px;
}
.group:hover .group-hover\:translate-x-\[calc\(var\(--x\)\*5px\)\] {
  --tw-translate-x: calc(var(--x) * 5px);
}
.group:hover .group-hover\:translate-x-\[calc\(var\(--x\)\*5px\)\],
.group:hover .group-hover\:translate-y-\[calc\(var\(--y\)\*5px\)\] {
  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));
}
.group:hover .group-hover\:translate-y-\[calc\(var\(--y\)\*5px\)\] {
  --tw-translate-y: calc(var(--y) * 5px);
}
.group:hover .group-hover\:scale-100 {
  --tw-scale-x: 1;
  --tw-scale-y: 1;
}
.group:hover .group-hover\:-scale-y-100,
.group:hover .group-hover\:scale-100 {
  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));
}
.group:hover .group-hover\:-scale-y-100 {
  --tw-scale-y: -1;
}
.group:hover .group-hover\:text-black {
  --tw-text-opacity: 1;
  color: rgb(17 17 17 / var(--tw-text-opacity));
}
.group:hover .group-hover\:text-default {
  color: var(--spotter-text);
}
.group:hover .group-hover\:text-emphasis {
  color: var(--spotter-text-emphasis);
}
.group:hover .group-hover\:text-gray-900 {
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / var(--tw-text-opacity));
}
.group\/menu-item:hover .group-hover\/menu-item\:opacity-100 {
  opacity: 1;
}
.group:hover .group-hover\:opacity-0 {
  opacity: 0;
}
.group:hover .group-hover\:opacity-100 {
  opacity: 1;
}
.group:hover .group-hover\:grayscale-0 {
  --tw-grayscale: grayscale(0);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast)
    var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate)
    var(--tw-sepia) var(--tw-drop-shadow);
}
.group\/link:hover .group-hover\/link\:before\:scale-90:before {
  content: var(--tw-content);
  --tw-scale-x: 0.9;
  --tw-scale-y: 0.9;
  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));
}
.group:focus-visible .group-focus-visible\:pointer-events-auto {
  pointer-events: auto;
}
.group:focus-visible .group-focus-visible\:translate-x-1 {
  --tw-translate-x: var(--spotter-spacing-1);
  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));
}
.group:focus-visible .group-focus-visible\:scale-100 {
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  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));
}
.group:focus-visible .group-focus-visible\:opacity-0 {
  opacity: 0;
}
.group:focus-visible .group-focus-visible\:opacity-100 {
  opacity: 1;
}
.group\/link:focus-visible .group-focus-visible\/link\:before\:scale-90:before {
  content: var(--tw-content);
  --tw-scale-x: 0.9;
  --tw-scale-y: 0.9;
  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));
}
.group:active .group-active\:translate-y-\[0\.5px\] {
  --tw-translate-y: 0.5px;
  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));
}
.peer:disabled ~ .peer-disabled\:cursor-not-allowed {
  cursor: not-allowed;
}
.peer:disabled ~ .peer-disabled\:opacity-50 {
  opacity: 0.5;
}
.peer:disabled ~ .peer-disabled\:opacity-70 {
  opacity: 0.7;
}
.aria-checked\:bg-emphasis[aria-checked="true"] {
  background-color: var(--spotter-bg-emphasis);
}
.aria-disabled\:pointer-events-none[aria-disabled="true"] {
  pointer-events: none;
}
.aria-disabled\:opacity-50[aria-disabled="true"] {
  opacity: 0.5;
}
.aria-selected\:bg-emphasis[aria-selected="true"] {
  background-color: var(--spotter-bg-emphasis);
}
.aria-selected\:text-emphasis[aria-selected="true"] {
  color: var(--spotter-text-emphasis);
}
.aria-selected\:opacity-100[aria-selected="true"] {
  opacity: 1;
}
.group[aria-selected="true"] .group-aria-selected\:bg-neutral-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(248 248 248 / var(--tw-bg-opacity));
}
.group[aria-selected="true"] .group-aria-selected\:opacity-100 {
  opacity: 1;
}
.data-\[disabled\]\:pointer-events-none[data-disabled] {
  pointer-events: none;
}
.data-\[state\=checked\]\:translate-x-3[data-state="checked"] {
  --tw-translate-x: var(--spotter-spacing-3);
}
.data-\[state\=checked\]\:translate-x-3[data-state="checked"],
.data-\[state\=checked\]\:translate-x-5[data-state="checked"] {
  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));
}
.data-\[state\=checked\]\:translate-x-5[data-state="checked"] {
  --tw-translate-x: var(--spotter-spacing-5);
}
.data-\[state\=unchecked\]\:translate-x-0[data-state="unchecked"] {
  --tw-translate-x: var(--spotter-spacing-0);
  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));
}
@keyframes accordion-up {
  0% {
    height: var(--radix-accordion-content-height);
  }
  to {
    height: 0;
  }
}
.data-\[state\=closed\]\:animate-accordion-up[data-state="closed"] {
  animation: accordion-up 0.2s ease-out;
}
@keyframes accordion-down {
  0% {
    height: 0;
  }
  to {
    height: var(--radix-accordion-content-height);
  }
}
.data-\[state\=open\]\:animate-accordion-down[data-state="open"] {
  animation: accordion-down 0.2s ease-out;
}
.data-\[state\=active\]\:border[data-state="active"] {
  border-width: 1px;
}
.data-\[state\=active\]\:border-gray-200[data-state="active"] {
  --tw-border-opacity: 1;
  border-color: rgb(229 231 235 / var(--tw-border-opacity));
}
.data-\[active\=true\]\:bg-\[\#e5e7eb\][data-active="true"] {
  --tw-bg-opacity: 1;
  background-color: rgb(229 231 235 / var(--tw-bg-opacity));
}
.data-\[state\=active\]\:bg-white[data-state="active"] {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.data-\[state\=checked\]\:bg-black[data-state="checked"] {
  --tw-bg-opacity: 1;
  background-color: rgb(17 17 17 / var(--tw-bg-opacity));
}
.data-\[state\=checked\]\:bg-brand-accent[data-state="checked"] {
  background-color: var(--spotter-brand-accent, #fff);
}
.data-\[state\=checked\]\:bg-brand-default[data-state="checked"] {
  background-color: var(--spotter-brand, #111827);
}
.data-\[state\=unchecked\]\:bg-emphasis[data-state="unchecked"] {
  background-color: var(--spotter-bg-emphasis);
}
.data-\[active\=true\]\:font-medium[data-active="true"] {
  font-weight: 500;
}
.data-\[active\=true\]\:text-black[data-active="true"] {
  --tw-text-opacity: 1;
  color: rgb(17 17 17 / var(--tw-text-opacity));
}
.data-\[state\=active\]\:text-\[\#242424\][data-state="active"] {
  --tw-text-opacity: 1;
  color: rgb(36 36 36 / var(--tw-text-opacity));
}
.data-\[state\=checked\]\:text-brand[data-state="checked"] {
  color: var(--spotter-brand-text);
}
.data-\[state\=checked\]\:text-white[data-state="checked"] {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.data-\[disabled\]\:opacity-50[data-disabled] {
  opacity: 0.5;
}
.data-\[state\=active\]\:opacity-100[data-state="active"],
.data-\[state\=open\]\:opacity-100[data-state="open"] {
  opacity: 1;
}
.data-\[state\=active\]\:shadow-sm[data-state="active"] {
  --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.data-\[state\=closed\]\:duration-300[data-state="closed"] {
  transition-duration: 0.3s;
}
.data-\[state\=open\]\:duration-500[data-state="open"] {
  transition-duration: 0.5s;
}
.group[data-collapsible="offcanvas"]
  .group-data-\[collapsible\=offcanvas\]\:left-\[calc\(var\(--sidebar-width\)\*-1\)\] {
  left: calc(var(--sidebar-width) * -1);
}
.group[data-collapsible="offcanvas"]
  .group-data-\[collapsible\=offcanvas\]\:right-\[calc\(var\(--sidebar-width\)\*-1\)\] {
  right: calc(var(--sidebar-width) * -1);
}
.group[data-side="left"] .group-data-\[side\=left\]\:-right-4 {
  right: calc(var(--spotter-spacing-4) * -1);
}
.group[data-side="right"] .group-data-\[side\=right\]\:left-0 {
  left: var(--spotter-spacing-0);
}
.group[data-collapsible="icon"] .group-data-\[collapsible\=icon\]\:-mt-8 {
  margin-top: calc(var(--spotter-spacing-8) * -1);
}
.group[data-collapsible="icon"] .group-data-\[collapsible\=icon\]\:hidden {
  display: none;
}
.group[data-collapsible="icon"]
  .group-data-\[collapsible\=icon\]\:w-\[--sidebar-width-icon\] {
  width: var(--sidebar-width-icon);
}
.group[data-collapsible="icon"]
  .group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)_\+_theme\(spacing\.4\)\)\] {
  width: calc(var(--sidebar-width-icon) + var(--spotter-spacing-4));
}
.group[data-collapsible="icon"]
  .group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)_\+_theme\(spacing\.4\)_\+2px\)\] {
  width: calc(var(--sidebar-width-icon) + var(--spotter-spacing-4) 2px);
}
.group[data-collapsible="offcanvas"]
  .group-data-\[collapsible\=offcanvas\]\:w-0 {
  width: var(--spotter-spacing-0);
}
.group[data-collapsible="offcanvas"]
  .group-data-\[collapsible\=offcanvas\]\:translate-x-0 {
  --tw-translate-x: var(--spotter-spacing-0);
}
.group[data-collapsible="offcanvas"]
  .group-data-\[collapsible\=offcanvas\]\:translate-x-0,
.group[data-side="right"] .group-data-\[side\=right\]\:rotate-180 {
  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));
}
.group[data-side="right"] .group-data-\[side\=right\]\:rotate-180 {
  --tw-rotate: 180deg;
}
.group[data-align-text="bottom"]
  .group-data-\[align-text\=\'bottom\'\]\:self-end,
.group[data-align-text="top"] .group-data-\[align-text\=\'top\'\]\:self-end {
  align-self: flex-end;
}
.group[data-collapsible="icon"]
  .group-data-\[collapsible\=icon\]\:overflow-hidden {
  overflow: hidden;
}
.group[data-variant="floating"] .group-data-\[variant\=floating\]\:rounded-lg {
  border-radius: var(--spotter-radius-lg);
}
.group[data-variant="floating"] .group-data-\[variant\=floating\]\:border {
  border-width: 1px;
}
.group[data-side="left"] .group-data-\[side\=left\]\:border-r {
  border-right-width: 1px;
}
.group[data-side="right"] .group-data-\[side\=right\]\:border-l {
  border-left-width: 1px;
}
.group[data-align-text="bottom"]
  .group-data-\[align-text\=\'bottom\'\]\:object-right-top {
  -o-object-position: right top;
  object-position: right top;
}
.group[data-collapsible="icon"] .group-data-\[collapsible\=icon\]\:\!p-0 {
  padding: var(--spotter-spacing-0) !important;
}
.group[data-collapsible="icon"] .group-data-\[collapsible\=icon\]\:\!p-2 {
  padding: var(--spotter-spacing-2) !important;
}
.group[data-collapsible="icon"] .group-data-\[collapsible\=icon\]\:opacity-0 {
  opacity: 0;
}
.group[data-variant="floating"] .group-data-\[variant\=floating\]\:shadow {
  --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color),
    0 1px 2px -1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.group[data-collapsible="offcanvas"]
  .group-data-\[collapsible\=offcanvas\]\:after\:left-full:after {
  content: var(--tw-content);
  left: 100%;
}
.peer\/menu-button[data-size="default"]
  ~ .peer-data-\[size\=default\]\/menu-button\:top-1\.5 {
  top: var(--spotter-spacing-1_5);
}
.peer\/menu-button[data-size="lg"]
  ~ .peer-data-\[size\=lg\]\/menu-button\:top-2\.5 {
  top: var(--spotter-spacing-2_5);
}
.peer\/menu-button[data-size="sm"]
  ~ .peer-data-\[size\=sm\]\/menu-button\:top-1 {
  top: var(--spotter-spacing-1);
}
.peer[data-variant="inset"]
  ~ .peer-data-\[variant\=inset\]\:min-h-\[calc\(100svh-theme\(spacing\.4\)\)\] {
  min-height: calc(100svh - var(--spotter-spacing-4));
}
.prose-h2\:text-white :is(:where(h2):not(:where([class~="not-prose"] *))) {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.prose-h3\:text-white :is(:where(h3):not(:where([class~="not-prose"] *))) {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.hover\:translate-y-\[-2px\]:hover {
  --tw-translate-y: -2px;
}
.hover\:-rotate-3:hover,
.hover\:translate-y-\[-2px\]:hover {
  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));
}
.hover\:-rotate-3:hover {
  --tw-rotate: -3deg;
}
.hover\:scale-105:hover {
  --tw-scale-x: 1.05;
  --tw-scale-y: 1.05;
}
.hover\:scale-105:hover,
.hover\:scale-125:hover {
  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));
}
.hover\:scale-125:hover {
  --tw-scale-x: 1.25;
  --tw-scale-y: 1.25;
}
.hover\:cursor-not-allowed:hover {
  cursor: not-allowed;
}
.hover\:cursor-pointer:hover {
  cursor: pointer;
}
.hover\:\!rounded-\[0\.75rem\]:hover {
  border-radius: 0.75rem !important;
}
.hover\:rounded-2xl:hover {
  border-radius: var(--spotter-radius-2xl);
}
.hover\:rounded-4xl:hover {
  border-radius: 32px;
}
.hover\:rounded-xl:hover {
  border-radius: var(--spotter-radius-xl);
}
.hover\:border:hover {
  border-width: 1px;
}
.hover\:border-default:hover {
  border-color: var(--spotter-border);
}
.hover\:border-emphasis:hover {
  border-color: var(--spotter-border-emphasis);
}
.hover\:border-error:hover {
  border-color: var(--spotter-border-error);
}
.hover\:border-gray-200:hover {
  --tw-border-opacity: 1;
  border-color: rgb(229 231 235 / var(--tw-border-opacity));
}
.hover\:border-primary-700:hover {
  --tw-border-opacity: 1;
  border-color: rgb(20 20 20 / var(--tw-border-opacity));
}
.hover\:\!bg-inverted:hover {
  background-color: var(--spotter-bg-inverted) !important;
}
.hover\:bg-\[\#1f1f1f\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(31 31 31 / var(--tw-bg-opacity));
}
.hover\:bg-\[\#2c2c30\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(44 44 48 / var(--tw-bg-opacity));
}
.hover\:bg-\[\#F2F2F3\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(242 242 243 / var(--tw-bg-opacity));
}
.hover\:bg-\[\#F3F3F4\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(243 243 244 / var(--tw-bg-opacity));
}
.hover\:bg-\[\#f5f5f5\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(245 245 245 / var(--tw-bg-opacity));
}
.hover\:bg-ai-500:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(23 22 50 / var(--tw-bg-opacity));
}
.hover\:bg-black\/10:hover {
  background-color: hsla(0, 0%, 7%, 0.1);
}
.hover\:bg-black\/5:hover {
  background-color: hsla(0, 0%, 7%, 0.05);
}
.hover\:bg-emphasis:hover {
  background-color: var(--spotter-bg-emphasis);
}
.hover\:bg-error:hover {
  background-color: var(--spotter-bg-error);
}
.hover\:bg-gray-100:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity));
}
.hover\:bg-gray-200:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(229 231 235 / var(--tw-bg-opacity));
}
.hover\:bg-gray-300:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(209 213 219 / var(--tw-bg-opacity));
}
.hover\:bg-gray-300\/10:hover {
  background-color: rgba(209, 213, 219, 0.1);
}
.hover\:bg-gray-400:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(156 163 175 / var(--tw-bg-opacity));
}
.hover\:bg-gray-50:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity));
}
.hover\:bg-gray-800:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(31 41 55 / var(--tw-bg-opacity));
}
.hover\:bg-gray-900:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(17 24 39 / var(--tw-bg-opacity));
}
.hover\:bg-inverted:hover {
  background-color: var(--spotter-bg-inverted);
}
.hover\:bg-muted:hover {
  background-color: var(--spotter-bg-muted);
}
.hover\:bg-neutral-100:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(245 245 245 / var(--tw-bg-opacity));
}
.hover\:bg-neutral-200:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(225 225 225 / var(--tw-bg-opacity));
}
.hover\:bg-neutral-600:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(73 73 73 / var(--tw-bg-opacity));
}
.hover\:bg-neutral-700:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(62 62 62 / var(--tw-bg-opacity));
}
.hover\:bg-neutral-800:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(49 49 49 / var(--tw-bg-opacity));
}
.hover\:bg-subtle:hover {
  background-color: var(--spotter-bg-subtle);
}
.hover\:bg-white\/10:hover {
  background-color: hsla(0, 0%, 100%, 0.1);
}
.hover\:bg-white\/90:hover {
  background-color: hsla(0, 0%, 100%, 0.9);
}
.hover\:font-medium:hover {
  font-weight: 500;
}
.hover\:\!text-inverted:hover {
  color: var(--spotter-text-inverted) !important;
}
.hover\:text-black:hover {
  --tw-text-opacity: 1;
  color: rgb(17 17 17 / var(--tw-text-opacity));
}
.hover\:text-default:hover {
  color: var(--spotter-text);
}
.hover\:text-emphasis:hover {
  color: var(--spotter-text-emphasis);
}
.hover\:text-gray-900:hover {
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / var(--tw-text-opacity));
}
.hover\:text-neutral-500:hover {
  --tw-text-opacity: 1;
  color: rgb(136 136 136 / var(--tw-text-opacity));
}
.hover\:text-white:hover {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.hover\:underline:hover {
  text-decoration-line: underline;
}
.hover\:opacity-100:hover {
  opacity: 1;
}
.hover\:opacity-50:hover {
  opacity: 0.5;
}
.hover\:opacity-70:hover {
  opacity: 0.7;
}
.hover\:opacity-80:hover {
  opacity: 0.8;
}
.hover\:opacity-90:hover {
  opacity: 0.9;
}
.hover\:\!shadow-\[inset_0px_-2\.13918px_12\.3003px_2\.67398px_rgba\(255\2c
  255\2c
  255\2c
  0\.03\)\]:hover {
  --tw-shadow: inset 0px -2.13918px 12.3003px 2.67398px hsla(0, 0%, 100%, 0.03) !important;
  --tw-shadow-colored: inset 0px -2.13918px 12.3003px 2.67398px var(--tw-shadow-color) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}
.hover\:shadow:hover {
  --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color),
    0 1px 2px -1px var(--tw-shadow-color);
}
.hover\:shadow-\[0_0_0_1px_hsl\(var\(--sidebar-accent\)\)\]:hover,
.hover\:shadow:hover {
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.hover\:shadow-\[0_0_0_1px_hsl\(var\(--sidebar-accent\)\)\]:hover {
  --tw-shadow: 0 0 0 1px hsl(var(--sidebar-accent));
  --tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color);
}
.hover\:shadow-input-grow:hover {
  --tw-shadow: 0px 6px 0px #141414;
  --tw-shadow-colored: 0px 6px 0px var(--tw-shadow-color);
}
.hover\:shadow-input-grow-white:hover,
.hover\:shadow-input-grow:hover {
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.hover\:shadow-input-grow-white:hover {
  --tw-shadow: 0px 6px 0px #e8e8e8;
  --tw-shadow-colored: 0px 6px 0px var(--tw-shadow-color);
}
.hover\:shadow-md:hover {
  --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1),
    0 2px 4px -2px rgba(0, 0, 0, 0.1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color),
    0 2px 4px -2px var(--tw-shadow-color);
}
.hover\:shadow-md:hover,
.hover\:shadow-none:hover {
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.hover\:shadow-none:hover {
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
}
.hover\:shadow-sm:hover {
  --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.hover\:brightness-\[\.98\]:hover {
  --tw-brightness: brightness(0.98);
}
.hover\:brightness-\[\.98\]:hover,
.hover\:grayscale-0:hover {
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast)
    var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate)
    var(--tw-sepia) var(--tw-drop-shadow);
}
.hover\:grayscale-0:hover {
  --tw-grayscale: grayscale(0);
}
.hover\:invert:hover {
  --tw-invert: invert(100%);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast)
    var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate)
    var(--tw-sepia) var(--tw-drop-shadow);
}
.hover\:backdrop-blur-\[6px\]:hover {
  --tw-backdrop-blur: blur(6px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness)
    var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale)
    var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert)
    var(--tw-backdrop-opacity) var(--tw-backdrop-saturate)
    var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness)
    var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale)
    var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert)
    var(--tw-backdrop-opacity) var(--tw-backdrop-saturate)
    var(--tw-backdrop-sepia);
}
.checked\:hover\:border-error:hover:checked {
  border-color: var(--spotter-border-error);
}
.checked\:hover\:bg-darkerror:hover:checked {
  background-color: var(--spotter-bg-dark-error);
}
.checked\:hover\:bg-gray-600:hover:checked {
  --tw-bg-opacity: 1;
  background-color: rgb(75 85 99 / var(--tw-bg-opacity));
}
.hover\:checked\:bg-gray-300:checked:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(209 213 219 / var(--tw-bg-opacity));
}
.disabled\:hover\:cursor-not-allowed:hover:disabled {
  cursor: not-allowed;
}
.disabled\:hover\:border-default:hover:disabled {
  border-color: var(--spotter-border);
}
.disabled\:hover\:border-subtle:hover:disabled {
  border-color: var(--spotter-border-subtle);
}
.active\:translate-y-\[2px\]:active {
  --tw-translate-y: 2px;
  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));
}
.active\:bg-default:active {
  background-color: var(--spotter-bg, #fff);
}
.active\:shadow-input-shrink:active {
  --tw-shadow: 0px 2px 0px #141414;
  --tw-shadow-colored: 0px 2px 0px var(--tw-shadow-color);
}
.active\:shadow-input-shrink-white:active,
.active\:shadow-input-shrink:active {
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.active\:shadow-input-shrink-white:active {
  --tw-shadow: 0px 2px 0px #e8e8e8;
  --tw-shadow-colored: 0px 2px 0px var(--tw-shadow-color);
}
.active\:duration-100:active {
  transition-duration: 0.1s;
}
.radix-state-open\:rotate-45[data-state="open"] {
  --tw-rotate: 45deg;
  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));
}
.radix-state-open\:text-black[data-state="open"] {
  --tw-text-opacity: 1;
  color: rgb(17 17 17 / var(--tw-text-opacity));
}
.radix-state-open\:text-white[data-state="open"] {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.radix-state-open\:opacity-70[data-state="open"] {
  opacity: 0.7;
}
.radix-state-open\:ring-0[data-state="open"] {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0
    var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0
    calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
    var(--tw-shadow, 0 0 #0000);
}
.enabled\:hover\:border-emphasis:hover:not(:disabled) {
  border-color: var(--spotter-border-emphasis);
}
.enabled\:hover\:border-subtle:hover:not(:disabled) {
  border-color: var(--spotter-border-subtle);
}
.enabled\:hover\:bg-muted:hover:not(:disabled) {
  background-color: var(--spotter-bg-muted);
}
.enabled\:hover\:bg-subtle:hover:not(:disabled) {
  background-color: var(--spotter-bg-subtle);
}
.enabled\:hover\:text-emphasis:hover:not(:disabled) {
  color: var(--spotter-text-emphasis);
}
:is([dir="ltr"] .ltr\:right-2) {
  right: var(--spotter-spacing-2);
}
:is([dir="ltr"] .ltr\:ml-3) {
  margin-left: var(--spotter-spacing-3);
}
:is([dir="ltr"] .ltr\:ml-auto) {
  margin-left: auto;
}
:is([dir="ltr"] .ltr\:mr-2) {
  margin-right: var(--spotter-spacing-2);
}
:is([dir="ltr"] .ltr\:rounded-l-md) {
  border-top-left-radius: var(--spotter-radius-md);
  border-bottom-left-radius: var(--spotter-radius-md);
}
:is([dir="ltr"] .ltr\:rounded-r-md) {
  border-top-right-radius: var(--spotter-radius-md);
  border-bottom-right-radius: var(--spotter-radius-md);
}
:is([dir="ltr"] .ltr\:border-r-0) {
  border-right-width: 0;
}
:is([dir="ltr"] .ltr\:pr-10) {
  padding-right: var(--spotter-spacing-10);
}
:is([dir="rtl"] .rtl\:relative) {
  position: relative;
}
:is([dir="rtl"] .rtl\:-left-\[30rem\]) {
  left: -30rem;
}
:is([dir="rtl"] .rtl\:left-2) {
  left: var(--spotter-spacing-2);
}
:is([dir="rtl"] .rtl\:right-\[65\%\]) {
  right: 65%;
}
:is([dir="rtl"] .rtl\:right-\[72\%\]) {
  right: 72%;
}
:is([dir="rtl"] .rtl\:top-3) {
  top: var(--spotter-spacing-3);
}
:is([dir="rtl"] .rtl\:ml-2) {
  margin-left: var(--spotter-spacing-2);
}
:is([dir="rtl"] .rtl\:mr-3) {
  margin-right: var(--spotter-spacing-3);
}
:is([dir="rtl"] .rtl\:flex-row-reverse) {
  flex-direction: row-reverse;
}
:is([dir="rtl"] .rtl\:space-x-reverse) > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 1;
}
:is([dir="rtl"] .rtl\:rounded-l-md) {
  border-top-left-radius: var(--spotter-radius-md);
  border-bottom-left-radius: var(--spotter-radius-md);
}
:is([dir="rtl"] .rtl\:rounded-r-md) {
  border-top-right-radius: var(--spotter-radius-md);
  border-bottom-right-radius: var(--spotter-radius-md);
}
:is([dir="rtl"] .rtl\:border-l-0) {
  border-left-width: 0;
}
:is([dir="rtl"] .rtl\:pl-10) {
  padding-left: var(--spotter-spacing-10);
}
:is(.dark .dark\:inline) {
  display: inline;
}
:is(.dark .dark\:hidden) {
  display: none;
}
:is(.dark .dark\:divide-gray-900) > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(17 24 39 / var(--tw-divide-opacity));
}
:is(.dark .dark\:border-gray-800) {
  --tw-border-opacity: 1;
  border-color: rgb(31 41 55 / var(--tw-border-opacity));
}
:is(.dark .dark\:bg-\[\#000000\]) {
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
}
:is(.dark .dark\:bg-\[transparent\]) {
  background-color: transparent;
}
:is(.dark .dark\:bg-darkmodebrand) {
  background-color: var(--brand-color-dark-mode);
}
:is(.dark .dark\:bg-white) {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
:is(.dark .dark\:bg-white\/5) {
  background-color: hsla(0, 0%, 100%, 0.05);
}
:is(.dark .dark\:font-mono) {
  font-family: Roboto Mono, monospace;
}
:is(.dark .dark\:\!text-white) {
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
}
:is(.dark .dark\:text-black) {
  --tw-text-opacity: 1;
  color: rgb(17 17 17 / var(--tw-text-opacity));
}
:is(.dark .dark\:text-darkmodebrandcontrast) {
  color: var(--brand-text-color-dark-mode);
}
:is(.dark .dark\:text-gray-400) {
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / var(--tw-text-opacity));
}
:is(.dark .dark\:text-muted) {
  color: var(--spotter-text-muted);
}
:is(.dark .dark\:text-white) {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
:is(.dark .dark\:invert) {
  --tw-invert: invert(100%);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast)
    var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate)
    var(--tw-sepia) var(--tw-drop-shadow);
}
:is(
    .dark
      .dark\:data-\[state\=checked\]\:bg-brand-emphasis[data-state="checked"]
  ) {
  background-color: var(--spotter-brand-emphasis, #101010);
}
:is(.dark .dark\:hover\:bg-gray-900:hover) {
  --tw-bg-opacity: 1;
  background-color: rgb(17 24 39 / var(--tw-bg-opacity));
}
@media print {
  .print\:hidden {
    display: none;
  }
  .print\:w-full {
    width: 100%;
  }
}
@media (max-width: 1440px) {
  .max-\[1440px\]\:bg-\[url\(\/atoms\/hero-bg-1440max\.webp\)\] {
    background-image: url(/atoms/hero-bg-1440max.webp);
  }
}
@media not all and (min-width: 1024px) {
  .max-lg\:col-span-2 {
    grid-column: span 2 / span 2;
  }
  .max-lg\:justify-center {
    justify-content: center;
  }
}
@media not all and (min-width: 768px) {
  .max-md\:absolute {
    position: absolute;
  }
  .max-md\:bottom-0 {
    bottom: var(--spotter-spacing-0);
  }
  .max-md\:left-1\/2 {
    left: 50%;
  }
  .max-md\:right-1\/4 {
    right: 25%;
  }
  .max-md\:col-span-1 {
    grid-column: span 1 / span 1;
  }
  .max-md\:mb-\[--mb-mobile\] {
    margin-bottom: var(--mb-mobile);
  }
  .max-md\:ml-0 {
    margin-left: var(--spotter-spacing-0);
  }
  .max-md\:mt-10 {
    margin-top: var(--spotter-spacing-10);
  }
  .max-md\:hidden {
    display: none;
  }
  .max-md\:h-\[400px\] {
    height: 400px;
  }
  .max-md\:w-6 {
    width: var(--spotter-spacing-6);
  }
  .max-md\:w-full {
    width: 100%;
  }
  .max-md\:max-w-full {
    max-width: 100%;
  }
  .max-md\:translate-x-\[calc\(var\(--x-mobile\)\*1px\)\] {
    --tw-translate-x: calc(var(--x-mobile) * 1px);
  }
  .max-md\:translate-x-\[calc\(var\(--x-mobile\)\*1px\)\],
  .max-md\:translate-y-\[calc\(var\(--y-mobile\)\*1px\)\] {
    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));
  }
  .max-md\:translate-y-\[calc\(var\(--y-mobile\)\*1px\)\] {
    --tw-translate-y: calc(var(--y-mobile) * 1px);
  }
  .max-md\:flex-col {
    flex-direction: column;
  }
  .max-md\:items-stretch {
    align-items: stretch;
  }
  .max-md\:gap-0 {
    gap: var(--spotter-spacing-0);
  }
  .max-md\:overflow-x-auto {
    overflow-x: auto;
  }
  .max-md\:px-5 {
    padding-left: var(--spotter-spacing-5);
    padding-right: var(--spotter-spacing-5);
  }
  .max-md\:pl-3 {
    padding-left: var(--spotter-spacing-3);
  }
  .max-md\:pr-6 {
    padding-right: var(--spotter-spacing-6);
  }
  .max-md\:opacity-\[--opacity-mobile\] {
    opacity: var(--opacity-mobile);
  }
  .max-md\:transition-transform {
    transition-property: transform;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 0.15s;
  }
  .max-md\:duration-700 {
    transition-duration: 0.7s;
  }
  .max-md\:\[--mask-distance\:100px\] {
    --mask-distance: 100px;
  }
}
@media not all and (min-width: 640px) {
  .max-sm\:col-span-2 {
    grid-column: span 2 / span 2;
  }
  .max-sm\:row-start-2 {
    grid-row-start: 2;
  }
}
@media (min-width: 640px) {
  .sm\:order-3 {
    order: 3;
  }
  .sm\:mx-0 {
    margin-left: var(--spotter-spacing-0);
    margin-right: var(--spotter-spacing-0);
  }
  .sm\:mx-20 {
    margin-left: var(--spotter-spacing-20);
    margin-right: var(--spotter-spacing-20);
  }
  .sm\:mx-8 {
    margin-left: var(--spotter-spacing-8);
    margin-right: var(--spotter-spacing-8);
  }
  .sm\:mx-auto {
    margin-left: auto;
    margin-right: auto;
  }
  .sm\:mb-0 {
    margin-bottom: var(--spotter-spacing-0);
  }
  .sm\:ml-3 {
    margin-left: var(--spotter-spacing-3);
  }
  .sm\:ml-5 {
    margin-left: var(--spotter-spacing-5);
  }
  .sm\:ml-6 {
    margin-left: var(--spotter-spacing-6);
  }
  .sm\:mt-0 {
    margin-top: var(--spotter-spacing-0);
  }
  .sm\:mt-24 {
    margin-top: var(--spotter-spacing-24);
  }
  .sm\:block {
    display: block;
  }
  .sm\:inline-block {
    display: inline-block;
  }
  .sm\:inline {
    display: inline;
  }
  .sm\:flex {
    display: flex;
  }
  .sm\:grid {
    display: grid;
  }
  .sm\:hidden {
    display: none;
  }
  .sm\:h-6 {
    height: var(--spotter-spacing-6);
  }
  .sm\:h-64 {
    height: var(--spotter-spacing-64);
  }
  .sm\:h-8 {
    height: var(--spotter-spacing-8);
  }
  .sm\:min-h-\[600px\] {
    min-height: 600px;
  }
  .sm\:min-h-\[620px\] {
    min-height: 620px;
  }
  .sm\:w-14 {
    width: var(--spotter-spacing-14);
  }
  .sm\:w-24 {
    width: var(--spotter-spacing-24);
  }
  .sm\:w-28 {
    width: var(--spotter-spacing-28);
  }
  .sm\:w-auto {
    width: auto;
  }
  .sm\:w-full {
    width: 100%;
  }
  .sm\:max-w-md {
    max-width: 28rem;
  }
  .sm\:max-w-sm {
    max-width: 24rem;
  }
  .sm\:max-w-xl {
    max-width: 36rem;
  }
  .sm\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .sm\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .sm\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .sm\:grid-cols-\[40px_minmax\(0\2c 1fr\)_auto\] {
    grid-template-columns: 40px minmax(0, 1fr) auto;
  }
  .sm\:grid-cols-\[minmax\(0\2c 1fr\)_minmax\(0\2c 1fr\)\] {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }
  .sm\:grid-cols-\[minmax\(0\2c 1fr\)_minmax\(0\2c 2fr\)\] {
    grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
  }
  .sm\:flex-row {
    flex-direction: row;
  }
  .sm\:flex-col {
    flex-direction: column;
  }
  .sm\:justify-end {
    justify-content: flex-end;
  }
  .sm\:justify-center {
    justify-content: center;
  }
  .sm\:gap-12 {
    gap: var(--spotter-spacing-12);
  }
  .sm\:gap-3 {
    gap: var(--spotter-spacing-3);
  }
  .sm\:gap-x-4 {
    -moz-column-gap: var(--spotter-spacing-4);
    column-gap: var(--spotter-spacing-4);
  }
  .sm\:space-x-2 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(var(--spotter-spacing-2) * var(--tw-space-x-reverse));
    margin-left: calc(
      var(--spotter-spacing-2) * calc(1 - var(--tw-space-x-reverse))
    );
  }
  .sm\:space-x-4 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(var(--spotter-spacing-4) * var(--tw-space-x-reverse));
    margin-left: calc(
      var(--spotter-spacing-4) * calc(1 - var(--tw-space-x-reverse))
    );
  }
  .sm\:space-y-0 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(
      var(--spotter-spacing-0) * calc(1 - var(--tw-space-y-reverse))
    );
    margin-bottom: calc(var(--spotter-spacing-0) * var(--tw-space-y-reverse));
  }
  .sm\:space-y-12 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(
      var(--spotter-spacing-12) * calc(1 - var(--tw-space-y-reverse))
    );
    margin-bottom: calc(var(--spotter-spacing-12) * var(--tw-space-y-reverse));
  }
  .sm\:space-y-4 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(
      var(--spotter-spacing-4) * calc(1 - var(--tw-space-y-reverse))
    );
    margin-bottom: calc(var(--spotter-spacing-4) * var(--tw-space-y-reverse));
  }
  .sm\:overflow-hidden {
    overflow: hidden;
  }
  .sm\:rounded-md {
    border-radius: var(--spotter-radius-md);
  }
  .sm\:rounded-xl {
    border-radius: var(--spotter-radius-xl);
  }
  .sm\:border-l {
    border-left-width: 1px;
  }
  .sm\:border-r {
    border-right-width: 1px;
  }
  .sm\:p-3 {
    padding: var(--spotter-spacing-3);
  }
  .sm\:p-6 {
    padding: var(--spotter-spacing-6);
  }
  .sm\:px-10 {
    padding-left: var(--spotter-spacing-10);
    padding-right: var(--spotter-spacing-10);
  }
  .sm\:px-14 {
    padding-left: var(--spotter-spacing-14);
    padding-right: var(--spotter-spacing-14);
  }
  .sm\:px-6 {
    padding-left: var(--spotter-spacing-6);
    padding-right: var(--spotter-spacing-6);
  }
  .sm\:py-16 {
    padding-top: var(--spotter-spacing-16);
    padding-bottom: var(--spotter-spacing-16);
  }
  .sm\:py-24 {
    padding-top: var(--spotter-spacing-24);
    padding-bottom: var(--spotter-spacing-24);
  }
  .sm\:py-3 {
    padding-top: var(--spotter-spacing-3);
    padding-bottom: var(--spotter-spacing-3);
  }
  .sm\:py-32 {
    padding-top: var(--spotter-spacing-32);
    padding-bottom: var(--spotter-spacing-32);
  }
  .sm\:pb-40 {
    padding-bottom: var(--spotter-spacing-40);
  }
  .sm\:pb-5 {
    padding-bottom: var(--spotter-spacing-5);
  }
  .sm\:pl-4 {
    padding-left: var(--spotter-spacing-4);
  }
  .sm\:pr-3 {
    padding-right: var(--spotter-spacing-3);
  }
  .sm\:pr-3\.5 {
    padding-right: var(--spotter-spacing-3_5);
  }
  .sm\:text-left {
    text-align: left;
  }
  .sm\:text-2xl {
    font-size: 1.4rem;
    line-height: 2rem;
  }
  .sm\:text-4xl {
    font-size: 2.25rem;
    line-height: 2.5rem;
  }
  .sm\:text-5xl {
    font-size: 3rem;
    line-height: 1;
  }
  .sm\:text-\[13px\] {
    font-size: 13px;
  }
  .sm\:text-sm {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
  .sm\:text-xs {
    font-size: 0.75rem;
  }
  .sm\:leading-4,
  .sm\:text-xs {
    line-height: 1rem;
  }
  .sm\:leading-6 {
    line-height: 1.5rem;
  }
}
@media (min-width: 768px) {
  .md\:visible {
    visibility: visible;
  }
  .md\:absolute {
    position: absolute;
  }
  .md\:inset-0 {
    inset: var(--spotter-spacing-0);
  }
  .md\:-bottom-12 {
    bottom: calc(var(--spotter-spacing-12) * -1);
  }
  .md\:-bottom-14 {
    bottom: calc(var(--spotter-spacing-14) * -1);
  }
  .md\:-right-44 {
    right: calc(var(--spotter-spacing-44) * -1);
  }
  .md\:-right-6 {
    right: calc(var(--spotter-spacing-6) * -1);
  }
  .md\:left-0 {
    left: var(--spotter-spacing-0);
  }
  .md\:left-1\/2 {
    left: 50%;
  }
  .md\:left-44 {
    left: var(--spotter-spacing-44);
  }
  .md\:left-auto {
    left: auto;
  }
  .md\:right-10 {
    right: var(--spotter-spacing-10);
  }
  .md\:top-0 {
    top: var(--spotter-spacing-0);
  }
  .md\:top-16 {
    top: var(--spotter-spacing-16);
  }
  .md\:top-20 {
    top: var(--spotter-spacing-20);
  }
  .md\:top-24 {
    top: var(--spotter-spacing-24);
  }
  .md\:top-3 {
    top: var(--spotter-spacing-3);
  }
  .md\:top-4 {
    top: var(--spotter-spacing-4);
  }
  .md\:z-30 {
    z-index: 30;
  }
  .md\:order-first {
    order: -9999;
  }
  .md\:col-auto {
    grid-column: auto;
  }
  .md\:col-span-2 {
    grid-column: span 2 / span 2;
  }
  .md\:-mx-8 {
    margin-left: calc(var(--spotter-spacing-8) * -1);
    margin-right: calc(var(--spotter-spacing-8) * -1);
  }
  .md\:mx-0 {
    margin-left: var(--spotter-spacing-0);
    margin-right: var(--spotter-spacing-0);
  }
  .md\:mx-12 {
    margin-left: var(--spotter-spacing-12);
    margin-right: var(--spotter-spacing-12);
  }
  .md\:mx-8 {
    margin-left: var(--spotter-spacing-8);
    margin-right: var(--spotter-spacing-8);
  }
  .md\:mx-\[60px\] {
    margin-left: 60px;
    margin-right: 60px;
  }
  .md\:mx-auto {
    margin-left: auto;
    margin-right: auto;
  }
  .md\:my-2 {
    margin-top: var(--spotter-spacing-2);
    margin-bottom: var(--spotter-spacing-2);
  }
  .md\:my-28 {
    margin-top: var(--spotter-spacing-28);
    margin-bottom: var(--spotter-spacing-28);
  }
  .md\:my-32 {
    margin-top: var(--spotter-spacing-32);
    margin-bottom: var(--spotter-spacing-32);
  }
  .md\:my-48 {
    margin-top: var(--spotter-spacing-48);
    margin-bottom: var(--spotter-spacing-48);
  }
  .md\:-mb-12 {
    margin-bottom: calc(var(--spotter-spacing-12) * -1);
  }
  .md\:-mb-\[231px\] {
    margin-bottom: -231px;
  }
  .md\:-ml-\[5px\] {
    margin-left: -5px;
  }
  .md\:-mr-12 {
    margin-right: calc(var(--spotter-spacing-12) * -1);
  }
  .md\:-mt-12 {
    margin-top: calc(var(--spotter-spacing-12) * -1);
  }
  .md\:-mt-2 {
    margin-top: calc(var(--spotter-spacing-2) * -1);
  }
  .md\:-mt-8 {
    margin-top: calc(var(--spotter-spacing-8) * -1);
  }
  .md\:mb-0 {
    margin-bottom: var(--spotter-spacing-0);
  }
  .md\:mb-10 {
    margin-bottom: var(--spotter-spacing-10);
  }
  .md\:mb-12 {
    margin-bottom: var(--spotter-spacing-12);
  }
  .md\:mb-16 {
    margin-bottom: var(--spotter-spacing-16);
  }
  .md\:mb-2 {
    margin-bottom: var(--spotter-spacing-2);
  }
  .md\:mb-20 {
    margin-bottom: var(--spotter-spacing-20);
  }
  .md\:mb-28 {
    margin-bottom: var(--spotter-spacing-28);
  }
  .md\:mb-4 {
    margin-bottom: var(--spotter-spacing-4);
  }
  .md\:mb-40 {
    margin-bottom: var(--spotter-spacing-40);
  }
  .md\:mb-44 {
    margin-bottom: var(--spotter-spacing-44);
  }
  .md\:mb-48 {
    margin-bottom: var(--spotter-spacing-48);
  }
  .md\:mb-52 {
    margin-bottom: var(--spotter-spacing-52);
  }
  .md\:mb-\[231px\] {
    margin-bottom: 231px;
  }
  .md\:ml-2 {
    margin-left: var(--spotter-spacing-2);
  }
  .md\:ml-4 {
    margin-left: var(--spotter-spacing-4);
  }
  .md\:ml-5 {
    margin-left: var(--spotter-spacing-5);
  }
  .md\:ml-6 {
    margin-left: var(--spotter-spacing-6);
  }
  .md\:mr-0 {
    margin-right: var(--spotter-spacing-0);
  }
  .md\:mr-1 {
    margin-right: var(--spotter-spacing-1);
  }
  .md\:mr-14 {
    margin-right: var(--spotter-spacing-14);
  }
  .md\:mr-6 {
    margin-right: var(--spotter-spacing-6);
  }
  .md\:mt-0 {
    margin-top: var(--spotter-spacing-0);
  }
  .md\:mt-10 {
    margin-top: var(--spotter-spacing-10);
  }
  .md\:mt-11 {
    margin-top: var(--spotter-spacing-11);
  }
  .md\:mt-14 {
    margin-top: var(--spotter-spacing-14);
  }
  .md\:mt-16 {
    margin-top: var(--spotter-spacing-16);
  }
  .md\:mt-20 {
    margin-top: var(--spotter-spacing-20);
  }
  .md\:mt-24 {
    margin-top: var(--spotter-spacing-24);
  }
  .md\:mt-32 {
    margin-top: var(--spotter-spacing-32);
  }
  .md\:mt-36 {
    margin-top: var(--spotter-spacing-36);
  }
  .md\:mt-48 {
    margin-top: var(--spotter-spacing-48);
  }
  .md\:mt-5 {
    margin-top: var(--spotter-spacing-5);
  }
  .md\:mt-64 {
    margin-top: var(--spotter-spacing-64);
  }
  .md\:mt-7 {
    margin-top: var(--spotter-spacing-7);
  }
  .md\:mt-8 {
    margin-top: var(--spotter-spacing-8);
  }
  .md\:mt-auto {
    margin-top: auto;
  }
  .md\:block {
    display: block;
  }
  .md\:inline {
    display: inline;
  }
  .md\:flex {
    display: flex;
  }
  .md\:inline-flex {
    display: inline-flex;
  }
  .md\:grid {
    display: grid;
  }
  .md\:hidden {
    display: none;
  }
  .md\:aspect-\[1\.4\/1\] {
    aspect-ratio: 1.4/1;
  }
  .md\:aspect-\[1\.708\/1\] {
    aspect-ratio: 1.708/1;
  }
  .md\:aspect-\[3\/1\.4\] {
    aspect-ratio: 3/1.4;
  }
  .md\:h-11 {
    height: var(--spotter-spacing-11);
  }
  .md\:h-20 {
    height: var(--spotter-spacing-20);
  }
  .md\:h-32 {
    height: var(--spotter-spacing-32);
  }
  .md\:h-7 {
    height: var(--spotter-spacing-7);
  }
  .md\:h-\[120px\] {
    height: 120px;
  }
  .md\:h-\[248px\] {
    height: 248px;
  }
  .md\:h-\[410px\] {
    height: 410px;
  }
  .md\:h-\[420px\] {
    height: 420px;
  }
  .md\:h-\[430px\] {
    height: 430px;
  }
  .md\:h-\[450px\] {
    height: 450px;
  }
  .md\:h-\[462px\] {
    height: 462px;
  }
  .md\:h-\[500px\] {
    height: 500px;
  }
  .md\:h-\[90px\] {
    height: 90px;
  }
  .md\:h-auto {
    height: auto;
  }
  .md\:h-full {
    height: 100%;
  }
  .md\:h-screen {
    height: 100vh;
  }
  .md\:max-h-48 {
    max-height: var(--spotter-spacing-48);
  }
  .md\:max-h-none {
    max-height: none;
  }
  .md\:min-h-0 {
    min-height: var(--spotter-spacing-0);
  }
  .md\:min-h-48 {
    min-height: var(--spotter-spacing-48);
  }
  .md\:min-h-9 {
    min-height: var(--spotter-spacing-9);
  }
  .md\:min-h-\[500px\] {
    min-height: 500px;
  }
  .md\:min-h-\[522px\] {
    min-height: 522px;
  }
  .md\:min-h-\[90px\] {
    min-height: 90px;
  }
  .md\:w-1\/2 {
    width: 50%;
  }
  .md\:w-1\/3 {
    width: 33.333333%;
  }
  .md\:w-1\/4 {
    width: 25%;
  }
  .md\:w-11 {
    width: var(--spotter-spacing-11);
  }
  .md\:w-2\/3 {
    width: 66.666667%;
  }
  .md\:w-2\/4 {
    width: 50%;
  }
  .md\:w-52 {
    width: var(--spotter-spacing-52);
  }
  .md\:w-7 {
    width: var(--spotter-spacing-7);
  }
  .md\:w-72 {
    width: var(--spotter-spacing-72);
  }
  .md\:w-96 {
    width: var(--spotter-spacing-96);
  }
  .md\:w-\[100\%\] {
    width: 100%;
  }
  .md\:w-\[120px\] {
    width: 120px;
  }
  .md\:w-\[35rem\] {
    width: 35rem;
  }
  .md\:w-\[380px\] {
    width: 380px;
  }
  .md\:w-\[600px\] {
    width: 600px;
  }
  .md\:w-\[65\.625cqw\] {
    width: 65.625cqw;
  }
  .md\:w-\[700px\] {
    width: 700px;
  }
  .md\:w-\[75\.34cqw\] {
    width: 75.34cqw;
  }
  .md\:w-\[83\%\] {
    width: 83%;
  }
  .md\:w-auto {
    width: auto;
  }
  .md\:w-full {
    width: 100%;
  }
  .md\:w-max {
    width: -moz-max-content;
    width: max-content;
  }
  .md\:min-w-0 {
    min-width: var(--spotter-spacing-0);
  }
  .md\:min-w-\[1024px\] {
    min-width: 1024px;
  }
  .md\:min-w-\[110px\] {
    min-width: 110px;
  }
  .md\:min-w-\[13rem\] {
    min-width: 13rem;
  }
  .md\:min-w-\[209px\] {
    min-width: 209px;
  }
  .md\:min-w-\[220px\] {
    min-width: 220px;
  }
  .md\:min-w-\[400px\] {
    min-width: 400px;
  }
  .md\:min-w-\[800px\] {
    min-width: 800px;
  }
  .md\:max-w-\[145px\] {
    max-width: 145px;
  }
  .md\:max-w-\[250px\] {
    max-width: 250px;
  }
  .md\:max-w-\[260px\] {
    max-width: 260px;
  }
  .md\:max-w-\[303px\] {
    max-width: 303px;
  }
  .md\:max-w-\[320px\] {
    max-width: 320px;
  }
  .md\:max-w-\[400px\] {
    max-width: 400px;
  }
  .md\:max-w-\[550px\] {
    max-width: 550px;
  }
  .md\:max-w-\[559px\] {
    max-width: 559px;
  }
  .md\:max-w-\[600px\] {
    max-width: 600px;
  }
  .md\:max-w-\[650px\] {
    max-width: 650px;
  }
  .md\:max-w-\[80\%\] {
    max-width: 80%;
  }
  .md\:max-w-max {
    max-width: -moz-max-content;
    max-width: max-content;
  }
  .md\:max-w-none {
    max-width: none;
  }
  .md\:max-w-sm {
    max-width: 24rem;
  }
  .md\:flex-shrink-0 {
    flex-shrink: 0;
  }
  .md\:-translate-x-9 {
    --tw-translate-x: calc(var(--spotter-spacing-9) * -1);
  }
  .md\:-translate-x-9,
  .md\:translate-x-9 {
    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));
  }
  .md\:translate-x-9 {
    --tw-translate-x: var(--spotter-spacing-9);
  }
  .md\:translate-x-\[-8\.2cqw\] {
    --tw-translate-x: -8.2cqw;
  }
  .md\:translate-x-\[-8\.2cqw\],
  .md\:translate-x-\[1cqw\] {
    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));
  }
  .md\:translate-x-\[1cqw\] {
    --tw-translate-x: 1cqw;
  }
  .md\:translate-x-\[calc\(var\(--x-desktop\)\*1px\)\] {
    --tw-translate-x: calc(var(--x-desktop) * 1px);
  }
  .md\:translate-x-\[calc\(var\(--x-desktop\)\*1px\)\],
  .md\:translate-y-\[-0\.55cqw\] {
    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));
  }
  .md\:translate-y-\[-0\.55cqw\] {
    --tw-translate-y: -0.55cqw;
  }
  .md\:translate-y-\[-2cqw\] {
    --tw-translate-y: -2cqw;
  }
  .md\:translate-y-\[-2cqw\],
  .md\:translate-y-\[calc\(var\(--y-desktop\)\*1px\)\] {
    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));
  }
  .md\:translate-y-\[calc\(var\(--y-desktop\)\*1px\)\] {
    --tw-translate-y: calc(var(--y-desktop) * 1px);
  }
  .md\:rotate-6 {
    --tw-rotate: 6deg;
  }
  .md\:rotate-6,
  .md\:scale-\[0\.95\] {
    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));
  }
  .md\:scale-\[0\.95\] {
    --tw-scale-x: 0.95;
    --tw-scale-y: 0.95;
  }
  .md\:grid-flow-row {
    grid-auto-flow: row;
  }
  .md\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .md\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .md\:grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .md\:grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .md\:grid-cols-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }
  .md\:grid-cols-\[280px_auto\] {
    grid-template-columns: 280px auto;
  }
  .md\:grid-cols-\[minmax\(440px\2c 1fr\)_minmax\(0\2c 2\.5fr\)\] {
    grid-template-columns: minmax(440px, 1fr) minmax(0, 2.5fr);
  }
  .md\:grid-rows-\[1fr_38\.45\%_7\.5\%_18\.2\%\] {
    grid-template-rows: 1fr 38.45% 7.5% 18.2%;
  }
  .md\:flex-row {
    flex-direction: row;
  }
  .md\:flex-col {
    flex-direction: column;
  }
  .md\:flex-wrap {
    flex-wrap: wrap;
  }
  .md\:place-content-center {
    place-content: center;
  }
  .md\:place-items-center {
    place-items: center;
  }
  .md\:items-start {
    align-items: flex-start;
  }
  .md\:items-end {
    align-items: flex-end;
  }
  .md\:items-center {
    align-items: center;
  }
  .md\:justify-start {
    justify-content: flex-start;
  }
  .md\:justify-end {
    justify-content: flex-end;
  }
  .md\:justify-center {
    justify-content: center;
  }
  .md\:justify-between {
    justify-content: space-between;
  }
  .md\:gap-10 {
    gap: var(--spotter-spacing-10);
  }
  .md\:gap-12 {
    gap: var(--spotter-spacing-12);
  }
  .md\:gap-20 {
    gap: var(--spotter-spacing-20);
  }
  .md\:gap-4 {
    gap: var(--spotter-spacing-4);
  }
  .md\:gap-6 {
    gap: var(--spotter-spacing-6);
  }
  .md\:gap-8 {
    gap: var(--spotter-spacing-8);
  }
  .md\:gap-9 {
    gap: var(--spotter-spacing-9);
  }
  .md\:gap-\[6\%\] {
    gap: 6%;
  }
  .md\:gap-x-16 {
    -moz-column-gap: var(--spotter-spacing-16);
    column-gap: var(--spotter-spacing-16);
  }
  .md\:gap-x-6 {
    -moz-column-gap: var(--spotter-spacing-6);
    column-gap: var(--spotter-spacing-6);
  }
  .md\:gap-x-\[28px\] {
    -moz-column-gap: 28px;
    column-gap: 28px;
  }
  .md\:gap-y-32 {
    row-gap: var(--spotter-spacing-32);
  }
  .md\:overflow-hidden {
    overflow: hidden;
  }
  .md\:rounded-4xl {
    border-radius: 32px;
  }
  .md\:rounded-\[10px\] {
    border-radius: 10px;
  }
  .md\:rounded-full {
    border-radius: var(--spotter-radius-full);
  }
  .md\:rounded-none {
    border-radius: var(--spotter-radius-none);
  }
  .md\:border-0 {
    border-width: 0;
  }
  .md\:border-2 {
    border-width: 2px;
  }
  .md\:\!border-r-2 {
    border-right-width: 2px !important;
  }
  .md\:border-b-0 {
    border-bottom-width: 0;
  }
  .md\:border-b-2 {
    border-bottom-width: 2px;
  }
  .md\:border-r {
    border-right-width: 1px;
  }
  .md\:border-dashed {
    border-style: dashed;
  }
  .md\:border-none {
    border-style: none;
  }
  .md\:border-brand-500 {
    --tw-border-opacity: 1;
    border-color: rgb(17 24 39 / var(--tw-border-opacity));
  }
  .md\:border-primary-700 {
    --tw-border-opacity: 1;
    border-color: rgb(20 20 20 / var(--tw-border-opacity));
  }
  .md\:bg-\[transparent\] {
    background-color: transparent;
  }
  .md\:bg-background {
    --tw-bg-opacity: 1;
    background-color: rgb(244 244 244 / var(--tw-bg-opacity));
  }
  .md\:bg-darkgray-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(241 245 249 / var(--tw-bg-opacity));
  }
  .md\:bg-gradient-grey-vertical {
    background-image: linear-gradient(0deg, #d6d6d6, #f4f4f4);
  }
  .md\:bg-\[length\:100\%_auto\] {
    background-size: 100% auto;
  }
  .md\:bg-bottom {
    background-position: bottom;
  }
  .md\:object-cover {
    -o-object-fit: cover;
    object-fit: cover;
  }
  .md\:p-16 {
    padding: var(--spotter-spacing-16);
  }
  .md\:p-20 {
    padding: var(--spotter-spacing-20);
  }
  .md\:p-4 {
    padding: var(--spotter-spacing-4);
  }
  .md\:p-5 {
    padding: var(--spotter-spacing-5);
  }
  .md\:p-8 {
    padding: var(--spotter-spacing-8);
  }
  .md\:p-9 {
    padding: var(--spotter-spacing-9);
  }
  .md\:px-0 {
    padding-left: var(--spotter-spacing-0);
    padding-right: var(--spotter-spacing-0);
  }
  .md\:px-1 {
    padding-left: var(--spotter-spacing-1);
    padding-right: var(--spotter-spacing-1);
  }
  .md\:px-16 {
    padding-left: var(--spotter-spacing-16);
    padding-right: var(--spotter-spacing-16);
  }
  .md\:px-2 {
    padding-left: var(--spotter-spacing-2);
    padding-right: var(--spotter-spacing-2);
  }
  .md\:px-4 {
    padding-left: var(--spotter-spacing-4);
    padding-right: var(--spotter-spacing-4);
  }
  .md\:px-40 {
    padding-left: var(--spotter-spacing-40);
    padding-right: var(--spotter-spacing-40);
  }
  .md\:px-5 {
    padding-left: var(--spotter-spacing-5);
    padding-right: var(--spotter-spacing-5);
  }
  .md\:px-6 {
    padding-left: var(--spotter-spacing-6);
    padding-right: var(--spotter-spacing-6);
  }
  .md\:px-7 {
    padding-left: var(--spotter-spacing-7);
    padding-right: var(--spotter-spacing-7);
  }
  .md\:px-8 {
    padding-left: var(--spotter-spacing-8);
    padding-right: var(--spotter-spacing-8);
  }
  .md\:px-9 {
    padding-left: var(--spotter-spacing-9);
    padding-right: var(--spotter-spacing-9);
  }
  .md\:px-\[34px\] {
    padding-left: 34px;
    padding-right: 34px;
  }
  .md\:px-\[40px\] {
    padding-left: 40px;
    padding-right: 40px;
  }
  .md\:py-0 {
    padding-top: var(--spotter-spacing-0);
    padding-bottom: var(--spotter-spacing-0);
  }
  .md\:py-10 {
    padding-top: var(--spotter-spacing-10);
    padding-bottom: var(--spotter-spacing-10);
  }
  .md\:py-11 {
    padding-top: var(--spotter-spacing-11);
    padding-bottom: var(--spotter-spacing-11);
  }
  .md\:py-16 {
    padding-top: var(--spotter-spacing-16);
    padding-bottom: var(--spotter-spacing-16);
  }
  .md\:py-2 {
    padding-top: var(--spotter-spacing-2);
    padding-bottom: var(--spotter-spacing-2);
  }
  .md\:py-2\.5 {
    padding-top: var(--spotter-spacing-2_5);
    padding-bottom: var(--spotter-spacing-2_5);
  }
  .md\:py-20 {
    padding-top: var(--spotter-spacing-20);
    padding-bottom: var(--spotter-spacing-20);
  }
  .md\:py-28 {
    padding-top: var(--spotter-spacing-28);
    padding-bottom: var(--spotter-spacing-28);
  }
  .md\:py-5 {
    padding-top: var(--spotter-spacing-5);
    padding-bottom: var(--spotter-spacing-5);
  }
  .md\:py-6 {
    padding-top: var(--spotter-spacing-6);
    padding-bottom: var(--spotter-spacing-6);
  }
  .md\:py-8 {
    padding-top: var(--spotter-spacing-8);
    padding-bottom: var(--spotter-spacing-8);
  }
  .md\:py-\[50vh\] {
    padding-top: 50vh;
    padding-bottom: 50vh;
  }
  .md\:pb-0 {
    padding-bottom: var(--spotter-spacing-0);
  }
  .md\:pb-10 {
    padding-bottom: var(--spotter-spacing-10);
  }
  .md\:pb-12 {
    padding-bottom: var(--spotter-spacing-12);
  }
  .md\:pb-16 {
    padding-bottom: var(--spotter-spacing-16);
  }
  .md\:pb-24 {
    padding-bottom: var(--spotter-spacing-24);
  }
  .md\:pb-28 {
    padding-bottom: var(--spotter-spacing-28);
  }
  .md\:pb-44 {
    padding-bottom: var(--spotter-spacing-44);
  }
  .md\:pb-\[32px\] {
    padding-bottom: 32px;
  }
  .md\:pl-2 {
    padding-left: var(--spotter-spacing-2);
  }
  .md\:pl-4 {
    padding-left: var(--spotter-spacing-4);
  }
  .md\:pl-5 {
    padding-left: var(--spotter-spacing-5);
  }
  .md\:pl-8 {
    padding-left: var(--spotter-spacing-8);
  }
  .md\:pr-10 {
    padding-right: var(--spotter-spacing-10);
  }
  .md\:pt-10 {
    padding-top: var(--spotter-spacing-10);
  }
  .md\:pt-12 {
    padding-top: var(--spotter-spacing-12);
  }
  .md\:pt-20 {
    padding-top: var(--spotter-spacing-20);
  }
  .md\:pt-24 {
    padding-top: var(--spotter-spacing-24);
  }
  .md\:pt-4 {
    padding-top: var(--spotter-spacing-4);
  }
  .md\:pt-7 {
    padding-top: var(--spotter-spacing-7);
  }
  .md\:pt-8 {
    padding-top: var(--spotter-spacing-8);
  }
  .md\:text-left {
    text-align: left;
  }
  .md\:text-center {
    text-align: center;
  }
  .md\:\!text-\[79px\] {
    font-size: 79px !important;
  }
  .md\:text-2xl {
    font-size: 1.5rem;
    line-height: 2rem;
  }
  .md\:text-3xl {
    font-size: 1.875rem;
    line-height: 2.25rem;
  }
  .md\:text-4xl {
    font-size: 2.25rem;
    line-height: 2.5rem;
  }
  .md\:text-6xl {
    font-size: 3.75rem;
    line-height: 1;
  }
  .md\:text-7xl {
    font-size: 4.5rem;
    line-height: 1;
  }
  .md\:text-\[15px\] {
    font-size: 15px;
  }
  .md\:text-\[16px\] {
    font-size: 16px;
  }
  .md\:text-\[18px\] {
    font-size: 18px;
  }
  .md\:text-\[32px\] {
    font-size: 32px;
  }
  .md\:text-\[45px\] {
    font-size: 45px;
  }
  .md\:text-\[50px\] {
    font-size: 50px;
  }
  .md\:text-\[65px\] {
    font-size: 65px;
  }
  .md\:text-\[75px\] {
    font-size: 75px;
  }
  .md\:text-base {
    font-size: 1rem;
    line-height: 1.5rem;
  }
  .md\:text-lg {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
  .md\:text-md {
    font-size: 18px;
    line-height: 26px;
  }
  .md\:text-sm {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
  .md\:text-standard {
    font-size: 22px;
  }
  .md\:text-xl {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }
  .md\:\!leading-h1 {
    line-height: 103% !important;
  }
  .md\:\!leading-xl {
    line-height: 104% !important;
  }
  .md\:leading-none {
    line-height: 1;
  }
  .md\:leading-standard {
    line-height: 144%;
  }
  .md\:opacity-0 {
    opacity: 0;
  }
  .md\:opacity-50 {
    opacity: 0.5;
  }
  .md\:right-fadeout {
    -webkit-mask-image: linear-gradient(
      to right,
      #000,
      #000 calc(100% - var(--mask-distance, 50px)),
      transparent
    );
    mask-image: linear-gradient(
      to right,
      #000,
      #000 calc(100% - var(--mask-distance, 50px)),
      transparent
    );
  }
  .md\:\[--padding\:48px\] {
    --padding: 48px;
  }
  .md\:\[grid-area\:1\/1\] {
    grid-area: 1/1;
  }
  .md\:\[grid-area\:2\/1\/5\/7\] {
    grid-area: 2/1/5/7;
  }
  .md\:\[grid-area\:2\/4\/3\/9\] {
    grid-area: 2/4/3/9;
  }
  .after\:md\:hidden:after {
    content: var(--tw-content);
    display: none;
  }
  .peer[data-variant="inset"] ~ .md\:peer-data-\[variant\=inset\]\:m-2 {
    margin: var(--spotter-spacing-2);
  }
  .peer[data-state="collapsed"][data-variant="inset"]
    ~ .md\:peer-data-\[state\=collapsed\]\:peer-data-\[variant\=inset\]\:ml-2 {
    margin-left: var(--spotter-spacing-2);
  }
  .peer[data-variant="inset"] ~ .md\:peer-data-\[variant\=inset\]\:ml-0 {
    margin-left: var(--spotter-spacing-0);
  }
  .peer[data-variant="inset"] ~ .md\:peer-data-\[variant\=inset\]\:rounded-xl {
    border-radius: var(--spotter-radius-xl);
  }
  .peer[data-variant="inset"] ~ .md\:peer-data-\[variant\=inset\]\:shadow {
    --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1),
      0 1px 2px -1px rgba(0, 0, 0, 0.1);
    --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color),
      0 1px 2px -1px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
      var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }
  .md\:hover\:scale-\[1\.02\]:hover {
    --tw-scale-x: 1.02;
    --tw-scale-y: 1.02;
  }
  .md\:hover\:scale-\[1\.02\]:hover,
  .md\:radix-state-open\:rotate-0[data-state="open"] {
    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));
  }
  .md\:radix-state-open\:rotate-0[data-state="open"] {
    --tw-rotate: 0deg;
  }
}
@media (min-width: 1024px) {
  .lg\:absolute {
    position: absolute;
  }
  .lg\:relative {
    position: relative;
  }
  .lg\:left-7 {
    left: var(--spotter-spacing-7);
  }
  .lg\:top-14 {
    top: var(--spotter-spacing-14);
  }
  .lg\:top-16 {
    top: var(--spotter-spacing-16);
  }
  .lg\:top-6 {
    top: var(--spotter-spacing-6);
  }
  .lg\:top-7 {
    top: var(--spotter-spacing-7);
  }
  .lg\:top-8 {
    top: var(--spotter-spacing-8);
  }
  .lg\:order-1 {
    order: 1;
  }
  .lg\:order-2 {
    order: 2;
  }
  .lg\:col-span-1 {
    grid-column: span 1 / span 1;
  }
  .lg\:col-span-5 {
    grid-column: span 5 / span 5;
  }
  .lg\:col-span-7 {
    grid-column: span 7 / span 7;
  }
  .lg\:row-span-2 {
    grid-row: span 2 / span 2;
  }
  .lg\:mx-0 {
    margin-left: var(--spotter-spacing-0);
    margin-right: var(--spotter-spacing-0);
  }
  .lg\:mx-16 {
    margin-left: var(--spotter-spacing-16);
    margin-right: var(--spotter-spacing-16);
  }
  .lg\:mx-auto {
    margin-left: auto;
    margin-right: auto;
  }
  .lg\:mb-0 {
    margin-bottom: var(--spotter-spacing-0);
  }
  .lg\:mb-12 {
    margin-bottom: var(--spotter-spacing-12);
  }
  .lg\:mb-5 {
    margin-bottom: var(--spotter-spacing-5);
  }
  .lg\:ml-10 {
    margin-left: var(--spotter-spacing-10);
  }
  .lg\:ml-14 {
    margin-left: var(--spotter-spacing-14);
  }
  .lg\:ml-\[150px\] {
    margin-left: 150px;
  }
  .lg\:mr-0 {
    margin-right: var(--spotter-spacing-0);
  }
  .lg\:mr-20 {
    margin-right: var(--spotter-spacing-20);
  }
  .lg\:mt-0 {
    margin-top: var(--spotter-spacing-0);
  }
  .lg\:mt-2 {
    margin-top: var(--spotter-spacing-2);
  }
  .lg\:mt-20 {
    margin-top: var(--spotter-spacing-20);
  }
  .lg\:mt-28 {
    margin-top: var(--spotter-spacing-28);
  }
  .lg\:mt-32 {
    margin-top: var(--spotter-spacing-32);
  }
  .lg\:mt-48 {
    margin-top: var(--spotter-spacing-48);
  }
  .lg\:mt-auto {
    margin-top: auto;
  }
  .lg\:block {
    display: block;
  }
  .lg\:inline {
    display: inline;
  }
  .lg\:flex {
    display: flex;
  }
  .lg\:grid {
    display: grid;
  }
  .lg\:\!hidden {
    display: none !important;
  }
  .lg\:hidden {
    display: none;
  }
  .lg\:aspect-video {
    aspect-ratio: 16/9;
  }
  .lg\:h-24 {
    height: var(--spotter-spacing-24);
  }
  .lg\:h-7 {
    height: var(--spotter-spacing-7);
  }
  .lg\:h-\[450px\] {
    height: 450px;
  }
  .lg\:h-\[670px\] {
    height: 670px;
  }
  .lg\:h-\[750px\] {
    height: 750px;
  }
  .lg\:h-\[90\%\] {
    height: 90%;
  }
  .lg\:h-\[min\(880px\2c max\(630px\2c 76vh\)\)\] {
    height: min(880px, max(630px, 76vh));
  }
  .lg\:max-h-\[522px\] {
    max-height: 522px;
  }
  .lg\:min-h-0 {
    min-height: var(--spotter-spacing-0);
  }
  .lg\:min-h-\[114px\] {
    min-height: 114px;
  }
  .lg\:w-1\/2 {
    width: 50%;
  }
  .lg\:w-1\/4 {
    width: 25%;
  }
  .lg\:w-2\/3 {
    width: 66.666667%;
  }
  .lg\:w-2\/5 {
    width: 40%;
  }
  .lg\:w-24 {
    width: var(--spotter-spacing-24);
  }
  .lg\:w-7 {
    width: var(--spotter-spacing-7);
  }
  .lg\:w-\[120\%\] {
    width: 120%;
  }
  .lg\:w-\[38vw\] {
    width: 38vw;
  }
  .lg\:w-\[395px\] {
    width: 395px;
  }
  .lg\:w-\[40vw\] {
    width: 40vw;
  }
  .lg\:w-\[45vw\] {
    width: 45vw;
  }
  .lg\:w-\[650px\] {
    width: 650px;
  }
  .lg\:w-\[90\%\] {
    width: 90%;
  }
  .lg\:w-auto {
    width: auto;
  }
  .lg\:w-full {
    width: 100%;
  }
  .lg\:min-w-\[295px\] {
    min-width: 295px;
  }
  .lg\:min-w-\[395px\] {
    min-width: 395px;
  }
  .lg\:min-w-\[42\%\] {
    min-width: 42%;
  }
  .lg\:min-w-\[500px\] {
    min-width: 500px;
  }
  .lg\:min-w-\[650px\] {
    min-width: 650px;
  }
  .lg\:min-w-\[700px\] {
    min-width: 700px;
  }
  .lg\:\!max-w-\[286px\] {
    max-width: 286px !important;
  }
  .lg\:max-w-2xl {
    max-width: 42rem;
  }
  .lg\:max-w-4xl {
    max-width: 56rem;
  }
  .lg\:max-w-5xl {
    max-width: 64rem;
  }
  .lg\:max-w-\[1440px\] {
    max-width: 1440px;
  }
  .lg\:max-w-\[306px\] {
    max-width: 306px;
  }
  .lg\:max-w-\[320px\] {
    max-width: 320px;
  }
  .lg\:max-w-\[384px\] {
    max-width: 384px;
  }
  .lg\:max-w-\[430px\] {
    max-width: 430px;
  }
  .lg\:max-w-\[705px\] {
    max-width: 705px;
  }
  .lg\:max-w-\[870px\] {
    max-width: 870px;
  }
  .lg\:max-w-\[min\(1150px\2c calc\(100vw-24px\)\)\] {
    max-width: min(1150px, calc(100vw - 24px));
  }
  .lg\:max-w-full {
    max-width: 100%;
  }
  .lg\:max-w-max {
    max-width: -moz-max-content;
    max-width: max-content;
  }
  .lg\:max-w-none {
    max-width: none;
  }
  .lg\:max-w-xl {
    max-width: 36rem;
  }
  .lg\:flex-1 {
    flex: 1 1 0%;
  }
  .lg\:flex-none {
    flex: none;
  }
  @keyframes fade-right {
    0% {
      opacity: 0;
      transform: translateX(20px) scale(0.9);
    }
    to {
      opacity: 1;
      transform: translateX(0) scale(1);
    }
  }
  .lg\:animate-fade-right {
    animation: fade-right 0.5s ease-out forwards;
  }
  .lg\:grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .lg\:grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
  .lg\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .lg\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .lg\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .lg\:grid-cols-\[200px_1fr\] {
    grid-template-columns: 200px 1fr;
  }
  .lg\:grid-cols-\[45\%_auto\] {
    grid-template-columns: 45% auto;
  }
  .lg\:grid-cols-\[70\%_29\%\] {
    grid-template-columns: 70% 29%;
  }
  .lg\:grid-cols-\[calc\(50\%-200px\)_calc\(50\%\+200px\)\] {
    grid-template-columns: calc(50% - 200px) calc(50% + 200px);
  }
  .lg\:grid-cols-\[repeat\(auto-fit\2c minmax\(210px\2c 1fr\)\)\] {
    grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
  }
  .lg\:flex-row {
    flex-direction: row;
  }
  .lg\:items-start {
    align-items: flex-start;
  }
  .lg\:items-end {
    align-items: flex-end;
  }
  .lg\:items-center {
    align-items: center;
  }
  .lg\:justify-start {
    justify-content: flex-start;
  }
  .lg\:justify-center {
    justify-content: center;
  }
  .lg\:justify-between {
    justify-content: space-between;
  }
  .lg\:gap-1 {
    gap: var(--spotter-spacing-1);
  }
  .lg\:gap-10 {
    gap: var(--spotter-spacing-10);
  }
  .lg\:gap-2 {
    gap: var(--spotter-spacing-2);
  }
  .lg\:gap-20 {
    gap: var(--spotter-spacing-20);
  }
  .lg\:gap-3 {
    gap: var(--spotter-spacing-3);
  }
  .lg\:gap-4 {
    gap: var(--spotter-spacing-4);
  }
  .lg\:gap-6 {
    gap: var(--spotter-spacing-6);
  }
  .lg\:gap-8 {
    gap: var(--spotter-spacing-8);
  }
  .lg\:gap-x-32 {
    -moz-column-gap: var(--spotter-spacing-32);
    column-gap: var(--spotter-spacing-32);
  }
  .lg\:gap-x-8 {
    -moz-column-gap: var(--spotter-spacing-8);
    column-gap: var(--spotter-spacing-8);
  }
  .lg\:gap-y-12 {
    row-gap: var(--spotter-spacing-12);
  }
  .lg\:space-x-4 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(var(--spotter-spacing-4) * var(--tw-space-x-reverse));
    margin-left: calc(
      var(--spotter-spacing-4) * calc(1 - var(--tw-space-x-reverse))
    );
  }
  .lg\:space-y-0 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(
      var(--spotter-spacing-0) * calc(1 - var(--tw-space-y-reverse))
    );
    margin-bottom: calc(var(--spotter-spacing-0) * var(--tw-space-y-reverse));
  }
  .lg\:self-auto {
    align-self: auto;
  }
  .lg\:rounded-2xl {
    border-radius: var(--spotter-radius-2xl);
  }
  .lg\:rounded-\[4px\] {
    border-radius: 4px;
  }
  .lg\:rounded-xl {
    border-radius: var(--spotter-radius-xl);
  }
  .lg\:rounded-l-none {
    border-top-left-radius: var(--spotter-radius-none);
    border-bottom-left-radius: var(--spotter-radius-none);
  }
  .lg\:rounded-r-2xl {
    border-top-right-radius: var(--spotter-radius-2xl);
    border-bottom-right-radius: var(--spotter-radius-2xl);
  }
  .lg\:rounded-r-3xl {
    border-top-right-radius: var(--spotter-radius-3xl);
    border-bottom-right-radius: var(--spotter-radius-3xl);
  }
  .lg\:border {
    border-width: 1px;
  }
  .lg\:border-b {
    border-bottom-width: 1px;
  }
  .lg\:border-b-0 {
    border-bottom-width: 0;
  }
  .lg\:border-l-0 {
    border-left-width: 0;
  }
  .lg\:border-r-0 {
    border-right-width: 0;
  }
  .lg\:border-ai-50 {
    --tw-border-opacity: 1;
    border-color: rgb(53 47 75 / var(--tw-border-opacity));
  }
  .lg\:border-black {
    --tw-border-opacity: 1;
    border-color: rgb(17 17 17 / var(--tw-border-opacity));
  }
  .lg\:border-white\/10 {
    border-color: hsla(0, 0%, 100%, 0.1);
  }
  .lg\:bg-ai-700\/40 {
    background-color: rgba(13, 12, 39, 0.4);
  }
  .lg\:bg-black {
    --tw-bg-opacity: 1;
    background-color: rgb(17 17 17 / var(--tw-bg-opacity));
  }
  .lg\:bg-neutral-50 {
    --tw-bg-opacity: 1;
    background-color: rgb(248 248 248 / var(--tw-bg-opacity));
  }
  .lg\:bg-subtle {
    background-color: var(--spotter-bg-subtle);
  }
  .lg\:p-12 {
    padding: var(--spotter-spacing-12);
  }
  .lg\:p-20 {
    padding: var(--spotter-spacing-20);
  }
  .lg\:p-4 {
    padding: var(--spotter-spacing-4);
  }
  .lg\:p-6 {
    padding: var(--spotter-spacing-6);
  }
  .lg\:px-0 {
    padding-left: var(--spotter-spacing-0);
    padding-right: var(--spotter-spacing-0);
  }
  .lg\:px-10 {
    padding-left: var(--spotter-spacing-10);
    padding-right: var(--spotter-spacing-10);
  }
  .lg\:px-4 {
    padding-left: var(--spotter-spacing-4);
    padding-right: var(--spotter-spacing-4);
  }
  .lg\:px-8 {
    padding-left: var(--spotter-spacing-8);
    padding-right: var(--spotter-spacing-8);
  }
  .lg\:py-0 {
    padding-top: var(--spotter-spacing-0);
    padding-bottom: var(--spotter-spacing-0);
  }
  .lg\:py-10 {
    padding-top: var(--spotter-spacing-10);
    padding-bottom: var(--spotter-spacing-10);
  }
  .lg\:py-12 {
    padding-top: var(--spotter-spacing-12);
    padding-bottom: var(--spotter-spacing-12);
  }
  .lg\:py-20 {
    padding-top: var(--spotter-spacing-20);
    padding-bottom: var(--spotter-spacing-20);
  }
  .lg\:py-24 {
    padding-top: var(--spotter-spacing-24);
    padding-bottom: var(--spotter-spacing-24);
  }
  .lg\:py-32 {
    padding-top: var(--spotter-spacing-32);
    padding-bottom: var(--spotter-spacing-32);
  }
  .lg\:py-7 {
    padding-top: var(--spotter-spacing-7);
    padding-bottom: var(--spotter-spacing-7);
  }
  .lg\:py-8 {
    padding-top: var(--spotter-spacing-8);
    padding-bottom: var(--spotter-spacing-8);
  }
  .lg\:py-\[6px\] {
    padding-top: 6px;
    padding-bottom: 6px;
  }
  .lg\:pb-24 {
    padding-bottom: var(--spotter-spacing-24);
  }
  .lg\:pb-36 {
    padding-bottom: var(--spotter-spacing-36);
  }
  .lg\:pb-48 {
    padding-bottom: var(--spotter-spacing-48);
  }
  .lg\:pb-7 {
    padding-bottom: var(--spotter-spacing-7);
  }
  .lg\:pl-10 {
    padding-left: var(--spotter-spacing-10);
  }
  .lg\:pl-12 {
    padding-left: var(--spotter-spacing-12);
  }
  .lg\:pl-16 {
    padding-left: var(--spotter-spacing-16);
  }
  .lg\:pl-\[6px\] {
    padding-left: 6px;
  }
  .lg\:pr-16 {
    padding-right: var(--spotter-spacing-16);
  }
  .lg\:pt-0 {
    padding-top: var(--spotter-spacing-0);
  }
  .lg\:pt-14 {
    padding-top: var(--spotter-spacing-14);
  }
  .lg\:pt-2 {
    padding-top: var(--spotter-spacing-2);
  }
  .lg\:pt-20 {
    padding-top: var(--spotter-spacing-20);
  }
  .lg\:pt-24 {
    padding-top: var(--spotter-spacing-24);
  }
  .lg\:pt-32 {
    padding-top: var(--spotter-spacing-32);
  }
  .lg\:pt-40 {
    padding-top: var(--spotter-spacing-40);
  }
  .lg\:pt-7 {
    padding-top: var(--spotter-spacing-7);
  }
  .lg\:pt-8 {
    padding-top: var(--spotter-spacing-8);
  }
  .lg\:text-left {
    text-align: left;
  }
  .lg\:text-center {
    text-align: center;
  }
  .lg\:text-4xl {
    font-size: 2.25rem;
    line-height: 2.5rem;
  }
  .lg\:text-5xl {
    font-size: 3rem;
    line-height: 1;
  }
  .lg\:text-6xl {
    font-size: 3.75rem;
    line-height: 1;
  }
  .lg\:text-8xl {
    font-size: 6rem;
    line-height: 1;
  }
  .lg\:text-\[10px\] {
    font-size: 10px;
  }
  .lg\:text-\[48px\] {
    font-size: 48px;
  }
  .lg\:text-\[50px\] {
    font-size: 50px;
  }
  .lg\:text-\[55px\] {
    font-size: 55px;
  }
  .lg\:text-\[60px\] {
    font-size: 60px;
  }
  .lg\:text-\[70px\] {
    font-size: 70px;
  }
  .lg\:text-\[79px\] {
    font-size: 79px;
  }
  .lg\:text-\[80px\] {
    font-size: 80px;
  }
  .lg\:text-base {
    font-size: 1rem;
    line-height: 1.5rem;
  }
  .lg\:text-lg {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
  .lg\:text-sm {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
  .lg\:text-xl {
    font-size: 1.25rem;
  }
  .lg\:leading-7,
  .lg\:text-xl {
    line-height: 1.75rem;
  }
  .lg\:shadow-sm {
    --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
      var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }
  .lg\:backdrop-blur-sm {
    --tw-backdrop-blur: blur(4px);
    -webkit-backdrop-filter: var(--tw-backdrop-blur)
      var(--tw-backdrop-brightness) var(--tw-backdrop-contrast)
      var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate)
      var(--tw-backdrop-invert) var(--tw-backdrop-opacity)
      var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness)
      var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale)
      var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert)
      var(--tw-backdrop-opacity) var(--tw-backdrop-saturate)
      var(--tw-backdrop-sepia);
  }
  .lg\:\[--feature-column-width\:250px\] {
    --feature-column-width: 250px;
  }
  .lg\:\[--feature-column-width\:300px\] {
    --feature-column-width: 300px;
  }
  .lg\:before\:rounded-2xl:before {
    content: var(--tw-content);
    border-radius: var(--spotter-radius-2xl);
  }
  :is([dir="ltr"] .lg\:ltr\:border-r-2) {
    border-right-width: 2px;
  }
  :is([dir="rtl"] .lg\:rtl\:-left-\[36rem\]) {
    left: -36rem;
  }
  :is([dir="rtl"] .lg\:rtl\:right-\[55\%\]) {
    right: 55%;
  }
  :is([dir="rtl"] .lg\:rtl\:border-l-2) {
    border-left-width: 2px;
  }
  :is(.dark .lg\:dark\:border-gray-900) {
    --tw-border-opacity: 1;
    border-color: rgb(17 24 39 / var(--tw-border-opacity));
  }
}
@media (min-width: 1280px) {
  .xl\:\!left-24 {
    left: var(--spotter-spacing-24) !important;
  }
  .xl\:left-32 {
    left: var(--spotter-spacing-32);
  }
  .xl\:left-60 {
    left: var(--spotter-spacing-60);
  }
  .xl\:top-12 {
    top: var(--spotter-spacing-12);
  }
  .xl\:top-5 {
    top: var(--spotter-spacing-5);
  }
  .xl\:mx-\[123px\] {
    margin-left: 123px;
    margin-right: 123px;
  }
  .xl\:mb-5 {
    margin-bottom: var(--spotter-spacing-5);
  }
  .xl\:ml-32 {
    margin-left: var(--spotter-spacing-32);
  }
  .xl\:mt-28 {
    margin-top: var(--spotter-spacing-28);
  }
  .xl\:block {
    display: block;
  }
  .xl\:grid {
    display: grid;
  }
  .xl\:hidden {
    display: none;
  }
  .xl\:min-h-\[314px\] {
    min-height: 314px;
  }
  .xl\:min-h-\[660px\] {
    min-height: 660px;
  }
  .xl\:w-\[45vw\] {
    width: 45vw;
  }
  .xl\:w-\[80vw\] {
    width: 80vw;
  }
  .xl\:max-w-\[556px\] {
    max-width: 556px;
  }
  .xl\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .xl\:grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .xl\:gap-2 {
    gap: var(--spotter-spacing-2);
  }
  .xl\:\!px-20 {
    padding-left: var(--spotter-spacing-20) !important;
    padding-right: var(--spotter-spacing-20) !important;
  }
  .xl\:\!px-36 {
    padding-left: var(--spotter-spacing-36) !important;
    padding-right: var(--spotter-spacing-36) !important;
  }
  .xl\:px-4 {
    padding-left: var(--spotter-spacing-4);
    padding-right: var(--spotter-spacing-4);
  }
  .xl\:px-\[67px\] {
    padding-left: 67px;
    padding-right: 67px;
  }
  .xl\:\!text-\[106px\] {
    font-size: 106px !important;
  }
  .xl\:text-2xl {
    font-size: 1.5rem;
    line-height: 2rem;
  }
  .xl\:text-\[114px\] {
    font-size: 114px;
  }
  .xl\:text-\[55px\] {
    font-size: 55px;
  }
  .xl\:text-\[60px\] {
    font-size: 60px;
  }
  .xl\:text-\[69px\] {
    font-size: 69px;
  }
  .xl\:text-\[70px\] {
    font-size: 70px;
  }
  .xl\:text-\[80px\] {
    font-size: 80px;
  }
  .xl\:text-\[clamp\(52px\2c _7\.8vw\2c _114px\)\] {
    font-size: clamp(52px, 7.8vw, 114px);
  }
  .xl\:text-base {
    font-size: 1rem;
    line-height: 1.5rem;
  }
  .xl\:text-sm {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
  :is([dir="rtl"] .xl\:rtl\:-left-\[36rem\]) {
    left: -36rem;
  }
  :is([dir="rtl"] .xl\:rtl\:right-\[63\%\]) {
    right: 63%;
  }
}
@media (min-width: 1440px) {
  .min-\[1440px\]\:block {
    display: block;
  }
}
@media (min-width: 1536px) {
  .\32xl\:w-\[60vw\] {
    width: 60vw;
  }
}
.\[\&\:first-child\>a\]\:pt-3:first-child > a {
  padding-top: var(--spotter-spacing-3);
}
.\[\&\:first-child\]\:ml-0:first-child {
  margin-left: var(--spotter-spacing-0);
}
.\[\&\:focus-within\]\:border-emphasis:focus-within {
  border-color: var(--spotter-border-emphasis);
}
.\[\&\:focus-within\]\:border-subtle:focus-within {
  border-color: var(--spotter-border-subtle);
}
.\[\&\:focus-within\]\:ring-0:focus-within {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0
    var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0
    calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
    var(--tw-shadow, 0 0 #0000);
}
.\[\&\:focus-within\]\:ring-2:focus-within {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0
    var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0
    calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
    var(--tw-shadow, 0 0 #0000);
}
.\[\&\:focus-within\]\:ring-brand-default:focus-within {
  --tw-ring-color: var(--spotter-brand, #111827);
}
.\[\&\:has\(\:disabled\)\]\:cursor-not-allowed:has(:disabled) {
  cursor: not-allowed;
}
.\[\&\:has\(\:disabled\)\]\:bg-subtle:has(:disabled) {
  background-color: var(--spotter-bg-subtle);
}
.\[\&\:has\(\:disabled\)\]\:hover\:border-default:hover:has(:disabled) {
  border-color: var(--spotter-border);
}
.first\:\[\&\:has\(\[aria-selected\]\)\]\:rounded-l-md:has(
    [aria-selected]
  ):first-child {
  border-top-left-radius: var(--spotter-radius-md);
  border-bottom-left-radius: var(--spotter-radius-md);
}
.last\:\[\&\:has\(\[aria-selected\]\)\]\:rounded-r-md:has(
    [aria-selected]
  ):last-child {
  border-top-right-radius: var(--spotter-radius-md);
  border-bottom-right-radius: var(--spotter-radius-md);
}
.\[\&\:has\(\[aria-selected\]\.day-range-end\)\]\:rounded-r-md:has(
    [aria-selected].day-range-end
  ) {
  border-top-right-radius: var(--spotter-radius-md);
  border-bottom-right-radius: var(--spotter-radius-md);
}
.\[\&\:last-child\>a\]\:pb-3:last-child > a {
  padding-bottom: var(--spotter-spacing-3);
}
.\[\&\:last-child\]\:top-6:last-child {
  top: var(--spotter-spacing-6);
}
.\[\&\:nth-child\(5\)\]\:mr-0:nth-child(5) {
  margin-right: var(--spotter-spacing-0);
}
.\[\&\>\*\:first-child\]\:mt-1 > :first-child {
  margin-top: var(--spotter-spacing-1);
}
.\[\&\>\*\:last-child\]\:mb-1 > :last-child {
  margin-bottom: var(--spotter-spacing-1);
}
.\[\&\>\*\:last-child\]\:rotate-180 > :last-child {
  --tw-rotate: 180deg;
  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));
}
.\[\&\>\*\:last-child\]\:transition-transform > :last-child {
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 0.15s;
}
.\[\&\>\*\]\:\[grid-area\:1\/1\] > * {
  grid-area: 1/1;
}
.\[\&\>button\]\:hidden > button {
  display: none;
}
.\[\&\>div\:first-child\]\:p-4 > div:first-child {
  padding: var(--spotter-spacing-4);
}
.\[\&\>div\:first-child\]\:p-5 > div:first-child {
  padding: var(--spotter-spacing-5);
}
.\[\&\>div\]\:grid > div {
  display: grid;
}
.\[\&\>div\]\:w-full > div {
  width: 100%;
}
.\[\&\>div\]\:grid-cols-1 > div {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
.\[\&\>div\]\:grid-rows-\[repeat\(5\2c var\(--fifteen-min-size\)\)\] > div {
  grid-template-rows: repeat(5, var(--fifteen-min-size));
}
.\[\&\>div\]\:\[grid-area\:1\/1\] > div {
  grid-area: 1/1;
}
.\[\&\>span\:last-child\]\:truncate > span:last-child {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.\[\&\>span\]\:left-auto > span {
  left: auto;
}
.\[\&\>span\]\:right-\[3px\] > span {
  right: 3px;
}
.\[\&\>span\]\:line-clamp-1 > span {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.\[\&\>svg\]\:h-\[25px\] > svg {
  height: 25px;
}
.\[\&\>svg\]\:w-\[25px\] > svg {
  width: 25px;
}
.\[\&\>svg\]\:shrink-0 > svg {
  flex-shrink: 0;
}
.\[\&\>svg\]\:\!fill-neutral-500 > svg {
  fill: #888 !important;
}
.\[\&\>svg\]\:fill-neutral-700 > svg {
  fill: #3e3e3e;
}
.\[\&\>svg\]\:transition-transform > svg {
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 0.15s;
}
.\[\&\>svg\]\:duration-150 > svg {
  transition-duration: 0.15s;
}
.\[\&\>svg\]\:hover\:rotate-45:hover > svg {
  --tw-rotate: 45deg;
  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));
}
.\[\&\>svg\]\:hover\:opacity-50:hover > svg {
  opacity: 0.5;
}
.\[\&\>svg\]\:hover\:transition-transform:hover > svg {
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 0.15s;
}
.\[\&\>svg\]\:hover\:duration-150:hover > svg {
  transition-duration: 0.15s;
}
@media (min-width: 768px) {
  .\[\&\>svg\]\:md\:h-\[50px\] > svg {
    height: 50px;
  }
  .\[\&\>svg\]\:md\:w-\[50px\] > svg {
    width: 50px;
  }
}
.\[\&\[aria-checked\=\'false\'\]\]\:hover\:text-emphasis:hover[aria-checked="false"] {
  color: var(--spotter-text-emphasis);
}
.\[\&\[aria-current\=\'page\'\]\]\:bg-subtle[aria-current="page"] {
  background-color: var(--spotter-bg-subtle);
}
.\[\&\[aria-current\=\'page\'\]\]\:text-emphasis[aria-current="page"] {
  color: var(--spotter-text-emphasis);
}
.\[\&\[data-state\=open\]\>svg\]\:rotate-180[data-state="open"] > svg {
  --tw-rotate: 180deg;
}
.\[\&\[data-state\=open\]\>svg\]\:rotate-180[data-state="open"] > svg,
.\[\&\[data-state\=open\]\>svg\]\:rotate-45[data-state="open"] > svg {
  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));
}
.\[\&\[data-state\=open\]\>svg\]\:rotate-45[data-state="open"] > svg {
  --tw-rotate: 45deg;
}
.\[\&_\.calcom-atoms\]\:bg-\[transparent\] .calcom-atoms {
  background-color: transparent;
}
@media (min-width: 768px) {
  .md\:\[\&_\>_\:first-child\]\:pl-5 > :first-child {
    padding-left: var(--spotter-spacing-5);
  }
  .md\:\[\&_\>_\:last-child\]\:pr-5 > :last-child {
    padding-right: var(--spotter-spacing-5);
  }
}
.\[\&_button\[data-state\=on\]\]\:bg-white button[data-state="on"] {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.\[\&_button\[data-state\=on\]\]\:text-black button[data-state="on"] {
  --tw-text-opacity: 1;
  color: rgb(17 17 17 / var(--tw-text-opacity));
}
.\[\&_button\[data-state\=on\]\]\:shadow-fade button[data-state="on"] {
  --tw-shadow: 0px 4px 8px rgba(34, 42, 53, 0.05),
    0px 0px 0px 1px rgba(34, 42, 53, 0.08),
    0px 1px 5px -4px rgba(19, 19, 22, 0.7);
  --tw-shadow-colored: 0px 4px 8px var(--tw-shadow-color),
    0px 0px 0px 1px var(--tw-shadow-color),
    0px 1px 5px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.\[\&_circle\]\:stroke-\[\#A5A5A5\] circle {
  stroke: #a5a5a5;
}
.\[\&_div\]\:\[grid-area\:1\/1\] div {
  grid-area: 1/1;
}
.\[\&_em\]\:not-italic em {
  font-style: normal;
}
.\[\&_em\]\:text-subtle em {
  color: var(--spotter-text-subtle);
}
.\[\&_li\]\:flex li {
  display: flex;
}
.\[\&_li\]\:items-center li {
  align-items: center;
}
.\[\&_li\]\:p-4 li {
  padding: var(--spotter-spacing-4);
}
.\[\&_p\]\:text-\[15px\] p {
  font-size: 15px;
}
.\[\&_path\]\:stroke-gray-800 path {
  stroke: #1f2937;
}
.\[\&_span\]\:block span {
  display: block;
}
.\[\&_span\]\:h-\[1lh\] span {
  height: 1lh;
}
.\[\&_span\]\:leading-\[1lh\] span {
  line-height: 1lh;
}
.\[\&_span\]\:focus-visible\:translate-x-1:focus-visible span {
  --tw-translate-x: var(--spotter-spacing-1);
  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));
}
.\[\&_span\]\:hover\:translate-x-1:hover span {
  --tw-translate-x: var(--spotter-spacing-1);
  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));
}
.\[\&_strong\]\:font-medium strong {
  font-weight: 500;
}
.\[\&_strong\]\:text-\[\#4C79F6\] strong {
  --tw-text-opacity: 1;
  color: rgb(76 121 246 / var(--tw-text-opacity));
}
.\[\&_svg\]\:pointer-events-none svg {
  pointer-events: none;
}
.\[\&_svg\]\:me-3 svg {
  -webkit-margin-end: var(--spotter-spacing-3);
  margin-inline-end: var(--spotter-spacing-3);
}
.\[\&_svg\]\:ml-\[8px\] svg {
  margin-left: 8px;
}
.\[\&_svg\]\:mt-\[1px\] svg {
  margin-top: 1px;
}
.\[\&_svg\]\:h-12 svg {
  height: var(--spotter-spacing-12);
}
.\[\&_svg\]\:h-auto svg {
  height: auto;
}
.\[\&_svg\]\:h-full svg {
  height: 100%;
}
.\[\&_svg\]\:w-12 svg {
  width: var(--spotter-spacing-12);
}
.\[\&_svg\]\:w-auto svg {
  width: auto;
}
.\[\&_svg\]\:w-full svg {
  width: 100%;
}
.\[\&_svg\]\:shrink-0 svg {
  flex-shrink: 0;
}
[data-side="left"][data-collapsible="offcanvas"]
  .\[\[data-side\=left\]\[data-collapsible\=offcanvas\]_\&\]\:-right-2 {
  right: calc(var(--spotter-spacing-2) * -1);
}
[data-side="left"][data-state="collapsed"]
  .\[\[data-side\=left\]\[data-state\=collapsed\]_\&\]\:cursor-e-resize {
  cursor: e-resize;
}
[data-side="left"] .\[\[data-side\=left\]_\&\]\:cursor-w-resize {
  cursor: w-resize;
}
[data-side="right"][data-collapsible="offcanvas"]
  .\[\[data-side\=right\]\[data-collapsible\=offcanvas\]_\&\]\:-left-2 {
  left: calc(var(--spotter-spacing-2) * -1);
}
[data-side="right"][data-state="collapsed"]
  .\[\[data-side\=right\]\[data-state\=collapsed\]_\&\]\:cursor-w-resize {
  cursor: w-resize;
}
[data-side="right"] .\[\[data-side\=right\]_\&\]\:cursor-e-resize {
  cursor: e-resize;
}

@font-face {
  font-family: secondaryFont_Fallback;
  src: local("Arial");
  ascent-override: 90.49%;
  descent-override: 22.56%;
  line-gap-override: 0%;
  size-adjust: 107.06%;
}
.__className_d65c78 {
  font-family: secondaryFont, secondaryFont_Fallback;
  font-style: normal;
}
.__variable_d65c78 {
  --font-inter: "secondaryFont", "secondaryFont_Fallback";
}
@font-face {
  font-family: mainFont_Fallback;
  src: local("Arial");
  ascent-override: 98.6%;
  descent-override: 19.72%;
  line-gap-override: 0%;
  size-adjust: 101.42%;
}
.__className_e64b80 {
  font-family: mainFont, mainFont_Fallback;
}
.__variable_e64b80 {
  --font-cal: "mainFont", "mainFont_Fallback";
}

.fading {
  cursor: grab;
  transition: transform 0.3s ease-in-out;
}

@keyframes slideInFromLeft {
  from {
    transform: translateX(-100%);
    opacity: 0;
  }

  to {
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes faddeInFromBottom {
  0% {
    opacity: 0;
    transform: translateY(100px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes rotateGear {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.gear {
  animation: fadeInFromBottom 2s ease-out, rotateGear 5s linear 1s infinite;
  transform-origin: center;
  width: 300px;
  height: 300px;
  margin-left: 90px;
}
@keyframes dragMove {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(200px);
  }
}

.drag {
  animation: dragMove 2s linear infinite;
}

.modal-overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 998;
  background: rgba(0, 0, 0, 0.75);
}

 .modal.active {
      display: flex;
    }

.modal {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: white;
  padding: 30px 40px;
  border-radius: 12px;
  box-shadow: 0px 4px 8px rgba(34, 42, 53, 0.05),
    0px 0px 0px 1px rgba(34, 42, 53, 0.08),
    0px 1px 5px -4px rgba(19, 19, 22, 0.7);
  padding-top: 20px;
  width: 540px;
  z-index: 999 !important;
}

.close-btn {
  background: none;
  border: none;
  font-size: 30px;
  color: #666;
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer;
}

.modal-info {
  text-align: center !important;
}

.form-control {
  width: 100% !important;
  padding: 4px 12px !important;
  border: 1px solid #dcdcdc !important;
  border-radius: 6px !important;
  font-size: 13px !important;
  transition: all 0.3s ease !important;

  box-sizing: border-box !important;
}

.form-control:focus {
  border-color: #008080 !important;
  outline: none !important;
}


.form-control1 {
  width: 100% !important;
  padding: 12px 16px !important;
  border: 2px solid #e0e0e0 !important;
  border-radius: 8px !important;
  font-size: 14px !important;
  transition: all 0.3s ease !important;
  background-color: #f9f9f9 !important;
  box-sizing: border-box !important;
}

.form-control1:focus {
  border-color: #008080 !important;
  outline: none !important;
}

.modal-info {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 15px !important;
}

.modal .input-row {
  display: flex !important;
  gap: 20px !important;
  width: 100% !important;
  flex-wrap: wrap !important;
}

.input-column {
  width: 48% !important;
}

label {
  display: block !important;
  margin-bottom: 2px;
  text-align: left;
  width: 100%;
  font-size: 13px;
  font-weight: 400;
  padding-top: 10px;
}

.textarea-control {
  width: 100% !important;
  padding: 12px 16px !important;
  border: 2px solid #e0e0e0 !important;
  border-radius: 8px !important;
  font-size: 13px !important;
  transition: all 0.3s ease !important;
  box-sizing: border-box !important;
  height: 120px !important;
  margin-top: -10px !important;
}

.textarea-control:focus {
  border-color: #008080 !important;
  outline: none;
}

.textarea-control1 {
  width: 100% !important;
  padding: 12px 16px !important;
  border: 2px solid #e0e0e0 !important;
  border-radius: 8px !important;
  font-size: 16px !important;
  transition: all 0.3s ease !important;
  background-color: #f9f9f9 !important;
  box-sizing: border-box !important;
  height: 120px !important;
  margin-top: -10px !important;
}

.textarea-control1:focus {
  border-color: #008080 !important;
  outline: none;
}

#closeModalBtn {
  margin-right: 13px;
}

.modal .input-row {
  display: flex !important;
  flex-wrap: nowrap !important;
  gap: 20px !important;
}

@media (max-width: 768px) {
  .input-column {
    width: 100% !important;
  }
  .modal {
    width: 90% !important;
  }
}
@media (max-width: 768px) {
  .modal {
    width: 90% !important;
    padding: 20px !important;
    top: 10% !important;
    transform: translate(-50%, 0) !important;
    max-height: 90vh !important;
    overflow-y: auto !important;
  }

  .modal .input-row {
    flex-wrap: wrap !important;
  }

  .modal .input-column {
    width: 100% !important;
  }

  .close-btn {
    font-size: 25px !important;
    top: 5px !important;
    right: 10px !important;
  }

  .modal-info h2,
  .modal-info p {
    margin-top: 10px !important;
    text-align: center !important;
  }
}

.dragging {
  cursor: grab;
  transition: transform 0.3s ease-in-out;
  width: 400px;
}
.loading {
  transition: transform 2.5s ease-in-out, opacity 2.3s ease, width 0.5s ease;
  width: 50%;
}

.gathering {
  width: 260px;
  height: 160px;
  background-color: white;
  border-radius: 8px;
  box-shadow: 0px 4px 8px rgba(34, 42, 53, 0.05),
    0px 0px 0px 1px rgba(34, 42, 53, 0.08),
    0px 1px 5px -4px rgba(19, 19, 22, 0.7);
  padding-top: 20px;
}
.target {
  transition: opacity 0.5s ease;
  width: 330px;
}

.arrow {
  transition: opacity 0.5s ease;
}

@media (max-width: 1090px) {
  .dragging {
    width: 300px;
  }
  .target {
    width: 300px;
  }
  .additional {
    padding: 0px !important;
  }
  .gap-bot {
    margin-bottom: 32px !important;
  }
}
@media (min-width: 1100px) and (max-width: 1300px) {
  .dragging {
    width: 380px;
  }
  .target {
    width: 380px;
  }
}

.expanded .loading {
  width: 50%;
  transform: translateX(50%);
  opacity: 1;
}

.expanded .draggable {
  width: 700px;
  transform: translateX(-100%);
  opacity: 0;
}

.expanded .target {
  opacity: 0;
}

.expanded .arrow {
  opacity: 0;
}

#progress-container {
  width: 90%;
  background-color: teal;
  border-radius: 10px;
  height: 10px;
  margin-top: 5px;
  margin-left: 10px;
  margin-right: 10px;
}
.progress-labels {
  display: flex;
  justify-content: space-between;
  font-size: 13px;
  font-weight: 500;
  color: #8c8c89;
  padding: 0 10px;
}
.progress-text {
  color: #008080;
  font-weight: 600;
  font-size: 10px;
}

#progress-bar {
  height: 100%;
  width: 0%;
  background-color: #4caf50;
  border-radius: 10px;
  font-weight: 600;
}
#spin-image {
  width: 20px;
  height: auto;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 10px;
  display: block;
  animation: spin 1s linear infinite;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.first,
.second,
.third {
  transform: translateX(-100%);
  opacity: 0;
}

.cards-hover:hover {
  box-shadow: 0px 8px 10px rgba(0, 0, 0, 0.2);
}

.form-container {
  width: 100%;
  max-width: 600px;
  margin: 0 auto;
  margin-bottom: 50px;
  margin-top: 50px;
}
.price-space {
  margin-top: 20px;
  margin-right: 20px;
}

.gap-bot {
  margin-bottom: 8px;
}

@media screen and (max-width: 320px) {
  .price-space {
    margin-top: 20px;
    margin-right: 0px;
  }
}

.padding {
  padding-bottom: 20px;
}
.padding-30 {
  padding-top: 30px;
}
@media screen and (max-width: 769px) {
  .py-14 {
    padding-top: 0px;
    padding-bottom: var(--spotter-spacing-14);
  }
  .py-20 {
    padding-top: 0px;
    padding-bottom: 0px;
  }
  .md\:py-20 {
    padding-top: 0px;
    padding-bottom: 0px;
  }
  .padding {
    padding-bottom: 0px !important;
  }
  .padding-30 {
    padding-top: 0px !important;
  }
  .py-6 {
    padding-top: 0px;
    padding-bottom: var(--spotter-spacing-6);
  }
}
.additional {
  background: #fff;
  border: 1px solid #e4e5e1;
  border-radius: 12px;
  box-shadow: inset 0 1px 0 hsla(75, 7%, 89%, 0.3),
    inset 0 -1px 0 hsla(80, 1%, 43%, 0.1);
  width: 100%;
  overflow: hidden;
  padding: 15px;
}

.circle-image {
  border: 1px solid #008080;
  width: 40px;
  height: 40px;
  border-radius: 12px;
  margin-left: auto;
  margin-right: auto;
  display: block;
  display: flex;
  justify-content: center;
  align-items: center;
}
.feature {
  display: flex;
  align-items: center;
  margin-bottom: 8px;
  font-size: 15px;
}

.checkmark {
  font-weight: bold;
  margin-right: 7px;
}

.get-started {
  display: inline-block;
  margin-top: 20px;
  padding: 10px 10px;
  border: 2px solid #008080;
  border-radius: 25px;
  color: #008080;
  text-decoration: none;
  text-align: center;
  width: 250px;
  transition: all 0.3s ease;
  font-size: 16px;
}

.get-started:hover {
  background-color: #008080;
  color: white;
}

.teal {
  background-color: #008080;
}

.month {
  color: white;
}

.yearly {
  display: none;
  margin-left: 7vw;
}

.toggle-btn[aria-selected="true"] {
  background-color: #008080;
  color: white;
  border-radius: 999px;
}

.toggle-btn[aria-selected="true"] span {
  color: white;
}

.toggle-btn[aria-selected="false"] {
  background-color: transparent;
  color: #008080;
}

.toggle-btn[aria-selected="false"] span {
  color: #008080;
}

.monthly {
  margin-left: 7vw;
}

@media (max-width: 768px) {
  .monthly {
    margin-left: 0vw;
  }

  .yearly {
    margin-left: 0vw;
  }
}