@import url('style-guide.css');

/* -------------------------------------------

Name: 		Plax
Version:    1.0
Developer:	Nazar Miller (millerDigitalDesign)
Portfolio:  https://themeforest.net/user/millerdigitaldesign/portfolio?ref=MillerDigitalDesign

p.s. I am available for Freelance hire (UI design, web development). email: miller.themes@gmail.com

------------------------------------------- */
/*--------------------------------------------

1. common
    - main
    - typography
    - breadcrumbs
    - button
    - frames
    - spaces
2. components
    - preloader
    - scrollbar
    - back to top
    - top panel
    - top menu
    - menu button
    - banner
    - content list
    - brands
    - facts
    - testimonials
    - accordion
    - illustrations
    - steps
    - icon box
    - team
    - vacancie
    - blog
    - comments
    - form
    - text lists
    - price
    - footer

--------------------------------------------*/

/* -------------------------------------------

main

------------------------------------------- */
html,
body {
  padding: 0;
  margin: 0;
  font-family: "Switzer-Variable";
  font-size: 18px;
  font-weight: 400;
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
}

*,
*:before,
*:after {
  box-sizing: border-box;
  padding: 0;
  margin: 0;
}

.mil-wrapper {
  position: relative;
  overflow: hidden;
  width: 100%;
}

.mil-relative {
  position: relative;
}

/* -------------------------------------------

typography

------------------------------------------- */
* {
  font-family: var(--font-secondary), sans-serif;
  color: var(--vigilant-teal);
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-weight: 600;
  font-family: "Switzer-Variable";
  line-height: 1.3;
  letter-spacing: -0.04em;
}
h1 span,
h2 span,
h3 span,
h4 span,
h5 span,
h6 span,
.h1 span,
.h2 span,
.h3 span,
.h4 span,
.h5 span,
.h6 span {
  font-weight: 600;
  font-family: "Switzer-Variable";
  line-height: 1.3;
  letter-spacing: -0.04em;
}

h1,
.h1 {
  font-size: 77px;
}
h1.mil-display,
.h1.mil-display {
  font-size: 100px;
  line-height: 1.15;
}
@media screen and (max-width: 992px) {
  h1,
  .h1 {
    font-size: 56px;
  }
  h1.mil-display,
  .h1.mil-display {
    font-size: 56px;
  }
}

h2,
.h2 {
  font-size: 57px;
}
@media screen and (max-width: 992px) {
  h2,
  .h2 {
    font-size: 36px;
  }
}

h4,
.h4 {
  font-size: 32px;
  letter-spacing: -0.02em;
}
@media screen and (max-width: 992px) {
  h4,
  .h4 {
    font-size: 28px;
  }
}

h5,
.h5 {
  font-size: 22px;
  letter-spacing: -0.02em;
}

h6,
.h6 {
  font-size: 18px;
  letter-spacing: -0.02em;
}

.mil-text-xs {
  font-size: 14px;
}

.mil-text-s {
  font-size: 18px;
}
@media screen and (max-width: 992px) {
  .mil-text-s {
    font-size: 16px;
  }
}

.mil-text-m {
  font-size: 18px;
}
@media screen and (max-width: 992px) {
  .mil-text-m {
    font-size: 16px;
  }
}

.mil-text-xl {
  font-size: 32px;
}

a {
  text-decoration: none;
  color: inherit;
}

.mil-dark {
  color: var(--vigilant-teal);
}
.mil-dark * {
  color: var(--vigilant-teal);
}

.mil-light {
  color: var(--serene-silver);
}

.mil-soft {
  color: var(--mid-tone-gray);
}
.mil-soft * {
  color: var(--mid-tone-gray);
}

.mil-pale {
  color: var(--serene-silver);
}

.mil-pale-2 {
  color: var(--mid-tone-gray);
}

.mil-dark-soft {
  color: var(--serene-silver);
}
.mil-dark-soft * {
  color: var(--serene-silver);
}

.mil-accent {
  color: var(--vigilant-teal);
}

.mil-text-right {
  text-align: right;
}

.mil-text-center {
  text-align: center;
}

@media (max-width: 1200px) {
  .mil-sm-text-center {
    text-align: center;
  }
}

@media (max-width: 1200px) {
  .mil-sm-text-left {
    text-align: left;
  }
}

blockquote {
  font-size: 24px;
}
blockquote.mil-center {
  text-align: center;
}
blockquote img {
  margin: 0 auto;
  width: 60px;
  height: 60px;
  object-fit: cover;
  object-position: top;
  border-radius: 50%;
}
blockquote.mil-with-bg {
  background-color: rgb(242, 250, 250);
  border-radius: 40px;
  padding: 60px 30px;
}
blockquote.mil-with-bg-2 {
  background: linear-gradient(0deg, #B3D4D8 0%, #DEECE8 100%);
  border-radius: 40px;
  padding: 60px 30px;
}
blockquote.mil-lg {
  padding: 80px;
}
@media screen and (max-width: 992px) {
  blockquote.mil-lg {
    padding: 60px 30px;
  }
}
blockquote .mil-customer {
  display: flex;
  align-items: center;
}
blockquote .mil-customer img {
  margin-right: 15px;
  margin-left: 0;
}
blockquote svg.mil-accent path {
  fill: var(--vigilant-teal);
}
blockquote.mil-dark {
  background: linear-gradient(0deg, #224D50 0%, #1C6360 100%);
}

@media (max-width: 1200px) {
  br {
    display: none;
  }
}

.mil-hr {
  background-color: rgb(196, 196, 196);
  height: 1px;
  width: 100%;
}

.mil-text-img img {
  width: 100px;
  display: inline;
}
@media (max-width: 992px) {
  .mil-text-img img {
    width: 70px;
  }
}

.mil-text-gradient {
  background: -webkit-linear-gradient(180deg, #ffffff 50%, #b0cdcd);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  display: inline-block;
}
  @media screen and (max-width: 992px) {
    .mil-text-gradient {
      background: -webkit-linear-gradient(180deg, #ffffff 70%, #b0cdcd);
      -webkit-background-clip: text;
      background-clip: text;
      -webkit-text-fill-color: transparent;
    }
  }

.mil-text-gradient-2 {
  background: -webkit-linear-gradient(200deg, #0d5152, #4dd3d6);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  display: inline-block;
}
  @media screen and (max-width: 992px) {
    .mil-text-gradient-2 {
      background: -webkit-linear-gradient(200deg, #0d5152, #4dd3d6);
      -webkit-background-clip: text;
      background-clip: text;
      -webkit-text-fill-color: transparent;
    }
  }

.mil-text-gradient-3 {
  background: -webkit-linear-gradient(45deg, var(--vigilant-teal), #224D50);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  display: inline-block;
}
  @media screen and (max-width: 992px) {
    .mil-text-gradient-3 {
      background: -webkit-linear-gradient(45deg, var(--vigilant-teal), #224D50);
      -webkit-background-clip: text;
      background-clip: text;
      -webkit-text-fill-color: transparent;
    }
  }

@supports (--css: variables) {
  .mil-text-gradient {
    background: linear-gradient(to right, rgb(160, 205, 205), rgb(242, 250, 250));
    color: transparent;
    background-clip: text;
  }
}
.mil-text-gradient-2 {
  color: rgb(13, 81, 82);
}

@supports (--css: variables) {
  .mil-text-gradient-2 {
    background: linear-gradient(to right, rgb(13, 81, 82), rgb(3, 166, 166));
    color: transparent;
    background-clip: text;
  }
}
.mil-text-gradient-3 {
  color: rgb(13, 81, 82);
}

@supports (--css: variables) {
  .mil-text-gradient-3 {
    background: linear-gradient(to right, var(--vigilant-teal), 50%, var(--charcoal-guard));
    color: transparent;
    background-clip: text;
  }
}
img,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block;
  max-width: 100%;
}

/* -------------------------------------------

breadcrumbs

------------------------------------------- */
.mil-breadcrumbs {
  display: flex;
}
.mil-breadcrumbs.mil-center {
  justify-content: center;
}
.mil-breadcrumbs li {
  list-style-type: none;
}
.mil-breadcrumbs li:after {
  content: "|";
  margin: 0 15px;
  color: rgb(160, 205, 205);
}
.mil-breadcrumbs li a {
  font-family: "Switzer-Variable";
  font-size: 14px;
  font-weight: 500;
}
.mil-breadcrumbs li a:hover {
  color: var(--vigilant-teal);
}
.mil-breadcrumbs li:last-child {
  opacity: 0.4;
  cursor: not-allowed;
}
.mil-breadcrumbs li:last-child a {
  pointer-events: none;
}
.mil-breadcrumbs li:last-child:after {
  display: none;
  margin: 0;
}
.mil-breadcrumbs.mil-pub-info li {
  opacity: 0.4;
  cursor: default;
}
.mil-breadcrumbs.mil-pub-info li a {
  pointer-events: none;
}

/* -------------------------------------------

buttons

------------------------------------------- */
.mil-btn {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  -webkit-backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  padding: 15px 30px;
  background-color: var(--vigilant-teal);
  border-radius: 8px;
  color: var(--serene-silver);
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  transition: 0.4s;
}
.mil-btn.mil-fw {
  width: 100%;
  vertical-align: middle;
  -webkit-backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  padding: 12px 25px;
  background-color: transparent;
  border-radius: 8px;
  border: 1px solid var(--vigilant-teal);
  color: var(--vigilant-teal);
  font-size: 14px;
}
.mil-btn.mil-sm {
  padding: 0 20px;
  height: 48px;
  font-size: 16px;
}
.mil-btn.mil-m {
  padding: 0 30px;
  height: 56px;
  font-size: 16px;
}
.mil-btn.mil-md {
  padding: 0 30px;
  height: 72px;
  font-size: 16px;
}
@media screen and (max-width: 992px) {
  .mil-btn.mil-md {
    padding: 0 25px;
    height: 62px;
  }
}
.mil-btn.mil-border {
  color: var(--serene-silver);
  border: solid 1px var(--serene-silver);
  background-color: transparent;
}
.mil-btn.mil-light {
  background-color: var(--serene-silver);
  color: var(--vigilant-teal);
}
.mil-btn.mil-grey {
  background-color: var(--mid-tone-gray);
  color: var(--serene-silver);
}
.mil-btn.mil-transp {
  background-color: transparent;
  color: var(--serene-silver);
}
.mil-btn.mil-add-arrow:after {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f061";
  margin-left: 15px;
  font-size: 12px;
  transition: 0.2s cubic-bezier(0, 0, 0.3642, 1);
}
.mil-btn.mil-add-play:after {
  content: "play_arrow";
  font-family: "Material Symbols Outlined";
  margin-left: 10px;
  font-size: 16px;
  transition: 0.4s;
}
.mil-btn:hover {
  transform: translateY(-1px);
  box-shadow: 0 2px 6px -1px rgba(13, 81, 82, 0.15);
  filter: brightness(105%);
}
.mil-btn:hover.mil-add-arrow:after {
  transform: translateX(3px);
}

.mil-buttons-frame {
  display: flex;
  justify-content: flex-start;
}
.mil-buttons-frame a {
  margin-right: 20px;
}
.mil-buttons-frame a:last-child {
  margin-right: 0;
}
@media screen and (max-width: 1200px) {
  .mil-buttons-frame {
    justify-content: center;
    text-align: center;
  }
}
@media screen and (max-width: 992px) {
  .mil-buttons-frame {
    flex-direction: column;
  }
  .mil-buttons-frame a {
    margin-right: 0;
    margin-bottom: 20px;
  }
  .mil-buttons-frame a:last-child {
    margin-bottom: 0;
  }
}
.mil-buttons-frame.mil-center {
  justify-content: center;
}

.mil-adaptive-right {
  float: right;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
@media screen and (max-width: 1200px) {
  .mil-adaptive-right {
    float: inherit;
  }
}

.mil-link {
  font-family: "Switzer-Variable";
  font-size: 16px;
  font-weight: 600;
  letter-spacing: -2%;
}

/* -------------------------------------------

frames

------------------------------------------- */
.mil-out-frame {
  padding: 160px;
  border-radius: 12px;
  position: relative;
  background-color: #ffffff;
  box-shadow: 0 10px 30px -10px rgba(var(--vigilant-teal), 0.1);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  overflow: hidden;
}
.mil-out-frame.mil-bg-1 {
  background: linear-gradient(180deg, var(--serene-silver) 0%, #E0E8E8 100%);
}
.mil-out-frame.mil-bg-2 {
  background: linear-gradient(180deg, var(--charcoal-guard) 0%, #101E1E 100%);
}
.mil-out-frame.mil-bg-3 {
  background: linear-gradient(180deg, var(--charcoal-guard) 0%, #1E2E2E 100%);
}
.mil-out-frame.mil-bg-4 {
  background-color: var(--charcoal-guard);
  background-size: cover;
  background-repeat: no-repeat;
}
.mil-out-frame.mil-visible {
  overflow: visible;
}
@media (max-width: 1536px) {
  .mil-out-frame {
    padding: 120px;
  }
}
.mil-out-frame.mil-image {
  background: linear-gradient(180deg, var(--vigilant-teal) 0%, #083132 100%);
}
.mil-out-frame.mil-image-2 {
  background-color: var(--serene-silver);
}
.mil-out-frame.mil-out-image-fix {
  padding-bottom: 340px;
  margin-bottom: 300px;
}
@media screen and (max-width: 1200px) {
  .mil-out-frame.mil-out-image-fix {
    padding-bottom: 80px;
    margin-bottom: 80px;
  }
}
.mil-out-frame.mil-out-top {
  background-color: var(--charcoal-guard);
  position: relative;
  border-radius: 0 0 40px 40px;
}
.mil-out-frame.mil-out-top:before {
  content: "";
  position: absolute;
  z-index: 999;
  top: -80px;
  left: 0;
  background-color: var(--charcoal-guard);
  height: 81px;
  width: 100%;
  display: block;
  border-radius: 40px 40px 0 0;
}

.mil-gradient-plus {
  filter: blur(100px);
  background-color: var(--serene-silver);
  border-radius: 50%;
  width: 1000px;
  height: 400px;
  position: absolute;
  bottom: -200px;
  right: -100px;
}

/* -------------------------------------------

space

------------------------------------------- */
.mil-mt-15 {
  margin-top: 15px;
}

.mil-mt-30 {
  margin-top: 30px;
}

.mil-mt-60 {
  margin-top: 60px;
}

.mil-mt-130 {
  margin-top: 130px;
}

.mil-mb-10 {
  margin-bottom: 10px;
}

.mil-mb-15 {
  margin-bottom: 15px;
}

.mil-mb-20 {
  margin-bottom: 20px;
}

.mil-mb-25 {
  margin-bottom: 25px;
}

.mil-mb-30 {
  margin-bottom: 30px;
}

.mil-mb-40 {
  margin-bottom: 40px;
}

.mil-mb-50 {
  margin-bottom: 50px;
}

.mil-mb-60 {
  margin-bottom: 60px;
}

.mil-mb-80 {
  margin-bottom: 80px;
}

.mil-mb-160 {
  margin-bottom: 160px;
}

.mil-mb-80-adaptive-30 {
  margin-bottom: 80px;
}
@media (max-width: 1200px) {
  .mil-mb-80-adaptive-30 {
    margin-bottom: 30px;
  }
}

.mil-p-80-80 {
  padding-top: 80px;
  padding-bottom: 80px;
}

.mil-p-50-80 {
  padding-top: 50px;
  padding-bottom: 80px;
}

.mil-p-160-160 {
  padding-top: 160px;
  padding-bottom: 160px;
}
@media (max-width: 1200px) {
  .mil-p-160-160 {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}

.mil-p-160-0 {
  padding-top: 160px;
}
@media (max-width: 1200px) {
  .mil-p-160-0 {
    padding-top: 80px;
  }
}

.mil-p-160-80 {
  padding-top: 160px;
  padding-bottom: 80px;
}
@media (max-width: 1200px) {
  .mil-p-160-80 {
    padding-top: 80px;
    padding-bottom: 0;
  }
}

.mil-p-0-160 {
  padding-bottom: 160px;
}
@media (max-width: 1200px) {
  .mil-p-0-160 {
    padding-bottom: 80px;
  }
}

.mil-space-fix {
  height: 160px;
}

.mil-p-0-80 {
  padding-bottom: 80px;
}
@media (max-width: 1200px) {
  .mil-p-0-80 {
    padding-bottom: 0;
  }
}

.mil-p-80-160 {
  padding-top: 80px;
  padding-bottom: 160px;
}
@media (max-width: 1200px) {
  .mil-p-80-160 {
    padding-top: 0;
    padding-bottom: 80px;
  }
}

.mil-p-0-130 {
  padding-bottom: 130px;
}
@media (max-width: 1200px) {
  .mil-p-0-130 {
    padding-bottom: 50px;
  }
}

.mil-p-160-100 {
  padding-top: 160px;
  padding-bottom: 100px;
}
@media (max-width: 1200px) {
  .mil-p-160-100 {
    padding-top: 80px;
    padding-bottom: 20px;
  }
}

.mil-p-160-130 {
  padding-top: 160px;
  padding-bottom: 130px;
}
@media (max-width: 1200px) {
  .mil-p-160-130 {
    padding-top: 80px;
    padding-bottom: 50px;
  }
}

/* -------------------------------------------

preloader

------------------------------------------- */
.mil-preloader {
  width: 100vw;
  height: 100vh;
  background-color: var(--charcoal-guard); /* Changed from blue to charcoal */
  position: fixed;
  z-index: 9999; /* Increased z-index to ensure it's on top */
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
  display: flex;
  justify-content: center;
  align-items: center;
}
.mil-preloader .mil-load {
  position: absolute;
  bottom: 15px;
  left: 15px;
  background-color: var(--serene-silver);
  height: 5px;
  width: 0;
  border-radius: 3px;
}

/* -------------------------------------------

scrollbar

------------------------------------------- */
/*::-webkit-scrollbar {
    display: none;
    opacity: 0;
    pointer-events: none;
    visibility: hidden;
}*/
.mil-progress-track {
  position: absolute;
  height: 100vh;
  top: 0;
  right: 0;
  width: 4px;
  z-index: 999;
}
.mil-progress-track .mil-progress {
  width: 100%;
  height: 0;
  background-color: var(--vigilant-teal); /* Changed to teal for consistency */
}
@media screen and (max-width: 768px) {
  .mil-progress-track {
    display: none;
  }
}

/* -------------------------------------------

back to top

------------------------------------------- */
.progress-wrap {
  position: fixed;
  right: 30px;
  bottom: 30px;
  height: 72px;
  width: 72px;
  background-color: var(--vigilant-teal); /* Changed to teal instead of blue */
  cursor: pointer;
  display: block;
  border-radius: 50px;
  z-index: 998;
  opacity: 0;
  visibility: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.4s cubic-bezier(0, 0, 0.3642, 1);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2); /* Added subtle shadow */
}
.progress-wrap .active-progress {
  opacity: 1;
  visibility: visible;
}
.progress-wrap:after {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f062";
  z-index: 1;
  color: var(--serene-silver);
}
.progress-wrap:hover {
  filter: brightness(110%);
}

/* -------------------------------------------

top panel

------------------------------------------- */
.mil-top-panel {
  position: fixed;
  z-index: 998;
  top: 0;
  left: 0;
  width: 100%;
  height: 130px;
  display: flex;
  align-items: center;
  transition: 0.4s cubic-bezier(0, 0, 0.3642, 1);
  background-color: transparent; /* Initial transparent background */
  box-shadow: none; /* No shadow initially */
}
/* Add subtle dark backdrop for better readability on transparent header */
.mil-top-panel:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.3) 0%, transparent 100%);
  z-index: -1;
  opacity: 1;
  transition: opacity 0.4s cubic-bezier(0, 0, 0.3642, 1);
}
.mil-top-panel.mil-active:before {
  opacity: 0;
}
.mil-top-panel .container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.mil-top-panel .mil-menu-buttons {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.mil-top-panel.mil-active {
  background-color: rgba(255, 255, 255, 0.95); /* More white background with slight transparency */
  backdrop-filter: blur(10px); /* Keep blur effect */
  -webkit-backdrop-filter: blur(10px); /* For Safari */
  height: 100px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); /* Subtle neutral shadow instead of blue */
}
.mil-top-panel.mil-active .mil-top-menu ul li a {
  color: var(--charcoal-guard); /* Keep darker color for active state readability */
}
.mil-top-panel .mil-logo img {
  transition: opacity 0.3s ease;
}
@media (max-width: 1200px) {
  .mil-top-panel {
    height: 80px;
    /* Remove forced background color on mobile to match desktop behavior */
  }
  .mil-top-panel.mil-active {
    height: 80px;
    background-color: rgba(255, 255, 255, 0.95); /* Same as desktop */
  }
}

/* -------------------------------------------

top menu

------------------------------------------- */
.mil-top-menu ul {
  display: flex;
}
.mil-top-menu ul li {
  list-style-type: none;
  margin-right: 15px;
  position: relative;
}
.mil-top-menu ul li:last-child {
  margin-right: 0;
}
.mil-top-menu ul li a {
  border-radius: 10px;
  height: 48px;
  padding: 0 15px;
  color: var(--serene-silver); /* Make menu items visible against dark hero background */
  font-family: "Switzer-Variable";
  font-weight: 600;
  letter-spacing: -2%;
  z-index: 1;
  white-space: nowrap;
  font-size: 15px;
  display: flex;
  justify-content: center;
  align-items: center;
  justify-content: space-between;
  transition: 0.2s cubic-bezier(0, 0, 0.3642, 1);
}
.mil-top-menu ul li a:before {
  content: "";
  opacity: 0;
  height: 1px;
  position: absolute;
  bottom: 0;
  left: 15px;
  right: 15px;
  background: var(--fortis-blue);
}
.mil-top-menu ul li a:hover {
  color: var(--fortis-blue);
}
.mil-top-panel.mil-active .mil-top-menu ul li a:hover {
  color: var(--fortis-blue); /* Ensure hover color is consistent in active state */
}
.mil-top-menu ul li.mil-has-children > a {
  padding-right: 24px;
}
.mil-top-menu ul li.mil-has-children > a:before {
  right: 24px;
}
.mil-top-menu ul li.mil-has-children > a:after {
  content: url('data:image/svg+xml,<svg width="8" height="6" viewBox="0 0 8 6" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0.5 1.25C0.5 1.25 2.63316 3.38316 4 4.75C4 4.75 6.13316 2.61683 7.5 1.25" stroke="%237A7A7A" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  position: absolute;
  right: 8px;
  margin-top: -1px;
}
.mil-top-menu ul li.mil-active > a {
  color: var(--fortis-blue);
}
.mil-top-menu ul li.mil-active > a:before {
  opacity: 1;
}
.mil-top-menu ul li ul {
  pointer-events: none;
  min-width: 160px;
  border-radius: 10px;
  background-color: rgba(255, 255, 255, 0.95);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  padding: 15px;
  position: absolute;
  top: 48px;
  flex-direction: column;
  opacity: 0;
  transform: translateY(10px);
  box-shadow: 0 8px 24px rgba(26, 50, 78, 0.15);
  transition: 0.4s cubic-bezier(0, 0, 0.3642, 1);
}
.mil-top-menu ul li ul li {
  margin-bottom: 5px;
  margin-right: 0;
}
.mil-top-menu ul li ul li:last-child {
  margin-bottom: 0;
}
.mil-top-menu ul li ul li a {
  justify-content: flex-start;
  height: 38px;
  color: var(--charcoal-guard) !important; /* Ensure dropdown items are always dark */
}
.mil-top-menu ul li ul li a:before {
  display: none;
}
.mil-top-menu ul li ul li a:hover {
  background-color: rgba(0, 124, 140, 0.1); /* Light teal background on hover */
  color: var(--fortis-blue) !important;
}
.mil-top-menu ul li:hover ul {
  pointer-events: all;
  opacity: 1;
  transform: translateY(0);
}

.mil-top-panel.mil-active .mil-top-menu ul li:hover ul {
  border-radius: 0 0 10px 10px;
}

.mil-dark-1 .mil-top-menu ul li a {
  background-color: transparent;
}
.mil-dark-1 .mil-top-menu ul li.mil-active a {
  color: var(--serene-silver);
}
.mil-dark-1 .mil-top-menu ul li ul {
  background-color: var(--vigilant-teal);
}
.mil-dark-1 .mil-top-menu ul li ul li a {
  background-color: transparent;
  color: var(--serene-silver);
}
.mil-dark-1 .mil-top-menu ul li ul li:hover a {
  background-color: rgba(var(--serene-silver), 0.1);
  color: var(--serene-silver);
}
.mil-dark-1 .mil-top-menu ul li:hover > a {
  background-color: rgba(var(--serene-silver), 0.1);
  color: var(--serene-silver);
}
.mil-dark-1 .mil-top-menu ul li:hover ul {
  pointer-events: all;
  opacity: 1;
  transform: translateY(0);
}
.mil-dark-1.mil-active {
  background-color: var(--vigilant-teal);
}
.mil-dark-1.mil-active .mil-top-menu ul li ul {
  background-color: var(--vigilant-teal);
}

.mil-dark-2 .mil-top-menu ul li a {
  background-color: transparent;
  color: var(--serene-silver);
  opacity: 0.7;
}
.mil-dark-2 .mil-top-menu ul li.mil-active a {
  color: var(--serene-silver);
  opacity: 1;
}
.mil-dark-2 .mil-top-menu ul li ul {
  background-color: var(--charcoal-guard);
}
.mil-dark-2 .mil-top-menu ul li ul li a {
  background-color: transparent;
  color: var(--serene-silver);
}
.mil-dark-2 .mil-top-menu ul li ul li:hover a {
  opacity: 1;
  background-color: rgba(var(--serene-silver), 0.1);
  color: var(--serene-silver);
}
.mil-dark-2 .mil-top-menu ul li.mil-has-children > a:after {
  content: url("data:image/svg+xml,%3Csvg width='8' height='6' viewBox='0 0 8 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.5 1.25C0.5 1.25 2.63316 3.38316 4 4.75C4 4.75 6.13316 2.61683 7.5 1.25' stroke='%23A9B7C6' stroke-opacity='0.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.mil-dark-2 .mil-top-menu ul li:hover > a {
  background-color: rgba(var(--serene-silver), 0.1);
  color: var(--serene-silver);
  opacity: 1;
}
.mil-dark-2 .mil-top-menu ul li:hover ul {
  pointer-events: all;
  opacity: 1;
  transform: translateY(0);
}
.mil-dark-2.mil-active {
  background-color: var(--charcoal-guard);
}
.mil-dark-2.mil-active .mil-top-menu ul li ul {
  background-color: var(--charcoal-guard);
}

@media (max-width: 1200px) {
  .mil-top-menu {
    position: absolute;
    pointer-events: none;
    top: 80px;
    left: 0;
    background-color: rgba(255, 255, 255, 0.98);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    width: 100%;
    opacity: 0;
    transform: translateY(10px);
    box-shadow: 0 8px 24px rgba(26, 50, 78, 0.15);
    padding: 0 0 15px 0;
    transition: 0.4s cubic-bezier(0, 0, 0.3642, 1);
  }
  .mil-top-menu.mil-active {
    pointer-events: all;
    opacity: 1;
    transform: translateY(0);
  }
  .mil-top-menu ul {
    padding: 5px;
    flex-direction: column;
  }
  .mil-top-menu ul li {
    width: 100%;
  }
  .mil-top-menu ul li ul {
    border-radius: 10px !important;
    transform: none !important;
    box-shadow: none;
    position: static;
    opacity: 1;
    max-height: 0;
    padding: 0;
    overflow: hidden;
    background-color: rgba(0, 124, 140, 0.05);
  }
  .mil-top-menu ul li ul li {
    opacity: 0;
    transition: 0.4s cubic-bezier(0, 0, 0.3642, 1);
  }
  .mil-top-menu ul li a {
    color: var(--charcoal-guard) !important; /* Dark text in mobile menu */
  }
  .mil-top-menu ul li:hover a {
    background-color: rgba(0, 124, 140, 0.1);
    color: var(--fortis-blue) !important;
  }
  .mil-top-menu ul li:hover ul {
    padding: 5px 0;
    max-height: 400px;
  }
  .mil-top-menu ul li:hover ul li {
    opacity: 1;
  }
  .mil-top-menu ul li:hover ul li a {
    background-color: inherit;
  }
  .mil-top-menu ul li:last-child:hover ul {
    margin-bottom: 0;
  }
  .mil-top-menu ul li.mil-active > a {
    box-shadow: none;
    color: var(--fortis-blue);
  }
}
@media (max-width: 1200px) {
  .mil-dark-1 .mil-top-menu {
    background-color: rgba(255, 255, 255, 0.98);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
  }
  .mil-dark-2 .mil-top-menu {
    background-color: rgba(255, 255, 255, 0.98);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
  }
}
/* -------------------------------------------

menu button

------------------------------------------- */
.mil-menu-btn {
  margin-left: 15px;
  background-color: rgba(255, 255, 255, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  padding: 25px 15px;
  border-radius: 10px;
  height: 24px;
  cursor: pointer;
  display: none;
  justify-content: center;
  align-items: center;
  transition: 0.4s cubic-bezier(0, 0, 0.3642, 1);
}
.mil-top-panel.mil-active .mil-menu-btn {
  background-color: var(--serene-silver);
}
  @media screen and (max-width: 1200px) {
    .mil-menu-btn {
      display: flex;
      background-color: rgba(255, 255, 255, 0.15) !important; /* Override any conflicting styles */
    }
    .mil-top-panel.mil-active .mil-menu-btn {
      background-color: var(--serene-silver) !important;
    }
  }
.mil-menu-btn span, .mil-menu-btn span:after, .mil-menu-btn span:before {
  content: "";
  display: block;
  width: 24px;
  height: 2px;
  background: var(--serene-silver);
  backface-visibility: hidden;
  transition: inherit;
}
.mil-top-panel.mil-active .mil-menu-btn span, 
.mil-top-panel.mil-active .mil-menu-btn span:after, 
.mil-top-panel.mil-active .mil-menu-btn span:before {
  background: var(--vigilant-teal);
}
.mil-menu-btn span {
  position: relative;
}
.mil-menu-btn span:after, .mil-menu-btn span:before {
  position: absolute;
}
.mil-menu-btn span:before {
  top: -8px;
}
.mil-menu-btn span:after {
  top: 8px;
}
.mil-menu-btn.mil-active span {
  transform: rotate(45deg);
}
.mil-menu-btn.mil-active span:before {
  transform: translate(0px, 8px) rotate(-90deg);
}
.mil-menu-btn.mil-active span:after {
  width: 24px;
  transform: translate(0px, -8px) rotate(-90deg);
}

.mil-dark-1 .mil-menu-btn {
  background-color: var(--vigilant-teal);
}
.mil-dark-1 .mil-menu-btn span, .mil-dark-1 .mil-menu-btn span:after, .mil-dark-1 .mil-menu-btn span:before {
  background-color: var(--serene-silver);
}

.mil-dark-2 .mil-menu-btn {
  background-color: rgba(255, 255, 255, 0.15);
}
.mil-dark-2.mil-active .mil-menu-btn {
  background-color: var(--charcoal-guard);
}
.mil-dark-2 .mil-menu-btn span, .mil-dark-2 .mil-menu-btn span:after, .mil-dark-2 .mil-menu-btn span:before {
  background-color: var(--serene-silver);
}

/* -------------------------------------------

banner

------------------------------------------- */
.mil-banner {
  position: relative;
  overflow: hidden;
  background-color: var(--serene-silver);
  height: 100vh;
  min-height: 900px;
  display: flex;
  align-items: center;
  padding-top: 40px;
}
.mil-banner .mil-banner-img {
  width: 100%;
}
.mil-banner .mil-banner-img img {
  float: right;
}
.mil-banner .mil-banner-img.mil-banner-img-out img {
  transform: translateX(-80px);
  width: 190%;
  float: left;
}
@media screen and (max-width: 1200px) {
  .mil-banner {
    height: auto;
    margin-top: 80px;
    padding: 80px 0;
    padding-bottom: 0;
  }
  .mil-banner .container {
    margin-top: 0;
  }
  .mil-banner .mil-banner-text {
    text-align: center;
  }
  .mil-banner .mil-banner-img img {
    width: 100% !important;
    transform: none !important;
  }
  .mil-banner .mil-banner-img.mil-120 img {
    width: 120% !important;
  }
  .mil-banner .mil-banner-img.mil-banner-img-out img {
    transform: none;
    width: 110% !important;
    float: left;
  }
}
.mil-banner.mil-banner-inner {
  height: auto;
  background-color: transparent;
  min-height: 680px;
  padding-top: 80px;
  margin-top: 0;
}
.mil-banner.mil-banner-inner.mil-home-banner {
  padding-top: 160px;
  padding-bottom: 160px;
}
@media (max-width: 1200px) {
  .mil-banner.mil-banner-inner.mil-home-banner {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}
.mil-banner.banner-short {
  padding-bottom: 80px;
  height: 60vh;
  align-items: flex-end;
}
.mil-banner.mil-dark-1 {
  background: linear-gradient(90deg, #1B1D1D 0%, #0D5152 50%, #1B1D1D 100%);
}
.mil-banner.mil-dark-2 {
  background-color: #1B1717;
  background: linear-gradient(90deg, #1B1717 0%, rgba(13, 81, 82, 0.4) 50%, #1B1717 100%);
}

.mil-radial-g-1 {
  background-color: rgb(3, 166, 166);
  opacity: 0.6;
  position: absolute;
  width: 100vw;
  height: 100vw;
  top: -170%;
  left: 0;
  border-radius: 50%;
  filter: blur(200px);
}

.mil-radial-g-2 {
  background-color: var(--vigilant-teal);
  opacity: 0.6;
  position: absolute;
  width: 100vw;
  height: 100vw;
  top: -170%;
  left: 0;
  border-radius: 50%;
  filter: blur(200px);
}

.mil-radial-g-3 {
  background-color: #FDE400;
  opacity: 1;
  position: absolute;
  width: 60vw;
  height: 300px;
  bottom: -200px;
  right: 0;
  border-radius: 500px 0 0 0;
  filter: blur(200px);
}

/* -------------------------------------------

content list

------------------------------------------- */
.mil-banner-list {
  display: flex;
}
.mil-banner-list li {
  display: flex;
  align-items: center;
  position: relative;
  list-style-type: none;
  margin-bottom: 30px;
  margin-right: 30px;
  color: rgb(160, 205, 205);
  transition: 0.4s cubic-bezier(0, 0, 0.3642, 1);
}
.mil-banner-list li:last-child {
  margin-right: 0;
}
.mil-banner-list li:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f00c";
  margin-right: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  border: solid 2px rgb(160, 205, 205);
  color: rgb(160, 205, 205);
  width: 36px;
  height: 36px;
  border-radius: 50%;
}
.mil-banner-list.mil-type-2 li {
  color: rgb(13, 81, 82);
}
.mil-banner-list.mil-type-2 li:before {
  border: solid 2px rgb(3, 166, 166);
  color: rgb(3, 166, 166);
}

.mil-list-1 li {
  position: relative;
  padding-left: 45px;
  list-style-type: none;
  margin-bottom: 30px;
  transition: 0.4s cubic-bezier(0, 0, 0.3642, 1);
}
@media screen and (max-width: 992px) {
  .mil-list-1 li {
    opacity: 1;
  }
}
.mil-list-1 li:before {
  content: "";
  display: block;
  width: 1px;
  height: calc(100% + 30px);
  background-color: rgb(242, 250, 250);
  position: absolute;
  top: 0;
  left: 14px;
}
.mil-list-1 li:after {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  box-shadow: 0 0 0 8px rgb(242, 250, 250);
  background-color: rgb(3, 166, 166);
  position: absolute;
  top: 6px;
  left: 8px;
}
.mil-list-1 li:last-child {
  margin-bottom: 0;
}
.mil-list-1 li:last-child:before {
  display: none;
}
.mil-list-1.mil-accent li:after {
  background-color: var(--vigilant-teal);
}

.mil-list-2 li {
  position: relative;
  padding-left: 56px;
  list-style-type: none;
  margin-bottom: 30px;
  transition: 0.4s cubic-bezier(0, 0, 0.3642, 1);
}
.mil-list-2 li:after {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f00c";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  color: rgb(3, 166, 166);
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background-color: rgb(242, 250, 250);
  position: absolute;
  top: -4px;
  left: 0;
}
.mil-list-2 li:last-child {
  margin-bottom: 0;
}
.mil-list-2.mil-type-2 li:after {
  background-color: rgb(3, 166, 166);
  color: rgb(255, 255, 255);
}
.mil-list-2.mil-type-3 li:after {
  background-color: rgb(13, 81, 82);
  color: rgb(3, 166, 166);
}
.mil-list-2.mil-accent li:after {
  background-color: var(--vigilant-teal);
}

/* -------------------------------------------

brands

------------------------------------------- */
.mil-brand {
  margin: 0 auto;
  opacity: 0.5;
  filter: grayscale(100%);
  transition: 0.4s cubic-bezier(0, 0, 0.3642, 1);
}
.mil-brand img {
  display: inline-block;
}
.mil-brand:hover {
  opacity: 1;
  filter: grayscale(0);
}

.mil-brand-card {
  background-color: rgb(39, 38, 38);
  border-radius: 40px;
  padding: 30px;
}
.mil-brand-card img {
  filter: grayscale(100%);
  opacity: 0.5;
}

/* -------------------------------------------

facts

------------------------------------------- */
.mil-fact-bg {
  padding: 60px;
  border-radius: 40px;
  background: linear-gradient(0deg, #224D50 0%, #1C6360 100%);
}

/* -------------------------------------------

testimonials

------------------------------------------- */
.mil-testi-pagination {
  margin-top: 60px;
  width: 100%;
  display: flex;
  justify-content: center;
}
.mil-testi-pagination .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  background-color: rgb(137, 141, 150);
  transition: 0.2s cubic-bezier(0, 0, 0.3642, 1);
}
.mil-testi-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: var(--vigilant-teal);
}

.mil-slider-nav-1 {
  position: absolute;
  z-index: 2;
  top: 27%;
  left: -132px;
  display: flex;
  justify-content: space-between;
  width: calc(100% + 144px + 120px);
}

.mil-testi-prev {
  cursor: pointer;
  text-align: center;
  background-color: var(--vigilant-teal);
  height: 72px;
  width: 72px;
  border-radius: 50%;
  transition: 0.4s cubic-bezier(0, 0, 0.3642, 1);
  display: flex;
  justify-content: center;
  align-items: center;
}
.mil-testi-prev:after {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f054";
  transform: rotate(180deg);
  color: rgb(255, 255, 255);
}
.mil-testi-prev.swiper-button-disabled {
  background-color: rgba(196, 196, 196, 0.2);
  cursor: not-allowed;
}

.mil-testi-next {
  cursor: pointer;
  text-align: center;
  background-color: var(--vigilant-teal);
  height: 72px;
  width: 72px;
  border-radius: 50%;
  transition: 0.4s cubic-bezier(0, 0, 0.3642, 1);
  display: flex;
  justify-content: center;
  align-items: center;
}
.mil-testi-next:after {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f054";
  color: rgb(255, 255, 255);
}
.mil-testi-next.swiper-button-disabled {
  background-color: rgba(196, 196, 196, 0.2);
  cursor: not-allowed;
}

/* -------------------------------------------

accordion

------------------------------------------- */
.mil-accordion {
  width: 100%;
}
.mil-accordion .mil-accordion-group .mil-accordion-menu {
  color: rgb(13, 81, 82);
  padding: 30px 0;
  cursor: pointer;
  user-select: none;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
}
@media screen and (max-width: 992px) {
  .mil-accordion .mil-accordion-group .mil-accordion-menu {
    align-items: flex-start;
  }
}
.mil-accordion .mil-accordion-group .mil-accordion-menu h5 {
  width: calc(100% - 45px);
}
.mil-accordion .mil-accordion-group .mil-accordion-menu .mil-accordion-icon {
  width: 50px;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 10px;
  background-color: rgb(242, 250, 250);
  transition: 0.4s cubic-bezier(0, 0, 0.3642, 1);
}
.mil-accordion .mil-accordion-group .mil-accordion-menu .mil-accordion-icon.mil-dark {
  background-color: rgb(13, 81, 82);
}
.mil-accordion .mil-accordion-group .mil-accordion-menu .mil-accordion-icon.mil-dark i {
  color: rgb(242, 250, 250);
}
@media screen and (max-width: 992px) {
  .mil-accordion .mil-accordion-group .mil-accordion-menu .mil-accordion-icon {
    width: 30px;
    height: 30px;
  }
}
.mil-accordion .mil-accordion-group .mil-accordion-menu .mil-accordion-icon.mil-active {
  background-color: var(--vigilant-teal);
}
.mil-accordion .mil-accordion-group .mil-accordion-menu .mil-accordion-icon.mil-active i {
  color: rgb(255, 255, 255);
}
.mil-accordion .mil-accordion-group .mil-accordion-content {
  padding-right: 100px;
  height: 0;
  overflow: hidden;
  margin-bottom: 15px;
}
@media screen and (max-width: 992px) {
  .mil-accordion .mil-accordion-group .mil-accordion-content {
    padding-right: 0;
  }
}
.mil-accordion .mil-accordion-group:last-child .mil-accordion-content {
  margin-bottom: 0;
}

/* -------------------------------------------

illustrations

------------------------------------------- */
.mil-image-frame {
  position: relative;
  overflow: hidden;
  border-radius: 12px;
}
.mil-image-frame.mil-visible-overflow {
  overflow: visible;
}
.mil-image-frame img {
  width: 100%;
}
.mil-image-frame .mil-img-box {
  position: absolute;
  bottom: -1px;
  right: -1px;
  background-color: #ffffff;
  padding: 40px;
  border-radius: 20px 0 0 0;
  box-shadow: 0 0 30px -5px rgba(13, 81, 82, 0.1);
  line-height: 1;
}
.mil-image-frame .mil-img-box.mil-left-box {
  left: -1px;
  right: auto;
  border-radius: 0 20px 0 0;
}
.mil-image-frame .mil-img-box.mil-left-max {
  left: 0;
  max-width: 80%;
}
.mil-image-frame .mil-img-box.mil-right-max {
  right: 0;
  max-width: 80%;
}
.mil-image-frame .mil-img-box.mil-accent-box {
  background-color: var(--vigilant-teal);
}
.mil-image-frame .mil-img-box.mil-soft-box {
  background-color: rgba(242, 250, 250, 0.8);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
}
.mil-image-frame .mil-img-box div {
  overflow: hidden;
}
.mil-image-frame .mil-img-box img {
  width: auto;
  max-width: 40px;
  max-height: 40px;
}
@media (max-width: 1200px) {
  .mil-image-frame .mil-img-box {
    padding: 30px;
    font-size: 14px;
    bottom: 0;
    left: 0;
    right: auto;
    width: 100%;
    border-radius: 0;
    text-align: center;
  }
  .mil-image-frame .mil-img-box br {
    display: none;
  }
  .mil-image-frame .mil-img-box.mil-left-box {
    border-radius: 0;
  }
}
.mil-image-frame.mil-image-frame-2 {
  box-shadow: 0 0 30px -5px rgba(13, 81, 82, 0.1);
}
.mil-image-frame.mil-image-frame-2 img {
  transform: scale(1.05);
  transition: 0.8s cubic-bezier(0.1, 0.9, 0.3, 1);
}

.mil-illustration-absolute {
  width: 800px;
  margin: 0 auto;
  height: 400px;
  position: relative;
}
.mil-illustration-absolute img {
  position: absolute;
  width: 100%;
}
@media screen and (max-width: 992px) {
  .mil-illustration-absolute {
    width: 100%;
    height: auto;
  }
  .mil-illustration-absolute img {
    position: static;
  }
}
.mil-illustration-absolute.mil-type-2 {
  height: 250px;
}
@media screen and (max-width: 992px) {
  .mil-illustration-absolute.mil-type-2 {
    width: 100%;
    height: auto;
  }
}
.mil-illustration-absolute.mil-type-3 {
  height: 350px;
}
@media screen and (max-width: 992px) {
  .mil-illustration-absolute.mil-type-3 {
    width: 100%;
    height: auto;
  }
}

.mil-illustration-fix {
  margin-bottom: 160px;
}
@media screen and (max-width: 992px) {
  .mil-illustration-fix {
    padding-bottom: 80px;
    margin-bottom: 0;
  }
}

.mil-gradient-1 {
  position: absolute;
  z-index: -1;
  width: 130%;
  height: 70%;
  left: -30%;
  top: 50%;
  background: var(--vigilant-teal);
  opacity: 0.7;
  transform: translate(0, -50%);
  filter: blur(250px);
}

.mil-video-pos {
  width: 100%;
  position: absolute;
}
.mil-video-pos .mil-video {
  border-radius: 40px;
  position: relative;
  overflow: hidden;
  width: 100%;
  padding: 135px 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.mil-video-pos .mil-video img {
  width: 100%;
  height: 100%;
  position: absolute;
  object-fit: cover;
  object-position: center;
  top: 0;
  left: 0;
}
.mil-video-pos .mil-video .mil-video-play {
  background-color: var(--vigilant-teal);
  width: 220px;
  height: 220px;
  border-radius: 50%;
  z-index: 2;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: 0.4s cubic-bezier(0, 0, 0.3642, 1);
}
.mil-video-pos .mil-video .mil-video-play i {
  font-size: 24px;
  color: rgb(242, 250, 250);
}
.mil-video-pos .mil-video .mil-video-play:hover {
  transform: scale(1.1);
}
@media screen and (max-width: 1200px) {
  .mil-video-pos {
    position: static;
  }
}

/* -------------------------------------------

steps

------------------------------------------- */
.mil-step {
  opacity: 0.6;
  transition: 0.4s cubic-bezier(0, 0, 0.3642, 1);
}
.mil-step:hover {
  opacity: 1;
}
@media screen and (max-width: 992px) {
  .mil-step {
    opacity: 1;
  }
}

/* -------------------------------------------

icon box

------------------------------------------- */
.mil-icon-box {
  display: flex;
  border-radius: 40px;
  flex-direction: column;
}
.mil-icon-box img {
  display: block;
  width: 60px;
}
.mil-icon-box.mil-with-bg {
  padding: 60px 30px;
  background-color: rgb(242, 250, 250);
}
.mil-icon-box.mil-dark {
  padding: 60px 30px;
  background: linear-gradient(0deg, #224D50 0%, #1C6360 100%);
}
.mil-icon-box.mil-dark-2 {
  padding: 60px 30px;
  background-color: rgb(39, 38, 38);
}
.mil-icon-box.mil-bg-fix {
  padding: 60px 30px;
}
.mil-icon-box.mil-center {
  text-align: center;
}
.mil-icon-box.mil-center img {
  margin-left: auto;
  margin-right: auto;
}
.mil-icon-box.mil-hover {
  padding: 60px 30px;
  transition: 0.2s cubic-bezier(0, 0, 0.3642, 1);
}
.mil-icon-box.mil-hover:hover, .mil-icon-box.mil-hover.mil-hover-active {
  background-color: rgb(242, 250, 250);
}
.mil-icon-box.mil-hover:hover h5, .mil-icon-box.mil-hover:hover p, .mil-icon-box.mil-hover.mil-hover-active h5, .mil-icon-box.mil-hover.mil-hover-active p {
  color: rgb(13, 81, 82);
}
@media screen and (max-width: 992px) {
  .mil-icon-box {
    width: 100%;
    height: auto;
  }
  .mil-icon-box.mil-hover {
    background-color: rgb(242, 250, 250);
  }
  .mil-icon-box.mil-hover h5 {
    color: rgb(13, 81, 82);
  }
}
@media screen and (max-width: 768px) {
  .mil-icon-box.mil-bg-fix {
    background-color: rgba(196, 196, 196, 0.05);
  }
}

.mil-icon-box-2 {
  display: flex;
  align-items: flex-start;
}
.mil-icon-box-2 img {
  margin-right: 30px;
}
.mil-icon-box-2 p {
  width: 81%;
}
.mil-icon-box-2.mil-hover {
  opacity: 0.5;
  cursor: default;
  transition: 0.4s cubic-bezier(0, 0, 0.3642, 1);
}
.mil-icon-box-2.mil-hover .mil-button-transform {
  padding: 0;
  background-color: transparent;
  color: var(--vigilant-teal);
}
.mil-icon-box-2.mil-hover:hover, .mil-icon-box-2.mil-hover.mil-hover-active {
  opacity: 1;
}
.mil-icon-box-2.mil-hover:hover .mil-button-transform, .mil-icon-box-2.mil-hover.mil-hover-active .mil-button-transform {
  background-color: var(--vigilant-teal);
  padding: 0 30px;
  color: var(--serene-silver);
}
@media screen and (max-width: 992px) {
  .mil-icon-box-2.mil-hover {
    flex-direction: column;
    opacity: 1;
  }
}

.mil-icon-box-2-frame:hover .mil-icon-box-2.mil-hover {
  opacity: 0.5;
}
.mil-icon-box-2-frame:hover .mil-icon-box-2.mil-hover .mil-button-transform {
  padding: 0;
  background-color: transparent;
  color: var(--vigilant-teal);
}
.mil-icon-box-2-frame:hover .mil-icon-box-2.mil-hover:hover {
  opacity: 1;
}
.mil-icon-box-2-frame:hover .mil-icon-box-2.mil-hover:hover .mil-button-transform {
  background-color: var(--vigilant-teal);
  padding: 0 30px;
  color: var(--serene-silver);
}

/* -------------------------------------------

team

------------------------------------------- */
.mil-team-card {
  text-align: center;
}
.mil-team-card .mil-portrait {
  position: relative;
  padding-bottom: 130%;
  border-radius: 40px;
  overflow: hidden;
}
.mil-team-card .mil-portrait img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  object-fit: cover;
  object-position: center;
}

/* -------------------------------------------

vacancie

------------------------------------------- */
.mil-vacancie {
  position: relative;
  overflow: hidden;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 60px 100px;
  transform: translateX(-100px);
  background: rgb(242, 250, 250);
  width: calc(100% + 200px);
  border-radius: 40px;
}
.mil-vacancie:after {
  content: "";
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  background: linear-gradient(0deg, #224D50 0%, #1C6360 100%);
  width: 100%;
  height: 100%;
  z-index: 1;
  transition: 0.2s cubic-bezier(0, 0, 0.3642, 1);
}
.mil-vacancie .mil-left {
  display: block;
  z-index: 2;
  padding-right: 60px;
}
.mil-vacancie .mil-right {
  display: flex;
  justify-content: flex-end;
  z-index: 2;
}
.mil-vacancie .mil-tags {
  font-size: 14px;
  display: flex;
}
.mil-vacancie .mil-tags li {
  list-style-type: none;
  margin-right: 30px;
  color: rgb(137, 141, 150);
}
.mil-vacancie:hover:after {
  opacity: 1;
}
.mil-vacancie:hover h4 {
  color: rgb(242, 250, 250);
}
@media screen and (max-width: 992px) {
  .mil-vacancie {
    transform: translateX(0);
    width: 100%;
    padding: 60px;
    flex-direction: column;
    align-items: flex-start;
  }
  .mil-vacancie .mil-left {
    margin-bottom: 30px;
    padding-right: 0;
  }
}
@media screen and (max-width: 768px) {
  .mil-vacancie .mil-tags {
    flex-direction: column;
  }
  .mil-vacancie .mil-tags li {
    margin-right: 0;
    margin-bottom: 15px;
  }
}

/* -------------------------------------------

blog

------------------------------------------- */
.mil-blog-card {
  display: block;
  background-color: rgb(242, 250, 250);
  border-radius: 40px;
}
.mil-blog-card .mil-card-cover {
  position: relative;
  overflow: hidden;
  overflow: hidden;
  border-radius: 40px;
  padding-bottom: 65%;
}
.mil-blog-card .mil-card-cover img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.mil-blog-card .mil-descr {
  padding: 30px 30px 40px;
}

.mil-pub-cover {
  width: 100%;
  padding-bottom: 50%;
  position: relative;
  border-radius: 40px;
  overflow: hidden;
}
.mil-pub-cover img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  object-fit: cover;
  object-position: center;
}
.mil-pub-cover.mil-inner {
  padding-bottom: 65%;
}
@media screen and (max-width: 768px) {
  .mil-pub-cover {
    padding-bottom: 65%;
  }
}

.mil-pup-tags {
  display: flex;
  padding: 0;
}
.mil-pup-tags li {
  list-style-type: none;
  margin-right: 10px;
}
.mil-pup-tags li:last-child {
  margin-right: 0;
}
.mil-pup-tags li a {
  font-size: 14px;
  display: block;
  padding: 6px 30px;
  border-radius: 10px;
  border: solid 1px rgb(196, 196, 196);
  color: rgb(196, 196, 196);
  transition: 0.2s cubic-bezier(0, 0, 0.3642, 1);
}
.mil-pup-tags li a:hover {
  color: var(--vigilant-teal);
  border: solid 1px var(--vigilant-teal);
}
@media screen and (max-width: 768px) {
  .mil-pup-tags {
    flex-direction: column;
  }
  .mil-pup-tags li {
    margin-bottom: 15px;
    margin-right: 0;
  }
  .mil-pup-tags li:last-child {
    margin-bottom: 0;
  }
  .mil-pup-tags li a {
    text-align: center;
  }
}

.mil-share-frame {
  display: flex;
  align-items: center;
}
.mil-share-frame h6 {
  margin-right: 15px;
}
@media screen and (max-width: 768px) {
  .mil-share-frame {
    flex-direction: column;
  }
  .mil-share-frame h6 {
    margin-bottom: 15px;
    margin-right: 0;
  }
}

.mil-pup-share {
  display: flex;
  padding: 0;
}
.mil-pup-share li {
  list-style-type: none;
  margin-right: 10px;
}
.mil-pup-share li:last-child {
  margin-right: 0;
}
.mil-pup-share li a {
  font-size: 14px;
  display: block;
  padding: 6px 15px;
  border-radius: 10px;
  background-color: rgb(242, 250, 250);
  color: rgb(196, 196, 196);
  transition: 0.2s cubic-bezier(0, 0, 0.3642, 1);
}
.mil-pup-share li a i {
  color: rgb(196, 196, 196);
  margin-right: 10px;
}
.mil-pup-share li a:hover {
  background-color: var(--vigilant-teal);
  color: var(--serene-silver);
}
.mil-pup-share li a:hover i {
  color: rgb(255, 255, 255);
}

.mil-next-post {
  padding: 60px 0;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  border-top: solid 1px rgb(196, 196, 196);
  border-bottom: solid 1px rgb(196, 196, 196);
}
.mil-next-post .mil-descr {
  text-align: right;
  padding-right: 60px;
}
.mil-next-post .mil-cover {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 200px;
  height: 200px;
  border-radius: 40px;
  overflow: hidden;
}
.mil-next-post .mil-cover img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  transition: 0.4s cubic-bezier(0, 0, 0.3642, 1);
}
.mil-next-post .mil-cover i {
  background-color: var(--vigilant-teal);
  color: var(--serene-silver);
  position: absolute;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transform: scale(0.5);
  transition: 0.4s cubic-bezier(0, 0, 0.3642, 1);
}
.mil-next-post .mil-cover:hover img {
  transform: scale(1.1);
}
.mil-next-post .mil-cover:hover i {
  transform: scale(1);
  opacity: 1;
}
@media screen and (max-width: 768px) {
  .mil-next-post {
    flex-direction: column;
  }
  .mil-next-post .mil-descr {
    text-align: center;
    margin-bottom: 30px;
    padding: 0;
  }
}

/* -------------------------------------------

comments

------------------------------------------- */
.mil-comments li {
  list-style-type: none;
}
.mil-comments li .mil-comment {
  display: flex;
  margin-bottom: 60px;
}
.mil-comments li .mil-comment .mil-avatar {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  overflow: hidden;
  position: relative;
}
.mil-comments li .mil-comment .mil-avatar img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top;
}
.mil-comments li .mil-comment .mil-comment-text {
  position: relative;
  padding-left: 30px;
  width: calc(100% - 60px);
}
.mil-comments li .mil-comment .mil-comment-text .mil-reply {
  position: absolute;
  top: 0;
  right: 0;
  font-weight: 600;
  font-size: 14px;
  font-family: "Switzer-Variable";
  color: var(--vigilant-teal);
}
.mil-comments li ul {
  padding-left: 90px;
}
@media screen and (max-width: 768px) {
  .mil-comments li .mil-comment .mil-avatar {
    width: 40px;
    height: 40px;
  }
  .mil-comments li .mil-comment .mil-comment-text {
    padding-left: 15px;
    width: calc(100% - 40px);
  }
  .mil-comments li ul {
    padding-left: 55px;
  }
}

/* -------------------------------------------

form

------------------------------------------- */
.mil-input {
  width: 100%;
  height: 70px;
  border: solid 1px rgba(137, 141, 150, 0.2);
  font-weight: 600;
  font-size: 14px;
  font-family: "Switzer-Variable";
  border-radius: 20px;
  padding: 0 30px;
}
.mil-input::placeholder {
  font-weight: 600;
  font-size: 14px;
  font-family: "Switzer-Variable";
}

textarea {
  width: 100%;
  border: solid 1px rgb(196, 196, 196);
  border-radius: 20px;
  padding: 30px 30px;
}
textarea::placeholder {
  font-weight: 600;
  font-size: 14px;
  font-family: "Switzer-Variable";
}

.mil-checkbox-frame {
  display: flex;
  align-items: center;
}
.mil-checkbox-frame p {
  padding-left: 15px;
}

.mil-checkbox {
  position: relative;
  height: 24px;
  width: 24px;
}

.mil-checkbox label {
  background-color: rgb(255, 255, 255);
  border: 1px solid rgb(196, 196, 196);
  border-radius: 3px;
  cursor: pointer;
  height: 24px;
  width: 24px;
  left: 0;
  position: absolute;
  top: 0;
}

.mil-checkbox label:after {
  border: 2px solid rgb(255, 255, 255);
  border-top: none;
  border-right: none;
  content: "";
  height: 6px;
  left: 5px;
  opacity: 0;
  position: absolute;
  top: 6px;
  transform: rotate(-45deg);
  width: 12px;
}

.mil-checkbox input[type=checkbox] {
  visibility: hidden;
}

.mil-checkbox input[type=checkbox]:checked + label {
  background-color: var(--vigilant-teal);
  border-color: var(--vigilant-teal);
}

.mil-checkbox input[type=checkbox]:checked + label:after {
  opacity: 1;
}

.mil-subscripe-form {
  position: relative;
  display: flex;
}
.mil-subscripe-form .mil-input {
  margin-right: 15px;
}
@media screen and (max-width: 768px) {
  .mil-subscripe-form {
    flex-direction: column;
  }
  .mil-subscripe-form .mil-input {
    margin-bottom: 15px;
  }
}

/* -------------------------------------------

text list

------------------------------------------- */
.mil-text-list li {
  text-align: left !important;
  display: flex;
  align-items: center;
  list-style-type: none;
  margin-bottom: 10px;
}
.mil-text-list li:before {
  display: block;
  content: "";
  background-color: rgb(160, 205, 205);
  width: 10px;
  height: 10px;
  border-radius: 50%;
  margin-right: 20px;
}
.mil-text-list li:last-child {
  margin-bottom: 0;
}
.mil-text-list.mil-check li:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f00c";
  padding: 5px;
  font-size: 10px;
  color: rgb(3, 166, 166);
  display: flex;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: rgb(242, 250, 250);
}
.mil-text-list.mil-check.mil-type-2 li:before {
  background-color: rgb(3, 166, 166);
  color: rgb(242, 250, 250);
}

/* -------------------------------------------

price

------------------------------------------- */
.mil-switcher {
  position: relative;
  display: flex;
  justify-content: center;
  background-color: rgb(13, 81, 82);
  border: solid 5px rgb(13, 81, 82);
  width: 245px;
  padding: 0;
  border-radius: 50px;
}
.mil-switcher:after {
  content: "-30%";
  background: linear-gradient(180deg, var(--vigilant-teal) 0%, #224D50 100%);
  padding: 10px 15px;
  border-radius: 40px;
  position: absolute;
  top: -20px;
  right: -20px;
  font-family: "Switzer-Variable";
  font-size: 12px;
  font-weight: 600;
  color: var(--serene-silver);
}
.mil-switcher span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 120px;
  text-align: center;
  height: 60px;
  cursor: pointer;
  color: #fff;
  border-radius: 50px;
  font-size: 14px;
  font-weight: 600;
  font-family: "Switzer-Variable";
  margin-right: 5px;
  transition: 0.2s cubic-bezier(0, 0, 0.3642, 1);
}
.mil-switcher span:last-child {
  margin-right: 0;
}
.mil-switcher span.mil-active {
  background-color: #fff;
  color: rgb(13, 81, 82);
}

.mil-price-card {
  padding: 60px 30px;
  text-align: center;
  border-radius: 40px;
}
.mil-price-card .mil-sup-text {
  font-size: 18px;
  margin-left: 5px;
}
.mil-price-card.mil-featured {
  background: linear-gradient(0deg, #224D50 0%, #1C6360 100%);
}
.mil-price-card li {
  list-style: none;
}
@media screen and (max-width: 768px) {
  .mil-price-card {
    background-color: rgba(196, 196, 196, 0.05);
  }
}

/* -------------------------------------------

footer

------------------------------------------- */
footer .mil-footer-logo {
  display: inline-block;
}
footer .mil-footer-list li {
  list-style-type: none;
}
footer .mil-footer-list li a {
  transition: 0.2s cubic-bezier(0, 0, 0.3642, 1);
}
footer .mil-footer-list li a:hover {
  color: rgb(13, 81, 82);
}
footer .mil-footer-list.mil-footer-list-2 {
  display: flex;
}
footer .mil-footer-list.mil-footer-list-2 li {
  margin-right: 30px;
  margin-bottom: 0;
}
footer .mil-footer-list.mil-footer-list-2 li a {
  transition: 0.2s cubic-bezier(0, 0, 0.3642, 1);
}
footer .mil-footer-list.mil-footer-list-2 li a:hover {
  color: rgb(255, 255, 255);
}
@media (max-width: 768px) {
  footer .mil-footer-list.mil-footer-list-2 {
    flex-direction: column;
  }
  footer .mil-footer-list.mil-footer-list-2 li {
    margin-bottom: 15px;
  }
}
footer .mil-footer-bottom {
  padding-top: 60px;
  padding-bottom: 60px;
  border-top: solid 1px rgba(137, 141, 150, 0.2);
}
footer.mil-footer-with-bg {
  background-color: rgb(242, 250, 250);
}
footer.mil-footer-with-bg .mil-footer-bottom {
  border-top: solid 1px rgba(137, 141, 150, 0.2);
}
footer.mil-footer-dark {
  background-color: rgb(13, 81, 82);
}
footer.mil-footer-dark .mil-footer-bottom {
  border-top: solid 1px rgba(3, 166, 166, 0.2);
}
footer.mil-footer-dark-2 {
  background-color: rgb(39, 38, 38);
}
footer.mil-footer-dark-2 .mil-footer-bottom {
  border-top: solid 1px rgba(137, 141, 150, 0.2);
}

.mil-footer-space-fix {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}

.mil-subscripe-form-footer {
  position: relative;
}
.mil-subscripe-form-footer input {
  background-color: transparent;
  height: 65px;
}
.mil-subscripe-form-footer input:focus {
  outline: inherit;
}
.mil-subscripe-form-footer button {
  background-color: transparent;
  border: none;
  position: absolute;
  top: 20px;
  right: 25px;
  font-size: 22px;
  cursor: pointer;
}
.mil-subscripe-form-footer button i {
  color: rgb(242, 250, 250);
}
.mil-subscripe-form-footer button i.mil-dark {
  color: rgb(13, 81, 82);
}

/* Hero section now uses standard mil-banner classes */

/* Feature Card Styles */
.mil-feature-card {
    display: block;
    background-color: #F2F4F7; /* Serene Silver */
    padding: 40px;
    border-radius: 12px;
    border: 1px solid #EAEAEA;
    height: 100%;
    text-align: center;
    text-decoration: none;
    color: inherit;
    transition: all 0.3s ease;
}

.mil-feature-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 30px -10px rgba(26, 50, 78, 0.1);
    border-color: transparent;
}

.mil-card-icon {
    max-width: 50px;
    max-height: 50px;
    margin-left: auto;
    margin-right: auto;
}

.mil-card-link {
    color: #007C8C; /* Vigilant Teal */
    font-weight: 600;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    display: inline-block;
    position: relative;
}

.mil-card-link:after {
    content: '→';
    margin-left: 5px;
    transition: transform 0.3s ease;
    display: inline-block;
}

.mil-feature-card:hover .mil-card-link:after {
    transform: translateX(5px);
}

.mil-subscripe-form-footer {
    /* ... existing code ... */
}
@tailwind components;
@tailwind utilities;

@layer components {
  .all-\[unset\] {
    all: unset;
  }
}

/* Fortis Style Guide */

:root {
    /* Base Colors */
    --basewhite: rgba(255, 255, 255, 1);
    --baseblack: rgba(0, 0, 0, 1);
    --basetransparent: rgba(255, 255, 255, 0);
  
    /* Brand Colors */
    --colorsbrand-50: rgba(238, 248, 250, 1);
    --colorsbrand-100: rgba(225, 239, 242, 1);
    --colorsbrand-200: rgba(196, 223, 229, 1);
    --colorsbrand-300: rgba(166, 208, 217, 1);
    --colorsbrand-400: rgba(137, 192, 204, 1);
    --colorsbrand-500: rgba(107, 176, 191, 1);
    --colorsbrand-600: rgba(86, 141, 153, 1);
    --colorsbrand-700: rgba(64, 106, 115, 1);
    --colorsbrand-800: rgba(43, 70, 76, 1);
    --colorsbrand-900: rgba(43, 70, 76, 1);
    --colorsbrand-950: rgba(21, 35, 38, 1);
  
    /* Collection 2 Colors with Tints */
    /* 25-50 Range */
    --collection-2-25: rgba(252, 252, 253, 1);
    --collection-2-50: rgba(248, 249, 252, 1);
    --collection-2-50-10: rgba(239, 248, 255, 1);
    --collection-2-50-11: rgba(239, 244, 255, 1);
    --collection-2-50-12: rgba(238, 244, 255, 1);
    --collection-2-50-2: rgba(250, 250, 249, 1);
    --collection-2-50-3: rgba(250, 250, 249, 1);
    --collection-2-50-4: rgba(250, 250, 250, 1);
    --collection-2-50-5: rgba(250, 250, 250, 1);
    --collection-2-50-6: rgba(248, 250, 252, 1);
    --collection-2-50-7: rgba(248, 249, 252, 1);
    --collection-2-50-8: rgba(236, 253, 255, 1);
    --collection-2-50-9: rgba(240, 249, 255, 1);
  
    /* 100 Range */
    --collection-2-100: rgba(234, 236, 245, 1);
    --collection-2-100-10: rgba(209, 233, 255, 1);
    --collection-2-100-11: rgba(209, 224, 255, 1);
    --collection-2-100-12: rgba(224, 234, 255, 1);
    --collection-2-100-2: rgba(245, 245, 244, 1);
    --collection-2-100-3: rgba(245, 245, 244, 1);
    --collection-2-100-4: rgba(244, 244, 245, 1);
    --collection-2-100-5: rgba(244, 244, 245, 1);
    --collection-2-100-6: rgba(238, 242, 246, 1);
    --collection-2-100-7: rgba(234, 236, 245, 1);
    --collection-2-100-8: rgba(207, 249, 254, 1);
    --collection-2-100-9: rgba(224, 242, 254, 1);
  
    /* 200 Range */
    --collection-2-200: rgba(213, 217, 235, 1);
    --collection-2-200-10: rgba(178, 221, 255, 1);
    --collection-2-200-11: rgba(178, 204, 255, 1);
    --collection-2-200-12: rgba(199, 215, 254, 1);
    --collection-2-200-2: rgba(231, 229, 228, 1);
    --collection-2-200-3: rgba(231, 229, 228, 1);
    --collection-2-200-4: rgba(228, 228, 231, 1);
    --collection-2-200-5: rgba(228, 228, 231, 1);
    --collection-2-200-6: rgba(227, 232, 239, 1);
    --collection-2-200-7: rgba(213, 217, 235, 1);
    --collection-2-200-8: rgba(165, 240, 252, 1);
    --collection-2-200-9: rgba(185, 230, 254, 1);
  
    /* 300 Range */
    --collection-2-300: rgba(179, 184, 219, 1);
    --collection-2-300-10: rgba(132, 202, 255, 1);
    --collection-2-300-11: rgba(132, 173, 255, 1);
    --collection-2-300-12: rgba(164, 188, 253, 1);
    --collection-2-300-2: rgba(215, 211, 208, 1);
    --collection-2-300-3: rgba(215, 211, 208, 1);
    --collection-2-300-4: rgba(209, 209, 214, 1);
    --collection-2-300-5: rgba(209, 209, 214, 1);
    --collection-2-300-6: rgba(205, 213, 223, 1);
    --collection-2-300-7: rgba(179, 184, 219, 1);
    --collection-2-300-8: rgba(103, 227, 249, 1);
    --collection-2-300-9: rgba(124, 212, 253, 1);
  
    /* 400 Range */
    --collection-2-400: rgba(113, 123, 188, 1);
    --collection-2-400-10: rgba(83, 177, 253, 1);
    --collection-2-400-11: rgba(82, 139, 255, 1);
    --collection-2-400-12: rgba(128, 152, 249, 1);
    --collection-2-400-2: rgba(169, 162, 157, 1);
    --collection-2-400-3: rgba(169, 162, 157, 1);
    --collection-2-400-4: rgba(160, 160, 171, 1);
    --collection-2-400-5: rgba(160, 160, 171, 1);
    --collection-2-400-6: rgba(154, 164, 178, 1);
    --collection-2-400-7: rgba(113, 123, 188, 1);
    --collection-2-400-8: rgba(34, 204, 238, 1);
    --collection-2-400-9: rgba(54, 191, 250, 1);
  
    /* 500 Range */
    --collection-2-500: rgba(78, 91, 166, 1);
    --collection-2-500-10: rgba(11, 165, 236, 1);
    --collection-2-500-11: rgba(46, 144, 250, 1);
    --collection-2-500-12: rgba(41, 112, 255, 1);
    --collection-2-500-13: rgba(97, 114, 243, 1);
    --collection-2-500-2: rgba(121, 113, 107, 1);
    --collection-2-500-3: rgba(121, 113, 107, 1);
    --collection-2-500-4: rgba(112, 112, 123, 1);
    --collection-2-500-5: rgba(112, 112, 123, 1);
    --collection-2-500-6: rgba(108, 115, 127, 1);
    --collection-2-500-7: rgba(105, 117, 134, 1);
    --collection-2-500-8: rgba(78, 91, 166, 1);
    --collection-2-500-9: rgba(6, 174, 212, 1);
  
    /* 600 Range */
    --collection-2-600: rgba(62, 71, 132, 1);
    --collection-2-600-10: rgba(21, 112, 239, 1);
    --collection-2-600-11: rgba(21, 94, 239, 1);
    --collection-2-600-12: rgba(68, 76, 231, 1);
    --collection-2-600-2: rgba(87, 83, 78, 1);
    --collection-2-600-3: rgba(87, 83, 78, 1);
    --collection-2-600-4: rgba(81, 82, 92, 1);
    --collection-2-600-5: rgba(81, 82, 92, 1);
    --collection-2-600-6: rgba(75, 85, 101, 1);
    --collection-2-600-7: rgba(62, 71, 132, 1);
    --collection-2-600-8: rgba(8, 138, 178, 1);
    --collection-2-600-9: rgba(0, 134, 201, 1);
  
    /* 700 Range */
    --collection-2-700: rgba(54, 63, 114, 1);
    --collection-2-700-10: rgba(23, 92, 211, 1);
    --collection-2-700-11: rgba(0, 78, 235, 1);
    --collection-2-700-12: rgba(53, 56, 205, 1);
    --collection-2-700-2: rgba(68, 64, 60, 1);
    --collection-2-700-3: rgba(68, 64, 60, 1);
    --collection-2-700-4: rgba(63, 63, 70, 1);
    --collection-2-700-5: rgba(63, 63, 70, 1);
    --collection-2-700-6: rgba(54, 65, 82, 1);
    --collection-2-700-7: rgba(54, 63, 114, 1);
    --collection-2-700-8: rgba(14, 112, 144, 1);
    --collection-2-700-9: rgba(2, 106, 162, 1);
  
    /* 800 Range */
    --collection-2-800: rgba(41, 48, 86, 1);
    --collection-2-800-10: rgba(24, 73, 169, 1);
    --collection-2-800-11: rgba(0, 64, 193, 1);
    --collection-2-800-12: rgba(45, 49, 166, 1);
    --collection-2-800-2: rgba(41, 37, 36, 1);
    --collection-2-800-3: rgba(41, 37, 36, 1);
    --collection-2-800-4: rgba(38, 39, 43, 1);
    --collection-2-800-5: rgba(38, 39, 43, 1);
    --collection-2-800-6: rgba(32, 41, 57, 1);
    --collection-2-800-7: rgba(41, 48, 86, 1);
    --collection-2-800-8: rgba(21, 91, 117, 1);
    --collection-2-800-9: rgba(6, 89, 134, 1);
  
    /* 900 Range */
    --collection-2-900: rgba(16, 19, 35, 1);
    --collection-2-900-10: rgba(25, 65, 133, 1);
    --collection-2-900-11: rgba(0, 53, 158, 1);
    --collection-2-900-12: rgba(45, 50, 130, 1);
    --collection-2-900-2: rgba(28, 25, 23, 1);
    --collection-2-900-3: rgba(28, 25, 23, 1);
    --collection-2-900-4: rgba(26, 26, 30, 1);
    --collection-2-900-5: rgba(26, 26, 30, 1);
    --collection-2-900-6: rgba(18, 25, 38, 1);
    --collection-2-900-7: rgba(16, 19, 35, 1);
    --collection-2-900-8: rgba(22, 76, 99, 1);
    --collection-2-900-9: rgba(11, 74, 111, 1);
  
    /* 950 Range */
    --collection-2-950: rgba(13, 15, 28, 1);
    --collection-2-950-10: rgba(16, 42, 86, 1);
    --collection-2-950-11: rgba(0, 34, 102, 1);
    --collection-2-950-12: rgba(31, 35, 91, 1);
    --collection-2-950-2: rgba(23, 20, 18, 1);
    --collection-2-950-3: rgba(23, 20, 18, 1);
    --collection-2-950-4: rgba(19, 19, 22, 1);
    --collection-2-950-5: rgba(19, 19, 22, 1);
    --collection-2-950-6: rgba(13, 18, 28, 1);
    --collection-2-950-7: rgba(13, 15, 28, 1);
    --collection-2-950-8: rgba(13, 45, 58, 1);
    --collection-2-950-9: rgba(6, 44, 65, 1);
  
    /* Success Colors */
    --success-50: rgba(236, 253, 243, 1);
    --success-200: rgba(171, 239, 198, 1);
    --success-700: rgba(6, 118, 71, 1);
  
    /* Gray Colors */
    --gray-600: rgba(83, 88, 98, 1);
    --gray-900: rgba(24, 29, 39, 1);
  
    /* Alpha Colors */
    --collection-2-alpha-black-10: rgba(0, 0, 0, 0.1);
  
    /* Shadows */
    --shadows-shadow-lg: 0px 2px 2px -1px rgba(10, 13, 18, 0.04), 0px 4px 6px -2px rgba(10, 13, 18, 0.03), 0px 12px 16px -4px rgba(10, 13, 18, 0.08);
  
    /* Border Radius */
    --collection-2-radius-xl: 12px;
  
    /* Typography */
    --text-lg-medium-font-family: "Inter", Helvetica;
    --text-lg-medium-font-size: 18px;
    --text-lg-medium-font-style: normal;
    --text-lg-medium-font-weight: 500;
    --text-lg-medium-letter-spacing: 0px;
    --text-lg-medium-line-height: 28px;
  
    --text-lg-semibold-font-family: "Inter", Helvetica;
    --text-lg-semibold-font-size: 18px;
    --text-lg-semibold-font-style: normal;
    --text-lg-semibold-font-weight: 600;
    --text-lg-semibold-letter-spacing: 0px;
    --text-lg-semibold-line-height: 28px;
  
    --text-md-regular-font-family: "Inter", Helvetica;
    --text-md-regular-font-size: 16px;
    --text-md-regular-font-style: normal;
    --text-md-regular-font-weight: 400;
    --text-md-regular-letter-spacing: 0px;
    --text-md-regular-line-height: 24px;
  
    --text-xs-medium-font-family: "Inter", Helvetica;
    --text-xs-medium-font-size: 12px;
    --text-xs-medium-font-style: normal;
    --text-xs-medium-font-weight: 500;
    --text-xs-medium-letter-spacing: 0px;
    --text-xs-medium-line-height: 18px;
  
    /* Component Styles */
    /* Window Cover Section */
    --window-cover-padding: 80px 0;
    --window-cover-mobile-padding: 40px 0;
    --window-cover-box-padding: 40px;
    --window-cover-box-mobile-padding: 30px;
    --window-cover-box-radius: var(--collection-2-radius-xl);
    --window-cover-box-shadow: var(--shadows-shadow-lg);
    --window-cover-box-hover-shadow: 0px 4px 4px -2px rgba(10, 13, 18, 0.03), 0px 12px 16px -4px rgba(10, 13, 18, 0.08), 0px 20px 24px -4px rgba(10, 13, 18, 0.12);
  
    /* Accordion */
    --accordion-item-padding: 24px;
    --accordion-item-mobile-padding: 20px;
    --accordion-item-radius: var(--collection-2-radius-xl);
    --accordion-item-border: 1px solid var(--collection-2-alpha-black-10);
    --accordion-item-hover-border: 1px solid var(--colorsbrand-600);
    --accordion-item-hover-shadow: 0px 2px 2px -1px rgba(10, 13, 18, 0.04), 0px 4px 6px -2px rgba(10, 13, 18, 0.03);
    --accordion-item-focus-ring: 2px solid var(--colorsbrand-600);
    --accordion-item-focus-ring-opacity: 0.2;
    --accordion-checkmark-size: 28px;
    --accordion-checkmark-mobile-size: 24px;
    --accordion-checkmark-bg: var(--colorsbrand-50);
    --accordion-checkmark-color: var(--colorsbrand-600);
    --accordion-checkmark-hover-bg: var(--colorsbrand-100);
    --accordion-checkmark-hover-color: var(--colorsbrand-600);
    --accordion-checkmark-active-bg: var(--colorsbrand-100);
    --accordion-checkmark-active-color: var(--colorsbrand-600);
    --accordion-transition: all 0.3s ease;
  }
  
  /* Dark Mode */
  [data-1-color-modes-mode="dark-mode"] {
    /* Component Styles - Dark Mode */
    --window-cover-box-shadow: 0px 2px 2px -1px rgba(0, 0, 0, 0.2), 0px 4px 6px -2px rgba(0, 0, 0, 0.15), 0px 12px 16px -4px rgba(0, 0, 0, 0.3);
    --window-cover-box-hover-shadow: 0px 4px 4px -2px rgba(0, 0, 0, 0.15), 0px 12px 16px -4px rgba(0, 0, 0, 0.3), 0px 20px 24px -4px rgba(0, 0, 0, 0.4);
    
    --accordion-item-border: 1px solid var(--collection-2-alpha-black-10);
    --accordion-item-hover-border: 1px solid var(--colorsbrand-400);
    --accordion-item-focus-ring: 2px solid var(--colorsbrand-400);
    --accordion-checkmark-bg: var(--colorsbrand-900);
    --accordion-checkmark-color: var(--colorsbrand-400);
    --accordion-checkmark-hover-bg: var(--colorsbrand-800);
    --accordion-checkmark-hover-color: var(--colorsbrand-400);
    --accordion-checkmark-active-bg: var(--colorsbrand-800);
    --accordion-checkmark-active-color: var(--colorsbrand-400);
  } 
  :root {
    --avatar-user-squareabraham-baker-color-background: rgba(209, 210, 227, 1);
    --avatar-user-squareabraham-baker-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-squareadem-lane-color-background: rgba(199, 209, 176, 1);
    --avatar-user-squareadem-lane-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-squareadil-floyd-color-background: rgba(229, 221, 206, 1);
    --avatar-user-squareadil-floyd-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-squareadriana-osullivan-color-background: rgba(229, 209, 230, 1);
    --avatar-user-squareadriana-osullivan-neutral-background: rgba(
      224,
      224,
      224,
      1
    );
    --avatar-user-squarealec-whitten-color-background: rgba(216, 221, 192, 1);
    --avatar-user-squarealec-whitten-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-squareali-mahdi-color-background: rgba(207, 212, 198, 1);
    --avatar-user-squareali-mahdi-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-squarealiah-lane-color-background: rgba(207, 203, 220, 1);
    --avatar-user-squarealiah-lane-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-squarealisa-hester-color-background: rgba(229, 209, 230, 1);
    --avatar-user-squarealisa-hester-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-squareamanda-lowery-color-background: rgba(224, 193, 195, 1);
    --avatar-user-squareamanda-lowery-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-squareamlie-laurent-color-background: rgba(221, 192, 206, 1);
    --avatar-user-squareamlie-laurent-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-squareammar-foley-color-background: rgba(199, 209, 176, 1);
    --avatar-user-squareammar-foley-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-squareanaiah-whitten-color-background: rgba(217, 208, 230, 1);
    --avatar-user-squareanaiah-whitten-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-squareandi-lane-color-background: rgba(220, 204, 189, 1);
    --avatar-user-squareandi-lane-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-squareanita-cruz-color-background: rgba(215, 227, 232, 1);
    --avatar-user-squareanita-cruz-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-squareashton-blackwell-color-background: rgba(211, 214, 233, 1);
    --avatar-user-squareashton-blackwell-neutral-background: rgba(
      224,
      224,
      224,
      1
    );
    --avatar-user-squareashwin-santiago-color-background: rgba(209, 226, 231, 1);
    --avatar-user-squareashwin-santiago-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-squareava-bentley-color-background: rgba(204, 221, 225, 1);
    --avatar-user-squareava-bentley-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-squareava-wright-color-background: rgba(221, 208, 190, 1);
    --avatar-user-squareava-wright-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-squareaysha-becker-color-background: rgba(209, 226, 231, 1);
    --avatar-user-squareaysha-becker-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-squarebailey-richards-color-background: rgba(232, 215, 234, 1);
    --avatar-user-squarebailey-richards-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-squarebec-ferguson-color-background: rgba(231, 211, 215, 1);
    --avatar-user-squarebec-ferguson-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-squarebelle-woods-color-background: rgba(215, 205, 229, 1);
    --avatar-user-squarebelle-woods-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-squarebillie-wright-color-background: rgba(233, 220, 187, 1);
    --avatar-user-squarebillie-wright-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-squareblake-riley-color-background: rgba(214, 207, 183, 1);
    --avatar-user-squareblake-riley-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-squarebrianna-ware-color-background: rgba(214, 179, 179, 1);
    --avatar-user-squarebrianna-ware-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-squarebyron-robertson-color-background: rgba(219, 202, 189, 1);
    --avatar-user-squarebyron-robertson-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-squarecaitlyn-king-color-background: rgba(207, 212, 198, 1);
    --avatar-user-squarecaitlyn-king-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-squarecameron-yang-color-background: rgba(215, 227, 232, 1);
    --avatar-user-squarecameron-yang-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-squarecandice-wu-color-background: rgba(217, 208, 230, 1);
    --avatar-user-squarecandice-wu-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-squarecohen-lozano-color-background: rgba(198, 208, 203, 1);
    --avatar-user-squarecohen-lozano-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-squarecourtney-turner-color-background: rgba(199, 209, 176, 1);
    --avatar-user-squarecourtney-turner-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-squaredemi-wilkinson-color-background: rgba(218, 220, 214, 1);
    --avatar-user-squaredemi-wilkinson-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-squaredillan-nguyen-color-background: rgba(223, 194, 192, 1);
    --avatar-user-squaredillan-nguyen-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-squaredrew-cano-color-background: rgba(217, 229, 204, 1);
    --avatar-user-squaredrew-cano-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-squareeduard-franz-color-background: rgba(229, 221, 206, 1);
    --avatar-user-squareeduard-franz-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-squareelisa-nishikawa-color-background: rgba(211, 220, 207, 1);
    --avatar-user-squareelisa-nishikawa-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-squareelsie-roy-color-background: rgba(203, 225, 239, 1);
    --avatar-user-squareelsie-roy-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-squareerica-wyatt-color-background: rgba(229, 207, 231, 1);
    --avatar-user-squareerica-wyatt-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-squareethan-campbell-color-background: rgba(219, 202, 189, 1);
    --avatar-user-squareethan-campbell-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-squareethan-valdez-color-background: rgba(214, 231, 234, 1);
    --avatar-user-squareethan-valdez-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-squareeva-bond-color-background: rgba(232, 215, 234, 1);
    --avatar-user-squareeva-bond-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-squareeve-leroy-color-background: rgba(223, 195, 205, 1);
    --avatar-user-squareeve-leroy-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-squarefleur-cook-color-background: rgba(218, 220, 214, 1);
    --avatar-user-squarefleur-cook-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-squareflorence-shaw-color-background: rgba(207, 212, 198, 1);
    --avatar-user-squareflorence-shaw-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-squarefrank-whitaker-color-background: rgba(207, 212, 198, 1);
    --avatar-user-squarefrank-whitaker-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-squarefranklin-mays-color-background: rgba(215, 227, 232, 1);
    --avatar-user-squarefranklin-mays-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-squarefreya-browning-color-background: rgba(223, 194, 192, 1);
    --avatar-user-squarefreya-browning-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-squaregenevieve-mclean-color-background: rgba(187, 192, 221, 1);
    --avatar-user-squaregenevieve-mclean-neutral-background: rgba(
      224,
      224,
      224,
      1
    );
    --avatar-user-squareharriet-rojas-color-background: rgba(233, 220, 187, 1);
    --avatar-user-squareharriet-rojas-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-squareharry-bender-color-background: rgba(207, 212, 198, 1);
    --avatar-user-squareharry-bender-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-squarehasan-johns-color-background: rgba(216, 221, 192, 1);
    --avatar-user-squarehasan-johns-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-squareisla-allison-color-background: rgba(233, 220, 187, 1);
    --avatar-user-squareisla-allison-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-squareisobel-fuller-color-background: rgba(233, 220, 187, 1);
    --avatar-user-squareisobel-fuller-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-squarejackson-reed-color-background: rgba(215, 227, 232, 1);
    --avatar-user-squarejackson-reed-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-squarejay-shepard-color-background: rgba(199, 209, 176, 1);
    --avatar-user-squarejay-shepard-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-squarejaya-willis-color-background: rgba(198, 208, 203, 1);
    --avatar-user-squarejaya-willis-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-squarejayden-moss-color-background: rgba(223, 195, 205, 1);
    --avatar-user-squarejayden-moss-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-squarejessie-meyton-color-background: rgba(211, 214, 233, 1);
    --avatar-user-squarejessie-meyton-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-squarejonathan-kelly-color-background: rgba(229, 207, 231, 1);
    --avatar-user-squarejonathan-kelly-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-squarejordan-burgess-color-background: rgba(198, 208, 203, 1);
    --avatar-user-squarejordan-burgess-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-squarejoshua-wilson-color-background: rgba(211, 220, 207, 1);
    --avatar-user-squarejoshua-wilson-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-squarejulius-vaughan-color-background: rgba(233, 220, 187, 1);
    --avatar-user-squarejulius-vaughan-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-squarekaden-scott-color-background: rgba(207, 212, 198, 1);
    --avatar-user-squarekaden-scott-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-squarekaitlin-hale-color-background: rgba(221, 208, 190, 1);
    --avatar-user-squarekaitlin-hale-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-squarekari-rasmussen-color-background: rgba(199, 209, 176, 1);
    --avatar-user-squarekari-rasmussen-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-squarekate-morrison-color-background: rgba(207, 203, 220, 1);
    --avatar-user-squarekate-morrison-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-squarekatherine-moss-color-background: rgba(192, 198, 221, 1);
    --avatar-user-squarekatherine-moss-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-squarekaty-fuller-color-background: rgba(209, 227, 217, 1);
    --avatar-user-squarekaty-fuller-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-squarekelly-williams-color-background: rgba(218, 220, 214, 1);
    --avatar-user-squarekelly-williams-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-squarekelsey-lowe-color-background: rgba(201, 198, 208, 1);
    --avatar-user-squarekelsey-lowe-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-squarekoray-okumus-color-background: rgba(229, 207, 231, 1);
    --avatar-user-squarekoray-okumus-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-squarekyla-clay-color-background: rgba(217, 208, 230, 1);
    --avatar-user-squarekyla-clay-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-squarelana-steiner-color-background: rgba(215, 227, 232, 1);
    --avatar-user-squarelana-steiner-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-squarelevi-rocha-color-background: rgba(223, 194, 192, 1);
    --avatar-user-squarelevi-rocha-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-squareleyton-fields-color-background: rgba(207, 212, 198, 1);
    --avatar-user-squareleyton-fields-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-squareliam-hood-color-background: rgba(223, 195, 205, 1);
    --avatar-user-squareliam-hood-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-squarelily-rose-chedjou-color-background: rgba(229, 221, 206, 1);
    --avatar-user-squarelily-rose-chedjou-neutral-background: rgba(
      224,
      224,
      224,
      1
    );
    --avatar-user-squareloki-bright-color-background: rgba(215, 227, 232, 1);
    --avatar-user-squareloki-bright-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-squarelori-bryson-color-background: rgba(223, 195, 205, 1);
    --avatar-user-squarelori-bryson-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-squarelucy-bond-color-background: rgba(232, 215, 234, 1);
    --avatar-user-squarelucy-bond-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-squarelulu-meyers-color-background: rgba(217, 208, 230, 1);
    --avatar-user-squarelulu-meyers-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-squarelyle-kauffman-color-background: rgba(214, 179, 179, 1);
    --avatar-user-squarelyle-kauffman-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-squaremaddison-gillespie-color-background: rgba(
      228,
      203,
      204,
      1
    );
    --avatar-user-squaremaddison-gillespie-neutral-background: rgba(
      224,
      224,
      224,
      1
    );
    --avatar-user-squaremadeleine-pitts-color-background: rgba(207, 203, 220, 1);
    --avatar-user-squaremadeleine-pitts-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-squaremarco-kelly-color-background: rgba(227, 198, 209, 1);
    --avatar-user-squaremarco-kelly-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-squaremarvin-robbins-color-background: rgba(199, 209, 176, 1);
    --avatar-user-squaremarvin-robbins-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-squaremathilde-lewis-color-background: rgba(223, 194, 192, 1);
    --avatar-user-squaremathilde-lewis-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-squaremaxwell-tan-color-background: rgba(194, 191, 211, 1);
    --avatar-user-squaremaxwell-tan-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-squaremikey-lawrence-color-background: rgba(207, 212, 198, 1);
    --avatar-user-squaremikey-lawrence-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-squaremollie-hall-color-background: rgba(223, 195, 205, 1);
    --avatar-user-squaremollie-hall-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-squaremolly-vaughan-color-background: rgba(193, 211, 187, 1);
    --avatar-user-squaremolly-vaughan-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-squarenala-goins-color-background: rgba(207, 203, 220, 1);
    --avatar-user-squarenala-goins-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-squarenatali-craig-color-background: rgba(233, 220, 187, 1);
    --avatar-user-squarenatali-craig-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-squarenic-fassbender-color-background: rgba(207, 203, 220, 1);
    --avatar-user-squarenic-fassbender-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-squarenicola-harris-color-background: rgba(221, 208, 190, 1);
    --avatar-user-squarenicola-harris-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-squarenicolas-trevino-color-background: rgba(214, 179, 179, 1);
    --avatar-user-squarenicolas-trevino-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-squarenicolas-wang-color-background: rgba(241, 231, 218, 1);
    --avatar-user-squarenicolas-wang-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-squarenikolas-gibbons-color-background: rgba(207, 212, 198, 1);
    --avatar-user-squarenikolas-gibbons-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-squarenoah-pierre-color-background: rgba(193, 211, 187, 1);
    --avatar-user-squarenoah-pierre-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-squarenoel-baldwin-color-background: rgba(227, 210, 198, 1);
    --avatar-user-squarenoel-baldwin-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-squareolivia-rhye-color-background: rgba(207, 203, 220, 1);
    --avatar-user-squareolivia-rhye-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-squareolly-schroeder-color-background: rgba(221, 208, 190, 1);
    --avatar-user-squareolly-schroeder-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-squareorlando-diggs-color-background: rgba(229, 221, 206, 1);
    --avatar-user-squareorlando-diggs-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-squareowen-garcia-color-background: rgba(233, 220, 187, 1);
    --avatar-user-squareowen-garcia-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-squareowen-harding-color-background: rgba(207, 203, 220, 1);
    --avatar-user-squareowen-harding-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-squarephoenix-baker-color-background: rgba(214, 207, 183, 1);
    --avatar-user-squarephoenix-baker-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-squarepippa-wilkinson-color-background: rgba(206, 209, 229, 1);
    --avatar-user-squarepippa-wilkinson-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-squarepriya-shepard-color-background: rgba(191, 214, 215, 1);
    --avatar-user-squarepriya-shepard-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-squarerayhan-zua-color-background: rgba(193, 222, 188, 1);
    --avatar-user-squarerayhan-zua-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-squarerene-wells-color-background: rgba(233, 220, 187, 1);
    --avatar-user-squarerene-wells-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-squarerhea-levine-color-background: rgba(211, 214, 233, 1);
    --avatar-user-squarerhea-levine-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-squarerhianna-shepard-color-background: rgba(215, 227, 232, 1);
    --avatar-user-squarerhianna-shepard-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-squareriley-omoore-color-background: rgba(233, 220, 187, 1);
    --avatar-user-squareriley-omoore-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-squarerosalee-melvin-color-background: rgba(221, 208, 190, 1);
    --avatar-user-squarerosalee-melvin-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-squaresally-mason-color-background: rgba(236, 221, 220, 1);
    --avatar-user-squaresally-mason-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-squaresarah-page-color-background: rgba(233, 220, 187, 1);
    --avatar-user-squaresarah-page-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-squaresienna-hewitt-color-background: rgba(233, 220, 187, 1);
    --avatar-user-squaresienna-hewitt-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-squaresophia-perez-color-background: rgba(215, 227, 232, 1);
    --avatar-user-squaresophia-perez-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-squarestefan-sears-color-background: rgba(214, 207, 183, 1);
    --avatar-user-squarestefan-sears-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-squareyoussef-roberson-color-background: rgba(216, 224, 207, 1);
    --avatar-user-squareyoussef-roberson-neutral-background: rgba(
      224,
      224,
      224,
      1
    );
    --avatar-user-squarezahir-mays-color-background: rgba(211, 214, 233, 1);
    --avatar-user-squarezahir-mays-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-squarezahra-christensen-color-background: rgba(211, 220, 207, 1);
    --avatar-user-squarezahra-christensen-neutral-background: rgba(
      224,
      224,
      224,
      1
    );
    --avatar-user-squarezaid-schwartz-color-background: rgba(209, 227, 217, 1);
    --avatar-user-squarezaid-schwartz-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-squarezara-bush-color-background: rgba(229, 209, 230, 1);
    --avatar-user-squarezara-bush-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-squarezaynab-donnelly-color-background: rgba(198, 208, 203, 1);
    --avatar-user-squarezaynab-donnelly-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-squarezuzanna-burke-color-background: rgba(214, 179, 179, 1);
    --avatar-user-squarezuzanna-burke-neutral-background: rgba(224, 224, 224, 1);
    --baseblack: rgba(0, 0, 0, 1);
    --basewhite: rgba(255, 255, 255, 1);
    --blue-100: rgba(209, 233, 255, 1);
    --blue-200: rgba(178, 221, 255, 1);
    --blue-25: rgba(245, 250, 255, 1);
    --blue-300: rgba(132, 202, 255, 1);
    --blue-400: rgba(83, 177, 253, 1);
    --blue-50: rgba(239, 248, 255, 1);
    --blue-500: rgba(46, 144, 250, 1);
    --blue-600: rgba(21, 112, 239, 1);
    --blue-700: rgba(23, 92, 211, 1);
    --blue-800: rgba(24, 73, 169, 1);
    --blue-900: rgba(25, 65, 133, 1);
    --blue-950: rgba(16, 42, 86, 1);
    --blue-dark-100: rgba(209, 224, 255, 1);
    --blue-dark-200: rgba(178, 204, 255, 1);
    --blue-dark-25: rgba(245, 248, 255, 1);
    --blue-dark-300: rgba(132, 173, 255, 1);
    --blue-dark-400: rgba(82, 139, 255, 1);
    --blue-dark-50: rgba(239, 244, 255, 1);
    --blue-dark-500: rgba(41, 112, 255, 1);
    --blue-dark-600: rgba(21, 94, 239, 1);
    --blue-dark-700: rgba(0, 78, 235, 1);
    --blue-dark-800: rgba(0, 64, 193, 1);
    --blue-dark-900: rgba(0, 53, 158, 1);
    --blue-dark950: rgba(0, 34, 102, 1);
    --blue-light100: rgba(224, 242, 254, 1);
    --blue-light200: rgba(185, 230, 254, 1);
    --blue-light25: rgba(245, 251, 255, 1);
    --blue-light300: rgba(124, 212, 253, 1);
    --blue-light400: rgba(54, 191, 250, 1);
    --blue-light50: rgba(240, 249, 255, 1);
    --blue-light500: rgba(11, 165, 236, 1);
    --blue-light600: rgba(0, 134, 201, 1);
    --blue-light700: rgba(2, 106, 162, 1);
    --blue-light800: rgba(6, 89, 134, 1);
    --blue-light900: rgba(11, 74, 111, 1);
    --blue-light950: rgba(6, 44, 65, 1);
    --brand-100: rgba(238, 248, 250, 1);
    --brand-200: rgba(196, 223, 229, 1);
    --brand-25: rgba(241, 249, 251, 1);
    --brand-300: rgba(166, 208, 217, 1);
    --brand-400: rgba(137, 192, 204, 1);
    --brand-50: rgba(249, 245, 255, 1);
    --brand-500: rgba(107, 176, 191, 1);
    --brand-600: rgba(86, 141, 153, 1);
    --brand-700: rgba(64, 106, 115, 1);
    --brand-800: rgba(43, 70, 76, 1);
    --brand-900: rgba(43, 70, 76, 1);
    --brand-950: rgba(44, 28, 95, 1);
    --cyan-100: rgba(207, 249, 254, 1);
    --cyan-200: rgba(165, 240, 252, 1);
    --cyan-25: rgba(245, 254, 255, 1);
    --cyan-300: rgba(103, 227, 249, 1);
    --cyan-400: rgba(34, 204, 238, 1);
    --cyan-50: rgba(236, 253, 255, 1);
    --cyan-500: rgba(6, 174, 212, 1);
    --cyan-600: rgba(8, 138, 178, 1);
    --cyan-700: rgba(14, 112, 144, 1);
    --cyan-800: rgba(21, 91, 117, 1);
    --cyan-900: rgba(22, 76, 99, 1);
    --cyan-950: rgba(13, 45, 58, 1);
    --display-2xl-bold-font-family: "Inter", Helvetica;
    --display-2xl-bold-font-size: 72px;
    --display-2xl-bold-font-style: normal;
    --display-2xl-bold-font-weight: 700;
    --display-2xl-bold-letter-spacing: -1.44px;
    --display-2xl-bold-line-height: 90px;
    --display-2xl-medium-font-family: "Inter", Helvetica;
    --display-2xl-medium-font-size: 72px;
    --display-2xl-medium-font-style: normal;
    --display-2xl-medium-font-weight: 500;
    --display-2xl-medium-letter-spacing: -1.44px;
    --display-2xl-medium-line-height: 90px;
    --display-2xl-regular-font-family: "Inter", Helvetica;
    --display-2xl-regular-font-size: 72px;
    --display-2xl-regular-font-style: normal;
    --display-2xl-regular-font-weight: 400;
    --display-2xl-regular-letter-spacing: -1.44px;
    --display-2xl-regular-line-height: 90px;
    --display-2xl-semibold-font-family: "Inter", Helvetica;
    --display-2xl-semibold-font-size: 72px;
    --display-2xl-semibold-font-style: normal;
    --display-2xl-semibold-font-weight: 600;
    --display-2xl-semibold-letter-spacing: -1.44px;
    --display-2xl-semibold-line-height: 90px;
    --display-lg-bold-font-family: "Inter", Helvetica;
    --display-lg-bold-font-size: 48px;
    --display-lg-bold-font-style: normal;
    --display-lg-bold-font-weight: 700;
    --display-lg-bold-letter-spacing: -0.96px;
    --display-lg-bold-line-height: 60px;
    --display-lg-medium-font-family: "Inter", Helvetica;
    --display-lg-medium-font-size: 48px;
    --display-lg-medium-font-style: normal;
    --display-lg-medium-font-weight: 500;
    --display-lg-medium-letter-spacing: -0.96px;
    --display-lg-medium-line-height: 60px;
    --display-lg-regular-font-family: "Inter", Helvetica;
    --display-lg-regular-font-size: 48px;
    --display-lg-regular-font-style: normal;
    --display-lg-regular-font-weight: 400;
    --display-lg-regular-letter-spacing: -0.96px;
    --display-lg-regular-line-height: 60px;
    --display-lg-semibold-font-family: "Inter", Helvetica;
    --display-lg-semibold-font-size: 48px;
    --display-lg-semibold-font-style: normal;
    --display-lg-semibold-font-weight: 600;
    --display-lg-semibold-letter-spacing: -0.96px;
    --display-lg-semibold-line-height: 60px;
    --display-md-bold-font-family: "Inter", Helvetica;
    --display-md-bold-font-size: 36px;
    --display-md-bold-font-style: normal;
    --display-md-bold-font-weight: 700;
    --display-md-bold-letter-spacing: -0.72px;
    --display-md-bold-line-height: 44px;
    --display-md-medium-font-family: "Inter", Helvetica;
    --display-md-medium-font-size: 36px;
    --display-md-medium-font-style: normal;
    --display-md-medium-font-weight: 500;
    --display-md-medium-letter-spacing: -0.72px;
    --display-md-medium-line-height: 44px;
    --display-md-regular-font-family: "Inter", Helvetica;
    --display-md-regular-font-size: 36px;
    --display-md-regular-font-style: normal;
    --display-md-regular-font-weight: 400;
    --display-md-regular-letter-spacing: -0.72px;
    --display-md-regular-line-height: 44px;
    --display-md-semibold-font-family: "Inter", Helvetica;
    --display-md-semibold-font-size: 36px;
    --display-md-semibold-font-style: normal;
    --display-md-semibold-font-weight: 600;
    --display-md-semibold-letter-spacing: -0.72px;
    --display-md-semibold-line-height: 44px;
    --display-sm-bold-font-family: "Inter", Helvetica;
    --display-sm-bold-font-size: 30px;
    --display-sm-bold-font-style: normal;
    --display-sm-bold-font-weight: 700;
    --display-sm-bold-letter-spacing: 0px;
    --display-sm-bold-line-height: 38px;
    --display-sm-medium-font-family: "Inter", Helvetica;
    --display-sm-medium-font-size: 30px;
    --display-sm-medium-font-style: normal;
    --display-sm-medium-font-weight: 500;
    --display-sm-medium-italic-font-family: "Inter", Helvetica;
    --display-sm-medium-italic-font-size: 30px;
    --display-sm-medium-italic-font-style: italic;
    --display-sm-medium-italic-font-weight: 500;
    --display-sm-medium-italic-letter-spacing: 0px;
    --display-sm-medium-italic-line-height: 38px;
    --display-sm-medium-letter-spacing: 0px;
    --display-sm-medium-line-height: 38px;
    --display-sm-regular-font-family: "Inter", Helvetica;
    --display-sm-regular-font-size: 30px;
    --display-sm-regular-font-style: normal;
    --display-sm-regular-font-weight: 400;
    --display-sm-regular-letter-spacing: 0px;
    --display-sm-regular-line-height: 38px;
    --display-sm-semibold-font-family: "Inter", Helvetica;
    --display-sm-semibold-font-size: 30px;
    --display-sm-semibold-font-style: normal;
    --display-sm-semibold-font-weight: 600;
    --display-sm-semibold-letter-spacing: 0px;
    --display-sm-semibold-line-height: 38px;
    --display-xl-bold-font-family: "Inter", Helvetica;
    --display-xl-bold-font-size: 60px;
    --display-xl-bold-font-style: normal;
    --display-xl-bold-font-weight: 700;
    --display-xl-bold-letter-spacing: -1.2px;
    --display-xl-bold-line-height: 72px;
    --display-xl-medium-font-family: "Inter", Helvetica;
    --display-xl-medium-font-size: 60px;
    --display-xl-medium-font-style: normal;
    --display-xl-medium-font-weight: 500;
    --display-xl-medium-letter-spacing: -1.2px;
    --display-xl-medium-line-height: 72px;
    --display-xl-regular-font-family: "Inter", Helvetica;
    --display-xl-regular-font-size: 60px;
    --display-xl-regular-font-style: normal;
    --display-xl-regular-font-weight: 400;
    --display-xl-regular-letter-spacing: -1.2px;
    --display-xl-regular-line-height: 72px;
    --display-xl-semibold-font-family: "Inter", Helvetica;
    --display-xl-semibold-font-size: 60px;
    --display-xl-semibold-font-style: normal;
    --display-xl-semibold-font-weight: 600;
    --display-xl-semibold-letter-spacing: -1.2px;
    --display-xl-semibold-line-height: 72px;
    --display-xs-bold-font-family: "Inter", Helvetica;
    --display-xs-bold-font-size: 24px;
    --display-xs-bold-font-style: normal;
    --display-xs-bold-font-weight: 700;
    --display-xs-bold-letter-spacing: 0px;
    --display-xs-bold-line-height: 32px;
    --display-xs-medium-font-family: "Inter", Helvetica;
    --display-xs-medium-font-size: 24px;
    --display-xs-medium-font-style: normal;
    --display-xs-medium-font-weight: 500;
    --display-xs-medium-italic-font-family: "Inter", Helvetica;
    --display-xs-medium-italic-font-size: 24px;
    --display-xs-medium-italic-font-style: italic;
    --display-xs-medium-italic-font-weight: 500;
    --display-xs-medium-italic-letter-spacing: 0px;
    --display-xs-medium-italic-line-height: 32px;
    --display-xs-medium-letter-spacing: 0px;
    --display-xs-medium-line-height: 32px;
    --display-xs-regular-font-family: "Inter", Helvetica;
    --display-xs-regular-font-size: 24px;
    --display-xs-regular-font-style: normal;
    --display-xs-regular-font-weight: 400;
    --display-xs-regular-letter-spacing: 0px;
    --display-xs-regular-line-height: 32px;
    --display-xs-semibold-font-family: "Inter", Helvetica;
    --display-xs-semibold-font-size: 24px;
    --display-xs-semibold-font-style: normal;
    --display-xs-semibold-font-weight: 600;
    --display-xs-semibold-letter-spacing: 0px;
    --display-xs-semibold-line-height: 32px;
    --error-100: rgba(254, 228, 226, 1);
    --error-200: rgba(254, 205, 202, 1);
    --error-25: rgba(255, 251, 250, 1);
    --error-300: rgba(253, 162, 155, 1);
    --error-400: rgba(249, 112, 102, 1);
    --error-50: rgba(254, 243, 242, 1);
    --error-500: rgba(240, 68, 56, 1);
    --error-600: rgba(217, 45, 32, 1);
    --error-700: rgba(180, 35, 24, 1);
    --error-800: rgba(145, 32, 24, 1);
    --error-900: rgba(122, 39, 26, 1);
    --error-950: rgba(85, 22, 12, 1);
    --focus-rings-focus-ring: 0px 0px 0px 4px rgba(158, 119, 237, 1), 0px 0px 0px
      2px rgba(255, 255, 255, 1);
    --focus-rings-focus-ring-error: 0px 0px 0px 4px rgba(240, 68, 56, 1), 0px 0px
      0px 2px rgba(255, 255, 255, 1);
    --focus-rings-focus-ring-error-shadow-xs:
      0px 0px 0px 4px rgba(240, 68, 56, 1), 0px 0px 0px 2px rgba(255, 255, 255, 1), 0px 1px 2px 0px rgba(
        10,
        13,
        18,
        0.05
      );
    --focus-rings-focus-ring-error-shadow-xs-skeuomorphic:
      0px 0px 0px 4px rgba(240, 68, 56, 1), 0px 0px 0px 2px rgba(255, 255, 255, 1), 0px 1px 2px 0px rgba(
        16,
        24,
        40,
        0.05
      );
    --focus-rings-focus-ring-shadow-sm:
      0px 0px 0px 4px rgba(158, 119, 237, 1), 0px 0px 0px 2px rgba(
        255,
        255,
        255,
        1
      ), 0px 1px 2px 0px rgba(10, 13, 18, 0.06), 0px 1px 3px 0px rgba(
        10,
        13,
        18,
        0.1
      );
    --focus-rings-focus-ring-shadow-xs:
      0px 0px 0px 4px rgba(158, 119, 237, 1), 0px 0px 0px 2px rgba(
        255,
        255,
        255,
        1
      ), 0px 1px 2px 0px rgba(10, 13, 18, 0.05);
    --focus-rings-focus-ring-shadow-xs-skeuomorphic:
      0px 0px 0px 4px rgba(158, 119, 237, 1), 0px 0px 0px 2px rgba(
        255,
        255,
        255,
        1
      ), 0px 1px 2px 0px rgba(10, 13, 18, 0.05);
    --fuchsia-100: rgba(251, 232, 255, 1);
    --fuchsia-200: rgba(246, 208, 254, 1);
    --fuchsia-25: rgba(254, 250, 255, 1);
    --fuchsia-300: rgba(238, 170, 253, 1);
    --fuchsia-400: rgba(228, 120, 250, 1);
    --fuchsia-50: rgba(253, 244, 255, 1);
    --fuchsia-500: rgba(212, 68, 241, 1);
    --fuchsia-600: rgba(186, 36, 213, 1);
    --fuchsia-700: rgba(159, 26, 177, 1);
    --fuchsia-800: rgba(130, 24, 144, 1);
    --fuchsia-900: rgba(111, 24, 119, 1);
    --fuchsia-950: rgba(71, 16, 76, 1);
    --gray-100: rgba(245, 245, 245, 1);
    --gray-200: rgba(233, 234, 235, 1);
    --gray-25: rgba(253, 253, 253, 1);
    --gray-300: rgba(213, 215, 218, 1);
    --gray-400: rgba(164, 167, 174, 1);
    --gray-50: rgba(250, 250, 250, 1);
    --gray-500: rgba(113, 118, 128, 1);
    --gray-600: rgba(83, 88, 98, 1);
    --gray-700: rgba(65, 70, 81, 1);
    --gray-800: rgba(37, 43, 55, 1);
    --gray-900: rgba(24, 29, 39, 1);
    --gray-950: rgba(10, 13, 18, 1);
    --gray-blue100: rgba(234, 236, 245, 1);
    --gray-blue200: rgba(213, 217, 235, 1);
    --gray-blue25: rgba(252, 252, 253, 1);
    --gray-blue300: rgba(179, 184, 219, 1);
    --gray-blue400: rgba(113, 123, 188, 1);
    --gray-blue50: rgba(248, 249, 252, 1);
    --gray-blue500: rgba(78, 91, 166, 1);
    --gray-blue600: rgba(62, 71, 132, 1);
    --gray-blue700: rgba(54, 63, 114, 1);
    --gray-blue800: rgba(41, 48, 86, 1);
    --gray-blue900: rgba(16, 19, 35, 1);
    --gray-blue950: rgba(13, 15, 28, 1);
    --gray-cool-100: rgba(239, 241, 245, 1);
    --gray-cool-200: rgba(220, 223, 234, 1);
    --gray-cool-25: rgba(252, 252, 253, 1);
    --gray-cool-300: rgba(185, 192, 212, 1);
    --gray-cool-400: rgba(125, 137, 176, 1);
    --gray-cool-50: rgba(249, 249, 251, 1);
    --gray-cool-500: rgba(93, 107, 152, 1);
    --gray-cool-600: rgba(74, 85, 120, 1);
    --gray-cool-700: rgba(64, 73, 104, 1);
    --gray-cool-800: rgba(48, 55, 79, 1);
    --gray-cool-900: rgba(17, 19, 34, 1);
    --gray-cool950: rgba(14, 16, 27, 1);
    --gray-iron-100: rgba(244, 244, 245, 1);
    --gray-iron-200: rgba(228, 228, 231, 1);
    --gray-iron-25: rgba(252, 252, 252, 1);
    --gray-iron-300: rgba(209, 209, 214, 1);
    --gray-iron-400: rgba(160, 160, 171, 1);
    --gray-iron-50: rgba(250, 250, 250, 1);
    --gray-iron-500: rgba(112, 112, 123, 1);
    --gray-iron-600: rgba(81, 82, 92, 1);
    --gray-iron-700: rgba(63, 63, 70, 1);
    --gray-iron-800: rgba(38, 39, 43, 1);
    --gray-iron-900: rgba(24, 24, 27, 1);
    --gray-iron950: rgba(19, 19, 22, 1);
    --gray-modern-100: rgba(238, 242, 246, 1);
    --gray-modern-200: rgba(227, 232, 239, 1);
    --gray-modern-25: rgba(252, 252, 253, 1);
    --gray-modern-300: rgba(205, 213, 223, 1);
    --gray-modern-400: rgba(154, 164, 178, 1);
    --gray-modern-50: rgba(248, 250, 252, 1);
    --gray-modern-500: rgba(105, 117, 134, 1);
    --gray-modern-600: rgba(75, 85, 101, 1);
    --gray-modern-700: rgba(54, 65, 82, 1);
    --gray-modern-800: rgba(32, 41, 57, 1);
    --gray-modern-900: rgba(18, 25, 38, 1);
    --gray-modern950: rgba(13, 18, 28, 1);
    --gray-neutral-100: rgba(243, 244, 246, 1);
    --gray-neutral-200: rgba(229, 231, 235, 1);
    --gray-neutral-25: rgba(252, 252, 253, 1);
    --gray-neutral-300: rgba(210, 214, 219, 1);
    --gray-neutral-400: rgba(157, 164, 174, 1);
    --gray-neutral-50: rgba(249, 250, 251, 1);
    --gray-neutral-500: rgba(108, 115, 127, 1);
    --gray-neutral-600: rgba(77, 87, 97, 1);
    --gray-neutral-700: rgba(56, 66, 80, 1);
    --gray-neutral-800: rgba(31, 42, 55, 1);
    --gray-neutral-900: rgba(17, 25, 39, 1);
    --gray-neutral950: rgba(13, 18, 28, 1);
    --gray-true-100: rgba(245, 245, 245, 1);
    --gray-true-200: rgba(229, 229, 229, 1);
    --gray-true-25: rgba(252, 252, 252, 1);
    --gray-true-300: rgba(214, 214, 214, 1);
    --gray-true-400: rgba(163, 163, 163, 1);
    --gray-true-500: rgba(115, 115, 115, 1);
    --gray-true-600: rgba(82, 82, 82, 1);
    --gray-true-700: rgba(66, 66, 66, 1);
    --gray-true-800: rgba(41, 41, 41, 1);
    --gray-true50: rgba(247, 247, 247, 1);
    --gray-true900: rgba(20, 20, 20, 1);
    --gray-true950: rgba(15, 15, 15, 1);
    --gray-warm-100: rgba(245, 245, 244, 1);
    --gray-warm-200: rgba(231, 229, 228, 1);
    --gray-warm-25: rgba(253, 253, 252, 1);
    --gray-warm-300: rgba(215, 211, 208, 1);
    --gray-warm-400: rgba(169, 162, 157, 1);
    --gray-warm-50: rgba(250, 250, 249, 1);
    --gray-warm-500: rgba(121, 113, 107, 1);
    --gray-warm-600: rgba(87, 83, 78, 1);
    --gray-warm-700: rgba(68, 64, 60, 1);
    --gray-warm-800: rgba(41, 37, 36, 1);
    --gray-warm-900: rgba(28, 25, 23, 1);
    --gray-warm950: rgba(23, 20, 18, 1);
    --green-100: rgba(211, 248, 223, 1);
    --green-200: rgba(170, 240, 196, 1);
    --green-25: rgba(246, 254, 249, 1);
    --green-300: rgba(115, 226, 163, 1);
    --green-400: rgba(60, 203, 127, 1);
    --green-50: rgba(237, 252, 242, 1);
    --green-500: rgba(22, 179, 100, 1);
    --green-600: rgba(9, 146, 80, 1);
    --green-700: rgba(8, 116, 67, 1);
    --green-800: rgba(9, 92, 55, 1);
    --green-900: rgba(8, 76, 46, 1);
    --green-950: rgba(5, 46, 28, 1);
    --green-light-100: rgba(227, 251, 204, 1);
    --green-light-200: rgba(208, 248, 171, 1);
    --green-light-25: rgba(250, 254, 245, 1);
    --green-light-300: rgba(166, 239, 103, 1);
    --green-light-400: rgba(133, 225, 58, 1);
    --green-light-50: rgba(243, 254, 231, 1);
    --green-light-500: rgba(102, 198, 28, 1);
    --green-light-600: rgba(76, 163, 13, 1);
    --green-light-700: rgba(59, 124, 15, 1);
    --green-light-800: rgba(50, 98, 18, 1);
    --green-light-900: rgba(43, 83, 20, 1);
    --green-light950: rgba(21, 41, 10, 1);
    --indigo-100: rgba(224, 234, 255, 1);
    --indigo-200: rgba(199, 215, 254, 1);
    --indigo-25: rgba(245, 248, 255, 1);
    --indigo-300: rgba(164, 188, 253, 1);
    --indigo-400: rgba(128, 152, 249, 1);
    --indigo-50: rgba(238, 244, 255, 1);
    --indigo-500: rgba(97, 114, 243, 1);
    --indigo-600: rgba(68, 76, 231, 1);
    --indigo-700: rgba(53, 56, 205, 1);
    --indigo-800: rgba(45, 49, 166, 1);
    --indigo-900: rgba(45, 50, 130, 1);
    --indigo-950: rgba(31, 35, 91, 1);
    --moss-100: rgba(230, 244, 215, 1);
    --moss-200: rgba(206, 234, 176, 1);
    --moss-25: rgba(250, 253, 247, 1);
    --moss-300: rgba(172, 220, 121, 1);
    --moss-400: rgba(134, 203, 60, 1);
    --moss-50: rgba(245, 251, 238, 1);
    --moss-500: rgba(102, 159, 42, 1);
    --moss-600: rgba(79, 122, 33, 1);
    --moss-700: rgba(63, 98, 26, 1);
    --moss-800: rgba(51, 80, 21, 1);
    --moss-900: rgba(43, 66, 18, 1);
    --moss-950: rgba(26, 40, 11, 1);
    --orange-100: rgba(253, 234, 215, 1);
    --orange-200: rgba(249, 219, 175, 1);
    --orange-25: rgba(254, 250, 245, 1);
    --orange-300: rgba(247, 178, 122, 1);
    --orange-400: rgba(243, 135, 68, 1);
    --orange-50: rgba(254, 246, 238, 1);
    --orange-500: rgba(239, 104, 32, 1);
    --orange-600: rgba(224, 79, 22, 1);
    --orange-700: rgba(185, 56, 21, 1);
    --orange-800: rgba(147, 47, 25, 1);
    --orange-900: rgba(119, 41, 23, 1);
    --orange-950: rgba(81, 28, 16, 1);
    --orange-dark-100: rgba(255, 230, 213, 1);
    --orange-dark-25: rgba(255, 249, 245, 1);
    --orange-dark-300: rgba(255, 156, 102, 1);
    --orange-dark-400: rgba(255, 105, 46, 1);
    --orange-dark-50: rgba(255, 244, 237, 1);
    --orange-dark-500: rgba(255, 68, 5, 1);
    --orange-dark-600: rgba(230, 46, 5, 1);
    --orange-dark-700: rgba(188, 27, 6, 1);
    --orange-dark-800: rgba(151, 24, 12, 1);
    --orange-dark-900: rgba(119, 26, 13, 1);
    --orange-dark200: rgba(255, 214, 174, 1);
    --orange-dark950: rgba(87, 19, 10, 1);
    --pink-100: rgba(252, 231, 246, 1);
    --pink-200: rgba(252, 206, 238, 1);
    --pink-25: rgba(254, 246, 251, 1);
    --pink-300: rgba(250, 167, 224, 1);
    --pink-400: rgba(246, 112, 199, 1);
    --pink-50: rgba(253, 242, 250, 1);
    --pink-500: rgba(238, 70, 188, 1);
    --pink-600: rgba(221, 37, 144, 1);
    --pink-700: rgba(193, 21, 116, 1);
    --pink-800: rgba(158, 22, 95, 1);
    --pink-900: rgba(133, 22, 81, 1);
    --pink-950: rgba(78, 13, 48, 1);
    --purple-100: rgba(235, 233, 254, 1);
    --purple-200: rgba(217, 214, 254, 1);
    --purple-25: rgba(250, 250, 255, 1);
    --purple-300: rgba(189, 180, 254, 1);
    --purple-400: rgba(155, 138, 251, 1);
    --purple-50: rgba(244, 243, 255, 1);
    --purple-500: rgba(122, 90, 248, 1);
    --purple-600: rgba(105, 56, 239, 1);
    --purple-700: rgba(89, 37, 220, 1);
    --purple-800: rgba(74, 31, 184, 1);
    --purple-900: rgba(62, 28, 150, 1);
    --purple-950: rgba(39, 17, 95, 1);
    --ros-100: rgba(255, 228, 232, 1);
    --ros-200: rgba(254, 205, 214, 1);
    --ros-25: rgba(255, 245, 246, 1);
    --ros-300: rgba(254, 163, 180, 1);
    --ros-400: rgba(253, 111, 142, 1);
    --ros-50: rgba(255, 241, 243, 1);
    --ros-500: rgba(246, 61, 104, 1);
    --ros-600: rgba(227, 27, 84, 1);
    --ros-700: rgba(192, 16, 72, 1);
    --ros-800: rgba(161, 16, 67, 1);
    --ros-900: rgba(137, 18, 62, 1);
    --ros-950: rgba(81, 11, 36, 1);
    --shadows-portfolio-mockups-shadow-grid-md: 32px 32px 64px 0px
      rgba(10, 13, 18, 0.08);
    --shadows-portfolio-mockups-shadow-main-centre-lg: 0px 100px 200px 0px
      rgba(10, 13, 18, 0.18);
    --shadows-portfolio-mockups-shadow-main-centre-md: 0px 75px 150px 0px
      rgba(10, 13, 18, 0.14);
    --shadows-portfolio-mockups-shadow-overlay-left-lg: 100px 100px 150px 0px
      rgba(10, 13, 18, 0.12);
    --shadows-portfolio-mockups-shadow-overlay-right-lg: -100px 100px 150px 0px
      rgba(10, 13, 18, 0.12);
    --shadows-shadow-2xl: 0px 4px 4px -2px rgba(10, 13, 18, 0.04), 0px 24px 48px
      -12px rgba(10, 13, 18, 0.18);
    --shadows-shadow-3xl: 0px 5px 5px -2.5px rgba(10, 13, 18, 0.04), 0px 32px 64px
      -12px rgba(10, 13, 18, 0.14);
    --shadows-shadow-lg:
      0px 2px 2px -1px rgba(10, 13, 18, 0.04), 0px 4px 6px -2px rgba(
        10,
        13,
        18,
        0.03
      ), 0px 12px 16px -4px rgba(10, 13, 18, 0.08);
    --shadows-shadow-md: 0px 2px 4px -2px rgba(10, 13, 18, 0.06), 0px 4px 6px -1px
      rgba(10, 13, 18, 0.1);
    --shadows-shadow-sm: 0px 1px 2px -1px rgba(10, 13, 18, 0.1), 0px 1px 3px 0px
      rgba(10, 13, 18, 0.1);
    --shadows-shadow-xl:
      0px 3px 3px -1.5px rgba(10, 13, 18, 0.04), 0px 8px 8px -4px rgba(
        10,
        13,
        18,
        0.03
      ), 0px 20px 24px -4px rgba(10, 13, 18, 0.08);
    --shadows-shadow-xs: 0px 1px 2px 0px rgba(10, 13, 18, 0.05);
    --shadows-shadow-xs-skeuomorphic: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
    --success-100: rgba(220, 250, 230, 1);
    --success-200: rgba(171, 239, 198, 1);
    --success-25: rgba(246, 254, 249, 1);
    --success-300: rgba(117, 224, 167, 1);
    --success-400: rgba(71, 205, 137, 1);
    --success-50: rgba(236, 253, 243, 1);
    --success-500: rgba(23, 178, 106, 1);
    --success-600: rgba(7, 148, 85, 1);
    --success-700: rgba(6, 118, 71, 1);
    --success-800: rgba(8, 93, 58, 1);
    --success-900: rgba(7, 77, 49, 1);
    --success-950: rgba(5, 51, 33, 1);
    --teal-100: rgba(204, 251, 239, 1);
    --teal-200: rgba(153, 246, 224, 1);
    --teal-25: rgba(246, 254, 252, 1);
    --teal-300: rgba(95, 233, 208, 1);
    --teal-400: rgba(46, 211, 183, 1);
    --teal-50: rgba(240, 253, 249, 1);
    --teal-500: rgba(21, 183, 158, 1);
    --teal-600: rgba(14, 147, 132, 1);
    --teal-700: rgba(16, 117, 105, 1);
    --teal-800: rgba(18, 93, 86, 1);
    --teal-900: rgba(19, 78, 72, 1);
    --teal-950: rgba(10, 41, 38, 1);
    --text-lg-bold-font-family: "Inter", Helvetica;
    --text-lg-bold-font-size: 18px;
    --text-lg-bold-font-style: normal;
    --text-lg-bold-font-weight: 700;
    --text-lg-bold-italic-font-family: "Inter", Helvetica;
    --text-lg-bold-italic-font-size: 18px;
    --text-lg-bold-italic-font-style: italic;
    --text-lg-bold-italic-font-weight: 700;
    --text-lg-bold-italic-letter-spacing: 0px;
    --text-lg-bold-italic-line-height: 28px;
    --text-lg-bold-letter-spacing: 0px;
    --text-lg-bold-line-height: 28px;
    --text-lg-medium-font-family: "Inter", Helvetica;
    --text-lg-medium-font-size: 18px;
    --text-lg-medium-font-style: normal;
    --text-lg-medium-font-weight: 500;
    --text-lg-medium-italic-font-family: "Inter", Helvetica;
    --text-lg-medium-italic-font-size: 18px;
    --text-lg-medium-italic-font-style: italic;
    --text-lg-medium-italic-font-weight: 500;
    --text-lg-medium-italic-letter-spacing: 0px;
    --text-lg-medium-italic-line-height: 28px;
    --text-lg-medium-letter-spacing: 0px;
    --text-lg-medium-line-height: 28px;
    --text-lg-medium-underlined-font-family: "Inter", Helvetica;
    --text-lg-medium-underlined-font-size: 18px;
    --text-lg-medium-underlined-font-style: normal;
    --text-lg-medium-underlined-font-weight: 500;
    --text-lg-medium-underlined-letter-spacing: 0px;
    --text-lg-medium-underlined-line-height: 28px;
    --text-lg-regular-font-family: "Inter", Helvetica;
    --text-lg-regular-font-size: 18px;
    --text-lg-regular-font-style: normal;
    --text-lg-regular-font-weight: 400;
    --text-lg-regular-italic-font-family: "Inter", Helvetica;
    --text-lg-regular-italic-font-size: 18px;
    --text-lg-regular-italic-font-style: italic;
    --text-lg-regular-italic-font-weight: 400;
    --text-lg-regular-italic-letter-spacing: 0px;
    --text-lg-regular-italic-line-height: 28px;
    --text-lg-regular-letter-spacing: 0px;
    --text-lg-regular-line-height: 28px;
    --text-lg-regular-underlined-font-family: "Inter", Helvetica;
    --text-lg-regular-underlined-font-size: 18px;
    --text-lg-regular-underlined-font-style: normal;
    --text-lg-regular-underlined-font-weight: 400;
    --text-lg-regular-underlined-letter-spacing: 0px;
    --text-lg-regular-underlined-line-height: 28px;
    --text-lg-semibold-font-family: "Inter", Helvetica;
    --text-lg-semibold-font-size: 18px;
    --text-lg-semibold-font-style: normal;
    --text-lg-semibold-font-weight: 600;
    --text-lg-semibold-italic-font-family: "Inter", Helvetica;
    --text-lg-semibold-italic-font-size: 18px;
    --text-lg-semibold-italic-font-style: italic;
    --text-lg-semibold-italic-font-weight: 600;
    --text-lg-semibold-italic-letter-spacing: 0px;
    --text-lg-semibold-italic-line-height: 28px;
    --text-lg-semibold-letter-spacing: 0px;
    --text-lg-semibold-line-height: 28px;
    --text-lg-semibold-underlined-font-family: "Inter", Helvetica;
    --text-lg-semibold-underlined-font-size: 18px;
    --text-lg-semibold-underlined-font-style: normal;
    --text-lg-semibold-underlined-font-weight: 600;
    --text-lg-semibold-underlined-letter-spacing: 0px;
    --text-lg-semibold-underlined-line-height: 28px;
    --text-md-bold-font-family: "Inter", Helvetica;
    --text-md-bold-font-size: 16px;
    --text-md-bold-font-style: normal;
    --text-md-bold-font-weight: 700;
    --text-md-bold-italic-font-family: "Inter", Helvetica;
    --text-md-bold-italic-font-size: 16px;
    --text-md-bold-italic-font-style: italic;
    --text-md-bold-italic-font-weight: 700;
    --text-md-bold-italic-letter-spacing: 0px;
    --text-md-bold-italic-line-height: 24px;
    --text-md-bold-letter-spacing: 0px;
    --text-md-bold-line-height: 24px;
    --text-md-medium-font-family: "Inter", Helvetica;
    --text-md-medium-font-size: 16px;
    --text-md-medium-font-style: normal;
    --text-md-medium-font-weight: 500;
    --text-md-medium-italic-font-family: "Inter", Helvetica;
    --text-md-medium-italic-font-size: 16px;
    --text-md-medium-italic-font-style: italic;
    --text-md-medium-italic-font-weight: 500;
    --text-md-medium-italic-letter-spacing: 0px;
    --text-md-medium-italic-line-height: 24px;
    --text-md-medium-letter-spacing: 0px;
    --text-md-medium-line-height: 24px;
    --text-md-medium-underlined-font-family: "Inter", Helvetica;
    --text-md-medium-underlined-font-size: 16px;
    --text-md-medium-underlined-font-style: normal;
    --text-md-medium-underlined-font-weight: 500;
    --text-md-medium-underlined-letter-spacing: 0px;
    --text-md-medium-underlined-line-height: 24px;
    --text-md-regular-font-family: "Inter", Helvetica;
    --text-md-regular-font-size: 16px;
    --text-md-regular-font-style: normal;
    --text-md-regular-font-weight: 400;
    --text-md-regular-italic-font-family: "Inter", Helvetica;
    --text-md-regular-italic-font-size: 16px;
    --text-md-regular-italic-font-style: italic;
    --text-md-regular-italic-font-weight: 400;
    --text-md-regular-italic-letter-spacing: 0px;
    --text-md-regular-italic-line-height: 24px;
    --text-md-regular-letter-spacing: 0px;
    --text-md-regular-line-height: 24px;
    --text-md-regular-underlined-font-family: "Inter", Helvetica;
    --text-md-regular-underlined-font-size: 16px;
    --text-md-regular-underlined-font-style: normal;
    --text-md-regular-underlined-font-weight: 400;
    --text-md-regular-underlined-letter-spacing: 0px;
    --text-md-regular-underlined-line-height: 24px;
    --text-md-semibold-font-family: "Inter", Helvetica;
    --text-md-semibold-font-size: 16px;
    --text-md-semibold-font-style: normal;
    --text-md-semibold-font-weight: 600;
    --text-md-semibold-italic-font-family: "Inter", Helvetica;
    --text-md-semibold-italic-font-size: 16px;
    --text-md-semibold-italic-font-style: italic;
    --text-md-semibold-italic-font-weight: 600;
    --text-md-semibold-italic-letter-spacing: 0px;
    --text-md-semibold-italic-line-height: 24px;
    --text-md-semibold-letter-spacing: 0px;
    --text-md-semibold-line-height: 24px;
    --text-md-semibold-underlined-font-family: "Inter", Helvetica;
    --text-md-semibold-underlined-font-size: 16px;
    --text-md-semibold-underlined-font-style: normal;
    --text-md-semibold-underlined-font-weight: 600;
    --text-md-semibold-underlined-letter-spacing: 0px;
    --text-md-semibold-underlined-line-height: 24px;
    --text-sm-bold-font-family: "Inter", Helvetica;
    --text-sm-bold-font-size: 14px;
    --text-sm-bold-font-style: normal;
    --text-sm-bold-font-weight: 700;
    --text-sm-bold-letter-spacing: 0px;
    --text-sm-bold-line-height: 20px;
    --text-sm-medium-font-family: "Inter", Helvetica;
    --text-sm-medium-font-size: 14px;
    --text-sm-medium-font-style: normal;
    --text-sm-medium-font-weight: 500;
    --text-sm-medium-letter-spacing: 0px;
    --text-sm-medium-line-height: 20px;
    --text-sm-medium-underlined-font-family: "Inter", Helvetica;
    --text-sm-medium-underlined-font-size: 14px;
    --text-sm-medium-underlined-font-style: normal;
    --text-sm-medium-underlined-font-weight: 500;
    --text-sm-medium-underlined-letter-spacing: 0px;
    --text-sm-medium-underlined-line-height: 20px;
    --text-sm-regular-font-family: "Inter", Helvetica;
    --text-sm-regular-font-size: 14px;
    --text-sm-regular-font-style: normal;
    --text-sm-regular-font-weight: 400;
    --text-sm-regular-letter-spacing: 0px;
    --text-sm-regular-line-height: 20px;
    --text-sm-regular-underlined-font-family: "Inter", Helvetica;
    --text-sm-regular-underlined-font-size: 14px;
    --text-sm-regular-underlined-font-style: normal;
    --text-sm-regular-underlined-font-weight: 400;
    --text-sm-regular-underlined-letter-spacing: 0px;
    --text-sm-regular-underlined-line-height: 20px;
    --text-sm-semibold-font-family: "Inter", Helvetica;
    --text-sm-semibold-font-size: 14px;
    --text-sm-semibold-font-style: normal;
    --text-sm-semibold-font-weight: 600;
    --text-sm-semibold-letter-spacing: 0px;
    --text-sm-semibold-line-height: 20px;
    --text-sm-semibold-underlined-font-family: "Inter", Helvetica;
    --text-sm-semibold-underlined-font-size: 14px;
    --text-sm-semibold-underlined-font-style: normal;
    --text-sm-semibold-underlined-font-weight: 600;
    --text-sm-semibold-underlined-letter-spacing: 0px;
    --text-sm-semibold-underlined-line-height: 20px;
    --text-xl-bold-font-family: "Inter", Helvetica;
    --text-xl-bold-font-size: 20px;
    --text-xl-bold-font-style: normal;
    --text-xl-bold-font-weight: 700;
    --text-xl-bold-italic-font-family: "Inter", Helvetica;
    --text-xl-bold-italic-font-size: 20px;
    --text-xl-bold-italic-font-style: italic;
    --text-xl-bold-italic-font-weight: 700;
    --text-xl-bold-italic-letter-spacing: 0px;
    --text-xl-bold-italic-line-height: 30px;
    --text-xl-bold-letter-spacing: 0px;
    --text-xl-bold-line-height: 30px;
    --text-xl-medium-font-family: "Inter", Helvetica;
    --text-xl-medium-font-size: 20px;
    --text-xl-medium-font-style: normal;
    --text-xl-medium-font-weight: 500;
    --text-xl-medium-italic-font-family: "Inter", Helvetica;
    --text-xl-medium-italic-font-size: 20px;
    --text-xl-medium-italic-font-style: italic;
    --text-xl-medium-italic-font-weight: 500;
    --text-xl-medium-italic-letter-spacing: 0px;
    --text-xl-medium-italic-line-height: 30px;
    --text-xl-medium-letter-spacing: 0px;
    --text-xl-medium-line-height: 30px;
    --text-xl-regular-font-family: "Inter", Helvetica;
    --text-xl-regular-font-size: 20px;
    --text-xl-regular-font-style: normal;
    --text-xl-regular-font-weight: 400;
    --text-xl-regular-italic-font-family: "Inter", Helvetica;
    --text-xl-regular-italic-font-size: 20px;
    --text-xl-regular-italic-font-style: italic;
    --text-xl-regular-italic-font-weight: 400;
    --text-xl-regular-italic-letter-spacing: 0px;
    --text-xl-regular-italic-line-height: 30px;
    --text-xl-regular-letter-spacing: 0px;
    --text-xl-regular-line-height: 30px;
    --text-xl-regular-underlined-font-family: "Inter", Helvetica;
    --text-xl-regular-underlined-font-size: 20px;
    --text-xl-regular-underlined-font-style: normal;
    --text-xl-regular-underlined-font-weight: 400;
    --text-xl-regular-underlined-letter-spacing: 0px;
    --text-xl-regular-underlined-line-height: 30px;
    --text-xl-semibold-font-family: "Inter", Helvetica;
    --text-xl-semibold-font-size: 20px;
    --text-xl-semibold-font-style: normal;
    --text-xl-semibold-font-weight: 600;
    --text-xl-semibold-italic-font-family: "Inter", Helvetica;
    --text-xl-semibold-italic-font-size: 20px;
    --text-xl-semibold-italic-font-style: italic;
    --text-xl-semibold-italic-font-weight: 600;
    --text-xl-semibold-italic-letter-spacing: 0px;
    --text-xl-semibold-italic-line-height: 30px;
    --text-xl-semibold-letter-spacing: 0px;
    --text-xl-semibold-line-height: 30px;
    --text-xs-bold-font-family: "Inter", Helvetica;
    --text-xs-bold-font-size: 12px;
    --text-xs-bold-font-style: normal;
    --text-xs-bold-font-weight: 700;
    --text-xs-bold-letter-spacing: 0px;
    --text-xs-bold-line-height: 18px;
    --text-xs-medium-font-family: "Inter", Helvetica;
    --text-xs-medium-font-size: 12px;
    --text-xs-medium-font-style: normal;
    --text-xs-medium-font-weight: 500;
    --text-xs-medium-letter-spacing: 0px;
    --text-xs-medium-line-height: 18px;
    --text-xs-regular-font-family: "Inter", Helvetica;
    --text-xs-regular-font-size: 12px;
    --text-xs-regular-font-style: normal;
    --text-xs-regular-font-weight: 400;
    --text-xs-regular-letter-spacing: 0px;
    --text-xs-regular-line-height: 18px;
    --text-xs-semibold-font-family: "Inter", Helvetica;
    --text-xs-semibold-font-size: 12px;
    --text-xs-semibold-font-style: normal;
    --text-xs-semibold-font-weight: 600;
    --text-xs-semibold-letter-spacing: 0px;
    --text-xs-semibold-line-height: 18px;
    --violet-100: rgba(236, 233, 254, 1);
    --violet-200: rgba(221, 214, 254, 1);
    --violet-25: rgba(251, 250, 255, 1);
    --violet-300: rgba(195, 181, 253, 1);
    --violet-400: rgba(164, 138, 251, 1);
    --violet-50: rgba(245, 243, 255, 1);
    --violet-500: rgba(135, 91, 247, 1);
    --violet-600: rgba(120, 57, 238, 1);
    --violet-700: rgba(105, 39, 218, 1);
    --violet-800: rgba(87, 32, 183, 1);
    --violet-900: rgba(73, 28, 150, 1);
    --violet-950: rgba(46, 18, 94, 1);
    --warning-100: rgba(254, 240, 199, 1);
    --warning-200: rgba(254, 223, 137, 1);
    --warning-25: rgba(255, 252, 245, 1);
    --warning-300: rgba(254, 200, 75, 1);
    --warning-400: rgba(253, 176, 34, 1);
    --warning-50: rgba(255, 250, 235, 1);
    --warning-500: rgba(247, 144, 9, 1);
    --warning-600: rgba(220, 104, 3, 1);
    --warning-700: rgba(181, 71, 8, 1);
    --warning-800: rgba(147, 55, 13, 1);
    --warning-900: rgba(122, 46, 14, 1);
    --warning-950: rgba(78, 29, 9, 1);
    --yellow-100: rgba(254, 247, 195, 1);
    --yellow-200: rgba(254, 238, 149, 1);
    --yellow-25: rgba(254, 253, 240, 1);
    --yellow-300: rgba(253, 226, 114, 1);
    --yellow-400: rgba(250, 197, 21, 1);
    --yellow-50: rgba(254, 251, 232, 1);
    --yellow-500: rgba(234, 170, 8, 1);
    --yellow-600: rgba(202, 133, 4, 1);
    --yellow-700: rgba(161, 92, 7, 1);
    --yellow-800: rgba(133, 74, 14, 1);
    --yellow-900: rgba(113, 59, 18, 1);
    --yellow-950: rgba(84, 44, 13, 1);
  }
  
  :root {
    --avatar-user-squareabraham-baker-color-background: rgba(209, 210, 227, 1);
    --avatar-user-squareabraham-baker-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-squareadem-lane-color-background: rgba(199, 209, 176, 1);
    --avatar-user-squareadem-lane-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-squareadil-floyd-color-background: rgba(229, 221, 206, 1);
    --avatar-user-squareadil-floyd-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-squareadriana-osullivan-color-background: rgba(229, 209, 230, 1);
    --avatar-user-squareadriana-osullivan-neutral-background: rgba(
      224,
      224,
      224,
      1
    );
    --avatar-user-squarealec-whitten-color-background: rgba(216, 221, 192, 1);
    --avatar-user-squarealec-whitten-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-squareali-mahdi-color-background: rgba(207, 212, 198, 1);
    --avatar-user-squareali-mahdi-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-squarealiah-lane-color-background: rgba(207, 203, 220, 1);
    --avatar-user-squarealiah-lane-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-squarealisa-hester-color-background: rgba(229, 209, 230, 1);
    --avatar-user-squarealisa-hester-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-squareamanda-lowery-color-background: rgba(224, 193, 195, 1);
    --avatar-user-squareamanda-lowery-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-squareamlie-laurent-color-background: rgba(221, 192, 206, 1);
    --avatar-user-squareamlie-laurent-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-squareammar-foley-color-background: rgba(199, 209, 176, 1);
    --avatar-user-squareammar-foley-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-squareanaiah-whitten-color-background: rgba(217, 208, 230, 1);
    --avatar-user-squareanaiah-whitten-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-squareandi-lane-color-background: rgba(220, 204, 189, 1);
    --avatar-user-squareandi-lane-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-squareanita-cruz-color-background: rgba(215, 227, 232, 1);
    --avatar-user-squareanita-cruz-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-squareashton-blackwell-color-background: rgba(211, 214, 233, 1);
    --avatar-user-squareashton-blackwell-neutral-background: rgba(
      224,
      224,
      224,
      1
    );
    --avatar-user-squareashwin-santiago-color-background: rgba(209, 226, 231, 1);
    --avatar-user-squareashwin-santiago-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-squareava-bentley-color-background: rgba(204, 221, 225, 1);
    --avatar-user-squareava-bentley-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-squareava-wright-color-background: rgba(221, 208, 190, 1);
    --avatar-user-squareava-wright-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-squareaysha-becker-color-background: rgba(209, 226, 231, 1);
    --avatar-user-squareaysha-becker-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-squarebailey-richards-color-background: rgba(232, 215, 234, 1);
    --avatar-user-squarebailey-richards-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-squarebec-ferguson-color-background: rgba(231, 211, 215, 1);
    --avatar-user-squarebec-ferguson-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-squarebelle-woods-color-background: rgba(215, 205, 229, 1);
    --avatar-user-squarebelle-woods-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-squarebillie-wright-color-background: rgba(233, 220, 187, 1);
    --avatar-user-squarebillie-wright-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-squareblake-riley-color-background: rgba(214, 207, 183, 1);
    --avatar-user-squareblake-riley-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-squarebrianna-ware-color-background: rgba(214, 179, 179, 1);
    --avatar-user-squarebrianna-ware-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-squarebyron-robertson-color-background: rgba(219, 202, 189, 1);
    --avatar-user-squarebyron-robertson-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-squarecaitlyn-king-color-background: rgba(207, 212, 198, 1);
    --avatar-user-squarecaitlyn-king-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-squarecameron-yang-color-background: rgba(215, 227, 232, 1);
    --avatar-user-squarecameron-yang-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-squarecandice-wu-color-background: rgba(217, 208, 230, 1);
    --avatar-user-squarecandice-wu-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-squarecohen-lozano-color-background: rgba(198, 208, 203, 1);
    --avatar-user-squarecohen-lozano-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-squarecourtney-turner-color-background: rgba(199, 209, 176, 1);
    --avatar-user-squarecourtney-turner-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-squaredemi-wilkinson-color-background: rgba(218, 220, 214, 1);
    --avatar-user-squaredemi-wilkinson-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-squaredillan-nguyen-color-background: rgba(223, 194, 192, 1);
    --avatar-user-squaredillan-nguyen-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-squaredrew-cano-color-background: rgba(217, 229, 204, 1);
    --avatar-user-squaredrew-cano-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-squareeduard-franz-color-background: rgba(229, 221, 206, 1);
    --avatar-user-squareeduard-franz-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-squareelisa-nishikawa-color-background: rgba(211, 220, 207, 1);
    --avatar-user-squareelisa-nishikawa-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-squareelsie-roy-color-background: rgba(203, 225, 239, 1);
    --avatar-user-squareelsie-roy-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-squareerica-wyatt-color-background: rgba(229, 207, 231, 1);
    --avatar-user-squareerica-wyatt-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-squareethan-campbell-color-background: rgba(219, 202, 189, 1);
    --avatar-user-squareethan-campbell-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-squareethan-valdez-color-background: rgba(214, 231, 234, 1);
    --avatar-user-squareethan-valdez-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-squareeva-bond-color-background: rgba(232, 215, 234, 1);
    --avatar-user-squareeva-bond-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-squareeve-leroy-color-background: rgba(223, 195, 205, 1);
    --avatar-user-squareeve-leroy-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-squarefleur-cook-color-background: rgba(218, 220, 214, 1);
    --avatar-user-squarefleur-cook-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-squareflorence-shaw-color-background: rgba(207, 212, 198, 1);
    --avatar-user-squareflorence-shaw-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-squarefrank-whitaker-color-background: rgba(207, 212, 198, 1);
    --avatar-user-squarefrank-whitaker-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-squarefranklin-mays-color-background: rgba(215, 227, 232, 1);
    --avatar-user-squarefranklin-mays-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-squarefreya-browning-color-background: rgba(223, 194, 192, 1);
    --avatar-user-squarefreya-browning-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-squaregenevieve-mclean-color-background: rgba(187, 192, 221, 1);
    --avatar-user-squaregenevieve-mclean-neutral-background: rgba(
      224,
      224,
      224,
      1
    );
    --avatar-user-squareharriet-rojas-color-background: rgba(233, 220, 187, 1);
    --avatar-user-squareharriet-rojas-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-squareharry-bender-color-background: rgba(207, 212, 198, 1);
    --avatar-user-squareharry-bender-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-squarehasan-johns-color-background: rgba(216, 221, 192, 1);
    --avatar-user-squarehasan-johns-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-squareisla-allison-color-background: rgba(233, 220, 187, 1);
    --avatar-user-squareisla-allison-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-squareisobel-fuller-color-background: rgba(233, 220, 187, 1);
    --avatar-user-squareisobel-fuller-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-squarejackson-reed-color-background: rgba(215, 227, 232, 1);
    --avatar-user-squarejackson-reed-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-squarejay-shepard-color-background: rgba(199, 209, 176, 1);
    --avatar-user-squarejay-shepard-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-squarejaya-willis-color-background: rgba(198, 208, 203, 1);
    --avatar-user-squarejaya-willis-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-squarejayden-moss-color-background: rgba(223, 195, 205, 1);
    --avatar-user-squarejayden-moss-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-squarejessie-meyton-color-background: rgba(211, 214, 233, 1);
    --avatar-user-squarejessie-meyton-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-squarejonathan-kelly-color-background: rgba(229, 207, 231, 1);
    --avatar-user-squarejonathan-kelly-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-squarejordan-burgess-color-background: rgba(198, 208, 203, 1);
    --avatar-user-squarejordan-burgess-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-squarejoshua-wilson-color-background: rgba(211, 220, 207, 1);
    --avatar-user-squarejoshua-wilson-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-squarejulius-vaughan-color-background: rgba(233, 220, 187, 1);
    --avatar-user-squarejulius-vaughan-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-squarekaden-scott-color-background: rgba(207, 212, 198, 1);
    --avatar-user-squarekaden-scott-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-squarekaitlin-hale-color-background: rgba(221, 208, 190, 1);
    --avatar-user-squarekaitlin-hale-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-squarekari-rasmussen-color-background: rgba(199, 209, 176, 1);
    --avatar-user-squarekari-rasmussen-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-squarekate-morrison-color-background: rgba(207, 203, 220, 1);
    --avatar-user-squarekate-morrison-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-squarekatherine-moss-color-background: rgba(192, 198, 221, 1);
    --avatar-user-squarekatherine-moss-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-squarekaty-fuller-color-background: rgba(209, 227, 217, 1);
    --avatar-user-squarekaty-fuller-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-squarekelly-williams-color-background: rgba(218, 220, 214, 1);
    --avatar-user-squarekelly-williams-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-squarekelsey-lowe-color-background: rgba(201, 198, 208, 1);
    --avatar-user-squarekelsey-lowe-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-squarekoray-okumus-color-background: rgba(229, 207, 231, 1);
    --avatar-user-squarekoray-okumus-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-squarekyla-clay-color-background: rgba(217, 208, 230, 1);
    --avatar-user-squarekyla-clay-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-squarelana-steiner-color-background: rgba(215, 227, 232, 1);
    --avatar-user-squarelana-steiner-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-squarelevi-rocha-color-background: rgba(223, 194, 192, 1);
    --avatar-user-squarelevi-rocha-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-squareleyton-fields-color-background: rgba(207, 212, 198, 1);
    --avatar-user-squareleyton-fields-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-squareliam-hood-color-background: rgba(223, 195, 205, 1);
    --avatar-user-squareliam-hood-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-squarelily-rose-chedjou-color-background: rgba(229, 221, 206, 1);
    --avatar-user-squarelily-rose-chedjou-neutral-background: rgba(
      224,
      224,
      224,
      1
    );
    --avatar-user-squareloki-bright-color-background: rgba(215, 227, 232, 1);
    --avatar-user-squareloki-bright-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-squarelori-bryson-color-background: rgba(223, 195, 205, 1);
    --avatar-user-squarelori-bryson-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-squarelucy-bond-color-background: rgba(232, 215, 234, 1);
    --avatar-user-squarelucy-bond-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-squarelulu-meyers-color-background: rgba(217, 208, 230, 1);
    --avatar-user-squarelulu-meyers-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-squarelyle-kauffman-color-background: rgba(214, 179, 179, 1);
    --avatar-user-squarelyle-kauffman-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-squaremaddison-gillespie-color-background: rgba(
      228,
      203,
      204,
      1
    );
    --avatar-user-squaremaddison-gillespie-neutral-background: rgba(
      224,
      224,
      224,
      1
    );
    --avatar-user-squaremadeleine-pitts-color-background: rgba(207, 203, 220, 1);
    --avatar-user-squaremadeleine-pitts-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-squaremarco-kelly-color-background: rgba(227, 198, 209, 1);
    --avatar-user-squaremarco-kelly-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-squaremarvin-robbins-color-background: rgba(199, 209, 176, 1);
    --avatar-user-squaremarvin-robbins-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-squaremathilde-lewis-color-background: rgba(223, 194, 192, 1);
    --avatar-user-squaremathilde-lewis-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-squaremaxwell-tan-color-background: rgba(194, 191, 211, 1);
    --avatar-user-squaremaxwell-tan-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-squaremikey-lawrence-color-background: rgba(207, 212, 198, 1);
    --avatar-user-squaremikey-lawrence-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-squaremollie-hall-color-background: rgba(223, 195, 205, 1);
    --avatar-user-squaremollie-hall-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-squaremolly-vaughan-color-background: rgba(193, 211, 187, 1);
    --avatar-user-squaremolly-vaughan-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-squarenala-goins-color-background: rgba(207, 203, 220, 1);
    --avatar-user-squarenala-goins-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-squarenatali-craig-color-background: rgba(233, 220, 187, 1);
    --avatar-user-squarenatali-craig-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-squarenic-fassbender-color-background: rgba(207, 203, 220, 1);
    --avatar-user-squarenic-fassbender-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-squarenicola-harris-color-background: rgba(221, 208, 190, 1);
    --avatar-user-squarenicola-harris-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-squarenicolas-trevino-color-background: rgba(214, 179, 179, 1);
    --avatar-user-squarenicolas-trevino-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-squarenicolas-wang-color-background: rgba(241, 231, 218, 1);
    --avatar-user-squarenicolas-wang-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-squarenikolas-gibbons-color-background: rgba(207, 212, 198, 1);
    --avatar-user-squarenikolas-gibbons-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-squarenoah-pierre-color-background: rgba(193, 211, 187, 1);
    --avatar-user-squarenoah-pierre-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-squarenoel-baldwin-color-background: rgba(227, 210, 198, 1);
    --avatar-user-squarenoel-baldwin-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-squareolivia-rhye-color-background: rgba(207, 203, 220, 1);
    --avatar-user-squareolivia-rhye-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-squareolly-schroeder-color-background: rgba(221, 208, 190, 1);
    --avatar-user-squareolly-schroeder-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-squareorlando-diggs-color-background: rgba(229, 221, 206, 1);
    --avatar-user-squareorlando-diggs-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-squareowen-garcia-color-background: rgba(233, 220, 187, 1);
    --avatar-user-squareowen-garcia-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-squareowen-harding-color-background: rgba(207, 203, 220, 1);
    --avatar-user-squareowen-harding-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-squarephoenix-baker-color-background: rgba(214, 207, 183, 1);
    --avatar-user-squarephoenix-baker-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-squarepippa-wilkinson-color-background: rgba(206, 209, 229, 1);
    --avatar-user-squarepippa-wilkinson-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-squarepriya-shepard-color-background: rgba(191, 214, 215, 1);
    --avatar-user-squarepriya-shepard-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-squarerayhan-zua-color-background: rgba(193, 222, 188, 1);
    --avatar-user-squarerayhan-zua-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-squarerene-wells-color-background: rgba(233, 220, 187, 1);
    --avatar-user-squarerene-wells-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-squarerhea-levine-color-background: rgba(211, 214, 233, 1);
    --avatar-user-squarerhea-levine-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-squarerhianna-shepard-color-background: rgba(215, 227, 232, 1);
    --avatar-user-squarerhianna-shepard-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-squareriley-omoore-color-background: rgba(233, 220, 187, 1);
    --avatar-user-squareriley-omoore-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-squarerosalee-melvin-color-background: rgba(221, 208, 190, 1);
    --avatar-user-squarerosalee-melvin-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-squaresally-mason-color-background: rgba(236, 221, 220, 1);
    --avatar-user-squaresally-mason-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-squaresarah-page-color-background: rgba(233, 220, 187, 1);
    --avatar-user-squaresarah-page-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-squaresienna-hewitt-color-background: rgba(233, 220, 187, 1);
    --avatar-user-squaresienna-hewitt-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-squaresophia-perez-color-background: rgba(215, 227, 232, 1);
    --avatar-user-squaresophia-perez-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-squarestefan-sears-color-background: rgba(214, 207, 183, 1);
    --avatar-user-squarestefan-sears-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-squareyoussef-roberson-color-background: rgba(216, 224, 207, 1);
    --avatar-user-squareyoussef-roberson-neutral-background: rgba(
      224,
      224,
      224,
      1
    );
    --avatar-user-squarezahir-mays-color-background: rgba(211, 214, 233, 1);
    --avatar-user-squarezahir-mays-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-squarezahra-christensen-color-background: rgba(211, 220, 207, 1);
    --avatar-user-squarezahra-christensen-neutral-background: rgba(
      224,
      224,
      224,
      1
    );
    --avatar-user-squarezaid-schwartz-color-background: rgba(209, 227, 217, 1);
    --avatar-user-squarezaid-schwartz-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-squarezara-bush-color-background: rgba(229, 209, 230, 1);
    --avatar-user-squarezara-bush-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-squarezaynab-donnelly-color-background: rgba(198, 208, 203, 1);
    --avatar-user-squarezaynab-donnelly-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-squarezuzanna-burke-color-background: rgba(214, 179, 179, 1);
    --avatar-user-squarezuzanna-burke-neutral-background: rgba(224, 224, 224, 1);
    --baseblack: rgba(0, 0, 0, 1);
    --basewhite: rgba(255, 255, 255, 1);
    --blue-100: rgba(209, 233, 255, 1);
    --blue-200: rgba(178, 221, 255, 1);
    --blue-25: rgba(245, 250, 255, 1);
    --blue-300: rgba(132, 202, 255, 1);
    --blue-400: rgba(83, 177, 253, 1);
    --blue-50: rgba(239, 248, 255, 1);
    --blue-500: rgba(46, 144, 250, 1);
    --blue-600: rgba(21, 112, 239, 1);
    --blue-700: rgba(23, 92, 211, 1);
    --blue-800: rgba(24, 73, 169, 1);
    --blue-900: rgba(25, 65, 133, 1);
    --blue-950: rgba(16, 42, 86, 1);
    --blue-dark-100: rgba(209, 224, 255, 1);
    --blue-dark-200: rgba(178, 204, 255, 1);
    --blue-dark-25: rgba(245, 248, 255, 1);
    --blue-dark-300: rgba(132, 173, 255, 1);
    --blue-dark-400: rgba(82, 139, 255, 1);
    --blue-dark-50: rgba(239, 244, 255, 1);
    --blue-dark-500: rgba(41, 112, 255, 1);
    --blue-dark-600: rgba(21, 94, 239, 1);
    --blue-dark-700: rgba(0, 78, 235, 1);
    --blue-dark-800: rgba(0, 64, 193, 1);
    --blue-dark-900: rgba(0, 53, 158, 1);
    --blue-dark950: rgba(0, 34, 102, 1);
    --blue-light100: rgba(224, 242, 254, 1);
    --blue-light200: rgba(185, 230, 254, 1);
    --blue-light25: rgba(245, 251, 255, 1);
    --blue-light300: rgba(124, 212, 253, 1);
    --blue-light400: rgba(54, 191, 250, 1);
    --blue-light50: rgba(240, 249, 255, 1);
    --blue-light500: rgba(11, 165, 236, 1);
    --blue-light600: rgba(0, 134, 201, 1);
    --blue-light700: rgba(2, 106, 162, 1);
    --blue-light800: rgba(6, 89, 134, 1);
    --blue-light900: rgba(11, 74, 111, 1);
    --blue-light950: rgba(6, 44, 65, 1);
    --brand-100: rgba(238, 248, 250, 1);
    --brand-200: rgba(196, 223, 229, 1);
    --brand-25: rgba(241, 249, 251, 1);
    --brand-300: rgba(166, 208, 217, 1);
    --brand-400: rgba(137, 192, 204, 1);
    --brand-50: rgba(249, 245, 255, 1);
    --brand-500: rgba(107, 176, 191, 1);
    --brand-600: rgba(86, 141, 153, 1);
    --brand-700: rgba(64, 106, 115, 1);
    --brand-800: rgba(43, 70, 76, 1);
    --brand-900: rgba(43, 70, 76, 1);
    --brand-950: rgba(44, 28, 95, 1);
    --cyan-100: rgba(207, 249, 254, 1);
    --cyan-200: rgba(165, 240, 252, 1);
    --cyan-25: rgba(245, 254, 255, 1);
    --cyan-300: rgba(103, 227, 249, 1);
    --cyan-400: rgba(34, 204, 238, 1);
    --cyan-50: rgba(236, 253, 255, 1);
    --cyan-500: rgba(6, 174, 212, 1);
    --cyan-600: rgba(8, 138, 178, 1);
    --cyan-700: rgba(14, 112, 144, 1);
    --cyan-800: rgba(21, 91, 117, 1);
    --cyan-900: rgba(22, 76, 99, 1);
    --cyan-950: rgba(13, 45, 58, 1);
    --display-2xl-bold-font-family: "Inter", Helvetica;
    --display-2xl-bold-font-size: 72px;
    --display-2xl-bold-font-style: normal;
    --display-2xl-bold-font-weight: 700;
    --display-2xl-bold-letter-spacing: -1.44px;
    --display-2xl-bold-line-height: 90px;
    --display-2xl-medium-font-family: "Inter", Helvetica;
    --display-2xl-medium-font-size: 72px;
    --display-2xl-medium-font-style: normal;
    --display-2xl-medium-font-weight: 500;
    --display-2xl-medium-letter-spacing: -1.44px;
    --display-2xl-medium-line-height: 90px;
    --display-2xl-regular-font-family: "Inter", Helvetica;
    --display-2xl-regular-font-size: 72px;
    --display-2xl-regular-font-style: normal;
    --display-2xl-regular-font-weight: 400;
    --display-2xl-regular-letter-spacing: -1.44px;
    --display-2xl-regular-line-height: 90px;
    --display-2xl-semibold-font-family: "Inter", Helvetica;
    --display-2xl-semibold-font-size: 72px;
    --display-2xl-semibold-font-style: normal;
    --display-2xl-semibold-font-weight: 600;
    --display-2xl-semibold-letter-spacing: -1.44px;
    --display-2xl-semibold-line-height: 90px;
    --display-lg-bold-font-family: "Inter", Helvetica;
    --display-lg-bold-font-size: 48px;
    --display-lg-bold-font-style: normal;
    --display-lg-bold-font-weight: 700;
    --display-lg-bold-letter-spacing: -0.96px;
    --display-lg-bold-line-height: 60px;
    --display-lg-medium-font-family: "Inter", Helvetica;
    --display-lg-medium-font-size: 48px;
    --display-lg-medium-font-style: normal;
    --display-lg-medium-font-weight: 500;
    --display-lg-medium-letter-spacing: -0.96px;
    --display-lg-medium-line-height: 60px;
    --display-lg-regular-font-family: "Inter", Helvetica;
    --display-lg-regular-font-size: 48px;
    --display-lg-regular-font-style: normal;
    --display-lg-regular-font-weight: 400;
    --display-lg-regular-letter-spacing: -0.96px;
    --display-lg-regular-line-height: 60px;
    --display-lg-semibold-font-family: "Inter", Helvetica;
    --display-lg-semibold-font-size: 48px;
    --display-lg-semibold-font-style: normal;
    --display-lg-semibold-font-weight: 600;
    --display-lg-semibold-letter-spacing: -0.96px;
    --display-lg-semibold-line-height: 60px;
    --display-md-bold-font-family: "Inter", Helvetica;
    --display-md-bold-font-size: 36px;
    --display-md-bold-font-style: normal;
    --display-md-bold-font-weight: 700;
    --display-md-bold-letter-spacing: -0.72px;
    --display-md-bold-line-height: 44px;
    --display-md-medium-font-family: "Inter", Helvetica;
    --display-md-medium-font-size: 36px;
    --display-md-medium-font-style: normal;
    --display-md-medium-font-weight: 500;
    --display-md-medium-letter-spacing: -0.72px;
    --display-md-medium-line-height: 44px;
    --display-md-regular-font-family: "Inter", Helvetica;
    --display-md-regular-font-size: 36px;
    --display-md-regular-font-style: normal;
    --display-md-regular-font-weight: 400;
    --display-md-regular-letter-spacing: -0.72px;
    --display-md-regular-line-height: 44px;
    --display-md-semibold-font-family: "Inter", Helvetica;
    --display-md-semibold-font-size: 36px;
    --display-md-semibold-font-style: normal;
    --display-md-semibold-font-weight: 600;
    --display-md-semibold-letter-spacing: -0.72px;
    --display-md-semibold-line-height: 44px;
    --display-sm-bold-font-family: "Inter", Helvetica;
    --display-sm-bold-font-size: 30px;
    --display-sm-bold-font-style: normal;
    --display-sm-bold-font-weight: 700;
    --display-sm-bold-letter-spacing: 0px;
    --display-sm-bold-line-height: 38px;
    --display-sm-medium-font-family: "Inter", Helvetica;
    --display-sm-medium-font-size: 30px;
    --display-sm-medium-font-style: normal;
    --display-sm-medium-font-weight: 500;
    --display-sm-medium-italic-font-family: "Inter", Helvetica;
    --display-sm-medium-italic-font-size: 30px;
    --display-sm-medium-italic-font-style: italic;
    --display-sm-medium-italic-font-weight: 500;
    --display-sm-medium-italic-letter-spacing: 0px;
    --display-sm-medium-italic-line-height: 38px;
    --display-sm-medium-letter-spacing: 0px;
    --display-sm-medium-line-height: 38px;
    --display-sm-regular-font-family: "Inter", Helvetica;
    --display-sm-regular-font-size: 30px;
    --display-sm-regular-font-style: normal;
    --display-sm-regular-font-weight: 400;
    --display-sm-regular-letter-spacing: 0px;
    --display-sm-regular-line-height: 38px;
    --display-sm-semibold-font-family: "Inter", Helvetica;
    --display-sm-semibold-font-size: 30px;
    --display-sm-semibold-font-style: normal;
    --display-sm-semibold-font-weight: 600;
    --display-sm-semibold-letter-spacing: 0px;
    --display-sm-semibold-line-height: 38px;
    --display-xl-bold-font-family: "Inter", Helvetica;
    --display-xl-bold-font-size: 60px;
    --display-xl-bold-font-style: normal;
    --display-xl-bold-font-weight: 700;
    --display-xl-bold-letter-spacing: -1.2px;
    --display-xl-bold-line-height: 72px;
    --display-xl-medium-font-family: "Inter", Helvetica;
    --display-xl-medium-font-size: 60px;
    --display-xl-medium-font-style: normal;
    --display-xl-medium-font-weight: 500;
    --display-xl-medium-letter-spacing: -1.2px;
    --display-xl-medium-line-height: 72px;
    --display-xl-regular-font-family: "Inter", Helvetica;
    --display-xl-regular-font-size: 60px;
    --display-xl-regular-font-style: normal;
    --display-xl-regular-font-weight: 400;
    --display-xl-regular-letter-spacing: -1.2px;
    --display-xl-regular-line-height: 72px;
    --display-xl-semibold-font-family: "Inter", Helvetica;
    --display-xl-semibold-font-size: 60px;
    --display-xl-semibold-font-style: normal;
    --display-xl-semibold-font-weight: 600;
    --display-xl-semibold-letter-spacing: -1.2px;
    --display-xl-semibold-line-height: 72px;
    --display-xs-bold-font-family: "Inter", Helvetica;
    --display-xs-bold-font-size: 24px;
    --display-xs-bold-font-style: normal;
    --display-xs-bold-font-weight: 700;
    --display-xs-bold-letter-spacing: 0px;
    --display-xs-bold-line-height: 32px;
    --display-xs-medium-font-family: "Inter", Helvetica;
    --display-xs-medium-font-size: 24px;
    --display-xs-medium-font-style: normal;
    --display-xs-medium-font-weight: 500;
    --display-xs-medium-italic-font-family: "Inter", Helvetica;
    --display-xs-medium-italic-font-size: 24px;
    --display-xs-medium-italic-font-style: italic;
    --display-xs-medium-italic-font-weight: 500;
    --display-xs-medium-italic-letter-spacing: 0px;
    --display-xs-medium-italic-line-height: 32px;
    --display-xs-medium-letter-spacing: 0px;
    --display-xs-medium-line-height: 32px;
    --display-xs-regular-font-family: "Inter", Helvetica;
    --display-xs-regular-font-size: 24px;
    --display-xs-regular-font-style: normal;
    --display-xs-regular-font-weight: 400;
    --display-xs-regular-letter-spacing: 0px;
    --display-xs-regular-line-height: 32px;
    --display-xs-semibold-font-family: "Inter", Helvetica;
    --display-xs-semibold-font-size: 24px;
    --display-xs-semibold-font-style: normal;
    --display-xs-semibold-font-weight: 600;
    --display-xs-semibold-letter-spacing: 0px;
    --display-xs-semibold-line-height: 32px;
    --error-100: rgba(254, 228, 226, 1);
    --error-200: rgba(254, 205, 202, 1);
    --error-25: rgba(255, 251, 250, 1);
    --error-300: rgba(253, 162, 155, 1);
    --error-400: rgba(249, 112, 102, 1);
    --error-50: rgba(254, 243, 242, 1);
    --error-500: rgba(240, 68, 56, 1);
    --error-600: rgba(217, 45, 32, 1);
    --error-700: rgba(180, 35, 24, 1);
    --error-800: rgba(145, 32, 24, 1);
    --error-900: rgba(122, 39, 26, 1);
    --error-950: rgba(85, 22, 12, 1);
    --focus-rings-focus-ring: 0px 0px 0px 4px rgba(158, 119, 237, 1), 0px 0px 0px
      2px rgba(255, 255, 255, 1);
    --focus-rings-focus-ring-error: 0px 0px 0px 4px rgba(240, 68, 56, 1), 0px 0px
      0px 2px rgba(255, 255, 255, 1);
    --focus-rings-focus-ring-error-shadow-xs:
      0px 0px 0px 4px rgba(240, 68, 56, 1), 0px 0px 0px 2px rgba(255, 255, 255, 1), 0px 1px 2px 0px rgba(
        10,
        13,
        18,
        0.05
      );
    --focus-rings-focus-ring-error-shadow-xs-skeuomorphic:
      0px 0px 0px 4px rgba(240, 68, 56, 1), 0px 0px 0px 2px rgba(255, 255, 255, 1), 0px 1px 2px 0px rgba(
        16,
        24,
        40,
        0.05
      );
    --focus-rings-focus-ring-shadow-sm:
      0px 0px 0px 4px rgba(158, 119, 237, 1), 0px 0px 0px 2px rgba(
        255,
        255,
        255,
        1
      ), 0px 1px 2px 0px rgba(10, 13, 18, 0.06), 0px 1px 3px 0px rgba(
        10,
        13,
        18,
        0.1
      );
    --focus-rings-focus-ring-shadow-xs:
      0px 0px 0px 4px rgba(158, 119, 237, 1), 0px 0px 0px 2px rgba(
        255,
        255,
        255,
        1
      ), 0px 1px 2px 0px rgba(10, 13, 18, 0.05);
    --focus-rings-focus-ring-shadow-xs-skeuomorphic:
      0px 0px 0px 4px rgba(158, 119, 237, 1), 0px 0px 0px 2px rgba(
        255,
        255,
        255,
        1
      ), 0px 1px 2px 0px rgba(10, 13, 18, 0.05);
    --fuchsia-100: rgba(251, 232, 255, 1);
    --fuchsia-200: rgba(246, 208, 254, 1);
    --fuchsia-25: rgba(254, 250, 255, 1);
    --fuchsia-300: rgba(238, 170, 253, 1);
    --fuchsia-400: rgba(228, 120, 250, 1);
    --fuchsia-50: rgba(253, 244, 255, 1);
    --fuchsia-500: rgba(212, 68, 241, 1);
    --fuchsia-600: rgba(186, 36, 213, 1);
    --fuchsia-700: rgba(159, 26, 177, 1);
    --fuchsia-800: rgba(130, 24, 144, 1);
    --fuchsia-900: rgba(111, 24, 119, 1);
    --fuchsia-950: rgba(71, 16, 76, 1);
    --gray-100: rgba(245, 245, 245, 1);
    --gray-200: rgba(233, 234, 235, 1);
    --gray-25: rgba(253, 253, 253, 1);
    --gray-300: rgba(213, 215, 218, 1);
    --gray-400: rgba(164, 167, 174, 1);
    --gray-50: rgba(250, 250, 250, 1);
    --gray-500: rgba(113, 118, 128, 1);
    --gray-600: rgba(83, 88, 98, 1);
    --gray-700: rgba(65, 70, 81, 1);
    --gray-800: rgba(37, 43, 55, 1);
    --gray-900: rgba(24, 29, 39, 1);
    --gray-950: rgba(10, 13, 18, 1);
    --gray-blue100: rgba(234, 236, 245, 1);
    --gray-blue200: rgba(213, 217, 235, 1);
    --gray-blue25: rgba(252, 252, 253, 1);
    --gray-blue300: rgba(179, 184, 219, 1);
    --gray-blue400: rgba(113, 123, 188, 1);
    --gray-blue50: rgba(248, 249, 252, 1);
    --gray-blue500: rgba(78, 91, 166, 1);
    --gray-blue600: rgba(62, 71, 132, 1);
    --gray-blue700: rgba(54, 63, 114, 1);
    --gray-blue800: rgba(41, 48, 86, 1);
    --gray-blue900: rgba(16, 19, 35, 1);
    --gray-blue950: rgba(13, 15, 28, 1);
    --gray-cool-100: rgba(239, 241, 245, 1);
    --gray-cool-200: rgba(220, 223, 234, 1);
    --gray-cool-25: rgba(252, 252, 253, 1);
    --gray-cool-300: rgba(185, 192, 212, 1);
    --gray-cool-400: rgba(125, 137, 176, 1);
    --gray-cool-50: rgba(249, 249, 251, 1);
    --gray-cool-500: rgba(93, 107, 152, 1);
    --gray-cool-600: rgba(74, 85, 120, 1);
    --gray-cool-700: rgba(64, 73, 104, 1);
    --gray-cool-800: rgba(48, 55, 79, 1);
    --gray-cool-900: rgba(17, 19, 34, 1);
    --gray-cool950: rgba(14, 16, 27, 1);
    --gray-iron-100: rgba(244, 244, 245, 1);
    --gray-iron-200: rgba(228, 228, 231, 1);
    --gray-iron-25: rgba(252, 252, 252, 1);
    --gray-iron-300: rgba(209, 209, 214, 1);
    --gray-iron-400: rgba(160, 160, 171, 1);
    --gray-iron-50: rgba(250, 250, 250, 1);
    --gray-iron-500: rgba(112, 112, 123, 1);
    --gray-iron-600: rgba(81, 82, 92, 1);
    --gray-iron-700: rgba(63, 63, 70, 1);
    --gray-iron-800: rgba(38, 39, 43, 1);
    --gray-iron-900: rgba(24, 24, 27, 1);
    --gray-iron950: rgba(19, 19, 22, 1);
    --gray-modern-100: rgba(238, 242, 246, 1);
    --gray-modern-200: rgba(227, 232, 239, 1);
    --gray-modern-25: rgba(252, 252, 253, 1);
    --gray-modern-300: rgba(205, 213, 223, 1);
    --gray-modern-400: rgba(154, 164, 178, 1);
    --gray-modern-50: rgba(248, 250, 252, 1);
    --gray-modern-500: rgba(105, 117, 134, 1);
    --gray-modern-600: rgba(75, 85, 101, 1);
    --gray-modern-700: rgba(54, 65, 82, 1);
    --gray-modern-800: rgba(32, 41, 57, 1);
    --gray-modern-900: rgba(18, 25, 38, 1);
    --gray-modern950: rgba(13, 18, 28, 1);
    --gray-neutral-100: rgba(243, 244, 246, 1);
    --gray-neutral-200: rgba(229, 231, 235, 1);
    --gray-neutral-25: rgba(252, 252, 253, 1);
    --gray-neutral-300: rgba(210, 214, 219, 1);
    --gray-neutral-400: rgba(157, 164, 174, 1);
    --gray-neutral-50: rgba(249, 250, 251, 1);
    --gray-neutral-500: rgba(108, 115, 127, 1);
    --gray-neutral-600: rgba(77, 87, 97, 1);
    --gray-neutral-700: rgba(56, 66, 80, 1);
    --gray-neutral-800: rgba(31, 42, 55, 1);
    --gray-neutral-900: rgba(17, 25, 39, 1);
    --gray-neutral950: rgba(13, 18, 28, 1);
    --gray-true-100: rgba(245, 245, 245, 1);
    --gray-true-200: rgba(229, 229, 229, 1);
    --gray-true-25: rgba(252, 252, 252, 1);
    --gray-true-300: rgba(214, 214, 214, 1);
    --gray-true-400: rgba(163, 163, 163, 1);
    --gray-true-500: rgba(115, 115, 115, 1);
    --gray-true-600: rgba(82, 82, 82, 1);
    --gray-true-700: rgba(66, 66, 66, 1);
    --gray-true-800: rgba(41, 41, 41, 1);
    --gray-true50: rgba(247, 247, 247, 1);
    --gray-true900: rgba(20, 20, 20, 1);
    --gray-true950: rgba(15, 15, 15, 1);
    --gray-warm-100: rgba(245, 245, 244, 1);
    --gray-warm-200: rgba(231, 229, 228, 1);
    --gray-warm-25: rgba(253, 253, 252, 1);
    --gray-warm-300: rgba(215, 211, 208, 1);
    --gray-warm-400: rgba(169, 162, 157, 1);
    --gray-warm-50: rgba(250, 250, 249, 1);
    --gray-warm-500: rgba(121, 113, 107, 1);
    --gray-warm-600: rgba(87, 83, 78, 1);
    --gray-warm-700: rgba(68, 64, 60, 1);
    --gray-warm-800: rgba(41, 37, 36, 1);
    --gray-warm-900: rgba(28, 25, 23, 1);
    --gray-warm950: rgba(23, 20, 18, 1);
    --green-100: rgba(211, 248, 223, 1);
    --green-200: rgba(170, 240, 196, 1);
    --green-25: rgba(246, 254, 249, 1);
    --green-300: rgba(115, 226, 163, 1);
    --green-400: rgba(60, 203, 127, 1);
    --green-50: rgba(237, 252, 242, 1);
    --green-500: rgba(22, 179, 100, 1);
    --green-600: rgba(9, 146, 80, 1);
    --green-700: rgba(8, 116, 67, 1);
    --green-800: rgba(9, 92, 55, 1);
    --green-900: rgba(8, 76, 46, 1);
    --green-950: rgba(5, 46, 28, 1);
    --green-light-100: rgba(227, 251, 204, 1);
    --green-light-200: rgba(208, 248, 171, 1);
    --green-light-25: rgba(250, 254, 245, 1);
    --green-light-300: rgba(166, 239, 103, 1);
    --green-light-400: rgba(133, 225, 58, 1);
    --green-light-50: rgba(243, 254, 231, 1);
    --green-light-500: rgba(102, 198, 28, 1);
    --green-light-600: rgba(76, 163, 13, 1);
    --green-light-700: rgba(59, 124, 15, 1);
    --green-light-800: rgba(50, 98, 18, 1);
    --green-light-900: rgba(43, 83, 20, 1);
    --green-light950: rgba(21, 41, 10, 1);
    --indigo-100: rgba(224, 234, 255, 1);
    --indigo-200: rgba(199, 215, 254, 1);
    --indigo-25: rgba(245, 248, 255, 1);
    --indigo-300: rgba(164, 188, 253, 1);
    --indigo-400: rgba(128, 152, 249, 1);
    --indigo-50: rgba(238, 244, 255, 1);
    --indigo-500: rgba(97, 114, 243, 1);
    --indigo-600: rgba(68, 76, 231, 1);
    --indigo-700: rgba(53, 56, 205, 1);
    --indigo-800: rgba(45, 49, 166, 1);
    --indigo-900: rgba(45, 50, 130, 1);
    --indigo-950: rgba(31, 35, 91, 1);
    --moss-100: rgba(230, 244, 215, 1);
    --moss-200: rgba(206, 234, 176, 1);
    --moss-25: rgba(250, 253, 247, 1);
    --moss-300: rgba(172, 220, 121, 1);
    --moss-400: rgba(134, 203, 60, 1);
    --moss-50: rgba(245, 251, 238, 1);
    --moss-500: rgba(102, 159, 42, 1);
    --moss-600: rgba(79, 122, 33, 1);
    --moss-700: rgba(63, 98, 26, 1);
    --moss-800: rgba(51, 80, 21, 1);
    --moss-900: rgba(43, 66, 18, 1);
    --moss-950: rgba(26, 40, 11, 1);
    --orange-100: rgba(253, 234, 215, 1);
    --orange-200: rgba(249, 219, 175, 1);
    --orange-25: rgba(254, 250, 245, 1);
    --orange-300: rgba(247, 178, 122, 1);
    --orange-400: rgba(243, 135, 68, 1);
    --orange-50: rgba(254, 246, 238, 1);
    --orange-500: rgba(239, 104, 32, 1);
    --orange-600: rgba(224, 79, 22, 1);
    --orange-700: rgba(185, 56, 21, 1);
    --orange-800: rgba(147, 47, 25, 1);
    --orange-900: rgba(119, 41, 23, 1);
    --orange-950: rgba(81, 28, 16, 1);
    --orange-dark-100: rgba(255, 230, 213, 1);
    --orange-dark-25: rgba(255, 249, 245, 1);
    --orange-dark-300: rgba(255, 156, 102, 1);
    --orange-dark-400: rgba(255, 105, 46, 1);
    --orange-dark-50: rgba(255, 244, 237, 1);
    --orange-dark-500: rgba(255, 68, 5, 1);
    --orange-dark-600: rgba(230, 46, 5, 1);
    --orange-dark-700: rgba(188, 27, 6, 1);
    --orange-dark-800: rgba(151, 24, 12, 1);
    --orange-dark-900: rgba(119, 26, 13, 1);
    --orange-dark200: rgba(255, 214, 174, 1);
    --orange-dark950: rgba(87, 19, 10, 1);
    --pink-100: rgba(252, 231, 246, 1);
    --pink-200: rgba(252, 206, 238, 1);
    --pink-25: rgba(254, 246, 251, 1);
    --pink-300: rgba(250, 167, 224, 1);
    --pink-400: rgba(246, 112, 199, 1);
    --pink-50: rgba(253, 242, 250, 1);
    --pink-500: rgba(238, 70, 188, 1);
    --pink-600: rgba(221, 37, 144, 1);
    --pink-700: rgba(193, 21, 116, 1);
    --pink-800: rgba(158, 22, 95, 1);
    --pink-900: rgba(133, 22, 81, 1);
    --pink-950: rgba(78, 13, 48, 1);
    --purple-100: rgba(235, 233, 254, 1);
    --purple-200: rgba(217, 214, 254, 1);
    --purple-25: rgba(250, 250, 255, 1);
    --purple-300: rgba(189, 180, 254, 1);
    --purple-400: rgba(155, 138, 251, 1);
    --purple-50: rgba(244, 243, 255, 1);
    --purple-500: rgba(122, 90, 248, 1);
    --purple-600: rgba(105, 56, 239, 1);
    --purple-700: rgba(89, 37, 220, 1);
    --purple-800: rgba(74, 31, 184, 1);
    --purple-900: rgba(62, 28, 150, 1);
    --purple-950: rgba(39, 17, 95, 1);
    --ros-100: rgba(255, 228, 232, 1);
    --ros-200: rgba(254, 205, 214, 1);
    --ros-25: rgba(255, 245, 246, 1);
    --ros-300: rgba(254, 163, 180, 1);
    --ros-400: rgba(253, 111, 142, 1);
    --ros-50: rgba(255, 241, 243, 1);
    --ros-500: rgba(246, 61, 104, 1);
    --ros-600: rgba(227, 27, 84, 1);
    --ros-700: rgba(192, 16, 72, 1);
    --ros-800: rgba(161, 16, 67, 1);
    --ros-900: rgba(137, 18, 62, 1);
    --ros-950: rgba(81, 11, 36, 1);
    --shadows-portfolio-mockups-shadow-grid-md: 32px 32px 64px 0px
      rgba(10, 13, 18, 0.08);
    --shadows-portfolio-mockups-shadow-main-centre-lg: 0px 100px 200px 0px
      rgba(10, 13, 18, 0.18);
    --shadows-portfolio-mockups-shadow-main-centre-md: 0px 75px 150px 0px
      rgba(10, 13, 18, 0.14);
    --shadows-portfolio-mockups-shadow-overlay-left-lg: 100px 100px 150px 0px
      rgba(10, 13, 18, 0.12);
    --shadows-portfolio-mockups-shadow-overlay-right-lg: -100px 100px 150px 0px
      rgba(10, 13, 18, 0.12);
    --shadows-shadow-2xl: 0px 4px 4px -2px rgba(10, 13, 18, 0.04), 0px 24px 48px
      -12px rgba(10, 13, 18, 0.18);
    --shadows-shadow-3xl: 0px 5px 5px -2.5px rgba(10, 13, 18, 0.04), 0px 32px 64px
      -12px rgba(10, 13, 18, 0.14);
    --shadows-shadow-lg:
      0px 2px 2px -1px rgba(10, 13, 18, 0.04), 0px 4px 6px -2px rgba(
        10,
        13,
        18,
        0.03
      ), 0px 12px 16px -4px rgba(10, 13, 18, 0.08);
    --shadows-shadow-md: 0px 2px 4px -2px rgba(10, 13, 18, 0.06), 0px 4px 6px -1px
      rgba(10, 13, 18, 0.1);
    --shadows-shadow-sm: 0px 1px 2px -1px rgba(10, 13, 18, 0.1), 0px 1px 3px 0px
      rgba(10, 13, 18, 0.1);
    --shadows-shadow-xl:
      0px 3px 3px -1.5px rgba(10, 13, 18, 0.04), 0px 8px 8px -4px rgba(
        10,
        13,
        18,
        0.03
      ), 0px 20px 24px -4px rgba(10, 13, 18, 0.08);
    --shadows-shadow-xs: 0px 1px 2px 0px rgba(10, 13, 18, 0.05);
    --shadows-shadow-xs-skeuomorphic: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
    --success-100: rgba(220, 250, 230, 1);
    --success-200: rgba(171, 239, 198, 1);
    --success-25: rgba(246, 254, 249, 1);
    --success-300: rgba(117, 224, 167, 1);
    --success-400: rgba(71, 205, 137, 1);
    --success-50: rgba(236, 253, 243, 1);
    --success-500: rgba(23, 178, 106, 1);
    --success-600: rgba(7, 148, 85, 1);
    --success-700: rgba(6, 118, 71, 1);
    --success-800: rgba(8, 93, 58, 1);
    --success-900: rgba(7, 77, 49, 1);
    --success-950: rgba(5, 51, 33, 1);
    --teal-100: rgba(204, 251, 239, 1);
    --teal-200: rgba(153, 246, 224, 1);
    --teal-25: rgba(246, 254, 252, 1);
    --teal-300: rgba(95, 233, 208, 1);
    --teal-400: rgba(46, 211, 183, 1);
    --teal-50: rgba(240, 253, 249, 1);
    --teal-500: rgba(21, 183, 158, 1);
    --teal-600: rgba(14, 147, 132, 1);
    --teal-700: rgba(16, 117, 105, 1);
    --teal-800: rgba(18, 93, 86, 1);
    --teal-900: rgba(19, 78, 72, 1);
    --teal-950: rgba(10, 41, 38, 1);
    --text-lg-bold-font-family: "Inter", Helvetica;
    --text-lg-bold-font-size: 18px;
    --text-lg-bold-font-style: normal;
    --text-lg-bold-font-weight: 700;
    --text-lg-bold-italic-font-family: "Inter", Helvetica;
    --text-lg-bold-italic-font-size: 18px;
    --text-lg-bold-italic-font-style: italic;
    --text-lg-bold-italic-font-weight: 700;
    --text-lg-bold-italic-letter-spacing: 0px;
    --text-lg-bold-italic-line-height: 28px;
    --text-lg-bold-letter-spacing: 0px;
    --text-lg-bold-line-height: 28px;
    --text-lg-medium-font-family: "Inter", Helvetica;
    --text-lg-medium-font-size: 18px;
    --text-lg-medium-font-style: normal;
    --text-lg-medium-font-weight: 500;
    --text-lg-medium-italic-font-family: "Inter", Helvetica;
    --text-lg-medium-italic-font-size: 18px;
    --text-lg-medium-italic-font-style: italic;
    --text-lg-medium-italic-font-weight: 500;
    --text-lg-medium-italic-letter-spacing: 0px;
    --text-lg-medium-italic-line-height: 28px;
    --text-lg-medium-letter-spacing: 0px;
    --text-lg-medium-line-height: 28px;
    --text-lg-medium-underlined-font-family: "Inter", Helvetica;
    --text-lg-medium-underlined-font-size: 18px;
    --text-lg-medium-underlined-font-style: normal;
    --text-lg-medium-underlined-font-weight: 500;
    --text-lg-medium-underlined-letter-spacing: 0px;
    --text-lg-medium-underlined-line-height: 28px;
    --text-lg-regular-font-family: "Inter", Helvetica;
    --text-lg-regular-font-size: 18px;
    --text-lg-regular-font-style: normal;
    --text-lg-regular-font-weight: 400;
    --text-lg-regular-italic-font-family: "Inter", Helvetica;
    --text-lg-regular-italic-font-size: 18px;
    --text-lg-regular-italic-font-style: italic;
    --text-lg-regular-italic-font-weight: 400;
    --text-lg-regular-italic-letter-spacing: 0px;
    --text-lg-regular-italic-line-height: 28px;
    --text-lg-regular-letter-spacing: 0px;
    --text-lg-regular-line-height: 28px;
    --text-lg-regular-underlined-font-family: "Inter", Helvetica;
    --text-lg-regular-underlined-font-size: 18px;
    --text-lg-regular-underlined-font-style: normal;
    --text-lg-regular-underlined-font-weight: 400;
    --text-lg-regular-underlined-letter-spacing: 0px;
    --text-lg-regular-underlined-line-height: 28px;
    --text-lg-semibold-font-family: "Inter", Helvetica;
    --text-lg-semibold-font-size: 18px;
    --text-lg-semibold-font-style: normal;
    --text-lg-semibold-font-weight: 600;
    --text-lg-semibold-italic-font-family: "Inter", Helvetica;
    --text-lg-semibold-italic-font-size: 18px;
    --text-lg-semibold-italic-font-style: italic;
    --text-lg-semibold-italic-font-weight: 600;
    --text-lg-semibold-italic-letter-spacing: 0px;
    --text-lg-semibold-italic-line-height: 28px;
    --text-lg-semibold-letter-spacing: 0px;
    --text-lg-semibold-line-height: 28px;
    --text-lg-semibold-underlined-font-family: "Inter", Helvetica;
    --text-lg-semibold-underlined-font-size: 18px;
    --text-lg-semibold-underlined-font-style: normal;
    --text-lg-semibold-underlined-font-weight: 600;
    --text-lg-semibold-underlined-letter-spacing: 0px;
    --text-lg-semibold-underlined-line-height: 28px;
    --text-md-bold-font-family: "Inter", Helvetica;
    --text-md-bold-font-size: 16px;
    --text-md-bold-font-style: normal;
    --text-md-bold-font-weight: 700;
    --text-md-bold-italic-font-family: "Inter", Helvetica;
    --text-md-bold-italic-font-size: 16px;
    --text-md-bold-italic-font-style: italic;
    --text-md-bold-italic-font-weight: 700;
    --text-md-bold-italic-letter-spacing: 0px;
    --text-md-bold-italic-line-height: 24px;
    --text-md-bold-letter-spacing: 0px;
    --text-md-bold-line-height: 24px;
    --text-md-medium-font-family: "Inter", Helvetica;
    --text-md-medium-font-size: 16px;
    --text-md-medium-font-style: normal;
    --text-md-medium-font-weight: 500;
    --text-md-medium-italic-font-family: "Inter", Helvetica;
    --text-md-medium-italic-font-size: 16px;
    --text-md-medium-italic-font-style: italic;
    --text-md-medium-italic-font-weight: 500;
    --text-md-medium-italic-letter-spacing: 0px;
    --text-md-medium-italic-line-height: 24px;
    --text-md-medium-letter-spacing: 0px;
    --text-md-medium-line-height: 24px;
    --text-md-medium-underlined-font-family: "Inter", Helvetica;
    --text-md-medium-underlined-font-size: 16px;
    --text-md-medium-underlined-font-style: normal;
    --text-md-medium-underlined-font-weight: 500;
    --text-md-medium-underlined-letter-spacing: 0px;
    --text-md-medium-underlined-line-height: 24px;
    --text-md-regular-font-family: "Inter", Helvetica;
    --text-md-regular-font-size: 16px;
    --text-md-regular-font-style: normal;
    --text-md-regular-font-weight: 400;
    --text-md-regular-italic-font-family: "Inter", Helvetica;
    --text-md-regular-italic-font-size: 16px;
    --text-md-regular-italic-font-style: italic;
    --text-md-regular-italic-font-weight: 400;
    --text-md-regular-italic-letter-spacing: 0px;
    --text-md-regular-italic-line-height: 24px;
    --text-md-regular-letter-spacing: 0px;
    --text-md-regular-line-height: 24px;
    --text-md-regular-underlined-font-family: "Inter", Helvetica;
    --text-md-regular-underlined-font-size: 16px;
    --text-md-regular-underlined-font-style: normal;
    --text-md-regular-underlined-font-weight: 400;
    --text-md-regular-underlined-letter-spacing: 0px;
    --text-md-regular-underlined-line-height: 24px;
    --text-md-semibold-font-family: "Inter", Helvetica;
    --text-md-semibold-font-size: 16px;
    --text-md-semibold-font-style: normal;
    --text-md-semibold-font-weight: 600;
    --text-md-semibold-italic-font-family: "Inter", Helvetica;
    --text-md-semibold-italic-font-size: 16px;
    --text-md-semibold-italic-font-style: italic;
    --text-md-semibold-italic-font-weight: 600;
    --text-md-semibold-italic-letter-spacing: 0px;
    --text-md-semibold-italic-line-height: 24px;
    --text-md-semibold-letter-spacing: 0px;
    --text-md-semibold-line-height: 24px;
    --text-md-semibold-underlined-font-family: "Inter", Helvetica;
    --text-md-semibold-underlined-font-size: 16px;
    --text-md-semibold-underlined-font-style: normal;
    --text-md-semibold-underlined-font-weight: 600;
    --text-md-semibold-underlined-letter-spacing: 0px;
    --text-md-semibold-underlined-line-height: 24px;
    --text-sm-bold-font-family: "Inter", Helvetica;
    --text-sm-bold-font-size: 14px;
    --text-sm-bold-font-style: normal;
    --text-sm-bold-font-weight: 700;
    --text-sm-bold-letter-spacing: 0px;
    --text-sm-bold-line-height: 20px;
    --text-sm-medium-font-family: "Inter", Helvetica;
    --text-sm-medium-font-size: 14px;
    --text-sm-medium-font-style: normal;
    --text-sm-medium-font-weight: 500;
    --text-sm-medium-letter-spacing: 0px;
    --text-sm-medium-line-height: 20px;
    --text-sm-medium-underlined-font-family: "Inter", Helvetica;
    --text-sm-medium-underlined-font-size: 14px;
    --text-sm-medium-underlined-font-style: normal;
    --text-sm-medium-underlined-font-weight: 500;
    --text-sm-medium-underlined-letter-spacing: 0px;
    --text-sm-medium-underlined-line-height: 20px;
    --text-sm-regular-font-family: "Inter", Helvetica;
    --text-sm-regular-font-size: 14px;
    --text-sm-regular-font-style: normal;
    --text-sm-regular-font-weight: 400;
    --text-sm-regular-letter-spacing: 0px;
    --text-sm-regular-line-height: 20px;
    --text-sm-regular-underlined-font-family: "Inter", Helvetica;
    --text-sm-regular-underlined-font-size: 14px;
    --text-sm-regular-underlined-font-style: normal;
    --text-sm-regular-underlined-font-weight: 400;
    --text-sm-regular-underlined-letter-spacing: 0px;
    --text-sm-regular-underlined-line-height: 20px;
    --text-sm-semibold-font-family: "Inter", Helvetica;
    --text-sm-semibold-font-size: 14px;
    --text-sm-semibold-font-style: normal;
    --text-sm-semibold-font-weight: 600;
    --text-sm-semibold-letter-spacing: 0px;
    --text-sm-semibold-line-height: 20px;
    --text-sm-semibold-underlined-font-family: "Inter", Helvetica;
    --text-sm-semibold-underlined-font-size: 14px;
    --text-sm-semibold-underlined-font-style: normal;
    --text-sm-semibold-underlined-font-weight: 600;
    --text-sm-semibold-underlined-letter-spacing: 0px;
    --text-sm-semibold-underlined-line-height: 20px;
    --text-xl-bold-font-family: "Inter", Helvetica;
    --text-xl-bold-font-size: 20px;
    --text-xl-bold-font-style: normal;
    --text-xl-bold-font-weight: 700;
    --text-xl-bold-italic-font-family: "Inter", Helvetica;
    --text-xl-bold-italic-font-size: 20px;
    --text-xl-bold-italic-font-style: italic;
    --text-xl-bold-italic-font-weight: 700;
    --text-xl-bold-italic-letter-spacing: 0px;
    --text-xl-bold-italic-line-height: 30px;
    --text-xl-bold-letter-spacing: 0px;
    --text-xl-bold-line-height: 30px;
    --text-xl-medium-font-family: "Inter", Helvetica;
    --text-xl-medium-font-size: 20px;
    --text-xl-medium-font-style: normal;
    --text-xl-medium-font-weight: 500;
    --text-xl-medium-italic-font-family: "Inter", Helvetica;
    --text-xl-medium-italic-font-size: 20px;
    --text-xl-medium-italic-font-style: italic;
    --text-xl-medium-italic-font-weight: 500;
    --text-xl-medium-italic-letter-spacing: 0px;
    --text-xl-medium-italic-line-height: 30px;
    --text-xl-medium-letter-spacing: 0px;
    --text-xl-medium-line-height: 30px;
    --text-xl-regular-font-family: "Inter", Helvetica;
    --text-xl-regular-font-size: 20px;
    --text-xl-regular-font-style: normal;
    --text-xl-regular-font-weight: 400;
    --text-xl-regular-italic-font-family: "Inter", Helvetica;
    --text-xl-regular-italic-font-size: 20px;
    --text-xl-regular-italic-font-style: italic;
    --text-xl-regular-italic-font-weight: 400;
    --text-xl-regular-italic-letter-spacing: 0px;
    --text-xl-regular-italic-line-height: 30px;
    --text-xl-regular-letter-spacing: 0px;
    --text-xl-regular-line-height: 30px;
    --text-xl-regular-underlined-font-family: "Inter", Helvetica;
    --text-xl-regular-underlined-font-size: 20px;
    --text-xl-regular-underlined-font-style: normal;
    --text-xl-regular-underlined-font-weight: 400;
    --text-xl-regular-underlined-letter-spacing: 0px;
    --text-xl-regular-underlined-line-height: 30px;
    --text-xl-semibold-font-family: "Inter", Helvetica;
    --text-xl-semibold-font-size: 20px;
    --text-xl-semibold-font-style: normal;
    --text-xl-semibold-font-weight: 600;
    --text-xl-semibold-italic-font-family: "Inter", Helvetica;
    --text-xl-semibold-italic-font-size: 20px;
    --text-xl-semibold-italic-font-style: italic;
    --text-xl-semibold-italic-font-weight: 600;
    --text-xl-semibold-italic-letter-spacing: 0px;
    --text-xl-semibold-italic-line-height: 30px;
    --text-xl-semibold-letter-spacing: 0px;
    --text-xl-semibold-line-height: 30px;
    --text-xs-bold-font-family: "Inter", Helvetica;
    --text-xs-bold-font-size: 12px;
    --text-xs-bold-font-style: normal;
    --text-xs-bold-font-weight: 700;
    --text-xs-bold-letter-spacing: 0px;
    --text-xs-bold-line-height: 18px;
    --text-xs-medium-font-family: "Inter", Helvetica;
    --text-xs-medium-font-size: 12px;
    --text-xs-medium-font-style: normal;
    --text-xs-medium-font-weight: 500;
    --text-xs-medium-letter-spacing: 0px;
    --text-xs-medium-line-height: 18px;
    --text-xs-regular-font-family: "Inter", Helvetica;
    --text-xs-regular-font-size: 12px;
    --text-xs-regular-font-style: normal;
    --text-xs-regular-font-weight: 400;
    --text-xs-regular-letter-spacing: 0px;
    --text-xs-regular-line-height: 18px;
    --text-xs-semibold-font-family: "Inter", Helvetica;
    --text-xs-semibold-font-size: 12px;
    --text-xs-semibold-font-style: normal;
    --text-xs-semibold-font-weight: 600;
    --text-xs-semibold-letter-spacing: 0px;
    --text-xs-semibold-line-height: 18px;
    --violet-100: rgba(236, 233, 254, 1);
    --violet-200: rgba(221, 214, 254, 1);
    --violet-25: rgba(251, 250, 255, 1);
    --violet-300: rgba(195, 181, 253, 1);
    --violet-400: rgba(164, 138, 251, 1);
    --violet-50: rgba(245, 243, 255, 1);
    --violet-500: rgba(135, 91, 247, 1);
    --violet-600: rgba(120, 57, 238, 1);
    --violet-700: rgba(105, 39, 218, 1);
    --violet-800: rgba(87, 32, 183, 1);
    --violet-900: rgba(73, 28, 150, 1);
    --violet-950: rgba(46, 18, 94, 1);
    --warning-100: rgba(254, 240, 199, 1);
    --warning-200: rgba(254, 223, 137, 1);
    --warning-25: rgba(255, 252, 245, 1);
    --warning-300: rgba(254, 200, 75, 1);
    --warning-400: rgba(253, 176, 34, 1);
    --warning-50: rgba(255, 250, 235, 1);
    --warning-500: rgba(247, 144, 9, 1);
    --warning-600: rgba(220, 104, 3, 1);
    --warning-700: rgba(181, 71, 8, 1);
    --warning-800: rgba(147, 55, 13, 1);
    --warning-900: rgba(122, 46, 14, 1);
    --warning-950: rgba(78, 29, 9, 1);
    --yellow-100: rgba(254, 247, 195, 1);
    --yellow-200: rgba(254, 238, 149, 1);
    --yellow-25: rgba(254, 253, 240, 1);
    --yellow-300: rgba(253, 226, 114, 1);
    --yellow-400: rgba(250, 197, 21, 1);
    --yellow-50: rgba(254, 251, 232, 1);
    --yellow-500: rgba(234, 170, 8, 1);
    --yellow-600: rgba(202, 133, 4, 1);
    --yellow-700: rgba(161, 92, 7, 1);
    --yellow-800: rgba(133, 74, 14, 1);
    --yellow-900: rgba(113, 59, 18, 1);
    --yellow-950: rgba(84, 44, 13, 1);
  }