/* src/js/critical.css */
:root {
  --charcoal-gray: #292f36;
  --sky-blue: #10b6ea;
  --olive-green: #c3d73a;
  --burnt-orange: #ef7f3f;
  --black: #000;
  --white: white;
  --golden-yellow: #f2bf18;
  --bright-blue: #3781c0;
  --crimson-red: #d21450;
  --emerald-green: #0b9444;
  --verdigris: #47bcb4;
  --raspberry-pink: #e6007e;
  --purple: #5e4d9b;
  --black--10: #0000001a;
  --charcoal-gray--20: #292f3633;
  --transparent: #fff0;
  --white--30: #ffffff4d;
  --white--20: #fff3;
  --charcoal-gray--10: #292f361a;
  --emerald-green--10: #0b94441a;
  --sky-blue--20: #10b6ea33;
  --sky-blue--10: #10b6ea1a;
  --vivid-yellow: #ffd100;
  --gray: #f9f9f9;
  --ice-blue: #3498fb;
  --white--40: #fff6;
  --green: #3bc775;
  --black--2: #00000005;
  --purple--30: #5e4d9b4d;
  --royal-purple: #4a3d7a;
  --light-purple: #c3b2ff;
  --whitesmoke: whitesmoke;
  --blue--5: #1877f20d;
  --charcoal-gray--50: #292f3680;
  --pastel-purple: #d7ccff;
  --blue: #1877f2;
  --verdigris--30: #47bcb44d;
  --raspberry-pink--30: #e6007e4d;
  --burnt-orange--20: #ef7f3f33;
  --burnt-orange--10: #ef7f3f1a;
  --emerald-green--20: #0b944433;
  --white--10: #ffffff1a;
  --color-accent-200: #ffffff;
  --ks-sys-spacing-unit: 8px;
}
@layer reset {
  html,
  body {
    height: 100%;
    width: 100%;
    font-family:
      -apple-system,
      "Segoe UI",
      BlinkMacSystemFont,
      sans-serif;
    line-height: 1.5;
    color: var(--color-text);
    margin: 0;
    padding: 0;
  }
}
body {
  color: var(--charcoal-gray);
  font-family: "Plus Jakarta Sans", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
}
#container {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.loader-container {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.loader {
  width: 60px;
  aspect-ratio: 2;
  --_g:
    no-repeat radial-gradient(
      circle closest-side,
      #000 90%,
      #0000);
  background:
    var(--_g) 0% 50%,
    var(--_g) 50% 50%,
    var(--_g) 100% 50%;
  background-size: calc(100%/3) 50%;
  animation: l3 1s infinite linear;
  opacity: 0.3;
}
@keyframes l3 {
  20% {
    background-position:
      0% 0%,
      50% 50%,
      100% 50%;
  }
  40% {
    background-position:
      0% 100%,
      50% 0%,
      100% 50%;
  }
  60% {
    background-position:
      0% 50%,
      50% 100%,
      100% 0%;
  }
  80% {
    background-position:
      0% 50%,
      50% 50%,
      100% 100%;
  }
}
.container {
  width: 100%;
  margin: 0 auto;
  padding: 0 calc(1.5rem * 0.5);
  box-sizing: border-box;
}
@media screen and (min-width: 576px) {
  .container {
    width: 540px;
  }
}
@media screen and (min-width: 768px) {
  .container {
    width: 720px;
  }
}
@media screen and (min-width: 992px) {
  .container {
    width: 960px;
  }
}
@media screen and (min-width: 1200px) {
  .container {
    width: 1140px;
  }
}
@media screen and (min-width: 1400px) {
  .container {
    width: 1320px;
  }
}
header {
  position: fixed;
  width: 100%;
}
@media screen and (min-width: 768px) {
  header {
    top: 2rem;
  }
}
header .container {
  border: 1px solid var(--charcoal-gray--10);
  border-radius: 0.5rem;
  background: var(--white) url(/assets/img/logo.svg) 50% 10px / auto 24px no-repeat;
  box-shadow: 0 2px 15px #0000001a;
  padding: 1rem calc(1.5rem * 0.5);
}
@media screen and (min-width: 576px) {
  header .container {
    background: var(--white) url(/assets/img/logo.svg) 10px 50% / auto 24px no-repeat;
  }
}
header .container nav {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 30px 0 0 0;
  height: 38px;
}
@media screen and (min-width: 576px) {
  header .container nav {
    padding: 0 0 0 150px;
  }
}
header .container nav .link {
  border-bottom: 1px solid var(--transparent);
  color: var(--charcoal-gray);
  cursor: pointer;
  padding: 0.25rem 0;
  font-size: 0.875rem;
  font-weight: 500;
  transition: border-color 0.3s, color 0.3s;
  text-wrap-mode: nowrap;
}
header .container nav .link-bk {
  display: none;
}
@media screen and (min-width: 768px) {
  header .container nav .link-bk-md {
    display: block;
  }
}
/*# sourceMappingURL=critical.css.map */