/*! tailwindcss v4.1.11 | MIT License | https://tailwindcss.com */
@layer properties;
@font-face {
  font-family: "Rubik";
  src: url("../fonts/Rubik-Regular.eot");
  src: url("../fonts/Rubik-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/Rubik-Regular.woff2") format("woff2"), url("../fonts/Rubik-Regular.woff") format("woff"), url("../fonts/Rubik-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Rubik";
  src: url("../fonts/Rubik-Italic.eot");
  src: url("../fonts/Rubik-Italic.eot?#iefix") format("embedded-opentype"), url("../fonts/Rubik-Italic.woff2") format("woff2"), url("../fonts/Rubik-Italic.woff") format("woff"), url("../fonts/Rubik-Italic.ttf") format("truetype");
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Rubik";
  src: url("../fonts/Rubik-Light.eot");
  src: url("../fonts/Rubik-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/Rubik-Light.woff2") format("woff2"), url("../fonts/Rubik-Light.woff") format("woff"), url("../fonts/Rubik-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Rubik";
  src: url("../fonts/Rubik-Medium.eot");
  src: url("../fonts/Rubik-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/Rubik-Medium.woff2") format("woff2"), url("../fonts/Rubik-Medium.woff") format("woff"), url("../fonts/Rubik-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Rubik";
  src: url("../fonts/Rubik-Bold.eot");
  src: url("../fonts/Rubik-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/Rubik-Bold.woff2") format("woff2"), url("../fonts/Rubik-Bold.woff") format("woff"), url("../fonts/Rubik-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Rubik";
  src: url("../fonts/Rubik-BoldItalic.eot");
  src: url("../fonts/Rubik-BoldItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/Rubik-BoldItalic.woff2") format("woff2"), url("../fonts/Rubik-BoldItalic.woff") format("woff"), url("../fonts/Rubik-BoldItalic.ttf") format("truetype");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Rubik";
  src: url("../fonts/Rubik-Black.eot");
  src: url("../fonts/Rubik-Black.eot?#iefix") format("embedded-opentype"), url("../fonts/Rubik-Black.woff2") format("woff2"), url("../fonts/Rubik-Black.woff") format("woff"), url("../fonts/Rubik-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "coqui";
  src: url("../fonts/coqui.eot?iuwhdz");
  src: url("../fonts/coqui.eot?iuwhdz#iefix") format("embedded-opentype"), url("../fonts/coqui.ttf?iuwhdz") format("truetype"), url("../fonts/coqui.woff?iuwhdz") format("woff"), url("../fonts/coqui.svg?iuwhdz#coqui") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
.icon {
  font-family: "coqui" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.warning-icon:before {
  content: "\e934";
}
.bubble-2-icon:before {
  content: "\e905";
}
.stopwatch-icon:before {
  content: "\e92f";
}
.target-icon:before {
  content: "\e937";
}
.smiley-sad-icon:before {
  content: "\e92c";
}
.smiley-icon:before {
  content: "\e92b";
}
.bubble-3-icon:before {
  content: "\e906";
}
.qmark-icon:before {
  content: "\e926";
}
.cap-icon:before {
  content: "\e908";
}
.search-icon:before {
  content: "\e929";
}
.check-2-icon:before {
  content: "\e910";
}
.users-icon:before {
  content: "\e900";
}
.user-icon:before {
  content: "\e932";
}
.house-icon:before {
  content: "\e901";
}
.folder-icon:before {
  content: "\e914";
}
.folder-out-icon:before {
  content: "\e90e";
}
.folder-in-icon:before {
  content: "\e919";
}
.floppy-icon:before {
  content: "\e913";
}
.laptop-icon:before {
  content: "\e91c";
}
.printer-icon:before {
  content: "\e925";
}
.joypad-icon:before {
  content: "\e91b";
}
.lightbulb-2-icon:before {
  content: "\e917";
}
.file-icon:before {
  content: "\e912";
}
.video-book-icon:before {
  content: "\e933";
}
.thumbs-up-icon:before {
  content: "\e939";
}
.cards-icon:before {
  content: "\e909";
}
.eye-icon:before {
  content: "\e90f";
}
.headphones-icon:before {
  content: "\e916";
}
.check-circle-icon:before {
  content: "\e938";
}
.x-circle-icon:before {
  content: "\e94e";
}
.check-circle-inv-icon:before {
  content: "\e94f";
}
.x-circle-inv-icon:before {
  content: "\e950";
}
.teacher-icon:before {
  content: "\e930";
}
.book-icon:before {
  content: "\e904";
}
.assignment-icon:before {
  content: "\e903";
}
.down-icon:before {
  content: "\e93a";
}
.up-icon:before {
  content: "\e93b";
}
.left-icon:before {
  content: "\e951";
}
.right-icon:before {
  content: "\e952";
}
.arrow-left-icon:before {
  content: "\e93c";
}
.arrow-right-icon:before {
  content: "\e93d";
}
.arrow-ul-icon:before {
  content: "\e93e";
}
.arrow-ur-icon:before {
  content: "\e93f";
}
.arrow-dl-icon:before {
  content: "\e940";
}
.arrow-dr-icon:before {
  content: "\e941";
}
.arrow-up-icon:before {
  content: "\e942";
}
.arrow-down-icon:before {
  content: "\e943";
}
.mic-icon:before {
  content: "\e920";
}
.gear-icon:before {
  content: "\e915";
}
.speaker-icon:before {
  content: "\e92d";
}
.star-icon:before {
  content: "\e92e";
}
.play-icon:before {
  content: "\e922";
}
.previous-icon:before {
  content: "\e928";
}
.next-icon:before {
  content: "\e944";
}
.fb-icon:before {
  content: "\e911";
}
.tw-icon:before {
  content: "\e931";
}
.yt-icon:before {
  content: "\e936";
}
.pn-icon:before {
  content: "\e924";
}
.in-icon:before {
  content: "\e91a";
}
.enter-icon:before {
  content: "\e92a";
}
.enter-2-icon:before {
  content: "\e953";
}
.enter-3-icon:before {
  content: "\e954";
}
.leave-icon:before {
  content: "\e91d";
}
.leave-2-icon:before {
  content: "\e955";
}
.leave-3-icon:before {
  content: "\e956";
}
.minus-icon:before {
  content: "\e921";
}
.plus-icon:before {
  content: "\e923";
}
.x-icon:before {
  content: "\e935";
}
.checkmark-icon:before {
  content: "\e90b";
}
.replay-icon:before {
  content: "\e927";
}
.bill-icon:before {
  content: "\e945";
}
.bill-time-icon:before {
  content: "\e946";
}
.pen-icon:before {
  content: "\e947";
}
.pen-line-icon:before {
  content: "\e948";
}
.cabinet-icon:before {
  content: "\e949";
}
.fav-icon:before {
  content: "\e94a";
}
.arrow-circle-icon:before {
  content: "\e94b";
}
.user-focus-icon:before {
  content: "\e94c";
}
.user-check-icon:before {
  content: "\e94d";
}
.checkmark-2-icon:before {
  content: "\e90a";
}
.bubble-icon:before {
  content: "\e907";
}
.exclamation-mark-icon:before {
  content: "\e90d";
}
.img-icon:before {
  content: "\e918";
}
.lightbulb-icon:before {
  content: "\e91e";
}
.menu-icon:before {
  content: "\e91f";
}
.arrow-up-3-icon:before {
  content: "\e902";
}
.coqui-icon:before {
  content: "\e90c";
}
html {
  font-size: 16px;
}
body {
  color: #13191C;
  font-family: "Rubik", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
}
h1, .h1 {
  font-size: clamp(1.75rem, 5vw, 2.5rem);
  --tw-leading: var(--leading-tight, 1.25);
  line-height: var(--leading-tight, 1.25);
  --tw-font-weight: var(--font-weight-bold, 700);
  font-weight: var(--font-weight-bold, 700);
}
h2, .h2 {
  font-size: clamp(1.5rem, 4vw, 2rem);
  --tw-leading: var(--leading-tight, 1.25);
  line-height: var(--leading-tight, 1.25);
  --tw-font-weight: var(--font-weight-bold, 700);
  font-weight: var(--font-weight-bold, 700);
}
h3, .h3 {
  font-size: clamp(1.25rem, 3vw, 1.5rem);
  --tw-leading: var(--leading-snug, 1.375);
  line-height: var(--leading-snug, 1.375);
  --tw-font-weight: var(--font-weight-semibold, 600);
  font-weight: var(--font-weight-semibold, 600);
}
h4, .h4 {
  font-size: clamp(1rem, 2.5vw, 1.25rem);
  --tw-leading: var(--leading-snug, 1.375);
  line-height: var(--leading-snug, 1.375);
  --tw-font-weight: var(--font-weight-semibold, 600);
  font-weight: var(--font-weight-semibold, 600);
}
h5, .h5 {
  font-size: clamp(0.875rem, 2vw, 1rem);
  --tw-leading: var(--leading-normal, 1.5);
  line-height: var(--leading-normal, 1.5);
  --tw-font-weight: var(--font-weight-medium, 500);
  font-weight: var(--font-weight-medium, 500);
}
h6, .h6 {
  font-size: clamp(0.75rem, 1.5vw, 0.875rem);
  --tw-leading: var(--leading-normal, 1.5);
  line-height: var(--leading-normal, 1.5);
  --tw-font-weight: var(--font-weight-medium, 500);
  font-weight: var(--font-weight-medium, 500);
}
.p {
  font-size: 1rem;
  line-height: 1.5;
}
.small {
  font-size: 0.75rem;
  line-height: 1.5;
}
.tiny {
  font-size: 0.625rem;
  line-height: 1.5;
}
.transition_300 {
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, visibility, content-visibility, overlay, pointer-events;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));
  transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));
  --tw-duration: 300ms;
  transition-duration: 300ms;
  --tw-ease: var(--ease-in-out, cubic-bezier(0.4, 0, 0.2, 1));
  transition-timing-function: var(--ease-in-out, cubic-bezier(0.4, 0, 0.2, 1));
}
.transition_500 {
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, visibility, content-visibility, overlay, pointer-events;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));
  transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));
  --tw-duration: 500ms;
  transition-duration: 500ms;
  --tw-ease: var(--ease-in-out, cubic-bezier(0.4, 0, 0.2, 1));
  transition-timing-function: var(--ease-in-out, cubic-bezier(0.4, 0, 0.2, 1));
}
.btn, .btn-c {
  position: relative;
  display: flex;
  height: 2.2rem;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  border-radius: calc(infinity * 1px);
  background-color: #3D7D5E;
  padding-inline: calc(var(--spacing, 0.25rem) * 4);
  font-size: var(--text-xs, 0.75rem);
  line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / 0.75)));
  --tw-leading: 1;
  line-height: 1;
  --tw-font-weight: var(--font-weight-light, 300);
  font-weight: var(--font-weight-light, 300);
  white-space: nowrap;
  color: var(--color-white, #fff);
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));
  transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));
  --tw-duration: 500ms;
  transition-duration: 500ms;
  --tw-ease: var(--ease-in-out, cubic-bezier(0.4, 0, 0.2, 1));
  transition-timing-function: var(--ease-in-out, cubic-bezier(0.4, 0, 0.2, 1));
  &:focus-visible {
    outline-style: var(--tw-outline-style);
    outline-width: 2px;
  }
  &:focus-visible {
    outline-offset: 2px;
  }
  &:focus-visible {
    outline-color: #1a73e8;
  }
}
.btn-c {
  height: 2.2rem;
  width: 2.2rem;
  padding: calc(var(--spacing, 0.25rem) * 0);
}
.btn .icon, .btn-c .icon {
  font-size: 0.9375rem;
}
.btn[data-title]::after, [data-title].btn-c::after {
  pointer-events: none;
  position: absolute;
  bottom: calc(var(--spacing, 0.25rem) * 0);
  left: calc(1/2 * 100%);
  border-radius: calc(infinity * 1px);
  background-color: #13191C;
  padding-inline: calc(var(--spacing, 0.25rem) * 3);
  padding-block: calc(var(--spacing, 0.25rem) * 1);
  font-size: 10px;
  line-height: calc(var(--spacing, 0.25rem) * 2.5);
  color: var(--color-white, #fff);
  opacity: 0%;
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, visibility, content-visibility, overlay, pointer-events;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));
  transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));
  transform: translate(-50%, calc(100% + 10px));
  content: attr(data-title);
}
.btn[data-title]:hover::after, [data-title].btn-c:hover::after {
  opacity: 100%;
}
.btn[data-alert]::after, [data-alert].btn-c::after {
  position: absolute;
  top: calc(var(--spacing, 0.25rem) * -2);
  right: calc(var(--spacing, 0.25rem) * 1);
  display: grid;
  height: calc(var(--spacing, 0.25rem) * 4);
  width: calc(var(--spacing, 0.25rem) * 4);
  place-items: center;
  border-radius: calc(infinity * 1px);
  background-color: #FCCA46;
  font-size: 0.625rem;
  --tw-font-weight: var(--font-weight-bold, 700);
  font-weight: var(--font-weight-bold, 700);
  color: #13191C;
  content: attr(data-alert);
}
.btn:hover, .btn-c:hover {
  background-color: #2D4D56;
}
.btn[data-action=cancel], [data-action=cancel].btn-c, .btn[data-key=cancel], [data-key=cancel].btn-c, .btn.dark, .dark.btn-c {
  background-color: #13191C;
}
.btn[data-action=cancel]:hover, [data-action=cancel].btn-c:hover, .btn[data-key=cancel]:hover, [data-key=cancel].btn-c:hover, .btn.dark:hover, .dark.btn-c:hover {
  background-color: #5B646B;
}
.btn.line, .line.btn-c {
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: #13191C;
  background-color: var(--color-white, #fff);
  color: #13191C;
}
.btn.line:hover, .line.btn-c:hover {
  background-color: #EDF1F4;
}
.btn.line-warm, .line-warm.btn-c {
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: #13191C;
  background-color: #FCCA46;
  color: #13191C;
}
.btn.line-warm:hover, .line-warm.btn-c:hover {
  background-color: #FCCA46;
}
.btn.danger, .danger.btn-c {
  background-color: #DE322C;
}
.btn.danger:hover, .danger.btn-c:hover {
  background-color: #850400;
}
.btn.warning, .warning.btn-c {
  background-color: #FCCA46;
  color: #13191C;
}
.btn.warning:hover, .warning.btn-c:hover {
  background-color: #FAA95A;
}
.btn.danger-trans, .danger-trans.btn-c {
  background-color: color-mix(in oklab, #DE322C 10%, transparent);
  color: #DE322C;
}
.btn.danger-trans:hover, .danger-trans.btn-c:hover {
  background-color: #DE322C;
  color: var(--color-white, #fff);
}
.btn.success-trans, .success-trans.btn-c {
  background-color: color-mix(in oklab, #3D7D5E 10%, transparent);
  color: #3D7D5E;
}
.btn.success-trans:hover, .success-trans.btn-c:hover {
  background-color: #3D7D5E;
  color: var(--color-white, #fff);
}
.btn.neutral-trans, .neutral-trans.btn-c {
  background-color: #EDF1F4;
  color: #13191C;
}
.btn.neutral-trans:hover, .neutral-trans.btn-c:hover {
  background-color: #D7DEE0;
}
.btn.blank-trans, .blank-trans.btn-c {
  background-color: transparent;
  color: #13191C;
}
.btn.blank-trans:hover, .blank-trans.btn-c:hover {
  background-color: #EDF1F4;
}
.btn.sm, .sm.btn-c {
  height: 1.625rem;
}
.btn.sm .icon, .sm.btn-c .icon {
  font-size: 0.625rem;
}
.btn-record {
  display: grid;
  height: calc(var(--spacing, 0.25rem) * 32);
  width: calc(var(--spacing, 0.25rem) * 32);
  cursor: pointer;
  place-items: center;
  border-radius: calc(infinity * 1px);
  border-style: var(--tw-border-style);
  border-width: 0.125rem;
  --tw-border-style: dotted;
  border-style: dotted;
  border-color: #233D4D;
  background-color: #F0F3F6;
}
.btn-record .icon {
  color: #233D4D;
}
.btn-record .icon:before {
  content: "\e920";
}
.btn-record[data-state=waiting] {
  background-color: #7D868E;
}
.btn-record[data-state=waiting] .icon {
  display: none !important;
}
.btn-record[data-state=waiting]:after {
  display: inline-block;
  height: calc(var(--spacing, 0.25rem) * 32);
  width: calc(var(--spacing, 0.25rem) * 32);
  border-radius: calc(infinity * 1px);
  background-color: var(--color-white, #fff);
  --tw-content: "";
  content: var(--tw-content);
  aspect-ratio: 1;
  --mask: conic-gradient(#0000 10%,#000),
          linear-gradient(#000 0 0) content-box;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-composite: source-out;
  mask-composite: subtract;
  animation: spin 1s infinite linear;
}
.btn-record[data-state=waiting]:hover {
  background-color: #7D868E;
}
.btn-record[data-state=recording] {
  background-color: #DE322C;
  animation: pulse 1.5s infinite;
}
.btn-record:hover {
  background-color: #DE322C;
}
.btn-record:not([data-state=correct]) {
  pointer-events: auto;
}
.btn-record[data-state^=correct] .icon, .btn-record:not([data-state*=correct]) .icon {
  display: block;
}
.btn-record[data-state=incorrect] {
  --tw-border-style: none;
  border-style: none;
  background-color: #DE322C;
}
.btn-record[data-state=incorrect] .icon {
  color: var(--color-white, #fff);
}
.btn-record[data-state=incorrect] .icon:before {
  content: "\e935";
}
.btn-record[data-state=correct], .btn-record[data-state="correct+"] {
  --tw-border-style: none;
  border-style: none;
  background-color: #255F4E;
}
.btn-record[data-state=correct] .icon, .btn-record[data-state="correct+"] .icon {
  color: var(--color-white, #fff);
}
.btn-record[data-state=correct] .icon:before {
  content: "\e90b";
}
.btn-record[data-state="correct+"] .icon:before {
  content: "\e90a";
}
.btn-record[data-state=correct-] {
  --tw-border-style: none;
  border-style: none;
  background-color: #FAA95A;
}
.btn-record[data-state=correct-] .icon {
  color: var(--color-white, #fff);
}
.btn-record[data-state=correct-] .icon:before {
  content: "\e90b";
}
@keyframes spin {
  to {
    transform: rotate(1turn);
  }
}
@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.3);
  }
  100% {
    box-shadow: 0 0 0 30px rgba(0, 0, 0, 0);
  }
}
.x-modal-close {
  border-radius: calc(infinity * 1px);
  &:focus-visible {
    outline-style: var(--tw-outline-style);
    outline-width: 2px;
  }
  &:focus-visible {
    outline-offset: 5px;
  }
  &:focus-visible {
    outline-color: #1a73e8;
  }
}
.fancy-radio {
  display: flex;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  border-radius: calc(infinity * 1px);
  border-style: var(--tw-border-style);
  border-width: 0.125rem;
  background-color: var(--color-white, #fff);
  padding-inline: calc(var(--spacing, 0.25rem) * 4);
  padding-block: calc(var(--spacing, 0.25rem) * 2.5);
  font-size: var(--text-xs, 0.75rem);
  line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / 0.75)));
  color: var(--color-black, #000);
}
.fancy-radio:has(input[type=radio]:checked) {
  background-color: #FCCA46;
}
.fancy-radio:has(input[type=radio]:focus-visible) {
  outline-style: var(--tw-outline-style);
  outline-width: 2px;
  outline-offset: 3px;
  outline-color: #1a73e8;
}
.fancy-radio input {
  position: absolute;
  opacity: 0%;
}
.fancy-radio span {
  text-align: center;
}
.checkbox-toggle {
  position: relative;
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
}
.checkbox-toggle label {
  cursor: pointer;
  font-size: var(--text-sm, 0.875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / 0.875)));
  --tw-font-weight: var(--font-weight-normal, 400);
  font-weight: var(--font-weight-normal, 400);
}
.checkbox-toggle input[type=checkbox]:checked.toggle {
  background-color: #3D7D5E;
}
.checkbox-toggle input[type=checkbox]:checked.toggle:after {
  left: 100%;
  --tw-translate-x: -100%;
  translate: var(--tw-translate-x) var(--tw-translate-y);
  background-color: #3D7D5E;
}
.checkbox-toggle input[type=checkbox]:checked.toggle.dark {
  background-color: #13191C;
}
.checkbox-toggle input[type=checkbox].toggle {
  position: relative;
  margin: calc(var(--spacing, 0.25rem) * 0);
  display: inline-block;
  height: calc(var(--spacing, 0.25rem) * 1);
  min-width: calc(var(--spacing, 0.25rem) * 14);
  cursor: pointer;
  appearance: none;
  border-radius: calc(infinity * 1px);
  background-color: #D7DEE0;
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));
  transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));
  --tw-duration: 200ms;
  transition-duration: 200ms;
  --tw-ease: var(--ease-in-out, cubic-bezier(0.4, 0, 0.2, 1));
  transition-timing-function: var(--ease-in-out, cubic-bezier(0.4, 0, 0.2, 1));
}
.checkbox-toggle input[type=checkbox].toggle:before {
  position: absolute;
  top: calc(var(--spacing, 0.25rem) * -2);
  left: calc(var(--spacing, 0.25rem) * 0);
  height: calc(var(--spacing, 0.25rem) * 5);
  width: 100%;
  background-color: transparent;
  content: "";
}
.checkbox-toggle input[type=checkbox].toggle:after {
  position: absolute;
  top: calc(var(--spacing, 0.25rem) * -1.5);
  left: calc(var(--spacing, 0.25rem) * 0);
  display: inline-block;
  height: calc(var(--spacing, 0.25rem) * 4);
  width: calc(var(--spacing, 0.25rem) * 4);
  border-radius: calc(infinity * 1px);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: #13191C;
  background-color: var(--color-white, #fff);
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));
  transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));
  --tw-duration: 200ms;
  transition-duration: 200ms;
  --tw-ease: var(--ease-in-out, cubic-bezier(0.4, 0, 0.2, 1));
  transition-timing-function: var(--ease-in-out, cubic-bezier(0.4, 0, 0.2, 1));
  content: "";
}
.checkbox-toggle input[type=checkbox].toggle.dark:after {
  background-color: #13191C;
}
.checkbox-toggle input[type=checkbox]:focus-visible {
  border-radius: calc(infinity * 1px);
  outline-style: var(--tw-outline-style);
  outline-width: 2px;
  outline-offset: 8px;
  outline-color: #1a73e8;
}
.common {
  display: flex;
  align-items: center;
  padding-block: calc(var(--spacing, 0.25rem) * 2);
  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, cubic-bezier(0.4, 0, 0.2, 1)));
  transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));
  --tw-duration: 200ms;
  transition-duration: 200ms;
  &:focus-visible {
    outline-style: var(--tw-outline-style);
    outline-width: 2px;
  }
  &:focus-visible {
    outline-offset: 1px;
  }
  &:focus-visible {
    outline-color: #1a73e8;
  }
}
.drop-item {
  position: relative;
  display: flex;
  width: 100%;
  cursor: pointer;
  align-items: center;
  padding-inline: calc(var(--spacing, 0.25rem) * 3);
  padding-block: calc(var(--spacing, 0.25rem) * 2.5);
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, visibility, content-visibility, overlay, pointer-events;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));
  transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));
  -webkit-user-select: none;
  user-select: none;
  &:hover {
    @media (hover: hover) {
      background-color: #EDF1F4;
    }
  }
}
.drop-item input[type=radio]:focus-visible,
.drop-item input[type=checkbox]:focus-visible {
  outline-style: var(--tw-outline-style);
  outline-width: 2px;
  outline-offset: -2px;
  outline-color: #1a73e8;
}
.input-wrapper {
  position: relative;
}
.input-wrapper label {
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));
  transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));
  --tw-duration: 300ms;
  transition-duration: 300ms;
  --tw-ease: var(--ease-in-out, cubic-bezier(0.4, 0, 0.2, 1));
  transition-timing-function: var(--ease-in-out, cubic-bezier(0.4, 0, 0.2, 1));
}
.input-wrapper:has(input:focus)::after {
  width: 100%;
}
.input-wrapper:has(input:focus) label {
  --tw-font-weight: var(--font-weight-medium, 500);
  font-weight: var(--font-weight-medium, 500);
  color: #1a73e8;
}
.input-wrapper:has(input:focus) input[type=password].accented,
.input-wrapper:has(input:focus) input[type=number].accented,
.input-wrapper:has(input:focus) input[type=text].accented {
  background-color: color-mix(in oklab, #1a73e8 30%, transparent);
  color: #1a73e8;
}
.input-wrapper:has(input:focus) .icon {
  color: #1a73e8;
}
.input-wrapper::after {
  pointer-events: none;
  position: absolute;
  bottom: calc(var(--spacing, 0.25rem) * 0);
  left: calc(var(--spacing, 0.25rem) * 0);
  height: calc(var(--spacing, 0.25rem) * 0.5);
  width: calc(var(--spacing, 0.25rem) * 0);
  background-color: #1a73e8;
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));
  transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));
  --tw-duration: 300ms;
  transition-duration: 300ms;
  --tw-ease: var(--ease-in-out, cubic-bezier(0.4, 0, 0.2, 1));
  transition-timing-function: var(--ease-in-out, cubic-bezier(0.4, 0, 0.2, 1));
  --tw-content: "";
  content: var(--tw-content);
}
input[type=number],
input[type=password],
input[type=text] {
  width: 100%;
  appearance: none;
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
  border-color: #13191C;
  padding-inline: calc(var(--spacing, 0.25rem) * 0);
  padding-block: calc(var(--spacing, 0.25rem) * 2.5);
  font-size: var(--text-xs, 0.75rem);
  line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / 0.75)));
  &:focus {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  &:focus {
    --tw-outline-style: none;
    outline-style: none;
  }
}
input[type=number].accented,
input[type=password].accented,
input[type=text].accented {
  border-top-left-radius: var(--radius-md, 0.375rem);
  border-top-right-radius: var(--radius-md, 0.375rem);
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 0.125rem;
  padding-inline: calc(var(--spacing, 0.25rem) * 3);
  padding-top: calc(var(--spacing, 0.25rem) * 4);
  padding-bottom: calc(var(--spacing, 0.25rem) * 2);
}
input[type=number].set-time,
input[type=password].set-time,
input[type=text].set-time {
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 0.125rem;
  background-color: transparent;
  padding: calc(var(--spacing, 0.25rem) * 0);
  text-align: left;
  --tw-leading: calc(var(--spacing, 0.25rem) * 6);
  line-height: calc(var(--spacing, 0.25rem) * 6);
}
input[type=range] {
  position: relative;
  margin: calc(var(--spacing, 0.25rem) * 0);
  display: inline-block;
  height: calc(var(--spacing, 0.25rem) * 1);
  width: 100%;
  min-width: calc(var(--spacing, 0.25rem) * 10);
  cursor: pointer;
  appearance: none;
  border-radius: calc(infinity * 1px);
  background-color: #D7DEE0;
  outline-style: var(--tw-outline-style);
  outline-width: 0px;
}
input[type=range].fill-lower {
  background-image: linear-gradient(#3D7D5E, #3D7D5E), linear-gradient(#D7DEE0, #D7DEE0);
  background-repeat: no-repeat;
  background-size: 50% 100%, 100%;
}
input[type=range]:focus-visible {
  border-radius: calc(infinity * 1px);
  outline-style: var(--tw-outline-style);
  outline-width: 2px;
  outline-offset: 8px;
  outline-color: #1a73e8;
}
input[type=range]:focus-visible::-webkit-slider-thumb {
  background-color: #1a73e8;
}
input[type=range]::-webkit-slider-thumb {
  height: calc(var(--spacing, 0.25rem) * 4);
  width: calc(var(--spacing, 0.25rem) * 4);
  cursor: pointer;
  appearance: none;
  border-radius: calc(infinity * 1px);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: #13191C;
  background-color: #3D7D5E;
  background-size: 35px auto;
  background-position: center;
  background-repeat: no-repeat;
}
input[type=range]::-webkit-slider-thumb:active {
  background-size: 30px auto;
}
input[type=range]::-moz-range-thumb {
  height: calc(var(--spacing, 0.25rem) * 4);
  width: calc(var(--spacing, 0.25rem) * 4);
  cursor: pointer;
  appearance: none;
  border-radius: calc(infinity * 1px);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: #13191C;
  background-color: #3D7D5E;
  background-size: 35px auto;
  background-position: center;
  background-repeat: no-repeat;
}
input[type=range]::-moz-range-thumb:active {
  background-size: 30px auto;
}
.radio-wrap {
  position: relative;
  display: flex;
  cursor: pointer;
  align-items: center;
  -webkit-user-select: none;
  user-select: none;
}
.radio-wrap input[type=radio] {
  position: absolute;
  top: calc(var(--spacing, 0.25rem) * 0);
  left: calc(var(--spacing, 0.25rem) * 0);
  cursor: pointer;
  opacity: 0%;
}
.radio-wrap input[type=radio]:checked ~ .radio-check:after {
  display: block;
}
.radio-wrap input[type=radio]:focus-visible ~ .radio-check {
  outline-style: var(--tw-outline-style);
  outline-width: 1px;
  outline-offset: 3px;
  outline-color: #1a73e8;
}
.radio-check {
  position: absolute;
  top: calc(1/2 * 100%);
  left: calc(var(--spacing, 0.25rem) * 0);
  height: calc(var(--spacing, 0.25rem) * 4);
  width: calc(var(--spacing, 0.25rem) * 4);
  --tw-translate-y: calc(calc(1/2 * 100%) * -1);
  translate: var(--tw-translate-x) var(--tw-translate-y);
  border-radius: calc(infinity * 1px);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: #13191C;
  background-color: var(--color-white, #fff);
}
.radio-check:after {
  position: absolute;
  top: calc(1/2 * 100%);
  left: calc(1/2 * 100%);
  display: none;
  height: calc(var(--spacing, 0.25rem) * 2);
  width: calc(var(--spacing, 0.25rem) * 2);
  --tw-translate-x: calc(calc(1/2 * 100%) * -1);
  translate: var(--tw-translate-x) var(--tw-translate-y);
  --tw-translate-y: calc(calc(1/2 * 100%) * -1);
  translate: var(--tw-translate-x) var(--tw-translate-y);
  border-radius: calc(infinity * 1px);
  background-color: #13191C;
  --tw-content: "";
  content: var(--tw-content);
}
.checkbox-wrap {
  position: relative;
  display: flex;
  cursor: pointer;
  align-items: center;
  --tw-leading: 1;
  line-height: 1;
  -webkit-user-select: none;
  user-select: none;
}
.checkbox-wrap input[type=checkbox] {
  position: absolute;
  top: calc(var(--spacing, 0.25rem) * 0);
  height: calc(var(--spacing, 0.25rem) * 4);
  width: calc(var(--spacing, 0.25rem) * 4);
  cursor: pointer;
  appearance: none;
  border-radius: 0.25rem;
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: #13191C;
}
.checkbox-wrap input[type=checkbox]:after, .checkbox-wrap input[type=checkbox]:before {
  position: absolute;
  background-color: #13191C;
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));
  transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));
  --tw-duration: 100ms;
  transition-duration: 100ms;
  --tw-ease: var(--ease-in-out, cubic-bezier(0.4, 0, 0.2, 1));
  transition-timing-function: var(--ease-in-out, cubic-bezier(0.4, 0, 0.2, 1));
  --tw-content: "";
  content: var(--tw-content);
}
.checkbox-wrap input[type=checkbox]:before {
  top: 0.3125rem;
  left: 0.125rem;
  height: calc(var(--spacing, 0.25rem) * 0.5);
  width: calc(var(--spacing, 0.25rem) * 0);
  rotate: 45deg;
}
.checkbox-wrap input[type=checkbox]:after {
  right: calc(var(--spacing, 0.25rem) * 2);
  bottom: calc(var(--spacing, 0.25rem) * 1);
  height: calc(var(--spacing, 0.25rem) * 0);
  width: calc(var(--spacing, 0.25rem) * 0.5);
  rotate: 40deg;
  transition-delay: 0.1s;
}
.checkbox-wrap input[type=checkbox]:checked:before {
  top: calc(var(--spacing, 0.25rem) * 2);
  left: 0.125rem;
  height: 0.125rem;
  width: 0.3125rem;
}
.checkbox-wrap input[type=checkbox]:checked:after {
  right: 0.3125rem;
  bottom: calc(var(--spacing, 0.25rem) * 0.5);
  height: 0.6875rem;
  width: calc(var(--spacing, 0.25rem) * 0.5);
}
.checkbox-wrap input[type=checkbox]:focus-visible {
  outline-style: var(--tw-outline-style);
  outline-width: 1px;
  outline-offset: 3px;
  outline-color: #1a73e8;
}
.progress-bar {
  position: relative;
  height: calc(var(--spacing, 0.25rem) * 2);
  width: 100%;
  border-radius: var(--radius-md, 0.375rem);
  background-color: #D7DEE0;
}
.progress-bar-val {
  position: absolute;
  top: calc(var(--spacing, 0.25rem) * 0);
  left: calc(var(--spacing, 0.25rem) * 0);
  height: calc(var(--spacing, 0.25rem) * 2);
  border-radius: var(--radius-md, 0.375rem);
}
.progress-bar-val[data-percent]::after {
  position: absolute;
  top: calc(1/2 * 100%);
  right: calc(var(--spacing, 0.25rem) * 0);
  display: grid;
  height: calc(var(--spacing, 0.25rem) * 4.5);
  width: calc(var(--spacing, 0.25rem) * 4.5);
  --tw-translate-y: calc(calc(1/2 * 100%) * -1);
  translate: var(--tw-translate-x) var(--tw-translate-y);
  place-items: center;
  border-radius: calc(infinity * 1px);
  background-color: inherit;
  font-size: 0.625rem;
  line-height: calc(var(--spacing, 0.25rem) * 4);
  color: inherit;
  content: attr(data-percent);
}
.loader {
  display: inline-block;
  height: calc(var(--spacing, 0.25rem) * 4);
  width: calc(var(--spacing, 0.25rem) * 4);
  animation: var(--animate-spin, spin 1s linear infinite);
  border-radius: calc(infinity * 1px);
  border-style: var(--tw-border-style);
  border-width: 0.125rem;
  border-color: #7D868E;
  border-bottom-color: transparent;
  --tw-duration: 1000ms;
  transition-duration: 1000ms;
  --tw-ease: linear;
  transition-timing-function: linear;
}
@keyframes rotation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
input[data-state=correct] {
  border-color: #3D7D5E;
  background-color: color-mix(in oklab, #3D7D5E 7%, transparent);
  color: #3D7D5E;
}
input[data-state=correct] + span {
  color: #3D7D5E;
  opacity: 100%;
}
input[data-state=correct] + span:before {
  content: "\e90b";
}
input[data-state=incorrect] {
  border-color: #DE322C;
  background-color: color-mix(in oklab, #DE322C 7%, transparent);
  color: #DE322C;
}
input[data-state=incorrect] + span {
  color: #DE322C;
  opacity: 100%;
}
input[data-state=incorrect] + span:before {
  content: "\e935";
}
dialog {
  position: fixed;
  top: calc(1/2 * 100%);
  left: calc(1/2 * 100%);
  z-index: 50;
  width: 100%;
  max-width: var(--container-xl, 36rem);
  --tw-translate-x: calc(calc(1/2 * 100%) * -1);
  translate: var(--tw-translate-x) var(--tw-translate-y);
  --tw-translate-y: calc(calc(1/2 * 100%) * -1);
  translate: var(--tw-translate-x) var(--tw-translate-y);
  transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
  overflow: visible;
  background-color: var(--color-white, #fff);
  --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  @media (width >= 40rem) {
    border-radius: var(--radius-2xl, 1rem);
  }
}
dialog .x-modal-content {
  max-height: 90vh;
  overflow-y: auto;
  overscroll-behavior: contain;
  padding: calc(var(--spacing, 0.25rem) * 1);
}
dialog::backdrop {
  background-color: rgba(255, 255, 255, 0.75);
}
dialog.full {
  max-width: 100%;
  --tw-shadow: 0 0 #0000;
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
dialog.full .x-modal-content {
  height: 90vh;
}
.dialog-head {
  margin-bottom: calc(var(--spacing, 0.25rem) * 10);
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 0.125rem;
  --tw-border-style: dotted;
  border-style: dotted;
  border-color: #7D868E;
  padding-inline: calc(var(--spacing, 0.25rem) * 3);
  padding-block: calc(var(--spacing, 0.25rem) * 4);
  @media (width >= 40rem) {
    padding-inline: calc(var(--spacing, 0.25rem) * 6);
  }
}
.dialog-footer {
  margin-top: calc(var(--spacing, 0.25rem) * 4);
  display: flex;
  align-items: center;
  justify-content: flex-end;
  border-top-style: var(--tw-border-style);
  border-top-width: 0.125rem;
  --tw-border-style: dotted;
  border-style: dotted;
  border-color: #7D868E;
  padding-inline: calc(var(--spacing, 0.25rem) * 3);
  padding-block: calc(var(--spacing, 0.25rem) * 4);
  @media (width >= 40rem) {
    padding-inline: calc(var(--spacing, 0.25rem) * 6);
  }
}
.site-wrapper {
  display: flex;
  min-height: 100vh;
  max-width: 100%;
  flex-direction: column;
  overflow-x: hidden;
}
.site-header,
.site-footer {
  width: 100%;
  padding-inline: 2%;
  padding-block: calc(var(--spacing, 0.25rem) * 4);
}
.site-main {
  margin-inline: auto;
  box-sizing: border-box;
  width: 100%;
  max-width: var(--container-7xl, 80rem);
  padding-inline: calc(var(--spacing, 0.25rem) * 4);
  padding-block: calc(var(--spacing, 0.25rem) * 4);
  @media (width >= 40rem) {
    padding-inline: calc(var(--spacing, 0.25rem) * 6);
  }
  @media (width >= 64rem) {
    padding-inline: calc(var(--spacing, 0.25rem) * 8);
  }
}
.footer__menu {
  margin-block: calc(var(--spacing, 0.25rem) * 7);
  padding-inline: calc(var(--spacing, 0.25rem) * 15);
  text-align: center;
  @media (width >= 40rem) {
    margin-block: calc(var(--spacing, 0.25rem) * 0);
  }
  @media (width >= 40rem) {
    padding-inline: calc(var(--spacing, 0.25rem) * 0);
  }
  @media (width >= 40rem) {
    text-align: left;
  }
}
.footer__menu a {
  margin-inline: calc(var(--spacing, 0.25rem) * 2);
  border-color: var(--color-white, #fff);
  padding-bottom: calc(var(--spacing, 0.25rem) * 1);
  font-size: var(--text-xs, 0.75rem);
  line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / 0.75)));
  color: #5B646B;
  &:hover {
    @media (hover: hover) {
      border-bottom-style: var(--tw-border-style);
      border-bottom-width: 1px;
    }
  }
  &:hover {
    @media (hover: hover) {
      border-color: #13191C;
    }
  }
  &:hover {
    @media (hover: hover) {
      color: #13191C;
    }
  }
}
.footer__social a {
  display: inline-block;
  padding-inline: calc(var(--spacing, 0.25rem) * 1);
  color: #13191C !important;
  &:hover {
    @media (hover: hover) {
      --tw-scale-x: 150%;
      --tw-scale-y: 150%;
      --tw-scale-z: 150%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
  }
}
@property --tw-leading {
  syntax: "*";
  inherits: false;
}
@property --tw-font-weight {
  syntax: "*";
  inherits: false;
}
@property --tw-duration {
  syntax: "*";
  inherits: false;
}
@property --tw-ease {
  syntax: "*";
  inherits: false;
}
@property --tw-outline-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-content {
  syntax: "*";
  inherits: false;
  initial-value: "";
}
@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-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: 0px;
}
@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}
@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-rotate-x {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-y {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-z {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-x {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-y {
  syntax: "*";
  inherits: false;
}
@property --tw-scale-x {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-scale-y {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-scale-z {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
@keyframes pulse {
  50% {
    opacity: 0.5;
  }
}
@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-leading: initial;
      --tw-font-weight: initial;
      --tw-duration: initial;
      --tw-ease: initial;
      --tw-outline-style: solid;
      --tw-border-style: solid;
      --tw-content: "";
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --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;
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-scale-x: 1;
      --tw-scale-y: 1;
      --tw-scale-z: 1;
    }
  }
}