/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */
/*!
Theme Name: Graduall App
Theme URI: https://app.graduall.com
Description: Graduall Project Tracker
Version: 0.1.0
Author: Graduall.com
Author URI: https://graduall.com
Text Domain: agd
Requires PHP: 8.0
*/
@layer properties;
:root, :host {
  --font-sans: "Inter", "sans-serif";
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New',
    monospace;
  --spacing: 0.25rem;
  --text-sm: 0.875rem;
  --text-sm--line-height: calc(1.25 / 0.875);
  --text-base: 1rem;
  --text-base--line-height: calc(1.5 / 1);
  --text-lg: 1.125rem;
  --text-lg--line-height: calc(1.75 / 1.125);
  --text-xl: 1.25rem;
  --text-xl--line-height: calc(1.75 / 1.25);
  --text-2xl: 1.5rem;
  --text-2xl--line-height: calc(2 / 1.5);
  --text-3xl: 1.875rem;
  --text-3xl--line-height: calc(2.25 / 1.875);
  --text-4xl: 2.25rem;
  --text-4xl--line-height: calc(2.5 / 2.25);
  --text-5xl: 3rem;
  --text-5xl--line-height: 1;
  --font-weight-light: 300;
  --font-weight-normal: 400;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --leading-tight: 1.25;
  --radius-sm: 0.25rem;
  --radius-md: 0.375rem;
  --radius-lg: 0.5rem;
  --radius-xl: 0.75rem;
  --default-font-family: var(--font-sans);
  --default-mono-font-family: var(--font-mono);
  --color-fore: #1B1729;
  --color-back: #FFFFEC;
  --color-high: #13C3C6;
  --color-link: #6552D3;
}
:root [data-theme="dark"] {
  --color-fore: #FFFFEC;
  --color-back: #1B1729;
  --color-high: #13C3C6;
  --color-link: #6552D3;
}
:root {
  font-family: 'inter';
  line-height: 1.5;
  font-weight: 400;
  color-scheme: light dark;
  font-synthesis: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
@font-face {
  font-family: "Inter";
  src: local('Inter'), url(assets/fonts/intert.woff2) format('woff');
  font-weight: 100 900;
  font-display: swap;
  font-style: normal;
}
*, ::after, ::before, ::backdrop, ::file-selector-button {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  border: 0 solid;
}
html, :host {
  line-height: 1.5;
  -webkit-text-size-adjust: 100%;
  tab-size: 4;
  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;
}
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;
  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 {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.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 {
  display: block;
  vertical-align: middle;
}
img, video {
  max-width: 100%;
  height: auto;
}
button, input, select, optgroup, textarea, ::file-selector-button {
  font: inherit;
  font-feature-settings: inherit;
  font-variation-settings: inherit;
  letter-spacing: inherit;
  color: inherit;
  border-radius: 0;
  background-color: transparent;
  opacity: 1;
}
: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;
}
@supports (not (-webkit-appearance: -apple-pay-button))  or (contain-intrinsic-size: 1px) {
  ::placeholder {
    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, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {
  padding-block: 0;
}
::-webkit-calendar-picker-indicator {
  line-height: 1;
}
:-moz-ui-invalid {
  box-shadow: none;
}
button, input:where([type='button'], [type='reset'], [type='submit']), ::file-selector-button {
  appearance: button;
}
::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
  height: auto;
}
[hidden]:where(:not([hidden='until-found'])) {
  display: none !important;
}
body {
  width: 100vw;
  background-color: var(--color-back);
  font-family: var(--font-sans);
}
a {
  color: var(--color-link);
}
@media (hover: hover) {
  a:hover {
    color: var(--color-high);
  }
}
a {
  transition: 0.3s;
}
.stage {
  position: relative;
  width: 100%;
}
@media (width >= 40rem) {
  .stage {
    max-width: 40rem;
  }
}
@media (width >= 48rem) {
  .stage {
    max-width: 48rem;
  }
}
@media (width >= 64rem) {
  .stage {
    max-width: 64rem;
  }
}
@media (width >= 80rem) {
  .stage {
    max-width: 80rem;
  }
}
@media (width >= 96rem) {
  .stage {
    max-width: 96rem;
  }
}
.stage {
  margin-inline: auto;
  display: flex;
  min-height: 100vh;
  flex-direction: column;
  padding: calc(var(--spacing) * 5);
}
.h1 {
  font-size: var(--text-3xl);
  line-height: var(--tw-leading, var(--text-3xl--line-height));
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
  color: var(--color-fore);
}
@media (width >= 48rem) {
  .h1 {
    font-size: var(--text-5xl);
    line-height: var(--tw-leading, var(--text-5xl--line-height));
  }
}
.h2 {
  font-size: var(--text-2xl);
  line-height: var(--tw-leading, var(--text-2xl--line-height));
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
  color: var(--color-fore);
}
@media (width >= 48rem) {
  .h2 {
    font-size: var(--text-4xl);
    line-height: var(--tw-leading, var(--text-4xl--line-height));
  }
}
.h3 {
  font-size: var(--text-xl);
  line-height: var(--tw-leading, var(--text-xl--line-height));
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
  color: var(--color-fore);
}
@media (width >= 48rem) {
  .h3 {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
  }
}
.h4 {
  font-size: var(--text-lg);
  line-height: var(--tw-leading, var(--text-lg--line-height));
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
  color: var(--color-fore);
}
@media (width >= 48rem) {
  .h4 {
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
  }
}
.inst {
  margin-bottom: calc(var(--spacing) * 4);
  padding-bottom: calc(var(--spacing) * 4);
}
.inst h4 {
  margin-bottom: calc(var(--spacing) * 2);
}
.inst p {
  margin-bottom: calc(var(--spacing) * 5);
  font-size: 14px;
  color: color-mix(in srgb, #1B1729 50%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
  .inst p {
    color: color-mix(in oklab, var(--color-fore) 50%, transparent);
  }
}
.outlet {
  display: flex;
}
.outlet .brand {
  margin-right: calc(var(--spacing) * 5);
  height: calc(var(--spacing) * 14);
  width: calc(var(--spacing) * 14);
}
.outlet strong,.outlet span {
  display: block;
}
.outlet span {
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  color: color-mix(in srgb, #1B1729 50%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
  .outlet span {
    color: color-mix(in oklab, var(--color-fore) 50%, transparent);
  }
}
.version {
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  color: color-mix(in srgb, #1B1729 20%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
  .version {
    color: color-mix(in oklab, var(--color-fore) 20%, transparent);
  }
}
.frm_primary_label {
  margin-bottom: calc(var(--spacing) * 2);
  display: block;
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
  color: var(--color-fore);
}
.frm_required {
  color: var(--color-high);
}
.frm_opt_container {
  margin-bottom: calc(var(--spacing) * 3);
}
.frm_radio, .frm_checkbox {
  margin-bottom: calc(var(--spacing) * 2);
  color: var(--color-link);
}
:is(.frm_radio,.frm_checkbox) label {
  display: inline-block;
}
:is(.frm_radio,.frm_checkbox) input[type="radio"],:is(.frm_radio,.frm_checkbox) input[type="checkbox"] {
  margin-right: calc(var(--spacing) * 3);
  height: calc(var(--spacing) * 5);
  width: calc(var(--spacing) * 5);
  vertical-align: middle;
}
.frm_description {
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  color: color-mix(in srgb, #1B1729 50%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
  .frm_description {
    color: color-mix(in oklab, var(--color-fore) 50%, transparent);
  }
}
.frm_error_style {
  margin-bottom: calc(var(--spacing) * 5);
  border-radius: var(--radius-sm);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: #996666;
  background-color: #996666;
  padding: calc(var(--spacing) * 3);
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  color: var(--color-fore);
}
.frm_error {
  padding-block: calc(var(--spacing) * 3);
  color: #996666;
}
.frm_form_field {
  margin-bottom: calc(var(--spacing) * 5);
}
.frm_form_field input[type="text"],.frm_form_field input[type="url"],.frm_form_field textarea,.frm_form_field select {
  display: block;
  width: 100%;
  border-radius: var(--radius-lg);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-link);
  background-color: color-mix(in srgb, #6552D3 20%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
  .frm_form_field input[type="text"],.frm_form_field input[type="url"],.frm_form_field textarea,.frm_form_field select {
    background-color: color-mix(in oklab, var(--color-link) 20%, transparent);
  }
}
.frm_form_field input[type="text"],.frm_form_field input[type="url"],.frm_form_field textarea,.frm_form_field select {
  padding: calc(var(--spacing) * 2);
  font-size: var(--text-base);
  line-height: var(--tw-leading, var(--text-base--line-height));
  color: var(--color-link);
}
:is(.frm_form_field input[type="text"],.frm_form_field input[type="url"],.frm_form_field textarea,.frm_form_field select):focus {
  border-color: var(--color-link);
}
:is(.frm_form_field input[type="text"],.frm_form_field input[type="url"],.frm_form_field textarea,.frm_form_field select):focus {
  --tw-ring-color: var(--color-link);
}
.frm_form_field option {
  background-color: var(--color-link);
  color: var(--color-fore);
}
.frm_dropzone {
  display: flex;
  height: calc(var(--spacing) * 32);
  width: 100%;
  align-items: center;
  justify-content: center;
  border-radius: var(--radius-lg);
  border-style: var(--tw-border-style);
  border-width: 2px;
  --tw-border-style: dashed;
  border-style: dashed;
  border-color: color-mix(in srgb, #6552D3 50%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
  .frm_dropzone {
    border-color: color-mix(in oklab, var(--color-link) 50%, transparent);
  }
}
.frm_dropzone {
  background-color: color-mix(in srgb, #6552D3 20%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
  .frm_dropzone {
    background-color: color-mix(in oklab, var(--color-link) 20%, transparent);
  }
}
.frm_dropzone {
  text-align: center;
  color: color-mix(in srgb, #6552D3 50%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
  .frm_dropzone {
    color: color-mix(in oklab, var(--color-link) 50%, transparent);
  }
}
.frm_dropzone:hover {
  background-color: color-mix(in srgb, #6552D3 10%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
  .frm_dropzone:hover {
    background-color: color-mix(in oklab, var(--color-link) 10%, transparent);
  }
}
.frm_dropzone svg {
  margin: auto;
  display: block;
  height: calc(var(--spacing) * 7);
  width: calc(var(--spacing) * 7);
}
.frm_dropzone .dz-message {
  --tw-border-style: none;
  border-style: none;
  background-color: color-mix(in srgb, #6552D3 0%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
  .frm_dropzone .dz-message {
    background-color: color-mix(in oklab, var(--color-link) 0%, transparent);
  }
}
.frm_dropzone .dz-message {
  color: var(--color-link);
}
.frm_button_submit {
  cursor: pointer;
  border-radius: var(--radius-md);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-link);
  background-color: color-mix(in srgb, #6552D3 50%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
  .frm_button_submit {
    background-color: color-mix(in oklab, var(--color-link) 50%, transparent);
  }
}
.frm_button_submit {
  padding-inline: calc(var(--spacing) * 6);
  padding-block: calc(var(--spacing) * 2);
  text-align: center;
  font-size: var(--text-2xl);
  line-height: var(--tw-leading, var(--text-2xl--line-height));
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
  color: var(--color-link);
}
@media (hover: hover) {
  .frm_button_submit:hover {
    background-color: var(--color-link);
  }
}
@media (hover: hover) {
  .frm_button_submit:hover {
    color: var(--color-back);
  }
}
.frm_message {
  margin-bottom: calc(var(--spacing) * 5);
  border-radius: var(--radius-sm);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-high);
  background-color: color-mix(in srgb, #13C3C6 20%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
  .frm_message {
    background-color: color-mix(in oklab, var(--color-high) 20%, transparent);
  }
}
.frm_message {
  padding: calc(var(--spacing) * 3);
  font-size: var(--text-lg);
  line-height: var(--tw-leading, var(--text-lg--line-height));
  color: var(--color-high);
}
#wpmem_login label {
  margin-bottom: calc(var(--spacing) * 2);
  display: block;
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
  color: var(--color-fore);
}
#wpmem_login input[type="text"],#wpmem_login input[type="url"],#wpmem_login input[type="password"],#wpmem_login textarea,#wpmem_login select {
  display: block;
  width: 100%;
  border-radius: var(--radius-lg);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-link);
  background-color: color-mix(in srgb, #6552D3 20%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
  #wpmem_login input[type="text"],#wpmem_login input[type="url"],#wpmem_login input[type="password"],#wpmem_login textarea,#wpmem_login select {
    background-color: color-mix(in oklab, var(--color-link) 20%, transparent);
  }
}
#wpmem_login input[type="text"],#wpmem_login input[type="url"],#wpmem_login input[type="password"],#wpmem_login textarea,#wpmem_login select {
  padding: calc(var(--spacing) * 2);
  font-size: var(--text-base);
  line-height: var(--tw-leading, var(--text-base--line-height));
  color: var(--color-link);
}
:is(#wpmem_login input[type="text"],#wpmem_login input[type="url"],#wpmem_login input[type="password"],#wpmem_login textarea,#wpmem_login select):focus {
  border-color: var(--color-link);
}
:is(#wpmem_login input[type="text"],#wpmem_login input[type="url"],#wpmem_login input[type="password"],#wpmem_login textarea,#wpmem_login select):focus {
  --tw-ring-color: var(--color-link);
}
#wpmem_login .buttons {
  display: block;
  cursor: pointer;
  border-radius: var(--radius-md);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-link);
  background-color: color-mix(in srgb, #6552D3 50%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
  #wpmem_login .buttons {
    background-color: color-mix(in oklab, var(--color-link) 50%, transparent);
  }
}
#wpmem_login .buttons {
  padding-inline: calc(var(--spacing) * 6);
  padding-block: calc(var(--spacing) * 2);
  text-align: center;
  font-size: var(--text-2xl);
  line-height: var(--tw-leading, var(--text-2xl--line-height));
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
  color: var(--color-link);
}
@media (hover: hover) {
  :is(#wpmem_login .buttons):hover {
    background-color: var(--color-link);
  }
}
@media (hover: hover) {
  :is(#wpmem_login .buttons):hover {
    color: var(--color-back);
  }
}
.pill {
  display: inline;
  border-radius: 5px;
  background-color: color-mix(in srgb, #13C3C6 20%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
  .pill {
    background-color: color-mix(in oklab, var(--color-high) 20%, transparent);
  }
}
.pill {
  padding-inline: calc(var(--spacing) * 2);
  padding-block: 2px;
  text-align: center;
  font-size: 11px;
  --tw-font-weight: var(--font-weight-normal);
  font-weight: var(--font-weight-normal);
  color: var(--color-high);
}
.summary {
  font-size: var(--text-base);
  line-height: var(--leading-tight);
  font-size: 10px;
  color: color-mix(in srgb, #1B1729 50%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
  .summary {
    color: color-mix(in oklab, var(--color-fore) 50%, transparent);
  }
}
@media (width >= 48rem) {
  .summary {
    font-size: 16px;
  }
}
.status {
  font-size: var(--text-xl);
  line-height: var(--tw-leading, var(--text-xl--line-height));
  color: var(--color-fore);
}
.crumbs {
  font-size: var(--text-base);
  line-height: var(--tw-leading, var(--text-base--line-height));
  color: var(--color-fore);
}
.crumbs span,.crumbs i,.crumbs a,.crumbs strong {
  padding-inline: calc(var(--spacing) * 1);
}
.crumbs a {
  color: var(--color-link);
}
@media (hover: hover) {
  :is(.crumbs a):hover {
    color: var(--color-high);
  }
}
.icon {
  display: inline-block;
  height: auto;
  width: calc(var(--spacing) * 8);
  padding: calc(var(--spacing) * 1);
  color: var(--color-link);
}
@media (hover: hover) {
  .icon:hover {
    color: var(--color-high);
  }
}
.nav-ver {
  font-size: 15px;
}
.nav-ver a {
  color: var(--color-link);
}
@media (hover: hover) {
  :is(.nav-ver a):hover {
    color: var(--color-high);
  }
}
.nav-hor {
  display: flex;
  flex-direction: row;
  font-size: 15px;
}
.nav-hor a {
  display: block;
  padding-inline: calc(var(--spacing) * 3);
  color: var(--color-link);
}
@media (hover: hover) {
  :is(.nav-hor a):hover {
    color: var(--color-high);
  }
}
.button {
  border-radius: var(--radius-md);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-link);
  background-color: color-mix(in srgb, #6552D3 50%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
  .button {
    background-color: color-mix(in oklab, var(--color-link) 50%, transparent);
  }
}
.button {
  text-align: center;
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
  color: var(--color-link);
}
@media (hover: hover) {
  .button:hover {
    background-color: var(--color-link);
  }
}
@media (hover: hover) {
  .button:hover {
    color: var(--color-back);
  }
}
.button a {
  display: inline-block;
}
.button-xl {
  padding-inline: calc(var(--spacing) * 10);
  padding-block: calc(var(--spacing) * 3);
  font-size: var(--text-3xl);
  line-height: var(--tw-leading, var(--text-3xl--line-height));
}
.button-lg {
  padding-inline: calc(var(--spacing) * 6);
  padding-block: calc(var(--spacing) * 2);
  font-size: var(--text-2xl);
  line-height: var(--tw-leading, var(--text-2xl--line-height));
}
.button-md {
  padding-inline: calc(var(--spacing) * 4);
  padding-block: calc(var(--spacing) * 2);
  font-size: var(--text-xl);
  line-height: var(--tw-leading, var(--text-xl--line-height));
}
.button-sm {
  padding-inline: calc(var(--spacing) * 3);
  padding-block: calc(var(--spacing) * 1);
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
}
.card {
  border-radius: var(--radius-xl);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-link);
  background-color: color-mix(in srgb, #6552D3 20%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
  .card {
    background-color: color-mix(in oklab, var(--color-link) 20%, transparent);
  }
}
.card {
  padding: calc(var(--spacing) * 5);
}
.card strong {
  display: block;
  font-size: var(--text-xl);
  line-height: var(--tw-leading, var(--text-xl--line-height));
  color: var(--color-fore);
}
.card a {
  font-size: var(--text-xl);
  line-height: var(--tw-leading, var(--text-xl--line-height));
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
  color: var(--color-link);
}
@media (hover: hover) {
  :is(.card a):hover {
    color: var(--color-fore);
  }
}
@media (width >= 48rem) {
  .card a {
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height));
  }
}
.thumb figure {
  margin-right: calc(var(--spacing) * 5);
  display: inline-block;
  height: auto;
  width: calc(1/2 * 100%);
  border-radius: var(--radius-md);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: color-mix(in srgb, #6552D3 30%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
  .thumb figure {
    border-color: color-mix(in oklab, var(--color-link) 30%, transparent);
  }
}
.thumb .column {
  margin-bottom: calc(var(--spacing) * 2);
  height: 10vh;
}
.thumb a {
  margin-bottom: calc(var(--spacing) * 2);
  display: block;
  font-size: var(--text-xl);
  line-height: var(--tw-leading, var(--text-xl--line-height));
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
  color: var(--color-link);
}
@media (hover: hover) {
  :is(.thumb a):hover {
    color: var(--color-fore);
  }
}
.thumb p {
  font-size: 14px;
  color: color-mix(in srgb, #1B1729 75%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
  .thumb p {
    color: color-mix(in oklab, var(--color-fore) 75%, transparent);
  }
}
.asset figure {
  margin-right: calc(var(--spacing) * 10);
  height: 100%;
  border-radius: var(--radius-md);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: color-mix(in srgb, #6552D3 30%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
  .asset figure {
    border-color: color-mix(in oklab, var(--color-link) 30%, transparent);
  }
}
.asset p {
  color: color-mix(in srgb, #1B1729 50%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
  .asset p {
    color: color-mix(in oklab, var(--color-fore) 50%, transparent);
  }
}
.asset .button {
  margin-block: calc(var(--spacing) * 6);
  display: block;
}
.table {
  width: 100%;
}
.table strong {
  display: block;
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
  border-color: color-mix(in srgb, #1B1729 30%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
  .table strong {
    border-color: color-mix(in oklab, var(--color-fore) 30%, transparent);
  }
}
.table strong {
  padding-bottom: calc(var(--spacing) * 3);
  font-size: var(--text-2xl);
  line-height: var(--tw-leading, var(--text-2xl--line-height));
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  color: var(--color-fore);
}
.table .wide {
  width: calc(1/3 * 100%);
}
.table th {
  padding-block: calc(var(--spacing) * 2);
  font-size: 10px;
}
@media (width >= 48rem) {
  .table th {
    padding-block: calc(var(--spacing) * 6);
  }
}
@media (width >= 48rem) {
  .table th {
    font-size: 16px;
  }
}
.table thead th {
  --tw-font-weight: var(--font-weight-light);
  font-weight: var(--font-weight-light);
  color: color-mix(in srgb, #1B1729 50%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
  .table thead th {
    color: color-mix(in oklab, var(--color-fore) 50%, transparent);
  }
}
.table td a {
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  color: var(--color-link);
}
@media (hover: hover) {
  :is(.table td a):hover {
    color: var(--color-high);
  }
}
.table td {
  font-size: 10px;
  color: var(--color-fore);
}
@media (width >= 48rem) {
  .table td {
    font-size: 16px;
  }
}
.visible {
  visibility: visible;
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
  border-width: 0;
}
.absolute {
  position: absolute;
}
.fixed {
  position: fixed;
}
.relative {
  position: relative;
}
.static {
  position: static;
}
.top-0 {
  top: calc(var(--spacing) * 0);
}
.top-\[50px\] {
  top: 50px;
}
.bottom-0 {
  bottom: calc(var(--spacing) * 0);
}
.left-0 {
  left: calc(var(--spacing) * 0);
}
.left-6 {
  left: calc(var(--spacing) * 6);
}
.z-0 {
  z-index: 0;
}
.z-10 {
  z-index: 10;
}
.z-100 {
  z-index: 100;
}
.m-20 {
  margin: calc(var(--spacing) * 20);
}
.mx-3 {
  margin-inline: calc(var(--spacing) * 3);
}
.mx-6 {
  margin-inline: calc(var(--spacing) * 6);
}
.mx-12 {
  margin-inline: calc(var(--spacing) * 12);
}
.my-5 {
  margin-block: calc(var(--spacing) * 5);
}
.my-6 {
  margin-block: calc(var(--spacing) * 6);
}
.my-7 {
  margin-block: calc(var(--spacing) * 7);
}
.my-10 {
  margin-block: calc(var(--spacing) * 10);
}
.prose {
  color: var(--tw-prose-body);
  max-width: none;
}
.prose :where(p):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 1.25em;
  margin-bottom: 1.25em;
}
.prose :where([class~="lead"],[class~="is-style-lead"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: var(--tw-prose-lead);
  font-size: 1.25em;
  line-height: 1.6;
  margin-top: 1.2em;
  margin-bottom: 1.2em;
}
.prose :where(a):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: var(--tw-prose-links);
  text-decoration: underline;
  font-weight: 500;
}
.prose :where(strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: var(--tw-prose-bold);
  font-weight: 600;
}
.prose :where(a strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: inherit;
}
.prose :where(blockquote strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: inherit;
}
.prose :where(thead th strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: inherit;
}
.prose :where(ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  list-style-type: decimal;
  margin-top: 1.25em;
  margin-bottom: 1.25em;
  padding-inline-start: 1.625em;
}
.prose :where(ol[type="A"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  list-style-type: upper-alpha;
}
.prose :where(ol[type="a"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  list-style-type: lower-alpha;
}
.prose :where(ol[type="A" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  list-style-type: upper-alpha;
}
.prose :where(ol[type="a" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  list-style-type: lower-alpha;
}
.prose :where(ol[type="I"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  list-style-type: upper-roman;
}
.prose :where(ol[type="i"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  list-style-type: lower-roman;
}
.prose :where(ol[type="I" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  list-style-type: upper-roman;
}
.prose :where(ol[type="i" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  list-style-type: lower-roman;
}
.prose :where(ol[type="1"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  list-style-type: decimal;
}
.prose :where(ul):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  list-style-type: disc;
  margin-top: 1.25em;
  margin-bottom: 1.25em;
  padding-inline-start: 1.625em;
}
.prose :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *))::marker {
  font-weight: 400;
  color: var(--tw-prose-counters);
}
.prose :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *))::marker {
  color: var(--tw-prose-bullets);
}
.prose :where(dt):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: var(--tw-prose-headings);
  font-weight: 600;
  margin-top: 1.25em;
}
.prose :where(hr):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  border-color: var(--tw-prose-hr);
  border-top-width: 1px;
  margin-top: 3em;
  margin-bottom: 3em;
  border-bottom: none;
}
.prose :where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  font-weight: 500;
  font-style: italic;
  color: var(--tw-prose-quotes);
  border-inline-start-width: 0.25rem;
  border-inline-start-color: var(--tw-prose-quote-borders);
  quotes: "\201C""\201D""\2018""\2019";
  margin-top: 1.6em;
  margin-bottom: 1.6em;
  padding-inline-start: 1em;
}
.prose :where(blockquote p:first-of-type):not(:where([class~="not-prose"],[class~="not-prose"] *))::before {
  content: open-quote;
}
.prose :where(blockquote p:last-of-type):not(:where([class~="not-prose"],[class~="not-prose"] *))::after {
  content: close-quote;
}
.prose :where(h1):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: var(--tw-prose-headings);
  font-weight: 800;
  font-size: 2.25em;
  margin-top: 0;
  margin-bottom: 0.8888889em;
  line-height: 1.1111111;
}
.prose :where(h1 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  font-weight: 900;
  color: inherit;
}
.prose :where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: var(--tw-prose-headings);
  font-weight: 700;
  font-size: 1.5em;
  margin-top: 2em;
  margin-bottom: 1em;
  line-height: 1.3333333;
}
.prose :where(h2 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  font-weight: 800;
  color: inherit;
}
.prose :where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: var(--tw-prose-headings);
  font-weight: 600;
  font-size: 1.25em;
  margin-top: 1.6em;
  margin-bottom: 0.6em;
  line-height: 1.6;
}
.prose :where(h3 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  font-weight: 700;
  color: inherit;
}
.prose :where(h4):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: var(--tw-prose-headings);
  font-weight: 600;
  margin-top: 1.5em;
  margin-bottom: 0.5em;
  line-height: 1.5;
}
.prose :where(h4 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  font-weight: 700;
  color: inherit;
}
.prose :where(img):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 2em;
  margin-bottom: 2em;
}
.prose :where(picture):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  display: block;
  margin-top: 2em;
  margin-bottom: 2em;
}
.prose :where(video):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 2em;
  margin-bottom: 2em;
}
.prose :where(kbd):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  font-weight: 500;
  font-family: inherit;
  color: var(--tw-prose-kbd);
  box-shadow: 0 0 0 1px var(--tw-prose-kbd-shadows), 0 3px 0 var(--tw-prose-kbd-shadows);
  font-size: 0.875em;
  border-radius: 0.3125rem;
  padding-top: 0.1875em;
  padding-inline-end: 0.375em;
  padding-bottom: 0.1875em;
  padding-inline-start: 0.375em;
}
.prose :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: var(--tw-prose-code);
  font-weight: 600;
  font-size: 0.875em;
}
.prose :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))::before {
  content: "`";
}
.prose :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))::after {
  content: "`";
}
.prose :where(a code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: inherit;
}
.prose :where(h1 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: inherit;
}
.prose :where(h2 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: inherit;
  font-size: 0.875em;
}
.prose :where(h3 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: inherit;
  font-size: 0.9em;
}
.prose :where(h4 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: inherit;
}
.prose :where(blockquote code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: inherit;
}
.prose :where(thead th code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: inherit;
}
.prose :where(pre):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: var(--tw-prose-pre-code);
  background-color: var(--tw-prose-pre-bg);
  overflow-x: auto;
  font-weight: 400;
  font-size: 0.875em;
  line-height: 1.7142857;
  margin-top: 1.7142857em;
  margin-bottom: 1.7142857em;
  border-radius: 0.375rem;
  padding-top: 0.8571429em;
  padding-inline-end: 1.1428571em;
  padding-bottom: 0.8571429em;
  padding-inline-start: 1.1428571em;
}
.prose :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  background-color: transparent;
  border-width: 0;
  border-radius: 0;
  padding: 0;
  font-weight: inherit;
  color: inherit;
  font-size: inherit;
  font-family: inherit;
  line-height: inherit;
}
.prose :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *))::before {
  content: none;
}
.prose :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *))::after {
  content: none;
}
.prose :where(table):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  width: 100%;
  table-layout: auto;
  margin-top: 2em;
  margin-bottom: 2em;
  font-size: 0.875em;
  line-height: 1.7142857;
}
.prose :where(thead):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  border-bottom-width: 1px;
  border-bottom-color: var(--tw-prose-th-borders);
}
.prose :where(thead th):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: var(--tw-prose-headings);
  font-weight: 600;
  vertical-align: bottom;
  padding-inline-end: 0.5714286em;
  padding-bottom: 0.5714286em;
  padding-inline-start: 0.5714286em;
}
.prose :where(tbody tr):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  border-bottom-width: 1px;
  border-bottom-color: var(--tw-prose-td-borders);
}
.prose :where(tbody tr:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  border-bottom-width: 0;
}
.prose :where(tbody td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  vertical-align: baseline;
}
.prose :where(tfoot):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  border-top-width: 1px;
  border-top-color: var(--tw-prose-th-borders);
}
.prose :where(tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  vertical-align: top;
}
.prose :where(th,td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  text-align: start;
}
.prose :where(figure > *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0;
  margin-bottom: 0;
}
.prose :where(figcaption):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: var(--tw-prose-captions);
  font-size: 0.875em;
  line-height: 1.4285714;
  margin-top: 0.8571429em;
}
.prose {
  --tw-prose-body: oklch(37.3% 0.034 259.733);
  --tw-prose-headings: oklch(21% 0.034 264.665);
  --tw-prose-lead: oklch(44.6% 0.03 256.802);
  --tw-prose-links: oklch(21% 0.034 264.665);
  --tw-prose-bold: oklch(21% 0.034 264.665);
  --tw-prose-counters: oklch(55.1% 0.027 264.364);
  --tw-prose-bullets: oklch(87.2% 0.01 258.338);
  --tw-prose-hr: oklch(92.8% 0.006 264.531);
  --tw-prose-quotes: oklch(21% 0.034 264.665);
  --tw-prose-quote-borders: oklch(92.8% 0.006 264.531);
  --tw-prose-captions: oklch(55.1% 0.027 264.364);
  --tw-prose-kbd: oklch(21% 0.034 264.665);
  --tw-prose-kbd-shadows: color-mix(in oklab, oklch(21% 0.034 264.665) 10%, transparent);
  --tw-prose-code: oklch(21% 0.034 264.665);
  --tw-prose-pre-code: oklch(92.8% 0.006 264.531);
  --tw-prose-pre-bg: oklch(27.8% 0.033 256.848);
  --tw-prose-th-borders: oklch(87.2% 0.01 258.338);
  --tw-prose-td-borders: oklch(92.8% 0.006 264.531);
  --tw-prose-invert-body: oklch(87.2% 0.01 258.338);
  --tw-prose-invert-headings: #fff;
  --tw-prose-invert-lead: oklch(70.7% 0.022 261.325);
  --tw-prose-invert-links: #fff;
  --tw-prose-invert-bold: #fff;
  --tw-prose-invert-counters: oklch(70.7% 0.022 261.325);
  --tw-prose-invert-bullets: oklch(44.6% 0.03 256.802);
  --tw-prose-invert-hr: oklch(37.3% 0.034 259.733);
  --tw-prose-invert-quotes: oklch(96.7% 0.003 264.542);
  --tw-prose-invert-quote-borders: oklch(37.3% 0.034 259.733);
  --tw-prose-invert-captions: oklch(70.7% 0.022 261.325);
  --tw-prose-invert-kbd: #fff;
  --tw-prose-invert-kbd-shadows: rgb(255 255 255 / 10%);
  --tw-prose-invert-code: #fff;
  --tw-prose-invert-pre-code: oklch(87.2% 0.01 258.338);
  --tw-prose-invert-pre-bg: rgb(0 0 0 / 50%);
  --tw-prose-invert-th-borders: oklch(44.6% 0.03 256.802);
  --tw-prose-invert-td-borders: oklch(37.3% 0.034 259.733);
  font-size: 1rem;
  line-height: 1.75;
}
.prose :where(picture > img):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0;
  margin-bottom: 0;
}
.prose :where(li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}
.prose :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  padding-inline-start: 0.375em;
}
.prose :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  padding-inline-start: 0.375em;
}
.prose :where(.prose > ul > li p):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0.75em;
  margin-bottom: 0.75em;
}
.prose :where(.prose > ul > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 1.25em;
}
.prose :where(.prose > ul > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-bottom: 1.25em;
}
.prose :where(.prose > ol > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 1.25em;
}
.prose :where(.prose > ol > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-bottom: 1.25em;
}
.prose :where(ul ul,ul ol,ol ul,ol ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0.75em;
  margin-bottom: 0.75em;
}
.prose :where(dl):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 1.25em;
  margin-bottom: 1.25em;
}
.prose :where(dd):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0.5em;
  padding-inline-start: 1.625em;
}
.prose :where(hr + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0;
}
.prose :where(h2 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0;
}
.prose :where(h3 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0;
}
.prose :where(h4 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0;
}
.prose :where(thead th:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  padding-inline-start: 0;
}
.prose :where(thead th:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  padding-inline-end: 0;
}
.prose :where(tbody td,tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  padding-top: 0.5714286em;
  padding-inline-end: 0.5714286em;
  padding-bottom: 0.5714286em;
  padding-inline-start: 0.5714286em;
}
.prose :where(tbody td:first-child,tfoot td:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  padding-inline-start: 0;
}
.prose :where(tbody td:last-child,tfoot td:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  padding-inline-end: 0;
}
.prose :where(figure):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 2em;
  margin-bottom: 2em;
}
.prose :where(.prose > :first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0;
}
.prose :where(.prose > :last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-bottom: 0;
}
.prose :where(blockquote > cite):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: var(--tw-prose-body);
  font-style: normal;
  font-weight: 400;
}
.prose :where(blockquote > cite):not(:where([class~="not-prose"],[class~="not-prose"] *))::before {
  content: "\2014";
}
.prose :where(table.has-fixed-layout):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  table-layout: fixed;
  width: 100%;
}
.mt-2 {
  margin-top: calc(var(--spacing) * 2);
}
.mt-4 {
  margin-top: calc(var(--spacing) * 4);
}
.mt-10 {
  margin-top: calc(var(--spacing) * 10);
}
.mr-4 {
  margin-right: calc(var(--spacing) * 4);
}
.mr-10 {
  margin-right: calc(var(--spacing) * 10);
}
.mb-2 {
  margin-bottom: calc(var(--spacing) * 2);
}
.mb-3 {
  margin-bottom: calc(var(--spacing) * 3);
}
.mb-4 {
  margin-bottom: calc(var(--spacing) * 4);
}
.mb-5 {
  margin-bottom: calc(var(--spacing) * 5);
}
.mb-10 {
  margin-bottom: calc(var(--spacing) * 10);
}
.ml-12 {
  margin-left: calc(var(--spacing) * 12);
}
.block {
  display: block;
}
.contents {
  display: contents;
}
.flex {
  display: flex;
}
.hidden {
  display: none;
}
.inline {
  display: inline;
}
.inline-block {
  display: inline-block;
}
.table {
  display: table;
}
.h-2 {
  height: calc(var(--spacing) * 2);
}
.h-\[1px\] {
  height: 1px;
}
.h-\[100px\] {
  height: 100px;
}
.h-\[100vh\] {
  height: 100vh;
}
.h-\[calc\(100\%-60px\)\] {
  height: calc(100% - 60px);
}
.h-full {
  height: 100%;
}
.h-screen {
  height: 100vh;
}
.w-1\/2 {
  width: calc(1/2 * 100%);
}
.w-12 {
  width: calc(var(--spacing) * 12);
}
.w-\[1px\] {
  width: 1px;
}
.w-\[100px\] {
  width: 100px;
}
.w-full {
  width: 100%;
}
.max-w-none {
  max-width: none;
}
.min-w-max {
  min-width: max-content;
}
.flex-1 {
  flex: 1;
}
.flex-1\/3 {
  flex: calc(1/3 * 100%);
}
.flex-1\/4 {
  flex: calc(1/4 * 100%);
}
.flex-2\/3 {
  flex: calc(2/3 * 100%);
}
.flex-3\/4 {
  flex: calc(3/4 * 100%);
}
.flex-none {
  flex: none;
}
.table-auto {
  table-layout: auto;
}
.flex-col {
  flex-direction: column;
}
.items-center {
  align-items: center;
}
.items-stretch {
  align-items: stretch;
}
.justify-center {
  justify-content: center;
}
.overflow-hidden {
  overflow: hidden;
}
.overflow-y-auto {
  overflow-y: auto;
}
.rounded-\[50\%\] {
  border-radius: 50%;
}
.rounded-sm {
  border-radius: var(--radius-sm);
}
.border {
  border-style: var(--tw-border-style);
  border-width: 1px;
}
.border-1 {
  border-style: var(--tw-border-style);
  border-width: 1px;
}
.border-x {
  border-inline-style: var(--tw-border-style);
  border-inline-width: 1px;
}
.border-y {
  border-block-style: var(--tw-border-style);
  border-block-width: 1px;
}
.prose .wp-block-table td {
  border: 0;
}
.prose .wp-block-table th {
  border: 0;
}
.prose .wp-block-table thead {
  border-color: var(--tw-prose-th-borders);
}
.prose .wp-block-table tfoot {
  border-color: var(--tw-prose-th-borders);
}
.prose .wp-block-table thead {
  border-bottom-width: 1px;
}
.prose .wp-block-table tfoot {
  border-top-width: 1px;
}
.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-b-1 {
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
}
.border-fore\/20 {
  border-color: color-mix(in srgb, #1B1729 20%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
  .border-fore\/20 {
    border-color: color-mix(in oklab, var(--color-fore) 20%, transparent);
  }
}
.border-fore\/25 {
  border-color: color-mix(in srgb, #1B1729 25%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
  .border-fore\/25 {
    border-color: color-mix(in oklab, var(--color-fore) 25%, transparent);
  }
}
.border-high {
  border-color: var(--color-high);
}
.border-link {
  border-color: var(--color-link);
}
.border-x-fore\/20 {
  border-inline-color: color-mix(in srgb, #1B1729 20%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
  .border-x-fore\/20 {
    border-inline-color: color-mix(in oklab, var(--color-fore) 20%, transparent);
  }
}
.border-b-fore\/20 {
  border-bottom-color: color-mix(in srgb, #1B1729 20%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
  .border-b-fore\/20 {
    border-bottom-color: color-mix(in oklab, var(--color-fore) 20%, transparent);
  }
}
.bg-back {
  background-color: var(--color-back);
}
.bg-back\/90 {
  background-color: color-mix(in srgb, #FFFFEC 90%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
  .bg-back\/90 {
    background-color: color-mix(in oklab, var(--color-back) 90%, transparent);
  }
}
.bg-fore\/20 {
  background-color: color-mix(in srgb, #1B1729 20%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
  .bg-fore\/20 {
    background-color: color-mix(in oklab, var(--color-fore) 20%, transparent);
  }
}
.bg-high {
  background-color: var(--color-high);
}
.bg-high\/20 {
  background-color: color-mix(in srgb, #13C3C6 20%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
  .bg-high\/20 {
    background-color: color-mix(in oklab, var(--color-high) 20%, transparent);
  }
}
.fill-back {
  fill: var(--color-back);
}
.fill-high {
  fill: var(--color-high);
}
.stroke-high {
  stroke: var(--color-high);
}
.stroke-link {
  stroke: var(--color-link);
}
.p-2 {
  padding: calc(var(--spacing) * 2);
}
.p-5 {
  padding: calc(var(--spacing) * 5);
}
.p-7 {
  padding: calc(var(--spacing) * 7);
}
.px-2 {
  padding-inline: calc(var(--spacing) * 2);
}
.px-5 {
  padding-inline: calc(var(--spacing) * 5);
}
.px-7 {
  padding-inline: calc(var(--spacing) * 7);
}
.py-1 {
  padding-block: calc(var(--spacing) * 1);
}
.py-2 {
  padding-block: calc(var(--spacing) * 2);
}
.py-4 {
  padding-block: calc(var(--spacing) * 4);
}
.py-5 {
  padding-block: calc(var(--spacing) * 5);
}
.py-6 {
  padding-block: calc(var(--spacing) * 6);
}
.py-7 {
  padding-block: calc(var(--spacing) * 7);
}
.py-10 {
  padding-block: calc(var(--spacing) * 10);
}
.py-15 {
  padding-block: calc(var(--spacing) * 15);
}
.pt-1 {
  padding-top: calc(var(--spacing) * 1);
}
.pb-2 {
  padding-bottom: calc(var(--spacing) * 2);
}
.text-center {
  text-align: center;
}
.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
.text-2xl {
  font-size: var(--text-2xl);
  line-height: var(--tw-leading, var(--text-2xl--line-height));
}
.text-3xl {
  font-size: var(--text-3xl);
  line-height: var(--tw-leading, var(--text-3xl--line-height));
}
.text-4xl {
  font-size: var(--text-4xl);
  line-height: var(--tw-leading, var(--text-4xl--line-height));
}
.text-sm {
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
}
.text-xl {
  font-size: var(--text-xl);
  line-height: var(--tw-leading, var(--text-xl--line-height));
}
.text-\[12px\] {
  font-size: 12px;
}
.leading-5 {
  --tw-leading: calc(var(--spacing) * 5);
  line-height: calc(var(--spacing) * 5);
}
.font-bold {
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
}
.font-semibold {
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
}
.text-fore {
  color: var(--color-fore);
}
.text-fore\/20 {
  color: color-mix(in srgb, #1B1729 20%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
  .text-fore\/20 {
    color: color-mix(in oklab, var(--color-fore) 20%, transparent);
  }
}
.text-fore\/30 {
  color: color-mix(in srgb, #1B1729 30%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
  .text-fore\/30 {
    color: color-mix(in oklab, var(--color-fore) 30%, transparent);
  }
}
.text-fore\/50 {
  color: color-mix(in srgb, #1B1729 50%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
  .text-fore\/50 {
    color: color-mix(in oklab, var(--color-fore) 50%, transparent);
  }
}
.text-high {
  color: var(--color-high);
}
.text-high\/50 {
  color: color-mix(in srgb, #13C3C6 50%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
  .text-high\/50 {
    color: color-mix(in oklab, var(--color-high) 50%, transparent);
  }
}
.text-link {
  color: var(--color-link);
}
.capitalize {
  text-transform: capitalize;
}
.content-none {
  --tw-content: none;
  content: none;
}
.prose-neutral {
  --tw-prose-body: oklch(37.1% 0 0);
  --tw-prose-headings: oklch(20.5% 0 0);
  --tw-prose-lead: oklch(43.9% 0 0);
  --tw-prose-links: oklch(20.5% 0 0);
  --tw-prose-bold: oklch(20.5% 0 0);
  --tw-prose-counters: oklch(55.6% 0 0);
  --tw-prose-bullets: oklch(87% 0 0);
  --tw-prose-hr: oklch(92.2% 0 0);
  --tw-prose-quotes: oklch(20.5% 0 0);
  --tw-prose-quote-borders: oklch(92.2% 0 0);
  --tw-prose-captions: oklch(55.6% 0 0);
  --tw-prose-kbd: oklch(20.5% 0 0);
  --tw-prose-kbd-shadows: color-mix(in oklab, oklch(20.5% 0 0) 10%, transparent);
  --tw-prose-code: oklch(20.5% 0 0);
  --tw-prose-pre-code: oklch(92.2% 0 0);
  --tw-prose-pre-bg: oklch(26.9% 0 0);
  --tw-prose-th-borders: oklch(87% 0 0);
  --tw-prose-td-borders: oklch(92.2% 0 0);
  --tw-prose-invert-body: oklch(87% 0 0);
  --tw-prose-invert-headings: #fff;
  --tw-prose-invert-lead: oklch(70.8% 0 0);
  --tw-prose-invert-links: #fff;
  --tw-prose-invert-bold: #fff;
  --tw-prose-invert-counters: oklch(70.8% 0 0);
  --tw-prose-invert-bullets: oklch(43.9% 0 0);
  --tw-prose-invert-hr: oklch(37.1% 0 0);
  --tw-prose-invert-quotes: oklch(97% 0 0);
  --tw-prose-invert-quote-borders: oklch(37.1% 0 0);
  --tw-prose-invert-captions: oklch(70.8% 0 0);
  --tw-prose-invert-kbd: #fff;
  --tw-prose-invert-kbd-shadows: rgb(255 255 255 / 10%);
  --tw-prose-invert-code: #fff;
  --tw-prose-invert-pre-code: oklch(87% 0 0);
  --tw-prose-invert-pre-bg: rgb(0 0 0 / 50%);
  --tw-prose-invert-th-borders: oklch(43.9% 0 0);
  --tw-prose-invert-td-borders: oklch(37.1% 0 0);
}
@media (hover: hover) {
  .hover\:stroke-high:hover {
    stroke: var(--color-high);
  }
}
@media (hover: hover) {
  .hover\:text-high:hover {
    color: var(--color-high);
  }
}
@media (width >= 40rem) {
  .sm\:my-0 {
    margin-block: calc(var(--spacing) * 0);
  }
}
@media (width >= 40rem) {
  .sm\:flex {
    display: flex;
  }
}
@media (width >= 40rem) {
  .sm\:text-center {
    text-align: center;
  }
}
@media (width >= 40rem) {
  .sm\:text-xl {
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
  }
}
@media (width >= 48rem) {
  .md\:bottom-0 {
    bottom: calc(var(--spacing) * 0);
  }
}
@media (width >= 48rem) {
  .md\:my-0 {
    margin-block: calc(var(--spacing) * 0);
  }
}
@media (width >= 48rem) {
  .md\:mb-0 {
    margin-bottom: calc(var(--spacing) * 0);
  }
}
@media (width >= 48rem) {
  .md\:flex {
    display: flex;
  }
}
@media (width >= 48rem) {
  .md\:inline {
    display: inline;
  }
}
@media (width >= 48rem) {
  .md\:w-1\/2 {
    width: calc(1/2 * 100%);
  }
}
@media (width >= 48rem) {
  .md\:p-0 {
    padding: calc(var(--spacing) * 0);
  }
}
@media (width >= 48rem) {
  .md\:p-2 {
    padding: calc(var(--spacing) * 2);
  }
}
@media (width >= 48rem) {
  .md\:text-center {
    text-align: center;
  }
}
@media (width >= 64rem) {
  .lg\:mr-10 {
    margin-right: calc(var(--spacing) * 10);
  }
}
@media (width >= 64rem) {
  .lg\:flex {
    display: flex;
  }
}
@media (width >= 64rem) {
  .lg\:w-2\/3 {
    width: calc(2/3 * 100%);
  }
}
@media (width >= 64rem) {
  .lg\:w-\[60\%\] {
    width: 60%;
  }
}
@media (width >= 64rem) {
  .lg\:flex-3\/4 {
    flex: calc(3/4 * 100%);
  }
}
@media (width >= 64rem) {
  .lg\:pt-\[80px\] {
    padding-top: 80px;
  }
}
@media (width >= 64rem) {
  .lg\:text-center {
    text-align: center;
  }
}
@media (width >= 64rem) {
  .lg\:text-2xl {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
  }
}
@media (width >= 64rem) {
  .lg\:text-4xl {
    font-size: var(--text-4xl);
    line-height: var(--tw-leading, var(--text-4xl--line-height));
  }
}
@property --tw-font-weight {
  syntax: "*";
  inherits: false;
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-leading {
  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-font-weight: initial;
      --tw-border-style: solid;
      --tw-leading: initial;
    }
  }
}