/*! tailwindcss v4.1.3 | MIT License | https://tailwindcss.com */
@layer properties {
  @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
    *, :before, :after, ::backdrop {
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-rotate-x: rotateX(0);
      --tw-rotate-y: rotateY(0);
      --tw-rotate-z: rotateZ(0);
      --tw-skew-x: skewX(0);
      --tw-skew-y: skewY(0);
      --tw-space-y-reverse: 0;
      --tw-border-style: solid;
      --tw-leading: initial;
      --tw-font-weight: initial;
      --tw-tracking: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
    }
  }
}

@layer theme {
  :root, :host {
    --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --color-gray-100: oklch(.967 .003 264.542);
    --color-neutral-100: oklch(.97 0 0);
    --color-black: #000;
    --color-white: #fff;
    --spacing: .25rem;
    --text-base: 1rem;
    --text-lg: 1.125rem;
    --text-xl: 1.25rem;
    --text-2xl: 1.5rem;
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --default-transition-duration: .15s;
    --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    --default-font-family: var(--font-sans);
    --default-font-feature-settings: var(--font-sans--font-feature-settings);
    --default-font-variation-settings: var(--font-sans--font-variation-settings);
    --default-mono-font-family: var(--font-mono);
    --default-mono-font-feature-settings: var(--font-mono--font-feature-settings);
    --default-mono-font-variation-settings: var(--font-mono--font-variation-settings);
  }
}

@layer base {
  *, :after, :before, ::backdrop {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0;
  }

  ::file-selector-button {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0;
  }

  html, :host {
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    line-height: 1.5;
    font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
    font-feature-settings: var(--default-font-feature-settings, normal);
    font-variation-settings: var(--default-font-variation-settings, normal);
    -webkit-tap-highlight-color: transparent;
  }

  body {
    line-height: inherit;
  }

  hr {
    height: 0;
    color: inherit;
    border-top-width: 1px;
  }

  abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
  }

  h1, h2, h3, h4, h5, h6 {
    font-size: inherit;
    font-weight: inherit;
  }

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

  b, strong {
    font-weight: bolder;
  }

  code, kbd, samp, pre {
    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
    font-feature-settings: var(--default-mono-font-feature-settings, normal);
    font-variation-settings: var(--default-mono-font-variation-settings, normal);
    font-size: 1em;
  }

  small {
    font-size: 80%;
  }

  sub, sup {
    vertical-align: baseline;
    font-size: 75%;
    line-height: 0;
    position: relative;
  }

  sub {
    bottom: -.25em;
  }

  sup {
    top: -.5em;
  }

  table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
  }

  :-moz-focusring {
    outline: auto;
  }

  progress {
    vertical-align: baseline;
  }

  summary {
    display: list-item;
  }

  ol, ul, menu {
    list-style: none;
  }

  img, svg, video, canvas, audio, iframe, embed, object {
    vertical-align: middle;
    display: block;
  }

  img, video {
    max-width: 100%;
    height: auto;
  }

  button, input, select, optgroup, textarea {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    opacity: 1;
    background-color: #0000;
    border-radius: 0;
  }

  ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    opacity: 1;
    background-color: #0000;
    border-radius: 0;
  }

  :where(select:is([multiple], [size])) optgroup {
    font-weight: bolder;
  }

  :where(select:is([multiple], [size])) optgroup option {
    padding-inline-start: 20px;
  }

  ::file-selector-button {
    margin-inline-end: 4px;
  }

  ::placeholder {
    opacity: 1;
    color: currentColor;
  }

  @supports (color: color-mix(in lab, red, red)) {
    ::placeholder {
      color: color-mix(in oklab, currentColor 50%, transparent);
    }
  }

  textarea {
    resize: vertical;
  }

  ::-webkit-search-decoration {
    -webkit-appearance: none;
  }

  ::-webkit-date-and-time-value {
    min-height: 1lh;
    text-align: inherit;
  }

  ::-webkit-datetime-edit {
    display: inline-flex;
  }

  ::-webkit-datetime-edit-fields-wrapper {
    padding: 0;
  }

  ::-webkit-datetime-edit {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-year-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-month-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-day-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-hour-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-minute-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-second-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-millisecond-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-meridiem-field {
    padding-block: 0;
  }

  :-moz-ui-invalid {
    box-shadow: none;
  }

  button, input:where([type="button"], [type="reset"], [type="submit"]) {
    appearance: button;
  }

  ::file-selector-button {
    appearance: button;
  }

  ::-webkit-inner-spin-button {
    height: auto;
  }

  ::-webkit-outer-spin-button {
    height: auto;
  }

  [hidden]:where(:not([hidden="until-found"])) {
    display: none !important;
  }

  * {
    border-color: var(--border);
    outline-color: var(--ring);
  }

  @supports (color: color-mix(in lab, red, red)) {
    * {
      outline-color: color-mix(in oklab, var(--ring) 50%, transparent);
    }
  }

  * {
    border-color: var(--border);
    outline-color: var(--ring);
  }

  @supports (color: color-mix(in lab, red, red)) {
    * {
      outline-color: color-mix(in oklab, var(--ring) 50%, transparent);
    }
  }

  body {
    background-color: var(--background);
    color: var(--foreground);
  }

  :where(:not(:has([class*=" text-"]), :not(:has([class^="text-"])))) h1 {
    font-size: var(--text-2xl);
    font-weight: var(--font-weight-medium);
    line-height: 1.5;
  }

  :where(:not(:has([class*=" text-"]), :not(:has([class^="text-"])))) h2 {
    font-size: var(--text-xl);
    font-weight: var(--font-weight-medium);
    line-height: 1.5;
  }

  :where(:not(:has([class*=" text-"]), :not(:has([class^="text-"])))) h3 {
    font-size: var(--text-lg);
    font-weight: var(--font-weight-medium);
    line-height: 1.5;
  }

  :where(:not(:has([class*=" text-"]), :not(:has([class^="text-"])))) h4 {
    font-size: var(--text-base);
    font-weight: var(--font-weight-medium);
    line-height: 1.5;
  }

  :where(:not(:has([class*=" text-"]), :not(:has([class^="text-"])))) p {
    font-size: var(--text-base);
    font-weight: var(--font-weight-normal);
    line-height: 1.5;
  }

  :where(:not(:has([class*=" text-"]), :not(:has([class^="text-"])))) label, :where(:not(:has([class*=" text-"]), :not(:has([class^="text-"])))) button {
    font-size: var(--text-base);
    font-weight: var(--font-weight-medium);
    line-height: 1.5;
  }

  :where(:not(:has([class*=" text-"]), :not(:has([class^="text-"])))) input {
    font-size: var(--text-base);
    font-weight: var(--font-weight-normal);
    line-height: 1.5;
  }
}

@layer utilities {
  .pointer-events-none {
    pointer-events: none;
  }

  .visible {
    visibility: visible;
  }

  .absolute {
    position: absolute;
  }

  .relative {
    position: relative;
  }

  .inset-0 {
    inset: calc(var(--spacing) * 0);
  }

  .inset-\[-0\.5px\] {
    inset: -.5px;
  }

  .top-0 {
    top: calc(var(--spacing) * 0);
  }

  .top-1\/2 {
    top: 50%;
  }

  .top-20 {
    top: calc(var(--spacing) * 20);
  }

  .top-\[5px\] {
    top: 5px;
  }

  .top-\[7px\] {
    top: 7px;
  }

  .top-\[13px\] {
    top: 13px;
  }

  .top-\[15px\] {
    top: 15px;
  }

  .top-\[21px\] {
    top: 21px;
  }

  .top-\[58px\] {
    top: 58px;
  }

  .top-\[62px\] {
    top: 62px;
  }

  .top-\[64px\] {
    top: 64px;
  }

  .top-\[70px\] {
    top: 70px;
  }

  .top-\[72px\] {
    top: 72px;
  }

  .top-\[73px\] {
    top: 73px;
  }

  .top-\[74\.96px\] {
    top: 74.96px;
  }

  .top-\[81\.99px\] {
    top: 81.99px;
  }

  .top-\[92\.01px\] {
    top: 92.01px;
  }

  .top-\[93px\] {
    top: 93px;
  }

  .top-\[95\.85px\] {
    top: 95.85px;
  }

  .top-\[98\.25px\] {
    top: 98.25px;
  }

  .top-\[98\.73px\] {
    top: 98.73px;
  }

  .top-\[113px\] {
    top: 113px;
  }

  .top-\[127px\] {
    top: 127px;
  }

  .top-\[142px\] {
    top: 142px;
  }

  .top-\[158px\] {
    top: 158px;
  }

  .top-\[169px\] {
    top: 169px;
  }

  .top-\[186px\] {
    top: 186px;
  }

  .top-\[191px\] {
    top: 191px;
  }

  .top-\[199px\] {
    top: 199px;
  }

  .top-\[202px\] {
    top: 202px;
  }

  .top-\[204px\] {
    top: 204px;
  }

  .top-\[223px\] {
    top: 223px;
  }

  .top-\[229px\] {
    top: 229px;
  }

  .top-\[252\.27px\] {
    top: 252.27px;
  }

  .top-\[255px\] {
    top: 255px;
  }

  .top-\[256px\] {
    top: 256px;
  }

  .top-\[262px\] {
    top: 262px;
  }

  .top-\[263px\] {
    top: 263px;
  }

  .top-\[265px\] {
    top: 265px;
  }

  .top-\[290px\] {
    top: 290px;
  }

  .top-\[294px\] {
    top: 294px;
  }

  .top-\[310px\] {
    top: 310px;
  }

  .top-\[319px\] {
    top: 319px;
  }

  .top-\[320px\] {
    top: 320px;
  }

  .top-\[322px\] {
    top: 322px;
  }

  .top-\[324px\] {
    top: 324px;
  }

  .top-\[327px\] {
    top: 327px;
  }

  .top-\[334px\] {
    top: 334px;
  }

  .top-\[346px\] {
    top: 346px;
  }

  .top-\[383px\] {
    top: 383px;
  }

  .top-\[386px\] {
    top: 386px;
  }

  .top-\[408px\] {
    top: 408px;
  }

  .top-\[414px\] {
    top: 414px;
  }

  .top-\[430px\] {
    top: 430px;
  }

  .top-\[459px\] {
    top: 459px;
  }

  .top-\[463px\] {
    top: 463px;
  }

  .top-\[466px\] {
    top: 466px;
  }

  .top-\[468px\] {
    top: 468px;
  }

  .top-\[470px\] {
    top: 470px;
  }

  .top-\[491px\] {
    top: 491px;
  }

  .top-\[501px\] {
    top: 501px;
  }

  .top-\[526px\] {
    top: 526px;
  }

  .top-\[530px\] {
    top: 530px;
  }

  .top-\[543px\] {
    top: 543px;
  }

  .top-\[571px\] {
    top: 571px;
  }

  .top-\[585px\] {
    top: 585px;
  }

  .top-\[622px\] {
    top: 622px;
  }

  .top-\[624px\] {
    top: 624px;
  }

  .top-\[650px\] {
    top: 650px;
  }

  .top-\[667px\] {
    top: 667px;
  }

  .top-\[693px\] {
    top: 693px;
  }

  .top-\[712px\] {
    top: 712px;
  }

  .top-\[762px\] {
    top: 762px;
  }

  .top-\[814px\] {
    top: 814px;
  }

  .top-\[829px\] {
    top: 829px;
  }

  .right-6 {
    right: calc(var(--spacing) * 6);
  }

  .right-\[6\.7\%\] {
    right: 6.7%;
  }

  .right-\[15px\] {
    right: 15px;
  }

  .right-\[20px\] {
    right: 20px;
  }

  .bottom-1\/4 {
    bottom: 25%;
  }

  .bottom-\[20px\] {
    bottom: 20px;
  }

  .bottom-\[80px\] {
    bottom: 80px;
  }

  .bottom-\[100px\] {
    bottom: 100px;
  }

  .left-0 {
    left: calc(var(--spacing) * 0);
  }

  .left-1\/2 {
    left: 50%;
  }

  .left-\[-9px\] {
    left: -9px;
  }

  .left-\[-56px\] {
    left: -56px;
  }

  .left-\[6\.7\%\] {
    left: 6.7%;
  }

  .left-\[7px\] {
    left: 7px;
  }

  .left-\[16px\] {
    left: 16px;
  }

  .left-\[20px\] {
    left: 20px;
  }

  .left-\[22px\] {
    left: 22px;
  }

  .left-\[24px\] {
    left: 24px;
  }

  .left-\[27px\] {
    left: 27px;
  }

  .left-\[29px\] {
    left: 29px;
  }

  .left-\[32px\] {
    left: 32px;
  }

  .left-\[34px\] {
    left: 34px;
  }

  .left-\[36px\] {
    left: 36px;
  }

  .left-\[37px\] {
    left: 37px;
  }

  .left-\[41px\] {
    left: 41px;
  }

  .left-\[45px\] {
    left: 45px;
  }

  .left-\[46px\] {
    left: 46px;
  }

  .left-\[47px\] {
    left: 47px;
  }

  .left-\[48\.5px\] {
    left: 48.5px;
  }

  .left-\[52px\] {
    left: 52px;
  }

  .left-\[60\.5px\] {
    left: 60.5px;
  }

  .left-\[63px\] {
    left: 63px;
  }

  .left-\[69\.5px\] {
    left: 69.5px;
  }

  .left-\[70px\] {
    left: 70px;
  }

  .left-\[79px\] {
    left: 79px;
  }

  .left-\[88px\] {
    left: 88px;
  }

  .left-\[91px\] {
    left: 91px;
  }

  .left-\[92px\] {
    left: 92px;
  }

  .left-\[98px\] {
    left: 98px;
  }

  .left-\[103\.19px\] {
    left: 103.19px;
  }

  .left-\[105px\] {
    left: 105px;
  }

  .left-\[107\.82px\] {
    left: 107.82px;
  }

  .left-\[112\.66px\] {
    left: 112.66px;
  }

  .left-\[113\.93px\] {
    left: 113.93px;
  }

  .left-\[115\.46px\] {
    left: 115.46px;
  }

  .left-\[119px\] {
    left: 119px;
  }

  .left-\[121px\] {
    left: 121px;
  }

  .left-\[126px\] {
    left: 126px;
  }

  .left-\[135\.86px\] {
    left: 135.86px;
  }

  .left-\[136\.5px\] {
    left: 136.5px;
  }

  .left-\[148px\] {
    left: 148px;
  }

  .left-\[154px\] {
    left: 154px;
  }

  .left-\[156px\] {
    left: 156px;
  }

  .left-\[162px\] {
    left: 162px;
  }

  .left-\[170px\] {
    left: 170px;
  }

  .left-\[171px\] {
    left: 171px;
  }

  .left-\[173px\] {
    left: 173px;
  }

  .left-\[178px\] {
    left: 178px;
  }

  .left-\[184px\] {
    left: 184px;
  }

  .left-\[196px\] {
    left: 196px;
  }

  .left-\[198\.5px\] {
    left: 198.5px;
  }

  .left-\[199\.5px\] {
    left: 199.5px;
  }

  .left-\[201\.5px\] {
    left: 201.5px;
  }

  .left-\[215px\] {
    left: 215px;
  }

  .left-\[221px\] {
    left: 221px;
  }

  .left-\[226px\] {
    left: 226px;
  }

  .left-\[234px\] {
    left: 234px;
  }

  .left-\[262px\] {
    left: 262px;
  }

  .left-\[263px\] {
    left: 263px;
  }

  .left-\[273px\] {
    left: 273px;
  }

  .left-\[277px\] {
    left: 277px;
  }

  .left-\[286px\] {
    left: 286px;
  }

  .left-\[290px\] {
    left: 290px;
  }

  .left-\[299px\] {
    left: 299px;
  }

  .left-\[319px\] {
    left: 319px;
  }

  .left-\[320px\] {
    left: 320px;
  }

  .left-\[322px\] {
    left: 322px;
  }

  .left-\[329px\] {
    left: 329px;
  }

  .left-\[332px\] {
    left: 332px;
  }

  .left-\[336px\] {
    left: 336px;
  }

  .left-\[338px\] {
    left: 338px;
  }

  .left-\[341px\] {
    left: 341px;
  }

  .left-\[calc\(50\%\+5\.5px\)\] {
    left: calc(50% + 5.5px);
  }

  .left-\[calc\(50\%-144\.5px\)\] {
    left: calc(50% - 144.5px);
  }

  .z-10 {
    z-index: 10;
  }

  .z-20 {
    z-index: 20;
  }

  .z-30 {
    z-index: 30;
  }

  .z-40 {
    z-index: 40;
  }

  .z-50 {
    z-index: 50;
  }

  .container {
    width: 100%;
  }

  @media (width >= 40rem) {
    .container {
      max-width: 40rem;
    }
  }

  @media (width >= 48rem) {
    .container {
      max-width: 48rem;
    }
  }

  @media (width >= 64rem) {
    .container {
      max-width: 64rem;
    }
  }

  @media (width >= 80rem) {
    .container {
      max-width: 80rem;
    }
  }

  @media (width >= 96rem) {
    .container {
      max-width: 96rem;
    }
  }

  .mb-0 {
    margin-bottom: calc(var(--spacing) * 0);
  }

  .box-border {
    box-sizing: border-box;
  }

  .block {
    display: block;
  }

  .flex {
    display: flex;
  }

  .grid {
    display: grid;
  }

  .size-5 {
    width: calc(var(--spacing) * 5);
    height: calc(var(--spacing) * 5);
  }

  .size-6 {
    width: calc(var(--spacing) * 6);
    height: calc(var(--spacing) * 6);
  }

  .size-\[12px\] {
    width: 12px;
    height: 12px;
  }

  .size-\[18px\] {
    width: 18px;
    height: 18px;
  }

  .size-\[20px\] {
    width: 20px;
    height: 20px;
  }

  .size-\[24px\] {
    width: 24px;
    height: 24px;
  }

  .size-\[30px\] {
    width: 30px;
    height: 30px;
  }

  .size-\[43px\] {
    width: 43px;
    height: 43px;
  }

  .size-\[50px\] {
    width: 50px;
    height: 50px;
  }

  .size-\[59px\] {
    width: 59px;
    height: 59px;
  }

  .size-\[65px\] {
    width: 65px;
    height: 65px;
  }

  .size-full {
    width: 100%;
    height: 100%;
  }

  .h-3 {
    height: calc(var(--spacing) * 3);
  }

  .h-6 {
    height: calc(var(--spacing) * 6);
  }

  .h-\[2px\] {
    height: 2px;
  }

  .h-\[3\.712px\] {
    height: 3.712px;
  }

  .h-\[4\.079px\] {
    height: 4.079px;
  }

  .h-\[4\.118px\] {
    height: 4.118px;
  }

  .h-\[5px\] {
    height: 5px;
  }

  .h-\[9\.518px\] {
    height: 9.518px;
  }

  .h-\[12\.226px\] {
    height: 12.226px;
  }

  .h-\[12\.328px\] {
    height: 12.328px;
  }

  .h-\[13px\] {
    height: 13px;
  }

  .h-\[14\.585px\] {
    height: 14.585px;
  }

  .h-\[14\.766px\] {
    height: 14.766px;
  }

  .h-\[16\.22px\] {
    height: 16.22px;
  }

  .h-\[16\.257px\] {
    height: 16.257px;
  }

  .h-\[20px\] {
    height: 20px;
  }

  .h-\[22px\] {
    height: 22px;
  }

  .h-\[23\.267px\] {
    height: 23.267px;
  }

  .h-\[23\.919px\] {
    height: 23.919px;
  }

  .h-\[30px\] {
    height: 30px;
  }

  .h-\[32px\] {
    height: 32px;
  }

  .h-\[34px\] {
    height: 34px;
  }

  .h-\[38\.103px\] {
    height: 38.103px;
  }

  .h-\[38px\] {
    height: 38px;
  }

  .h-\[43px\] {
    height: 43px;
  }

  .h-\[47px\] {
    height: 47px;
  }

  .h-\[60\.353px\] {
    height: 60.353px;
  }

  .h-\[93\.12px\] {
    height: 93.12px;
  }

  .h-\[95\.73px\] {
    height: 95.73px;
  }

  .h-\[100px\] {
    height: 100px;
  }

  .h-\[165px\] {
    height: 165px;
  }

  .h-\[310px\] {
    height: 310px;
  }

  .h-\[320px\] {
    height: 320px;
  }

  .h-\[852px\] {
    height: 852px;
  }

  .h-\[calc\(1px\*\(\(var\(--transform-inner-width\)\*0\.81727534532547\)\+\(var\(--transform-inner-height\)\*0\.5605239272117615\)\)\)\] {
    height: calc(1px * ((var(--transform-inner-width) * .817275)  + (var(--transform-inner-height) * .560524)));
  }

  .h-\[calc\(1px\*\(\(var\(--transform-inner-width\)\*0\.99135822057724\)\+\(var\(--transform-inner-height\)\*0\.12601427733898163\)\)\)\] {
    height: calc(1px * ((var(--transform-inner-width) * .991358)  + (var(--transform-inner-height) * .126014)));
  }

  .h-\[calc\(1px\*\(\(var\(--transform-inner-width\)\*0\.814420759677887\)\+\(var\(--transform-inner-height\)\*0\.5645473599433899\)\)\)\] {
    height: calc(1px * ((var(--transform-inner-width) * .814421)  + (var(--transform-inner-height) * .564547)));
  }

  .h-\[calc\(1px\*\(\(var\(--transform-inner-width\)\*0\.858416736125946\)\+\(var\(--transform-inner-height\)\*0\.4975760579109192\)\)\)\] {
    height: calc(1px * ((var(--transform-inner-width) * .858417)  + (var(--transform-inner-height) * .497576)));
  }

  .h-\[calc\(1px\*\(\(var\(--transform-inner-width\)\*0\.871376633644104\)\+\(var\(--transform-inner-height\)\*0\.5200119018554688\)\)\)\] {
    height: calc(1px * ((var(--transform-inner-width) * .871377)  + (var(--transform-inner-height) * .520012)));
  }

  .h-\[calc\(1px\*\(\(var\(--transform-inner-width\)\*0\.5605239272117615\)\+\(var\(--transform-inner-height\)\*0\.81727534532547\)\)\)\] {
    height: calc(1px * ((var(--transform-inner-width) * .560524)  + (var(--transform-inner-height) * .817275)));
  }

  .h-\[calc\(1px\*\(\(var\(--transform-inner-width\)\*0\.5834217667579651\)\+\(var\(--transform-inner-height\)\*0\.8329404592514038\)\)\)\] {
    height: calc(1px * ((var(--transform-inner-width) * .583422)  + (var(--transform-inner-height) * .83294)));
  }

  .h-\[calc\(1px\*\(\(var\(--transform-inner-width\)\*0\.8302565813064575\)\+\(var\(--transform-inner-height\)\*0\.5874479413032532\)\)\)\] {
    height: calc(1px * ((var(--transform-inner-width) * .830257)  + (var(--transform-inner-height) * .587448)));
  }

  .h-\[calc\(1px\*\(\(var\(--transform-inner-width\)\*0\.8329404592514038\)\+\(var\(--transform-inner-height\)\*0\.5834217667579651\)\)\)\] {
    height: calc(1px * ((var(--transform-inner-width) * .83294)  + (var(--transform-inner-height) * .583422)));
  }

  .h-\[calc\(1px\*\(\(var\(--transform-inner-width\)\*0\.9688475728034973\)\+\(var\(--transform-inner-height\)\*0\.23831447958946228\)\)\)\] {
    height: calc(1px * ((var(--transform-inner-width) * .968848)  + (var(--transform-inner-height) * .238314)));
  }

  .h-\[calc\(1px\*\(\(var\(--transform-inner-width\)\*0\.9721988439559937\)\+\(var\(--transform-inner-height\)\*0\.2520240247249603\)\)\)\] {
    height: calc(1px * ((var(--transform-inner-width) * .972199)  + (var(--transform-inner-height) * .252024)));
  }

  .h-\[calc\(1px\*\(\(var\(--transform-inner-width\)\*0\.9923167824745178\)\+\(var\(--transform-inner-height\)\*0\.13360695540905\)\)\)\] {
    height: calc(1px * ((var(--transform-inner-width) * .992317)  + (var(--transform-inner-height) * .133607)));
  }

  .h-\[calc\(1px\*\(\(var\(--transform-inner-width\)\*0\.011604326777160168\)\+\(var\(--transform-inner-height\)\*0\.9999326467514038\)\)\)\] {
    height: calc(1px * ((var(--transform-inner-width) * .0116043)  + (var(--transform-inner-height) * .999933)));
  }

  .max-h-\[600px\] {
    max-height: 600px;
  }

  .min-h-px {
    min-height: 1px;
  }

  .min-h-screen {
    min-height: 100vh;
  }

  .w-3 {
    width: calc(var(--spacing) * 3);
  }

  .w-6 {
    width: calc(var(--spacing) * 6);
  }

  .w-\[3\.398px\] {
    width: 3.398px;
  }

  .w-\[3\.545px\] {
    width: 3.545px;
  }

  .w-\[4\.03px\] {
    width: 4.03px;
  }

  .w-\[10\.287px\] {
    width: 10.287px;
  }

  .w-\[14\.107px\] {
    width: 14.107px;
  }

  .w-\[14\.752px\] {
    width: 14.752px;
  }

  .w-\[16\.539px\] {
    width: 16.539px;
  }

  .w-\[17\.142px\] {
    width: 17.142px;
  }

  .w-\[19\.2px\] {
    width: 19.2px;
  }

  .w-\[20\.679px\] {
    width: 20.679px;
  }

  .w-\[22\.764px\] {
    width: 22.764px;
  }

  .w-\[27\.328px\] {
    width: 27.328px;
  }

  .w-\[29\.746px\] {
    width: 29.746px;
  }

  .w-\[33px\] {
    width: 33px;
  }

  .w-\[40px\] {
    width: 40px;
  }

  .w-\[42\.036px\] {
    width: 42.036px;
  }

  .w-\[84\.521px\] {
    width: 84.521px;
  }

  .w-\[93\.045px\] {
    width: 93.045px;
  }

  .w-\[99px\] {
    width: 99px;
  }

  .w-\[119\.05px\] {
    width: 119.05px;
  }

  .w-\[142px\] {
    width: 142px;
  }

  .w-\[152px\] {
    width: 152px;
  }

  .w-\[176px\] {
    width: 176px;
  }

  .w-\[245px\] {
    width: 245px;
  }

  .w-\[248px\] {
    width: 248px;
  }

  .w-\[250px\] {
    width: 250px;
  }

  .w-\[268px\] {
    width: 268px;
  }

  .w-\[295px\] {
    width: 295px;
  }

  .w-\[320px\] {
    width: 320px;
  }

  .w-\[324px\] {
    width: 324px;
  }

  .w-\[327px\] {
    width: 327px;
  }

  .w-\[393px\] {
    width: 393px;
  }

  .w-\[402px\] {
    width: 402px;
  }

  .w-\[calc\(1px\*\(\(var\(--transform-inner-height\)\*0\.5533627271652222\)\+\(var\(--transform-inner-width\)\*0\.8121693730354309\)\)\)\] {
    width: calc(1px * ((var(--transform-inner-height) * .553363)  + (var(--transform-inner-width) * .812169)));
  }

  .w-\[calc\(1px\*\(\(var\(--transform-inner-height\)\*0\.5762474536895752\)\+\(var\(--transform-inner-width\)\*0\.8281382322311401\)\)\)\] {
    width: calc(1px * ((var(--transform-inner-height) * .576247)  + (var(--transform-inner-width) * .828138)));
  }

  .w-\[calc\(1px\*\(\(var\(--transform-inner-height\)\*0\.8092620372772217\)\+\(var\(--transform-inner-width\)\*0\.5573813915252686\)\)\)\] {
    width: calc(1px * ((var(--transform-inner-height) * .809262)  + (var(--transform-inner-width) * .557381)));
  }

  .w-\[calc\(1px\*\(\(var\(--transform-inner-height\)\*0\.8121693730354309\)\+\(var\(--transform-inner-width\)\*0\.5533627271652222\)\)\)\] {
    width: calc(1px * ((var(--transform-inner-height) * .812169)  + (var(--transform-inner-width) * .553363)));
  }

  .w-\[calc\(1px\*\(\(var\(--transform-inner-height\)\*0\.8254007697105408\)\+\(var\(--transform-inner-width\)\*0\.580274760723114\)\)\)\] {
    width: calc(1px * ((var(--transform-inner-height) * .825401)  + (var(--transform-inner-width) * .580275)));
  }

  .w-\[calc\(1px\*\(\(var\(--transform-inner-height\)\*0\.8281382322311401\)\+\(var\(--transform-inner-width\)\*0\.5762474536895752\)\)\)\] {
    width: calc(1px * ((var(--transform-inner-height) * .828138)  + (var(--transform-inner-width) * .576247)));
  }

  .w-\[calc\(1px\*\(\(var\(--transform-inner-height\)\*0\.8541589379310608\)\+\(var\(--transform-inner-width\)\*0\.49061456322669983\)\)\)\] {
    width: calc(1px * ((var(--transform-inner-height) * .854159)  + (var(--transform-inner-width) * .490615)));
  }

  .w-\[calc\(1px\*\(\(var\(--transform-inner-height\)\*0\.8674202561378479\)\+\(var\(--transform-inner-width\)\*0\.5129528045654297\)\)\)\] {
    width: calc(1px * ((var(--transform-inner-height) * .86742)  + (var(--transform-inner-width) * .512953)));
  }

  .w-\[calc\(1px\*\(\(var\(--transform-inner-height\)\*0\.9677209854125977\)\+\(var\(--transform-inner-width\)\*0\.23415681719779968\)\)\)\] {
    width: calc(1px * ((var(--transform-inner-height) * .967721)  + (var(--transform-inner-width) * .234157)));
  }

  .w-\[calc\(1px\*\(\(var\(--transform-inner-height\)\*0\.9711880683898926\)\+\(var\(--transform-inner-width\)\*0\.24765771627426147\)\)\)\] {
    width: calc(1px * ((var(--transform-inner-height) * .971188)  + (var(--transform-inner-width) * .247658)));
  }

  .w-\[calc\(1px\*\(\(var\(--transform-inner-height\)\*0\.9910343885421753\)\+\(var\(--transform-inner-width\)\*0\.12372305244207382\)\)\)\] {
    width: calc(1px * ((var(--transform-inner-height) * .991034)  + (var(--transform-inner-width) * .123723)));
  }

  .w-\[calc\(1px\*\(\(var\(--transform-inner-height\)\*0\.9920284152030945\)\+\(var\(--transform-inner-width\)\*0\.13118241727352142\)\)\)\] {
    width: calc(1px * ((var(--transform-inner-height) * .992028)  + (var(--transform-inner-width) * .131182)));
  }

  .w-\[calc\(1px\*\(\(var\(--transform-inner-height\)\*0\.011604326777160168\)\+\(var\(--transform-inner-width\)\*0\.9999326467514038\)\)\)\] {
    width: calc(1px * ((var(--transform-inner-height) * .0116043)  + (var(--transform-inner-width) * .999933)));
  }

  .w-full {
    width: 100%;
  }

  .max-w-none {
    max-width: none;
  }

  .min-w-px {
    min-width: 1px;
  }

  .flex-1 {
    flex: 1;
  }

  .flex-none {
    flex: none;
  }

  .shrink-0 {
    flex-shrink: 0;
  }

  .grow {
    flex-grow: 1;
  }

  .basis-0 {
    flex-basis: calc(var(--spacing) * 0);
  }

  .-translate-x-1\/2 {
    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-x-\[-50\%\] {
    --tw-translate-x: -50%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-y-\[-50\%\] {
    --tw-translate-y: -50%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .rotate-180 {
    rotate: 180deg;
  }

  .rotate-\[34\.092deg\] {
    rotate: 34.092deg;
  }

  .rotate-\[35\.692deg\] {
    rotate: 35.692deg;
  }

  .rotate-\[54\.53deg\] {
    rotate: 54.53deg;
  }

  .rotate-\[56\.125deg\] {
    rotate: 56.125deg;
  }

  .rotate-\[59\.139deg\] {
    rotate: 59.139deg;
  }

  .rotate-\[60\.619deg\] {
    rotate: 60.619deg;
  }

  .rotate-\[75\.661deg\] {
    rotate: 75.661deg;
  }

  .rotate-\[76\.458deg\] {
    rotate: 76.458deg;
  }

  .rotate-\[82\.462deg\] {
    rotate: 82.462deg;
  }

  .rotate-\[82\.893deg\] {
    rotate: 82.893deg;
  }

  .rotate-\[303\.598deg\] {
    rotate: 303.598deg;
  }

  .rotate-\[305\.187deg\] {
    rotate: 305.187deg;
  }

  .rotate-\[359\.335deg\] {
    rotate: 359.335deg;
  }

  .skew-x-\[0\.571deg\] {
    --tw-skew-x: skewX(.571deg);
    transform: var(--tw-rotate-x) var(--tw-rotate-y) var(--tw-rotate-z) var(--tw-skew-x) var(--tw-skew-y);
  }

  .skew-x-\[1\.055deg\] {
    --tw-skew-x: skewX(1.055deg);
    transform: var(--tw-rotate-x) var(--tw-rotate-y) var(--tw-rotate-z) var(--tw-skew-x) var(--tw-skew-y);
  }

  .skew-x-\[1\.095deg\] {
    --tw-skew-x: skewX(1.095deg);
    transform: var(--tw-rotate-x) var(--tw-rotate-y) var(--tw-rotate-z) var(--tw-skew-x) var(--tw-skew-y);
  }

  .skew-x-\[1\.951deg\] {
    --tw-skew-x: skewX(1.951deg);
    transform: var(--tw-rotate-x) var(--tw-rotate-y) var(--tw-rotate-z) var(--tw-skew-x) var(--tw-skew-y);
  }

  .skew-x-\[2\.1deg\] {
    --tw-skew-x: skewX(2.1deg);
    transform: var(--tw-rotate-x) var(--tw-rotate-y) var(--tw-rotate-z) var(--tw-skew-x) var(--tw-skew-y);
  }

  .skew-x-\[2\.092deg\] {
    --tw-skew-x: skewX(2.092deg);
    transform: var(--tw-rotate-x) var(--tw-rotate-y) var(--tw-rotate-z) var(--tw-skew-x) var(--tw-skew-y);
  }

  .skew-x-\[357\.908deg\] {
    --tw-skew-x: skewX(357.908deg);
    transform: var(--tw-rotate-x) var(--tw-rotate-y) var(--tw-rotate-z) var(--tw-skew-x) var(--tw-skew-y);
  }

  .skew-x-\[358\.901deg\] {
    --tw-skew-x: skewX(358.901deg);
    transform: var(--tw-rotate-x) var(--tw-rotate-y) var(--tw-rotate-z) var(--tw-skew-x) var(--tw-skew-y);
  }

  .skew-x-\[358\.905deg\] {
    --tw-skew-x: skewX(358.905deg);
    transform: var(--tw-rotate-x) var(--tw-rotate-y) var(--tw-rotate-z) var(--tw-skew-x) var(--tw-skew-y);
  }

  .skew-x-\[358\.979deg\] {
    --tw-skew-x: skewX(358.979deg);
    transform: var(--tw-rotate-x) var(--tw-rotate-y) var(--tw-rotate-z) var(--tw-skew-x) var(--tw-skew-y);
  }

  .skew-x-\[359\.448deg\] {
    --tw-skew-x: skewX(359.448deg);
    transform: var(--tw-rotate-x) var(--tw-rotate-y) var(--tw-rotate-z) var(--tw-skew-x) var(--tw-skew-y);
  }

  .skew-x-\[359\.701deg\] {
    --tw-skew-x: skewX(359.701deg);
    transform: var(--tw-rotate-x) var(--tw-rotate-y) var(--tw-rotate-z) var(--tw-skew-x) var(--tw-skew-y);
  }

  .cursor-pointer {
    cursor: pointer;
  }

  .grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }

  .grid-rows-5 {
    grid-template-rows: repeat(5, minmax(0, 1fr));
  }

  .flex-col {
    flex-direction: column;
  }

  .flex-row {
    flex-direction: row;
  }

  .content-stretch {
    align-content: stretch;
  }

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

  .items-start {
    align-items: flex-start;
  }

  .justify-between {
    justify-content: space-between;
  }

  .justify-center {
    justify-content: center;
  }

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

  .gap-\[4px\] {
    gap: 4px;
  }

  .gap-\[7px\] {
    gap: 7px;
  }

  .gap-\[8px\] {
    gap: 8px;
  }

  .gap-\[10px\] {
    gap: 10px;
  }

  .gap-\[15px\] {
    gap: 15px;
  }

  .gap-\[154px\] {
    gap: 154px;
  }

  :where(.space-y-4 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
  }

  .truncate {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }

  .overflow-clip {
    overflow: clip;
  }

  .overflow-hidden {
    overflow: hidden;
  }

  .overflow-y-auto {
    overflow-y: auto;
  }

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

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

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

  .rounded-\[30\.5px\] {
    border-radius: 30.5px;
  }

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

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

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

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

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

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

  .rounded-l-\[45px\] {
    border-top-left-radius: 45px;
    border-bottom-left-radius: 45px;
  }

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

  .border-\[10px\] {
    border-style: var(--tw-border-style);
    border-width: 10px;
  }

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

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

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

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

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

  .bg-\[\#2b2b2b\] {
    background-color: #2b2b2b;
  }

  .bg-\[\#6750A4\], .bg-\[\#6750a4\] {
    background-color: #6750a4;
  }

  .bg-\[\#d9d9d9\] {
    background-color: #d9d9d9;
  }

  .bg-\[\#ece6f0\] {
    background-color: #ece6f0;
  }

  .bg-\[rgba\(217\,217\,217\,0\)\] {
    background-color: #d9d9d900;
  }

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

  .bg-black\/30 {
    background-color: #0000004d;
  }

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

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

  .bg-transparent {
    background-color: #0000;
  }

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

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

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

  .p-\[4px\] {
    padding: 4px;
  }

  .p-\[8px\] {
    padding: 8px;
  }

  .p-\[11px\] {
    padding: 11px;
  }

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

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

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

  .px-\[12px\] {
    padding-inline: 12px;
  }

  .px-\[16px\] {
    padding-inline: 16px;
  }

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

  .py-\[2px\] {
    padding-block: 2px;
  }

  .py-\[8px\] {
    padding-block: 8px;
  }

  .py-\[12px\] {
    padding-block: 12px;
  }

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

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

  .pt-px {
    padding-top: 1px;
  }

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

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

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

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

  .font-\[\'Abel\:Regular\'\,sans-serif\] {
    font-family: Abel\:Regular, sans-serif;
  }

  .font-\[\'Abhaya_Libre_SemiBold\:Regular\'\,sans-serif\] {
    font-family: Abhaya Libre SemiBold\:Regular, sans-serif;
  }

  .font-\[\'Inter\:Medium\'\,sans-serif\] {
    font-family: Inter\:Medium, sans-serif;
  }

  .font-\[\'Inter\:Regular\'\,sans-serif\] {
    font-family: Inter\:Regular, sans-serif;
  }

  .font-\[\'Lobster\:Regular\'\,sans-serif\] {
    font-family: Lobster\:Regular, sans-serif;
  }

  .font-\[\'Righteous\:Regular\'\,sans-serif\] {
    font-family: Righteous\:Regular, sans-serif;
  }

  .font-\[\'Roboto\:Regular\'\,sans-serif\] {
    font-family: Roboto\:Regular, sans-serif;
  }

  .font-\[\'SF_Pro\:Semibold\'\,sans-serif\] {
    font-family: SF Pro\:Semibold, sans-serif;
  }

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

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

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

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

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

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

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

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

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

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

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

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

  .leading-\[1\.4\] {
    --tw-leading: 1.4;
    line-height: 1.4;
  }

  .leading-\[22px\] {
    --tw-leading: 22px;
    line-height: 22px;
  }

  .leading-\[24px\] {
    --tw-leading: 24px;
    line-height: 24px;
  }

  .leading-\[normal\] {
    --tw-leading: normal;
    line-height: normal;
  }

  .font-\[590\] {
    --tw-font-weight: 590;
    font-weight: 590;
  }

  .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);
  }

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

  .text-nowrap {
    text-wrap: nowrap;
  }

  .whitespace-pre {
    white-space: pre;
  }

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

  .text-\[\#2B2B2B\], .text-\[\#2b2b2b\] {
    color: #2b2b2b;
  }

  .text-\[\#6750A4\] {
    color: #6750a4;
  }

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

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

  .text-black\/50 {
    color: #00000080;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-black\/50 {
      color: color-mix(in oklab, var(--color-black) 50%, transparent);
    }
  }

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

  .not-italic {
    font-style: normal;
  }

  .opacity-20 {
    opacity: .2;
  }

  .opacity-40 {
    opacity: .4;
  }

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

  .shadow-\[0px_0px_4px_0px_rgba\(0\,0\,0\,0\.25\)\] {
    --tw-shadow: 0px 0px 4px 0px var(--tw-shadow-color, #00000040);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-lg {
    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .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;
    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));
  }

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

  .placeholder\:text-\[\#49454f\]::placeholder {
    color: #49454f;
  }

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

  @media (hover: hover) {
    .hover\:bg-gray-100:hover {
      background-color: var(--color-gray-100);
    }
  }

  .disabled\:opacity-30:disabled {
    opacity: .3;
  }

  .disabled\:opacity-50:disabled {
    opacity: .5;
  }
}

:root {
  --font-size: 16px;
  --background: #fff;
  --foreground: oklch(.145 0 0);
  --card: #fff;
  --card-foreground: oklch(.145 0 0);
  --popover: oklch(1 0 0);
  --popover-foreground: oklch(.145 0 0);
  --primary: #030213;
  --primary-foreground: oklch(1 0 0);
  --secondary: oklch(.95 .0058 264.53);
  --secondary-foreground: #030213;
  --muted: #ececf0;
  --muted-foreground: #717182;
  --accent: #e9ebef;
  --accent-foreground: #030213;
  --destructive: #d4183d;
  --destructive-foreground: #fff;
  --border: #0000001a;
  --input: transparent;
  --input-background: #f3f3f5;
  --switch-background: #cbced4;
  --font-weight-medium: 500;
  --font-weight-normal: 400;
  --ring: oklch(.708 0 0);
  --chart-1: oklch(.646 .222 41.116);
  --chart-2: oklch(.6 .118 184.704);
  --chart-3: oklch(.398 .07 227.392);
  --chart-4: oklch(.828 .189 84.429);
  --chart-5: oklch(.769 .188 70.08);
  --radius: .625rem;
  --sidebar: oklch(.985 0 0);
  --sidebar-foreground: oklch(.145 0 0);
  --sidebar-primary: #030213;
  --sidebar-primary-foreground: oklch(.985 0 0);
  --sidebar-accent: oklch(.97 0 0);
  --sidebar-accent-foreground: oklch(.205 0 0);
  --sidebar-border: oklch(.922 0 0);
  --sidebar-ring: oklch(.708 0 0);
}

.dark {
  --background: oklch(.145 0 0);
  --foreground: oklch(.985 0 0);
  --card: oklch(.145 0 0);
  --card-foreground: oklch(.985 0 0);
  --popover: oklch(.145 0 0);
  --popover-foreground: oklch(.985 0 0);
  --primary: oklch(.985 0 0);
  --primary-foreground: oklch(.205 0 0);
  --secondary: oklch(.269 0 0);
  --secondary-foreground: oklch(.985 0 0);
  --muted: oklch(.269 0 0);
  --muted-foreground: oklch(.708 0 0);
  --accent: oklch(.269 0 0);
  --accent-foreground: oklch(.985 0 0);
  --destructive: oklch(.396 .141 25.723);
  --destructive-foreground: oklch(.637 .237 25.331);
  --border: oklch(.269 0 0);
  --input: oklch(.269 0 0);
  --ring: oklch(.439 0 0);
  --font-weight-medium: 500;
  --font-weight-normal: 400;
  --chart-1: oklch(.488 .243 264.376);
  --chart-2: oklch(.696 .17 162.48);
  --chart-3: oklch(.769 .188 70.08);
  --chart-4: oklch(.627 .265 303.9);
  --chart-5: oklch(.645 .246 16.439);
  --sidebar: oklch(.205 0 0);
  --sidebar-foreground: oklch(.985 0 0);
  --sidebar-primary: oklch(.488 .243 264.376);
  --sidebar-primary-foreground: oklch(.985 0 0);
  --sidebar-accent: oklch(.269 0 0);
  --sidebar-accent-foreground: oklch(.985 0 0);
  --sidebar-border: oklch(.269 0 0);
  --sidebar-ring: oklch(.439 0 0);
}

html {
  font-size: var(--font-size);
}

@property --tw-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-translate-z {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-rotate-x {
  syntax: "*";
  inherits: false;
  initial-value: rotateX(0);
}

@property --tw-rotate-y {
  syntax: "*";
  inherits: false;
  initial-value: rotateY(0);
}

@property --tw-rotate-z {
  syntax: "*";
  inherits: false;
  initial-value: rotateZ(0);
}

@property --tw-skew-x {
  syntax: "*";
  inherits: false;
  initial-value: skewX(0);
}

@property --tw-skew-y {
  syntax: "*";
  inherits: false;
  initial-value: skewY(0);
}

@property --tw-space-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}

@property --tw-leading {
  syntax: "*";
  inherits: false
}

@property --tw-font-weight {
  syntax: "*";
  inherits: false
}

@property --tw-tracking {
  syntax: "*";
  inherits: false
}

@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-ring-color {
  syntax: "*";
  inherits: false
}

@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false
}

@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-ring-inset {
  syntax: "*";
  inherits: false
}

@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0;
}

@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}

@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
