/*
 * Compatibility rules retained from the former Webflow inline styles.
 * Keep this file limited to cross-page tokens and utilities that current Astro markup uses.
 */

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

html {
  scroll-behavior: smooth;
}

:root {
  --site--padding: 2rem;
  --site--gap: 1rem;
  --size-1-5rem: 1.5rem;
  --size--2rem: 2rem;
  --size--2-5rem: 2.5rem;
  --size--3rem: 3rem;
  --size--3-5rem: 3.5rem;
  --size--4rem: 4rem;
  --size--4-5rem: 4.5rem;
  --size--5rem: 5rem;
  --size--5-5rem: 5.5rem;
  --size--6rem: 6rem;
  --size--6-5rem: 6.5rem;
  --size--7rem: 7rem;
  --size--7-5rem: 7.5rem;
  --size--8rem: 8rem;
  --size--8-5rem: 8.5rem;
  --size--9rem: 9rem;
  --size--9-5rem: 9.5rem;
  --size--10rem: 10rem;
  --size--11rem: 11rem;
  --size--12rem: 12rem;
  --size--13rem: 13rem;
  --size--14rem: 14rem;
  --size--15rem: 15rem;
  --size--16rem: 16rem;
  --font-size--display: 5.28rem;
  --font-size--h1: 4rem;
  --font-size--h2: 3.03rem;
  --font-size--h3: 2.3rem;
  --font-size--h4: 1.74rem;
  --font-size--h5: 1.32rem;
  --font-size--h6: 1rem;
  --font-size--xlarge: 1.25rem;
  --font-size--large: 1.12rem;
  --font-size--main: 1rem;
  --font-size--small: 0.89rem;
  --color-swatch--transparent: transparent;
  --color-swatch--currentcolor: currentColor;
}

@media screen and (max-width: 767px) {
  :root {
    --site--padding: 0.5rem;
    --site--gap: 0.75rem;
    --size-1-5rem: 1.25rem;
    --size--2rem: 1.75rem;
    --size--2-5rem: 2rem;
    --size--3rem: 2.25rem;
    --size--3-5rem: 2.375rem;
    --size--4rem: 2.5rem;
    --size--4-5rem: 2.75rem;
    --size--5rem: 3rem;
    --size--5-5rem: 3.25rem;
    --size--6rem: 3.5rem;
    --size--6-5rem: 3.75rem;
    --size--7rem: 4rem;
    --size--7-5rem: 4.25rem;
    --size--8rem: 4.5rem;
    --size--8-5rem: 4.75rem;
    --size--9rem: 5rem;
    --size--9-5rem: 5.25rem;
    --size--10rem: 5.5rem;
    --size--11rem: 5.75rem;
    --size--12rem: 6rem;
    --size--13rem: 6.5rem;
    --size--14rem: 7rem;
    --size--15rem: 7.5rem;
    --size--16rem: 8rem;
    --font-size--display: 2.99rem;
    --font-size--h1: 2.49rem;
    --font-size--h2: 2.07rem;
    --font-size--h3: 1.73rem;
    --font-size--h4: 1.44rem;
    --font-size--h5: 1.2rem;
    --font-size--h6: 1rem;
    --font-size--xlarge: 1.17rem;
    --font-size--large: 1.08rem;
    --font-size--main: 1rem;
    --font-size--small: 0.93rem;
  }
}

@supports (font-size: clamp(1rem, 0.5rem + 3vw, 3rem)) {
  :root {
    --site--padding: clamp(0.5rem, 0.072rem + 2.14vw, 2rem);
    --site--gap: clamp(0.75rem, 0.678rem + 0.36vw, 1rem);
    --size-1-5rem: clamp(1.25rem, 1.178rem + 0.36vw, 1.5rem);
    --size--2rem: clamp(1.75rem, 1.678rem + 0.36vw, 2rem);
    --size--2-5rem: clamp(2rem, 1.858rem + 0.71vw, 2.5rem);
    --size--3rem: clamp(2.25rem, 2.036rem + 1.07vw, 3rem);
    --size--3-5rem: clamp(2.375rem, 2.053rem + 1.61vw, 3.5rem);
    --size--4rem: clamp(2.5rem, 2.072rem + 2.14vw, 4rem);
    --size--4-5rem: clamp(2.75rem, 2.25rem + 2.5vw, 4.5rem);
    --size--5rem: clamp(3rem, 2.428rem + 2.86vw, 5rem);
    --size--5-5rem: clamp(3.25rem, 2.608rem + 3.21vw, 5.5rem);
    --size--6rem: clamp(3.5rem, 2.786rem + 3.57vw, 6rem);
    --size--6-5rem: clamp(3.75rem, 2.964rem + 3.93vw, 6.5rem);
    --size--7rem: clamp(4rem, 3.142rem + 4.29vw, 7rem);
    --size--7-5rem: clamp(4.25rem, 3.322rem + 4.64vw, 7.5rem);
    --size--8rem: clamp(4.5rem, 3.5rem + 5vw, 8rem);
    --size--8-5rem: clamp(4.75rem, 3.678rem + 5.36vw, 8.5rem);
    --size--9rem: clamp(5rem, 3.858rem + 5.71vw, 9rem);
    --size--9-5rem: clamp(5.25rem, 4.036rem + 6.07vw, 9.5rem);
    --size--10rem: clamp(5.5rem, 4.214rem + 6.43vw, 10rem);
    --size--11rem: clamp(5.75rem, 4.25rem + 7.5vw, 11rem);
    --size--12rem: clamp(6rem, 4.286rem + 8.57vw, 12rem);
    --size--13rem: clamp(6.5rem, 4.642rem + 9.29vw, 13rem);
    --size--14rem: clamp(7rem, 5rem + 10vw, 14rem);
    --size--15rem: clamp(7.5rem, 5.358rem + 10.71vw, 15rem);
    --size--16rem: clamp(8rem, 5.714rem + 11.43vw, 16rem);
    --font-size--display: clamp(2.99rem, 2.336rem + 3.27vw, 5.28rem);
    --font-size--h1: clamp(2.49rem, 2.058rem + 2.16vw, 4rem);
    --font-size--h2: clamp(2.07rem, 1.796rem + 1.37vw, 3.03rem);
    --font-size--h3: clamp(1.73rem, 1.568rem + 0.81vw, 2.3rem);
    --font-size--h4: clamp(1.44rem, 1.354rem + 0.43vw, 1.74rem);
    --font-size--h5: clamp(1.2rem, 1.166rem + 0.17vw, 1.32rem);
    --font-size--h6: 1rem;
    --font-size--xlarge: clamp(1.17rem, 1.148rem + 0.11vw, 1.25rem);
    --font-size--large: clamp(1.08rem, 1.068rem + 0.06vw, 1.12rem);
    --font-size--main: 1rem;
    --font-size--small: 0.93rem;
  }
}

:root,
[data-theme="dark"] {
  --color-theme--background: var(--color-swatch--black);
  --color-theme--text: var(--color-swatch--light);
  --color-theme--highlight: var(--color-swatch--green);
  --color-theme--text-light: var(--color-swatch--mid);
  --color-theme--border: var(--color-swatch--dark);
  --color-theme--links: var(--color-swatch--light);
  --color-theme--button-background: var(--color-swatch--purple);
  --color-theme--button-text: var(--color-swatch--white);
  --color-theme--button-background-hover: var(--color-swatch--green);
  --color-theme--button-text-hover: var(--color-swatch--black);
  --color-theme--card-background: var(--color-swatch--deep);
  --color-theme--card-border: var(--color-swatch--dark);
}

[data-theme="light"] {
  --color-theme--background: var(--color-swatch--light);
  --color-theme--text: var(--color-swatch--black);
  --color-theme--highlight: var(--color-swatch--purple);
  --color-theme--text-light: var(--color-swatch--mid);
  --color-theme--border: var(--color-swatch--dark);
  --color-theme--links: var(--color-swatch--dark);
  --color-theme--button-background: var(--color-swatch--purple);
  --color-theme--button-text: var(--color-swatch--white);
  --color-theme--button-background-hover: var(--color-swatch--green);
  --color-theme--button-text-hover: var(--color-swatch--black);
  --color-theme--card-background: var(--color-swatch--deep);
  --color-theme--card-border: var(--color-swatch--dark);
}

[data-theme="white"] {
  --color-theme--background: var(--color-swatch--white);
  --color-theme--text: var(--color-swatch--black);
  --color-theme--highlight: var(--color-swatch--purple);
  --color-theme--text-light: var(--color-swatch--dark);
  --color-theme--border: var(--color-swatch--dark);
  --color-theme--links: var(--color-swatch--dark);
  --color-theme--button-background: var(--color-swatch--purple);
  --color-theme--button-text: var(--color-swatch--white);
  --color-theme--button-background-hover: var(--color-swatch--green);
  --color-theme--button-text-hover: var(--color-swatch--black);
  --color-theme--card-background: var(--color-swatch--light);
  --color-theme--card-border: var(--color-swatch--light);
}

[data-theme="brand"] {
  --color-theme--background: var(--color-swatch--green);
  --color-theme--text: var(--color-swatch--black);
  --color-theme--highlight: var(--color-swatch--purple);
  --color-theme--text-light: var(--color-swatch--deep);
  --color-theme--border: var(--color-swatch--dark);
  --color-theme--links: var(--color-swatch--grey-blue);
  --color-theme--button-background: var(--color-swatch--purple);
  --color-theme--button-text: var(--color-swatch--white);
  --color-theme--button-background-hover: var(--color-swatch--black);
  --color-theme--button-text-hover: var(--color-swatch--white);
  --color-theme--card-background: var(--color-swatch--deep);
  --color-theme--card-border: var(--color-swatch--dark);
}

:is(c, :where([data-theme]:not([data-theme="inherit"]))) {
  background-color: var(--color-theme--background);
  color: var(--color-theme--text);
}

*[tabindex]:focus-visible,
input[type="file"]:focus-visible {
  outline: 0.125rem solid var(--brand);
  outline-offset: 0.125rem;
}

.w-richtext > :not(div):first-child,
.w-richtext > div:first-child > :first-child {
  margin-top: 0 !important;
}

.w-richtext > :last-child,
.w-richtext ol li:last-child,
.w-richtext ul li:last-child {
  margin-bottom: 0 !important;
}

a,
.w-input,
.w-select,
.w-tab-link,
.w-nav-link,
.w-dropdown-btn,
.w-dropdown-toggle,
.w-dropdown-link {
  color: inherit;
  font-size: inherit;
  text-decoration: inherit;
}

.margin-bottom {
  margin-top: 0 !important;
  margin-right: 0 !important;
  margin-left: 0 !important;
}

textarea {
  resize: vertical;
}

[data-padding="none"],
[data-padding-top="none"] {
  padding-top: 0;
}

[data-padding="xsmall"],
[data-padding-top="xsmall"] {
  padding-top: var(--section-padding--xsmall);
}

[data-padding="small"],
[data-padding-top="small"] {
  padding-top: var(--section-padding--small);
}

[data-padding="main"],
[data-padding-top="main"] {
  padding-top: var(--section-padding--main);
}

[data-padding="none"],
[data-padding-bottom="none"] {
  padding-bottom: 0;
}

[data-padding="xsmall"],
[data-padding-bottom="xsmall"] {
  padding-bottom: var(--section-padding--xsmall);
}

[data-padding="small"],
[data-padding-bottom="small"] {
  padding-bottom: var(--section-padding--small);
}

[data-padding="main"],
[data-padding-bottom="main"] {
  padding-bottom: var(--section-padding--main);
}

.verify_image.is-framed {
  display: block;
  border: 1px solid #46505d;
  border-radius: 12px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  text-wrap: balance;
}

@media only screen and (max-width: 70rem) {
  .nav_navbar.is-desktop {
    display: none;
  }

  .nav_navbar.is-mobile {
    display: block;
  }
}

.new-button_component.is-overlay {
  -webkit-clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
  clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
}

.new-button_component:hover .new-button_component.is-overlay {
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}