@layer utilities {
  .rounded-2xl {
    border-radius: var(--radius-2xl);
  }

  .rounded-3xl {
    border-radius: var(--radius-3xl);
  }

  .rounded-\[10px\] {
    border-radius: 10px;
  }

  .rounded-\[20px\] {
    border-radius: 20px;
  }

  .rounded-full {
    border-radius: 3.40282e38px;
  }

  .rounded-lg {
    border-radius: var(--radius-lg);
  }

  .rounded-xl {
    border-radius: var(--radius-xl);
  }

  .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }

  .border-4 {
    border-style: var(--tw-border-style);
    border-width: 4px;
  }

  .border-t {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }

  .border-b {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }

  .border-none {
    --tw-border-style: none;
    border-style: none;
  }

  .border-\[\#A6A6A6\] {
    border-color: #a6a6a6;
  }

  .border-\[\#2DD4BF\] {
    border-color: #2dd4bf;
  }

  .border-border-secondary {
    border-color: var(--color-border-secondary);
  }

  .border-gray-50 {
    border-color: var(--color-gray-50);
  }

  .border-gray-100 {
    border-color: var(--color-gray-100);
  }

  .border-gray-300 {
    border-color: var(--color-gray-300);
  }

  .border-primary-base {
    border-color: var(--color-primary-base);
  }

  .border-transparent {
    border-color: #0000;
  }

  .border-white {
    border-color: var(--color-white);
  }

  .border-white\/10 {
    border-color: #ffffff1a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-white\/10 {
      border-color: color-mix(in oklab, var(--color-white) 10%, transparent);
    }
  }

  .bg-\[rgba\(31\,193\,107\,0\.08\)\] {
    background-color: #1fc16b14;
  }

  .bg-\[rgba\(220\,213\,255\,0\.30\)\] {
    background-color: #ccfbf14d;
  }

  .bg-\[rgba\(255\,255\,255\,0\.18\)\] {
    background-color: #0f766e14;
  }

  .bg-background-primary {
    background-color: var(--color-background-primary);
  }

  .bg-background-secondary {
    background-color: var(--color-background-secondary);
  }

  .bg-black {
    background-color: var(--color-black);
  }

  .bg-primary-base {
    background-color: var(--color-primary-base);
  }

  .bg-primary-base\/10 {
    background-color: #5eead41a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-primary-base\/10 {
      background-color: color-mix(in oklab, var(--color-primary-base) 10%, transparent);
    }
  }

  .bg-red-50 {
    background-color: var(--color-red-50);
  }

  .bg-white {
    background-color: var(--color-white);
  }

  .\[background-image\:url\(\'\/images\/bg-gradient\.svg\'\)\] {
    background-image: url(../images/bg-gradient.svg);
  }

  .bg-\[linear-gradient\(90deg\,_\#5EEAD4_0\%\,_\#0D9488_100\%\)\] {
    background-image: linear-gradient(90deg, #5eead4 0%, #0d9488 100%);
  }

  .bg-\[linear-gradient\(155deg\,\#99F6E4_33\.82\%\,\#14B8A6_95\.3\%\)\] {
    background-image: linear-gradient(155deg, #99f6e4 33.82%, #14b8a6 95.3%);
  }

  .bg-\[linear-gradient\(180deg\,\#F0FDFA_0\%\,\#FFF_100\%\)\] {
    background-image: linear-gradient(#f0fdfa 0%, #fff 100%);
  }

  .bg-\[linear-gradient\(180deg\,\#FFF_0\%\,rgba\(198\,189\,250\,0\.20\)_100\%\)\] {
    background-image: linear-gradient(#fff 0%, #5eead433 100%);
  }

  .bg-\[linear-gradient\(180deg\,_var\(--primary-Light\,_\#CCFBF1\)_0\%\,_\#5EEAD4_100\%\)\] {
    background-image: linear-gradient(180deg, var(--primary-Light, #ccfbf1) 0%, #5eead4 100%);
  }

  .bg-\[linear-gradient\(180deg\,rgba\(198\,189\,250\,0\.50\)_0\%\,\#FFF_100\%\)\] {
    background-image: linear-gradient(#5eead480 0%, #fff 100%);
  }

  .bg-\[linear-gradient\(180deg\,rgba\(221\,215\,254\,0\.40\)_0\%\,\#F0FDFA_100\%\)\] {
    background-image: linear-gradient(#f0fdfa66 0%, #f0fdfa 100%);
  }

  .bg-cover {
    background-size: cover;
  }

  .object-contain {
    object-fit: contain;
  }

  .object-cover {
    object-fit: cover;
  }

  .p-1 {
    padding: calc(var(--spacing) * 1);
  }

  .p-2 {
    padding: calc(var(--spacing) * 2);
  }

  .p-2\.5 {
    padding: calc(var(--spacing) * 2.5);
  }

  .p-3 {
    padding: calc(var(--spacing) * 3);
  }

  .p-4 {
    padding: calc(var(--spacing) * 4);
  }

  .p-5 {
    padding: calc(var(--spacing) * 5);
  }

  .p-7 {
    padding: calc(var(--spacing) * 7);
  }

  .p-8 {
    padding: calc(var(--spacing) * 8);
  }

  .px-0 {
    padding-inline: calc(var(--spacing) * 0);
  }

  .px-2 {
    padding-inline: calc(var(--spacing) * 2);
  }

  .px-2\.5 {
    padding-inline: calc(var(--spacing) * 2.5);
  }

  .px-3 {
    padding-inline: calc(var(--spacing) * 3);
  }

  .px-4 {
    padding-inline: calc(var(--spacing) * 4);
  }

  .px-4\.75 {
    padding-inline: calc(var(--spacing) * 4.75);
  }

  .px-5 {
    padding-inline: calc(var(--spacing) * 5);
  }

  .px-6 {
    padding-inline: calc(var(--spacing) * 6);
  }

  .px-20 {
    padding-inline: calc(var(--spacing) * 20);
  }

  .py-0 {
    padding-block: calc(var(--spacing) * 0);
  }

  .py-0\.5 {
    padding-block: calc(var(--spacing) * 0.5);
  }

  .py-0\.75 {
    padding-block: calc(var(--spacing) * 0.75);
  }

  .py-2 {
    padding-block: calc(var(--spacing) * 2);
  }

  .py-2\.5 {
    padding-block: calc(var(--spacing) * 2.5);
  }

  .py-2\.25 {
    padding-block: calc(var(--spacing) * 2.25);
  }

  .py-3 {
    padding-block: calc(var(--spacing) * 3);
  }

  .py-4 {
    padding-block: calc(var(--spacing) * 4);
  }

  .py-6 {
    padding-block: calc(var(--spacing) * 6);
  }

  .py-8 {
    padding-block: calc(var(--spacing) * 8);
  }

  .py-10 {
    padding-block: calc(var(--spacing) * 10);
  }

  .py-14 {
    padding-block: calc(var(--spacing) * 14);
  }

  .py-31\.5 {
    padding-block: calc(var(--spacing) * 31.5);
  }

  .pt-14 {
    padding-top: calc(var(--spacing) * 14);
  }

  .pt-28 {
    padding-top: calc(var(--spacing) * 28);
  }

  .pt-31\.5 {
    padding-top: calc(var(--spacing) * 31.5);
  }

  .pt-\[33px\] {
    padding-top: 33px;
  }

  .pr-3 {
    padding-right: calc(var(--spacing) * 3);
  }

  .pr-4 {
    padding-right: calc(var(--spacing) * 4);
  }

  .pr-10 {
    padding-right: calc(var(--spacing) * 10);
  }

  .pb-0 {
    padding-bottom: calc(var(--spacing) * 0);
  }

  .pb-1 {
    padding-bottom: calc(var(--spacing) * 1);
  }

  .pb-5 {
    padding-bottom: calc(var(--spacing) * 5);
  }

  .pb-10 {
    padding-bottom: calc(var(--spacing) * 10);
  }

  .pb-12\.5 {
    padding-bottom: calc(var(--spacing) * 12.5);
  }

  .pb-20 {
    padding-bottom: calc(var(--spacing) * 20);
  }

  .pb-\[17px\] {
    padding-bottom: 17px;
  }

  .pl-2 {
    padding-left: calc(var(--spacing) * 2);
  }

  .pl-4 {
    padding-left: calc(var(--spacing) * 4);
  }

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

  .text-start {
    text-align: start;
  }

  .align-middle {
    vertical-align: middle;
  }

  .font-inter {
    font-family: var(--font-inter);
  }

  .text-3xl {
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height));
  }

  .text-base {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
  }

  .text-display-2xl {
    font-size: var(--text-display-2xl);
    line-height: var(--tw-leading, var(--text-display-2xl--line-height));
  }

  .text-display-lg {
    font-size: var(--text-display-lg);
    line-height: var(--tw-leading, var(--text-display-lg--line-height));
  }

  .text-display-md {
    font-size: var(--text-display-md);
    line-height: var(--tw-leading, var(--text-display-md--line-height));
  }

  .text-display-sm {
    font-size: var(--text-display-sm);
    line-height: var(--tw-leading, var(--text-display-sm--line-height));
  }

  .text-display-xl {
    font-size: var(--text-display-xl);
    line-height: var(--tw-leading, var(--text-display-xl--line-height));
  }

  .text-display-xs {
    font-size: var(--text-display-xs);
    line-height: var(--tw-leading, var(--text-display-xs--line-height));
  }

  .text-lg {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
  }

  .text-md {
    font-size: var(--text-md);
    line-height: var(--tw-leading, var(--text-md--line-height));
  }

  .text-sm {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }

  .text-xs {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }

  .text-\[40px\] {
    font-size: 40px;
  }

  .leading-11 {
    --tw-leading: calc(var(--spacing) * 11);
    line-height: calc(var(--spacing) * 11);
  }

  .font-light {
    --tw-font-weight: var(--font-weight-light);
    font-weight: var(--font-weight-light);
  }

  .font-medium {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }

  .font-normal {
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
  }

  .font-semibold {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }

  .-tracking-\[0\.084px\] {
    --tw-tracking: calc(0.084px * -1);
    letter-spacing: -0.084px;
  }

  .-tracking-\[0\.96px\] {
    --tw-tracking: calc(0.96px * -1);
    letter-spacing: -0.96px;
  }

  .-tracking-\[1\.2px\] {
    --tw-tracking: calc(1.2px * -1);
    letter-spacing: -1.2px;
  }

  .tracking-\[-0\.96px\] {
    --tw-tracking: -0.96px;
    letter-spacing: -0.96px;
  }

  .tracking-\[0\.16px\] {
    --tw-tracking: 0.16px;
    letter-spacing: 0.16px;
  }

  .tracking-\[0\.28px\] {
    --tw-tracking: 0.28px;
    letter-spacing: 0.28px;
  }

  .tracking-\[0\.48px\] {
    --tw-tracking: 0.48px;
    letter-spacing: 0.48px;
  }

  .tracking-tight {
    --tw-tracking: var(--tracking-tight);
    letter-spacing: var(--tracking-tight);
  }

  .break-all {
    word-break: break-all;
  }

  .text-\[\#0D9488\] {
    color: #0d9488;
  }

  .text-\[\#525866\] {
    color: #525866;
  }

  .text-gray-400 {
    color: var(--color-gray-400);
  }

  .text-gray-500 {
    color: var(--color-gray-500);
  }

  .text-green-600 {
    color: var(--color-green-600);
  }

  .text-green-700 {
    color: var(--color-green-700);
  }

  .text-primary-base {
    color: #0f766e;
  }

  .text-red-500 {
    color: var(--color-red-500);
  }

  .text-red-600 {
    color: var(--color-red-600);
  }

  .text-text-primary {
    color: var(--color-text-primary);
  }

  .text-text-secondary {
    color: var(--color-text-secondary);
  }

  .text-text-tertiary {
    color: var(--color-text-tertiary);
  }

  .text-white {
    color: var(--color-white);
  }

  .text-yellow-400 {
    color: var(--color-yellow-400);
  }

  .capitalize {
    text-transform: capitalize;
  }

  .lowercase {
    text-transform: lowercase;
  }

  .uppercase {
    text-transform: uppercase;
  }

  .underline {
    text-decoration-line: underline;
  }

  .antialiased {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }

  .opacity-25 {
    opacity: 0.25;
  }

  .opacity-50 {
    opacity: 0.5;
  }

  .opacity-75 {
    opacity: 0.75;
  }

  .shadow-lg {
    --tw-shadow:
      0 12px 16px -4px var(--tw-shadow-color, #10182814),
      0 4px 6px -2px var(--tw-shadow-color, #10182808);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow),
      var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-none {
    --tw-shadow: 0 0 #0000;
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow),
      var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-sm {
    --tw-shadow:
      0 1px 3px 0 var(--tw-shadow-color, #1018281a), 0 1px 2px 0 var(--tw-shadow-color, #1018280f);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow),
      var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-xl {
    --tw-shadow:
      0 20px 24px -4px var(--tw-shadow-color, #10182814),
      0 8px 8px -4px var(--tw-shadow-color, #10182808);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow),
      var(--tw-ring-shadow), var(--tw-shadow);
  }

  .\[box-shadow\:0_1px_2px_0_rgba\(21\,14\,27\,0\.24\)\,_0_0_0_1px_\#000\] {
    box-shadow:
      0 1px 2px #150e1b3d,
      0 0 0 1px #000;
  }

  .filter {
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,)
      var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,)
      var(--tw-drop-shadow,);
  }

  .backdrop-blur-\[3\.6500000953674316px\] {
    --tw-backdrop-blur: blur(3.65px);
    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,)
      var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,)
      var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,)
      var(--tw-backdrop-sepia,);
    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,)
      var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,)
      var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,)
      var(--tw-backdrop-sepia,);
  }

  .transition {
    transition-property:
      color,
      background-color,
      border-color,
      outline-color,
      text-decoration-color,
      fill,
      stroke,
      --tw-gradient-from,
      --tw-gradient-via,
      --tw-gradient-to,
      opacity,
      box-shadow,
      transform,
      translate,
      scale,
      rotate,
      filter,
      -webkit-backdrop-filter,
      backdrop-filter,
      display,
      content-visibility,
      overlay,
      pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-all {
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-colors {
    transition-property:
      color, background-color, border-color, outline-color, text-decoration-color, fill, stroke,
      --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-opacity {
    transition-property: opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .delay-150 {
    transition-delay: 0.15s;
  }

  .delay-300 {
    transition-delay: 0.3s;
  }

  .delay-500 {
    transition-delay: 0.5s;
  }

  .duration-100 {
    --tw-duration: 0.1s;
    transition-duration: 0.1s;
  }

  .duration-200 {
    --tw-duration: 0.2s;
    transition-duration: 0.2s;
  }

  .duration-300 {
    --tw-duration: 0.3s;
    transition-duration: 0.3s;
  }
}