/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */
@layer properties;
.absolute {
  position: absolute;
}
.relative {
  position: relative;
}
.sticky {
  position: sticky;
}
.top-full {
  top: 100%;
}
.z-40 {
  z-index: 40;
}
.z-50 {
  z-index: 50;
}
.block {
  display: block;
}
.flex {
  display: flex;
}
.grid {
  display: grid;
}
.hidden {
  display: none;
}
.h-full {
  height: 100%;
}
.w-auto {
  width: auto;
}
.w-full {
  width: 100%;
}
.flex-1 {
  flex: 1;
}
.cursor-pointer {
  cursor: pointer;
}
.list-none {
  list-style-type: none;
}
.grid-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
.grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.grid-cols-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.grid-cols-5 {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}
.flex-col {
  flex-direction: column;
}
.items-center {
  align-items: center;
}
.items-start {
  align-items: flex-start;
}
.justify-between {
  justify-content: space-between;
}
.gap-\[74px\] {
  gap: 74px;
}
.self-stretch {
  align-self: stretch;
}
.overflow-hidden {
  overflow: hidden;
}
.border-b-2 {
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 2px;
}
.border-none {
  --tw-border-style: none;
  border-style: none;
}
.border-\[\#7638FA\] {
  border-color: #7638FA;
}
.border-transparent {
  border-color: transparent;
}
.bg-\[\#7638FA\] {
  background-color: #7638FA;
}
.bg-\[\#fafafa\] {
  background-color: #fafafa;
}
.bg-transparent {
  background-color: transparent;
}
.object-cover {
  -o-object-fit: cover;
     object-fit: cover;
}
.text-center {
  text-align: center;
}
.text-\[\#7638FA\] {
  color: #7638FA;
}
.uppercase {
  text-transform: uppercase;
}
.no-underline {
  text-decoration-line: none;
}
.opacity-100 {
  opacity: 100%;
}
.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, ease);
  transition-duration: var(--tw-duration, 0s);
}
.transition-opacity {
  transition-property: opacity;
  transition-timing-function: var(--tw-ease, ease);
  transition-duration: var(--tw-duration, 0s);
}
.duration-200 {
  --tw-duration: 200ms;
  transition-duration: 200ms;
}
.duration-300 {
  --tw-duration: 300ms;
  transition-duration: 300ms;
}
.hover\:bg-\[\#5a2bc7\] {
  &:hover {
    @media (hover: hover) {
      background-color: #5a2bc7;
    }
  }
}
.hover\:bg-\[\#eaeaed\] {
  &:hover {
    @media (hover: hover) {
      background-color: #eaeaed;
    }
  }
}
.hover\:bg-\[\#f5f5f7\] {
  &:hover {
    @media (hover: hover) {
      background-color: #f5f5f7;
    }
  }
}
.hover\:text-\[\#5a2bc7\] {
  &:hover {
    @media (hover: hover) {
      color: #5a2bc7;
    }
  }
}
.hover\:no-underline {
  &:hover {
    @media (hover: hover) {
      text-decoration-line: none;
    }
  }
}
:host {
  font-family: 'Inter', sans-serif;
  line-height: 1.5;
  font-weight: 400;
  background-color: #fff;
  font-synthesis: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
h1 {
  font-size: 3.2em;
  line-height: 1.1;
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-duration {
  syntax: "*";
  inherits: false;
}
@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-border-style: solid;
      --tw-duration: initial;
    }
  }
}