/* [project]/application/src/app/website/src/styles/blog.module.scss.module.css [app-client] (css) */
.blog-module-scss-module__NgRmnW__blogListingWrapper {
  background: #fdf8f3;
  min-height: 100vh;
  padding: 120px 100px 80px;
}

@media screen and (max-width: 1440px) {
  .blog-module-scss-module__NgRmnW__blogListingWrapper {
    padding: 100px 40px 64px;
  }
}

@media screen and (max-width: 1279px) {
  .blog-module-scss-module__NgRmnW__blogListingWrapper {
    padding: 100px 16px 48px;
  }
}

@media screen and (max-width: 767px) {
  .blog-module-scss-module__NgRmnW__blogListingWrapper {
    padding: 100px 8px 40px;
  }
}

.blog-module-scss-module__NgRmnW__blogListingContainer {
  width: 100%;
  max-width: 1528px;
  margin: 0 auto;
}

.blog-module-scss-module__NgRmnW__blogHeader {
  margin-bottom: 48px;
}

@media screen and (max-width: 767px) {
  .blog-module-scss-module__NgRmnW__blogHeader {
    margin-bottom: 32px;
  }
}

.blog-module-scss-module__NgRmnW__blogTitle {
  margin-bottom: 16px;
}

.blog-module-scss-module__NgRmnW__blogDescription {
  color: #000000b3;
  max-width: 700px;
  font-size: 20px;
  line-height: 1.6;
}

@media screen and (max-width: 767px) {
  .blog-module-scss-module__NgRmnW__blogDescription {
    font-size: 16px;
  }
}

.blog-module-scss-module__NgRmnW__blogGrid {
  grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
  gap: 32px;
  display: grid;
}

@media screen and (max-width: 1279px) {
  .blog-module-scss-module__NgRmnW__blogGrid {
    gap: 24px;
  }
}

@media screen and (max-width: 845px) {
  .blog-module-scss-module__NgRmnW__blogGrid {
    grid-template-columns: 1fr;
  }
}

@media screen and (max-width: 767px) {
  .blog-module-scss-module__NgRmnW__blogGrid {
    gap: 24px;
  }
}

.blog-module-scss-module__NgRmnW__blogCard {
  color: inherit;
  cursor: pointer;
  background: #fff;
  border-radius: 12px;
  flex-direction: column;
  text-decoration: none;
  transition: transform .2s, box-shadow .2s;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 3px #0000001a;
}

.blog-module-scss-module__NgRmnW__blogCard:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 16px #00000026;
}

.blog-module-scss-module__NgRmnW__blogCardImage {
  -o-object-fit: cover;
  object-fit: cover;
  background: #0000000d;
  width: 100%;
  height: 240px;
}

.blog-module-scss-module__NgRmnW__blogCardImageWrapper {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 240px;
  display: flex;
  overflow: hidden;
}

.blog-module-scss-module__NgRmnW__blogCardImageWrapper svg {
  width: 160%;
  min-width: 160%;
  height: 160%;
}

.blog-module-scss-module__NgRmnW__blogCardContent {
  flex-direction: column;
  flex: 1;
  gap: 12px;
  padding: 24px;
  display: flex;
}

@media screen and (max-width: 767px) {
  .blog-module-scss-module__NgRmnW__blogCardContent {
    padding: 20px;
  }
}

.blog-module-scss-module__NgRmnW__blogCardMeta {
  color: #0009;
  font-size: 14px;
}

.blog-module-scss-module__NgRmnW__blogCardAuthorInfo, .blog-module-scss-module__NgRmnW__blogCardMeta {
  align-items: center;
  gap: 12px;
  display: flex;
}

.blog-module-scss-module__NgRmnW__blogCardAuthorImage {
  mix-blend-mode: multiply;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 50%;
  width: 40px;
  min-width: 40px;
  height: 40px;
}

.blog-module-scss-module__NgRmnW__blogCardAuthorDetails {
  flex-direction: column;
  gap: 0;
  display: flex;
}

.blog-module-scss-module__NgRmnW__blogCardAuthorName {
  align-items: center;
  gap: 6px;
  display: flex;
}

.blog-module-scss-module__NgRmnW__blogCardDate {
  color: #00000080;
  font-size: 12px;
}

.blog-module-scss-module__NgRmnW__blogCardAuthor {
  color: #000c;
  font-size: 14px;
  font-weight: 500;
}

.blog-module-scss-module__NgRmnW__blogCardTitle {
  color: #000;
  margin: 0;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.3;
}

@media screen and (max-width: 767px) {
  .blog-module-scss-module__NgRmnW__blogCardTitle {
    font-size: 20px;
  }
}

.blog-module-scss-module__NgRmnW__blogCardExcerpt {
  color: #000000b3;
  font-size: 16px;
  line-height: 1.6;
}

.blog-module-scss-module__NgRmnW__blogCardTags {
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 4px;
  display: flex;
}

.blog-module-scss-module__NgRmnW__blogTag {
  color: #000000b3;
  background: #0000000f;
  border-radius: 16px;
  padding: 6px 12px;
  font-size: 12px;
  font-weight: 500;
  display: inline-flex;
}

.blog-module-scss-module__NgRmnW__blogPostWrapper {
  background: #fdf8f3;
  min-height: 100vh;
  padding: 120px 100px 80px;
}

@media screen and (max-width: 1440px) {
  .blog-module-scss-module__NgRmnW__blogPostWrapper {
    padding: 100px 40px 64px;
  }
}

@media screen and (max-width: 1279px) {
  .blog-module-scss-module__NgRmnW__blogPostWrapper {
    padding: 100px 16px 48px;
  }
}

@media screen and (max-width: 767px) {
  .blog-module-scss-module__NgRmnW__blogPostWrapper {
    padding: 100px 8px 40px;
  }
}

.blog-module-scss-module__NgRmnW__blogPostContainer {
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
}

.blog-module-scss-module__NgRmnW__blogPostHeader {
  margin-bottom: 40px;
}

@media screen and (max-width: 767px) {
  .blog-module-scss-module__NgRmnW__blogPostHeader {
    margin-bottom: 32px;
  }
}

.blog-module-scss-module__NgRmnW__blogPostBackLink {
  color: #0009;
  align-items: center;
  gap: 8px;
  margin-bottom: 24px;
  font-size: 14px;
  text-decoration: none;
  transition: color .2s;
  display: inline-flex;
}

.blog-module-scss-module__NgRmnW__blogPostBackLink:hover {
  color: #000;
}

.blog-module-scss-module__NgRmnW__blogPostBackLink svg {
  width: 16px;
  height: 16px;
}

.blog-module-scss-module__NgRmnW__blogPostTitle {
  color: #000;
  margin-bottom: 24px;
  font-size: 48px;
  font-weight: 600;
  line-height: 1.2;
}

@media screen and (max-width: 1279px) {
  .blog-module-scss-module__NgRmnW__blogPostTitle {
    font-size: 40px;
  }
}

@media screen and (max-width: 767px) {
  .blog-module-scss-module__NgRmnW__blogPostTitle {
    font-size: 32px;
  }
}

.blog-module-scss-module__NgRmnW__blogPostMeta {
  color: #0009;
  flex-wrap: wrap;
  align-items: center;
  gap: 16px;
  margin-bottom: 16px;
  font-size: 16px;
  display: flex;
}

@media screen and (max-width: 767px) {
  .blog-module-scss-module__NgRmnW__blogPostMeta {
    gap: 12px;
    font-size: 14px;
  }
}

.blog-module-scss-module__NgRmnW__blogPostMetaInfo {
  flex: 1;
  align-items: center;
  gap: 16px;
  display: flex;
}

@media screen and (max-width: 767px) {
  .blog-module-scss-module__NgRmnW__blogPostMetaInfo {
    gap: 12px;
  }
}

.blog-module-scss-module__NgRmnW__blogPostAuthorImage {
  mix-blend-mode: multiply;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 50%;
  width: 48px;
  min-width: 48px;
  height: 48px;
}

@media screen and (max-width: 767px) {
  .blog-module-scss-module__NgRmnW__blogPostAuthorImage {
    width: 40px;
    min-width: 40px;
    height: 40px;
  }
}

.blog-module-scss-module__NgRmnW__blogPostAuthorDetails {
  flex-direction: column;
  gap: 0;
  display: flex;
}

.blog-module-scss-module__NgRmnW__blogPostAuthorName {
  align-items: center;
  gap: 8px;
  display: flex;
}

.blog-module-scss-module__NgRmnW__blogPostDate {
  color: #00000080;
  font-size: 14px;
}

.blog-module-scss-module__NgRmnW__blogPostAuthor {
  color: #000000e6;
  font-size: 16px;
  font-weight: 600;
  text-decoration: none;
  transition: color .2s;
}

.blog-module-scss-module__NgRmnW__blogPostAuthor:hover {
  color: #000;
  text-decoration: underline;
}

@media screen and (max-width: 767px) {
  .blog-module-scss-module__NgRmnW__blogPostAuthor {
    font-size: 14px;
  }
}

.blog-module-scss-module__NgRmnW__blogPostTags {
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 32px;
  display: flex;
}

@media screen and (max-width: 767px) {
  .blog-module-scss-module__NgRmnW__blogPostTags {
    margin-bottom: 24px;
  }
}

.blog-module-scss-module__NgRmnW__blogShareButton {
  color: #fff;
  background: #0a66c2;
  border-radius: 999px;
  align-items: center;
  gap: 10px;
  padding: 12px 22px;
  font-size: 15px;
  font-weight: 600;
  text-decoration: none;
  transition: transform .2s, box-shadow .2s, opacity .2s;
  display: inline-flex;
  box-shadow: 0 10px 20px #0a66c240;
}

.blog-module-scss-module__NgRmnW__blogShareButton:hover {
  opacity: .95;
  transform: translateY(-1px);
  box-shadow: 0 14px 24px #0a66c259;
}

.blog-module-scss-module__NgRmnW__blogShareButton:focus-visible {
  outline-offset: 3px;
  outline: 2px solid #0a66c2e6;
}

.blog-module-scss-module__NgRmnW__blogShareButtonInline {
  white-space: nowrap;
  margin-left: auto;
}

@media screen and (max-width: 767px) {
  .blog-module-scss-module__NgRmnW__blogShareButtonInline {
    justify-content: center;
    width: 100%;
    margin-left: 0;
  }
}

.blog-module-scss-module__NgRmnW__blogShareButtonIcon {
  width: 18px;
  height: 18px;
}

.blog-module-scss-module__NgRmnW__blogShareHint {
  color: #000000b3;
  flex: 1;
  min-width: 220px;
  margin: 0;
  font-size: 15px;
}

@media screen and (max-width: 767px) {
  .blog-module-scss-module__NgRmnW__blogShareHint {
    font-size: 14px;
  }
}

.blog-module-scss-module__NgRmnW__blogPostFeaturedImage {
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 12px;
  width: 100%;
  height: auto;
  max-height: 500px;
  margin-bottom: 48px;
}

@media screen and (max-width: 767px) {
  .blog-module-scss-module__NgRmnW__blogPostFeaturedImage {
    margin-bottom: 32px;
  }
}

.blog-module-scss-module__NgRmnW__blogPostContent {
  color: #000000d9;
  font-size: 18px;
  line-height: 1.8;
}

@media screen and (max-width: 767px) {
  .blog-module-scss-module__NgRmnW__blogPostContent {
    font-size: 16px;
  }
}

.blog-module-scss-module__NgRmnW__blogPostContent p {
  margin-bottom: 24px;
}

.blog-module-scss-module__NgRmnW__blogPostContent p:last-child {
  margin-bottom: 0;
}

.blog-module-scss-module__NgRmnW__blogPostContent h2 {
  color: #000;
  margin-top: 48px;
  margin-bottom: 24px;
  font-size: 32px;
  font-weight: 600;
  line-height: 1.3;
}

@media screen and (max-width: 767px) {
  .blog-module-scss-module__NgRmnW__blogPostContent h2 {
    margin-top: 40px;
    margin-bottom: 20px;
    font-size: 24px;
  }
}

.blog-module-scss-module__NgRmnW__blogPostContent h3 {
  color: #000;
  margin-top: 40px;
  margin-bottom: 20px;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.4;
}

@media screen and (max-width: 767px) {
  .blog-module-scss-module__NgRmnW__blogPostContent h3 {
    margin-top: 32px;
    margin-bottom: 16px;
    font-size: 20px;
  }
}

.blog-module-scss-module__NgRmnW__blogPostContent ol, .blog-module-scss-module__NgRmnW__blogPostContent ul {
  margin-bottom: 24px;
  padding-left: 28px;
}

@media screen and (max-width: 767px) {
  .blog-module-scss-module__NgRmnW__blogPostContent ol, .blog-module-scss-module__NgRmnW__blogPostContent ul {
    padding-left: 24px;
  }
}

.blog-module-scss-module__NgRmnW__blogPostContent ul {
  list-style-type: disc;
}

.blog-module-scss-module__NgRmnW__blogPostContent ol {
  list-style-type: decimal;
}

.blog-module-scss-module__NgRmnW__blogPostContent li {
  margin-bottom: 12px;
  line-height: 1.7;
}

.blog-module-scss-module__NgRmnW__blogPostContent li:last-child {
  margin-bottom: 0;
}

.blog-module-scss-module__NgRmnW__blogPostContent strong {
  color: #000;
  font-weight: 600;
}

.blog-module-scss-module__NgRmnW__blogPostContent a {
  color: #000;
  text-decoration: underline;
  transition: opacity .2s;
}

.blog-module-scss-module__NgRmnW__blogPostContent a:hover {
  opacity: .7;
}

.blog-module-scss-module__NgRmnW__blogPostContent code {
  background: #0000000f;
  border-radius: 4px;
  padding: 2px 6px;
  font-family: Monaco, Courier New, monospace;
  font-size: .9em;
}

.blog-module-scss-module__NgRmnW__blogPostContent blockquote {
  color: #000000b3;
  border-left: 4px solid #000;
  margin: 32px 0;
  padding-left: 24px;
  font-style: italic;
}

@media screen and (max-width: 767px) {
  .blog-module-scss-module__NgRmnW__blogPostContent blockquote {
    margin: 24px 0;
    padding-left: 16px;
  }
}

.blog-module-scss-module__NgRmnW__blogPostContent img {
  border-radius: 8px;
  max-width: 100%;
  height: auto;
  margin: 32px auto;
  display: block;
}

@media screen and (max-width: 767px) {
  .blog-module-scss-module__NgRmnW__blogPostContent img {
    margin: 24px auto;
  }
}

.blog-module-scss-module__NgRmnW__blogPostContent figure {
  margin: 32px 0;
  padding: 0;
}

@media screen and (max-width: 767px) {
  .blog-module-scss-module__NgRmnW__blogPostContent figure {
    margin: 24px 0;
  }
}

.blog-module-scss-module__NgRmnW__blogPostContent figure img {
  margin: 0 auto 12px;
}

.blog-module-scss-module__NgRmnW__blogPostContent figcaption {
  color: #0009;
  text-align: center;
  font-size: 14px;
  font-style: italic;
  line-height: 1.5;
}

@media screen and (max-width: 767px) {
  .blog-module-scss-module__NgRmnW__blogPostContent figcaption {
    font-size: 13px;
  }
}

.blog-module-scss-module__NgRmnW__blogPostContent .blog-module-scss-module__NgRmnW__italic {
  font-style: italic;
}

.blog-module-scss-module__NgRmnW__blogPostFooter {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  margin-top: 64px;
  padding-top: 32px;
  display: flex;
}

@media screen and (max-width: 767px) {
  .blog-module-scss-module__NgRmnW__blogPostFooter {
    margin-top: 48px;
    padding-top: 24px;
  }
}

.blog-module-scss-module__NgRmnW__blogPostBackButton {
  color: #fff;
  background: #000;
  border-radius: 8px;
  order: -1;
  align-items: center;
  gap: 8px;
  padding: 12px 24px;
  font-size: 16px;
  font-weight: 500;
  text-decoration: none;
  transition: opacity .2s;
  display: inline-flex;
}

.blog-module-scss-module__NgRmnW__blogPostBackButton:hover {
  opacity: .85;
}

.blog-module-scss-module__NgRmnW__blogPostBackButton svg {
  width: 16px;
  height: 16px;
}

.blog-module-scss-module__NgRmnW__emptyState {
  color: #00000080;
  text-align: center;
  padding: 80px 20px;
}

@media screen and (max-width: 767px) {
  .blog-module-scss-module__NgRmnW__emptyState {
    padding: 60px 20px;
  }
}

.blog-module-scss-module__NgRmnW__linkedinIcon {
  justify-content: center;
  align-items: center;
  transition: opacity .2s;
  display: inline-flex;
}

.blog-module-scss-module__NgRmnW__linkedinIcon:hover {
  opacity: .7;
}

.blog-module-scss-module__NgRmnW__linkedinIcon img {
  filter: grayscale();
  opacity: .6;
  border-radius: 0;
  width: 16px;
  height: 16px;
  margin: 0;
  transition: opacity .2s;
}

.blog-module-scss-module__NgRmnW__linkedinIcon:hover img {
  opacity: .9;
}

.blog-module-scss-module__NgRmnW__imageCaption, .blog-module-scss-module__NgRmnW__italic {
  font-style: italic;
}

.blog-module-scss-module__NgRmnW__imageCaption {
  color: #0009;
  text-align: center;
  margin-top: -24px;
  margin-bottom: 32px;
  font-size: 14px;
}

@media screen and (max-width: 767px) {
  .blog-module-scss-module__NgRmnW__imageCaption {
    margin-top: -16px;
    margin-bottom: 24px;
    font-size: 13px;
  }
}

.blog-module-scss-module__NgRmnW__svgDiagram {
  border-radius: 8px;
  max-width: 100%;
  height: auto;
  margin: 32px auto;
  display: block;
}

@media screen and (max-width: 767px) {
  .blog-module-scss-module__NgRmnW__svgDiagram {
    margin: 24px auto;
  }
}

.blog-module-scss-module__NgRmnW__downloadButton {
  background: linear-gradient(135deg, #2d3748, #1a202c);
  border: none;
  border-radius: 12px;
  align-items: center;
  gap: 12px;
  margin: 8px 0;
  padding: 16px 28px;
  font-size: 16px;
  font-weight: 600;
  transition: all .3s;
  box-shadow: 0 4px 15px #0003;
  display: inline-flex !important;
}

.blog-module-scss-module__NgRmnW__downloadButton, .blog-module-scss-module__NgRmnW__downloadButton:hover {
  color: #fff !important;
  text-decoration: none !important;
}

.blog-module-scss-module__NgRmnW__downloadButton:hover {
  background: linear-gradient(135deg, #4a5568, #2d3748);
  transform: translateY(-3px);
  box-shadow: 0 8px 25px #00000040;
  opacity: 1 !important;
}

.blog-module-scss-module__NgRmnW__downloadButton:active {
  transform: translateY(-1px);
}

.blog-module-scss-module__NgRmnW__downloadButton svg {
  stroke: #fff;
  flex-shrink: 0;
  width: 22px;
  height: 22px;
}

@media screen and (max-width: 767px) {
  .blog-module-scss-module__NgRmnW__downloadButton {
    gap: 10px;
    padding: 14px 22px;
    font-size: 15px;
  }

  .blog-module-scss-module__NgRmnW__downloadButton svg {
    width: 20px;
    height: 20px;
  }
}

/* [project]/application/node_modules/reshaped/dist/components/Theme/Theme.module.css [app-client] (css) */
.Theme-module__Zunraa__root {
  color: var(--rs-color-foreground-neutral);
  display: contents;
}

/* [project]/application/node_modules/reshaped/dist/components/Toast/Toast.module.css [app-client] (css) */
.Toast-module__5R8WOW__container {
  opacity: 0;
  transition: var(--rs-duration-medium) ease-out;
  width: 100%;
  transition-property: transform, height, opacity;
  display: block;
  position: relative;
}

.Toast-module__5R8WOW__container--visible {
  opacity: 1;
}

.Toast-module__5R8WOW__container--visible .Toast-module__5R8WOW__wrapper {
  height: calc(100% - var(--rs-unit-x2));
}

.Toast-module__5R8WOW__container--index-0 {
  z-index: var(--rs-z-index-relative);
}

.Toast-module__5R8WOW__container--index-1 {
  height: var(--rs-unit-x2) !important;
}

.Toast-module__5R8WOW__container--index-1 .Toast-module__5R8WOW__wrapper {
  height: 100%;
  transform: translateY(calc(var(--rs-unit-x1) * -1)) translateZ(0) scaleX(.9);
}

.Toast-module__5R8WOW__container--index-2 {
  height: var(--rs-unit-x2) !important;
}

.Toast-module__5R8WOW__container--index-2 .Toast-module__5R8WOW__wrapper {
  height: 100%;
  transform: translateY(calc(var(--rs-unit-x2) * -1)) translateZ(0) scaleX(.8);
}

.Toast-module__5R8WOW__container--index-overflow {
  height: 0 !important;
}

.Toast-module__5R8WOW__container--index-overflow .Toast-module__5R8WOW__wrapper {
  opacity: 0;
  height: 100%;
  transform: translateY(calc(var(--rs-unit-x3) * -1)) translateZ(0) scaleX(.8);
}

.Toast-module__5R8WOW__wrapper {
  border-radius: var(--rs-radius-medium);
  box-shadow: var(--rs-shadow-overlay);
  height: 100%;
  margin-top: var(--rs-unit-x2);
  transform-origin: 50% 0;
  transition: var(--rs-duration-medium) ease-out;
  transition-property: height, transform, opacity;
  overflow: hidden;
  transform: translateZ(0);
}

.Toast-module__5R8WOW__region, .Toast-module__5R8WOW__wrapper {
  flex-direction: column;
  display: flex;
}

.Toast-module__5R8WOW__region {
  isolation: isolate;
  max-width: 100%;
  padding: var(--rs-unit-x4);
  width: 100%;
  z-index: calc(var(--rs-z-index-fixed)  + 1);
  position: fixed;
}

.Toast-module__5R8WOW__region--nested {
  position: absolute;
}

.Toast-module__5R8WOW__region--position-top {
  align-items: center;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}

.Toast-module__5R8WOW__region--position-top-start {
  inset-inline-start: 0;
  align-items: start;
  top: 0;
}

.Toast-module__5R8WOW__region--position-top-end {
  inset-inline-end: 0;
  top: 0;
}

.Toast-module__5R8WOW__region--position-top, .Toast-module__5R8WOW__region--position-top-end, .Toast-module__5R8WOW__region--position-top-start {
  flex-direction: column-reverse;
}

.Toast-module__5R8WOW__region--position-top .Toast-module__5R8WOW__wrapper, .Toast-module__5R8WOW__region--position-top-end .Toast-module__5R8WOW__wrapper, .Toast-module__5R8WOW__region--position-top-start .Toast-module__5R8WOW__wrapper {
  margin-bottom: var(--rs-unit-x2);
  transform-origin: bottom;
  justify-content: flex-end;
  margin-top: 0;
}

.Toast-module__5R8WOW__region--position-top .Toast-module__5R8WOW__container--index-2 .Toast-module__5R8WOW__wrapper, .Toast-module__5R8WOW__region--position-top-end .Toast-module__5R8WOW__container--index-2 .Toast-module__5R8WOW__wrapper, .Toast-module__5R8WOW__region--position-top-start .Toast-module__5R8WOW__container--index-2 .Toast-module__5R8WOW__wrapper {
  transform: translateY(0)translateZ(0)scaleX(.8);
}

.Toast-module__5R8WOW__region--position-top .Toast-module__5R8WOW__container--index-overflow .Toast-module__5R8WOW__wrapper, .Toast-module__5R8WOW__region--position-top-end .Toast-module__5R8WOW__container--index-overflow .Toast-module__5R8WOW__wrapper, .Toast-module__5R8WOW__region--position-top-start .Toast-module__5R8WOW__container--index-overflow .Toast-module__5R8WOW__wrapper {
  transform: translateY(var(--rs-unit-x1)) translateZ(0) scaleX(.8);
}

.Toast-module__5R8WOW__region--position-bottom {
  align-items: center;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}

.Toast-module__5R8WOW__region--position-bottom-start {
  bottom: 0;
  align-items: start;
  inset-inline-start: 0;
}

.Toast-module__5R8WOW__region--position-bottom-end {
  bottom: 0;
  align-items: end;
  inset-inline-end: 0;
}

@media (min-width: 660px) {
  .Toast-module__5R8WOW__region {
    width: 360px;
  }
}

/* [project]/application/node_modules/reshaped/dist/components/Reshaped/Reshaped.module.css [app-client] (css) */
.Reshaped-module__NtizTq__root {
  color: inherit;
  display: contents;
}

/* [project]/application/node_modules/reshaped/dist/components/Reshaped/Reshaped.css [app-client] (css) */
@layer rs.reset {
  [data-rs-theme] {
    --rs-radius-circular: 9999px;
    --rs-shadow-focus: 0 0 0 2px var(--rs-color-background-elevation-base), 0 0 0 4px var(--rs-color-border-primary);
    --rs-shadow-focus-inset: inset 0 0 0 2px var(--rs-color-border-primary), inset 0 0 0 4px var(--rs-color-background-elevation-base);
  }

  [data-rs-theme] blockquote, [data-rs-theme] body, [data-rs-theme] dd, [data-rs-theme] dl, [data-rs-theme] figcaption, [data-rs-theme] figure, [data-rs-theme] h1, [data-rs-theme] h2, [data-rs-theme] h3, [data-rs-theme] h4, [data-rs-theme] h5, [data-rs-theme] h6, [data-rs-theme] li, [data-rs-theme] ol, [data-rs-theme] p, [data-rs-theme] ul {
    margin: 0;
    padding: 0;
  }

  [data-rs-theme] ol[class], [data-rs-theme] ul[class] {
    list-style: none;
  }

  [data-rs-theme] textarea {
    resize: vertical;
  }

  [data-rs-theme] table {
    border-collapse: collapse;
    border-spacing: 0;
  }

  [data-rs-theme] fieldset {
    border: 0;
    margin: 0;
    padding: 0;
  }

  [data-rs-theme] img {
    max-width: 100%;
    display: block;
  }

  [data-rs-theme] button, [data-rs-theme] input, [data-rs-theme] select, [data-rs-theme] textarea {
    font: inherit;
  }

  [data-rs-theme] option {
    background: var(--rs-color-background-elevation-base);
  }

  [data-rs-theme] label {
    cursor: pointer;
  }

  [data-rs-theme] input::-moz-placeholder {
    color: var(--rs-color-foreground-disabled);
  }

  [data-rs-theme] textarea::-moz-placeholder {
    color: var(--rs-color-foreground-disabled);
  }

  [data-rs-theme] input::placeholder, [data-rs-theme] textarea::placeholder {
    color: var(--rs-color-foreground-disabled);
  }

  html[data-rs-theme] {
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizelegibility;
    touch-action: manipulation;
    font-size: 100%;
  }

  [data-rs-theme] * {
    box-sizing: border-box;
  }

  [data-rs-theme] body, html[data-rs-theme] {
    background: var(--rs-color-background-page);
    color: var(--rs-color-foreground-neutral);
    scroll-behavior: smooth;
    min-height: 100dvh;
  }

  [data-rs-theme] body, [data-rs-theme]:not(html) {
    font-family: var(--rs-font-family-body);
    font-size: var(--rs-font-size-body-3);
    font-weight: var(--rs-font-weight-regular);
    letter-spacing: var(--rs-letter-spacing-body-3);
    line-height: var(--rs-line-height-body-3);
  }
}

[data-rs-color-mode="light"] {
  --lightningcss-light: initial;
  --lightningcss-dark: ;
  color-scheme: light;
}

[data-rs-color-mode="dark"] {
  --lightningcss-light: ;
  --lightningcss-dark: initial;
  color-scheme: dark;
}

@media (prefers-reduced-motion: reduce) {
  * {
    scroll-behavior: auto !important;
    transition-duration: 0s !important;
    animation-duration: 0s !important;
    animation-iteration-count: 1 !important;
  }
}

[data-rs-no-transition] *, [data-rs-no-transition] :after, [data-rs-no-transition] :before {
  transition: none !important;
}

/* [project]/application/src/components/guidance/guided.module.css [app-client] (css) */
.guided-module__MqfY1G__glowing:before {
  border-radius: var(--internal-border-radius);
  box-shadow: 0 0 5px var(--rs-color-background-primary);
  content: "";
  margin: 0;
  display: none;
  position: absolute;
  inset: 0;
}

.guided-module__MqfY1G__active:before {
  animation-name: guided-module__MqfY1G__glow-grow;
  animation-duration: 2s;
  animation-timing-function: ease-out;
  animation-iteration-count: infinite;
  display: inline-block;
}

.guided-module__MqfY1G__glow0:before {
  animation-delay: 0s;
}

.guided-module__MqfY1G__glow1:before {
  animation-delay: .67s;
}

.guided-module__MqfY1G__glow2:before {
  animation-delay: 1.33s;
}

.guided-module__MqfY1G__stopped:before {
  display: none;
}

@keyframes guided-module__MqfY1G__glow-grow {
  0% {
    opacity: 0;
  }

  33% {
    opacity: 1;
    margin: 0;
  }

  to {
    opacity: 0;
    margin: -10px;
  }
}

/* [project]/application/node_modules/reshaped/dist/components/Switch/Switch.module.css [app-client] (css) */
.Switch-module__V9uesG__root {
  align-items: center;
  gap: var(--rs-switch-gap);
  vertical-align: top;
  -webkit-tap-highlight-color: transparent;
  display: inline-flex;
  position: relative;
}

.Switch-module__V9uesG__root.Switch-module__V9uesG__--reversed {
  flex-direction: row-reverse;
}

.Switch-module__V9uesG__input {
  opacity: 0;
  border: 0;
  outline: none;
  width: 1px;
  height: 1px;
  position: absolute;
  top: 0;
  left: 0;
}

.Switch-module__V9uesG__input:checked + .Switch-module__V9uesG__area {
  background: var(--rs-color-background-primary);
  border-color: #0000;
}

.Switch-module__V9uesG__input:checked + .Switch-module__V9uesG__area .Switch-module__V9uesG__thumb {
  transform: translateX(calc(var(--rs-switch-width)  - var(--rs-switch-height)));
}

[dir="rtl"] .Switch-module__V9uesG__input:checked + .Switch-module__V9uesG__area .Switch-module__V9uesG__thumb {
  transform: translateX(calc(var(--rs-switch-height)  - var(--rs-switch-width)));
}

[data-rs-keyboard] .Switch-module__V9uesG__input:focus + .Switch-module__V9uesG__area {
  box-shadow: var(--rs-shadow-focus);
}

.Switch-module__V9uesG__input[disabled] + .Switch-module__V9uesG__area {
  background: var(--rs-color-background-disabled);
  cursor: not-allowed;
}

.Switch-module__V9uesG__input[disabled] + .Switch-module__V9uesG__area .Switch-module__V9uesG__thumb {
  opacity: .8;
}

.Switch-module__V9uesG__input[disabled]:checked + .Switch-module__V9uesG__area {
  background: var(--rs-color-background-primary);
  opacity: .4;
}

.Switch-module__V9uesG__input[disabled]:checked + .Switch-module__V9uesG__area .Switch-module__V9uesG__thumb {
  opacity: 1;
}

.Switch-module__V9uesG__area {
  background: var(--rs-color-background-neutral);
  border-radius: var(--rs-radius-circular);
  box-sizing: border-box;
  cursor: pointer;
  height: var(--rs-switch-height);
  transition: var(--rs-duration-fast) var(--rs-easing-standard);
  width: var(--rs-switch-width);
  border: 2px solid #0000;
  align-items: center;
  transition-property: background, border;
  display: flex;
}

.Switch-module__V9uesG__hitbox {
  inset-inline: 0;
  height: 24px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.Switch-module__V9uesG__thumb {
  background: var(--rs-color-white);
  border-radius: var(--rs-radius-circular);
  box-shadow: var(--rs-shadow-raised);
  height: calc(var(--rs-switch-height)  - var(--rs-unit-x1));
  transition: var(--rs-duration-fast) var(--rs-easing-standard);
  width: calc(var(--rs-switch-height)  - var(--rs-unit-x1));
  transition-property: transform;
}

.Switch-module__V9uesG__--size-small {
  --rs-switch-height: var(--rs-unit-x4);
  --rs-switch-width: var(--rs-unit-x6);
  --rs-switch-gap: var(--rs-unit-x1);
  --rs-switch-line-height: var(--rs-line-height-caption-1);
  --rs-switch-font-size: var(--rs-font-size-caption-1);
}

.Switch-module__V9uesG__--size-medium {
  --rs-switch-height: var(--rs-unit-x5);
  --rs-switch-width: var(--rs-unit-x8);
  --rs-switch-gap: var(--rs-unit-x2);
  --rs-switch-line-height: var(--rs-line-height-body-3);
  --rs-switch-font-size: var(--rs-font-size-body-3);
}

.Switch-module__V9uesG__--size-large {
  --rs-switch-height: var(--rs-unit-x6);
  --rs-switch-width: var(--rs-unit-x10);
  --rs-switch-gap: var(--rs-unit-x2);
  --rs-switch-line-height: var(--rs-line-height-body-2);
  --rs-switch-font-size: var(--rs-font-size-body-2);
}

@media (min-width: 660px) {
  .Switch-module__V9uesG__--size-small--m {
    --rs-switch-height: var(--rs-unit-x4);
    --rs-switch-width: var(--rs-unit-x6);
    --rs-switch-gap: var(--rs-unit-x1);
    --rs-switch-line-height: var(--rs-line-height-caption-1);
    --rs-switch-font-size: var(--rs-font-size-caption-1);
  }

  .Switch-module__V9uesG__--size-medium--m {
    --rs-switch-height: var(--rs-unit-x5);
    --rs-switch-width: var(--rs-unit-x8);
    --rs-switch-gap: var(--rs-unit-x2);
    --rs-switch-line-height: var(--rs-line-height-body-3);
    --rs-switch-font-size: var(--rs-font-size-body-3);
  }

  .Switch-module__V9uesG__--size-large--m {
    --rs-switch-height: var(--rs-unit-x6);
    --rs-switch-width: var(--rs-unit-x10);
    --rs-switch-gap: var(--rs-unit-x2);
    --rs-switch-line-height: var(--rs-line-height-body-2);
    --rs-switch-font-size: var(--rs-font-size-body-2);
  }
}

@media (min-width: 900px) {
  .Switch-module__V9uesG__--size-small--l {
    --rs-switch-height: var(--rs-unit-x4);
    --rs-switch-width: var(--rs-unit-x6);
    --rs-switch-gap: var(--rs-unit-x1);
    --rs-switch-line-height: var(--rs-line-height-caption-1);
    --rs-switch-font-size: var(--rs-font-size-caption-1);
  }

  .Switch-module__V9uesG__--size-medium--l {
    --rs-switch-height: var(--rs-unit-x5);
    --rs-switch-width: var(--rs-unit-x8);
    --rs-switch-gap: var(--rs-unit-x2);
    --rs-switch-line-height: var(--rs-line-height-body-3);
    --rs-switch-font-size: var(--rs-font-size-body-3);
  }

  .Switch-module__V9uesG__--size-large--l {
    --rs-switch-height: var(--rs-unit-x6);
    --rs-switch-width: var(--rs-unit-x10);
    --rs-switch-gap: var(--rs-unit-x2);
    --rs-switch-line-height: var(--rs-line-height-body-2);
    --rs-switch-font-size: var(--rs-font-size-body-2);
  }
}

@media (min-width: 1280px) {
  .Switch-module__V9uesG__--size-small--xl {
    --rs-switch-height: var(--rs-unit-x4);
    --rs-switch-width: var(--rs-unit-x6);
    --rs-switch-gap: var(--rs-unit-x1);
    --rs-switch-line-height: var(--rs-line-height-caption-1);
    --rs-switch-font-size: var(--rs-font-size-caption-1);
  }

  .Switch-module__V9uesG__--size-medium--xl {
    --rs-switch-height: var(--rs-unit-x5);
    --rs-switch-width: var(--rs-unit-x8);
    --rs-switch-gap: var(--rs-unit-x2);
    --rs-switch-line-height: var(--rs-line-height-body-3);
    --rs-switch-font-size: var(--rs-font-size-body-3);
  }

  .Switch-module__V9uesG__--size-large--xl {
    --rs-switch-height: var(--rs-unit-x6);
    --rs-switch-width: var(--rs-unit-x10);
    --rs-switch-gap: var(--rs-unit-x2);
    --rs-switch-line-height: var(--rs-line-height-body-2);
    --rs-switch-font-size: var(--rs-font-size-body-2);
  }
}

/* [project]/application/src/components/blog/links/related_article.module.css [app-client] (css) */
.related_article-module__coTaQa__darkenOnHover:hover {
  filter: hue-rotate(-10deg);
}

/* [project]/application/src/themes/planlab/theme.css [app-client] (css) */
[data-rs-theme~="planlab"] {
  --rs-font-family-title: var(--planlab-font, "Arial");
  --rs-font-family-body: var(--planlab-font, "Arial");
  --rs-font-family-monospace: Geist Mono, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
  --rs-font-weight-regular: 400;
  --rs-font-weight-medium: 500;
  --rs-font-weight-semibold: 600;
  --rs-font-weight-bold: 700;
  --rs-font-weight-extrabold: 800;
  --rs-font-weight-black: 900;
  --rs-font-size-title-1: 6rem;
  --rs-line-height-title-1: 6.25rem;
  --rs-font-family-title-1: var(--rs-font-family-title);
  --rs-font-weight-title-1: var(--rs-font-weight-extrabold);
  --rs-letter-spacing-title-1: normal;
  --rs-font-size-title-2: 5rem;
  --rs-line-height-title-2: 5.25rem;
  --rs-font-family-title-2: var(--rs-font-family-title);
  --rs-font-weight-title-2: var(--rs-font-weight-extrabold);
  --rs-letter-spacing-title-2: normal;
  --rs-font-size-title-3: 4rem;
  --rs-line-height-title-3: 4.25rem;
  --rs-font-family-title-3: var(--rs-font-family-title);
  --rs-font-weight-title-3: var(--rs-font-weight-extrabold);
  --rs-letter-spacing-title-3: normal;
  --rs-font-size-title-4: 3.5rem;
  --rs-line-height-title-4: 3.75rem;
  --rs-font-family-title-4: var(--rs-font-family-title);
  --rs-font-weight-title-4: var(--rs-font-weight-bold);
  --rs-letter-spacing-title-4: normal;
  --rs-font-size-title-5: 3rem;
  --rs-line-height-title-5: 3.25rem;
  --rs-font-family-title-5: var(--rs-font-family-title);
  --rs-font-weight-title-5: var(--rs-font-weight-bold);
  --rs-letter-spacing-title-5: normal;
  --rs-font-size-title-6: 2.25rem;
  --rs-line-height-title-6: 2.5rem;
  --rs-font-family-title-6: var(--rs-font-family-title);
  --rs-font-weight-title-6: var(--rs-font-weight-bold);
  --rs-letter-spacing-title-6: normal;
  --rs-font-size-featured-1: 2rem;
  --rs-line-height-featured-1: 2.5rem;
  --rs-font-family-featured-1: var(--rs-font-family-body);
  --rs-letter-spacing-featured-1: normal;
  --rs-font-size-featured-2: 1.5rem;
  --rs-line-height-featured-2: 2rem;
  --rs-font-family-featured-2: var(--rs-font-family-body);
  --rs-letter-spacing-featured-2: normal;
  --rs-font-size-featured-3: 1.25rem;
  --rs-line-height-featured-3: 1.75rem;
  --rs-font-family-featured-3: var(--rs-font-family-body);
  --rs-letter-spacing-featured-3: normal;
  --rs-font-size-body-1: 1.125rem;
  --rs-line-height-body-1: 2.1875rem;
  --rs-letter-spacing-body-1: normal;
  --rs-font-size-body-2: 1rem;
  --rs-line-height-body-2: 1.5rem;
  --rs-font-family-body-2: var(--rs-font-family-body);
  --rs-letter-spacing-body-2: normal;
  --rs-font-size-body-3: .875rem;
  --rs-line-height-body-3: 1.25rem;
  --rs-font-family-body-3: var(--rs-font-family-body);
  --rs-letter-spacing-body-3: normal;
  --rs-font-size-caption-1: .75rem;
  --rs-line-height-caption-1: 1rem;
  --rs-font-family-caption-1: var(--rs-font-family-body);
  --rs-letter-spacing-caption-1: normal;
  --rs-font-size-caption-2: .625rem;
  --rs-line-height-caption-2: .75rem;
  --rs-font-family-caption-2: var(--rs-font-family-body);
  --rs-letter-spacing-caption-2: normal;
  --rs-unit-base: 4px;
  --rs-unit-x1: 4px;
  --rs-unit-x2: 8px;
  --rs-unit-x3: 12px;
  --rs-unit-x4: 16px;
  --rs-unit-x5: 20px;
  --rs-unit-x6: 24px;
  --rs-unit-x7: 28px;
  --rs-unit-x8: 32px;
  --rs-unit-x9: 36px;
  --rs-unit-x10: 40px;
  --rs-radius-small: 4px;
  --rs-radius-medium: 8px;
  --rs-radius-large: 12px;
  --rs-color-brand: #f7dac5;
  --rs-color-white: #fff;
  --rs-color-black: #000;
  --rs-color-background-workspace-selector: #0e2134;
  --rs-color-button-background-workspace-selector: #293e4f;
  --rs-color-viewer-page: #f6f6f2;
  --rs-color-planlab-dark-orange: #e57528;
  --rs-color-viewer-page-border: #ddddd9;
  --rs-color-on-background-critical: #fff;
  --rs-color-on-background-warning: #000;
  --rs-color-on-background-positive: #fff;
  --rs-color-on-brand: #000;
  --rs-color-rgb-white: 255, 255, 255;
  --rs-color-rgb-black: 0, 0, 0;
  --rs-color-on-background-workspace-selector: #fff;
  --rs-color-rgb-background-workspace-selector: 13.9995, 32.997, 51.9945;
  --rs-duration-rapid: .1s;
  --rs-duration-fast: .2s;
  --rs-duration-medium: .3s;
  --rs-duration-slow: .4s;
  --rs-easing-standard: cubic-bezier(.4, 0, .2, 1);
  --rs-easing-accelerate: cubic-bezier(.4, 0, 1, 1);
  --rs-easing-decelerate: cubic-bezier(0, 0, .2, 1);
  --rs-shadow-raised: 0px 1px 5px -4px #00000080, 0px 4px 8px 0px #0000000d;
  --rs-shadow-overlay: 0px 5px 10px 0px #0000000d, 0px 15px 25px 0px #00000012;
  --rs-viewport-m-min: 660;
  --rs-viewport-l-min: 900;
  --rs-viewport-xl-min: 1280;
  --rs-z-index-relative: 10;
  --rs-z-index-absolute: 100;
  --rs-z-index-fixed: 200;
}

@supports (color: lab(0% 0 0)) {
  [data-rs-theme~="planlab"] {
    --rs-color-brand: lab(89.0845% 7.98854 14.2352);
    --rs-color-white: lab(100% 0 0);
    --rs-color-black: lab(0% 0 0);
    --rs-color-on-background-critical: lab(100% 0 0);
    --rs-color-on-background-warning: lab(0% 0 0);
    --rs-color-on-background-positive: lab(100% 0 0);
    --rs-color-on-brand: lab(0% 0 0);
    --rs-color-on-background-workspace-selector: lab(100% 0 0);
  }
}

[data-rs-theme~="planlab"][data-rs-color-mode="light"] {
  --rs-color-background-primary: #f7dac5;
  --rs-color-background-primary-faded: #fff2e9;
  --rs-color-border-primary: #dcc0ac;
  --rs-color-border-primary-faded: #f5e0d2;
  --rs-color-foreground-primary: #765d4b;
  --rs-color-background-critical: #e32729;
  --rs-color-background-critical-faded: #fff2f0;
  --rs-color-border-critical: #c3000f;
  --rs-color-border-critical-faded: #f8deda;
  --rs-color-foreground-critical: #bd0011;
  --rs-color-background-warning: #ffb800;
  --rs-color-background-warning-faded: #fff3df;
  --rs-color-border-warning: #e3a000;
  --rs-color-border-warning-faded: #f6e2c0;
  --rs-color-foreground-warning: #845a00;
  --rs-color-background-positive: #0e8147;
  --rs-color-background-positive-faded: #ebf9ef;
  --rs-color-border-positive: #006833;
  --rs-color-border-positive-faded: #d6ebdc;
  --rs-color-foreground-positive: #00773f;
  --rs-color-background-neutral: #e1e5eb;
  --rs-color-background-neutral-faded: #f3f5f9;
  --rs-color-border-neutral: #0000001f;
  --rs-color-border-neutral-faded: #00000014;
  --rs-color-foreground-neutral: #14161b;
  --rs-color-foreground-neutral-faded: #52555b;
  --rs-color-background-disabled: #eee;
  --rs-color-background-disabled-faded: #f8f8f8;
  --rs-color-border-disabled: #0000000f;
  --rs-color-foreground-disabled: #cacaca;
  --rs-color-background-elevation-base: #fff;
  --rs-color-background-elevation-raised: #fff;
  --rs-color-background-elevation-overlay: #fff;
  --rs-color-background-page: #fff;
  --rs-color-background-page-faded: #f5f5f5;
  --rs-color-updated: #84338c;
  --rs-color-updated-faded: #f6a7fc;
  --rs-color-on-background-primary: #000;
  --rs-color-rgb-background-primary: 246.993, 218, 196.988;
  --rs-color-rgb-background-primary-faded: 256.097, 242.199, 232.305;
  --rs-color-rgb-background-critical: 226.593, 39.168, 41.0295;
  --rs-color-rgb-background-critical-faded: 258.545, 240.389, 237.89;
  --rs-color-rgb-background-warning: 265.787, 180.515, -70.1505;
  --rs-color-rgb-background-warning-faded: 259.667, 242.862, 215.577;
  --rs-color-rgb-background-positive: 14.178, 128.673, 70.788;
  --rs-color-rgb-background-positive-faded: 235.442, 249.365, 239.012;
  --rs-color-on-background-neutral: #000;
  --rs-color-rgb-background-neutral: 224.961, 228.659, 235.416;
  --rs-color-rgb-background-neutral-faded: 243.219, 245.106, 248.523;
  --rs-color-rgb-background-disabled: 238.298, 238.298, 238.298;
  --rs-color-rgb-background-disabled-faded: 248.294, 248.294, 248.294;
  --rs-color-rgb-background-elevation-base: 255, 255, 255;
  --rs-color-rgb-background-elevation-raised: 255, 255, 255;
  --rs-color-rgb-background-elevation-overlay: 255, 255, 255;
  --rs-color-rgb-background-page: 255, 255, 255;
  --rs-color-rgb-background-page-faded: 244.953, 244.953, 244.953;
}

@supports (color: lab(0% 0 0)) {
  [data-rs-theme~="planlab"][data-rs-color-mode="light"] {
    --rs-color-background-primary: lab(89.0845% 7.98854 14.2352);
    --rs-color-background-primary-faded: lab(96.4721% 3.61148 6.55834);
    --rs-color-border-primary: lab(79.8022% 8.03208 14.2729);
    --rs-color-border-primary-faded: lab(90.6439% 5.50044 9.89814);
    --rs-color-foreground-primary: lab(41.8651% 8.34416 14.59);
    --rs-color-background-critical: lab(50.2384% 69.3122 49.0783);
    --rs-color-background-critical-faded: lab(96.3428% 6.02186 3.53246);
    --rs-color-border-critical: lab(40.9189% 69.6444 55.0289);
    --rs-color-border-critical-faded: lab(90.4529% 9.05266 5.31931);
    --rs-color-foreground-critical: lab(39.7531% 69.6903 56.3576);
    --rs-color-background-warning: lab(80.1799% 23.2188 112.148);
    --rs-color-background-warning-faded: lab(96.6147% 2.67658 15.355);
    --rs-color-border-warning: lab(70.8344% 24.2773 142.502);
    --rs-color-border-warning-faded: lab(90.828% 3.52919 19.3564);
    --rs-color-foreground-warning: lab(41.5234% 29.0533 125.145);
    --rs-color-background-positive: lab(47.1442% -41.2522 22.6994);
    --rs-color-background-positive-faded: lab(96.7907% -6.12229 3.31551);
    --rs-color-border-positive: lab(37.8473% -41.6403 23.0328);
    --rs-color-border-positive-faded: lab(91.1248% -9.19715 4.98346);
    --rs-color-foreground-positive: lab(43.6585% -41.3785 22.8063);
    --rs-color-background-neutral: lab(90.6817% -.361174 -3.75962);
    --rs-color-background-neutral-faded: lab(96.5013% -.189126 -1.88473);
    --rs-color-border-neutral: lab(-.000174522% .0025183 -.00514984 / .12);
    --rs-color-border-neutral-faded: lab(-.0000228882% .000320375 -.00064373 / .08);
    --rs-color-foreground-neutral: lab(7.1843% -.224218 -3.64993);
    --rs-color-foreground-neutral-faded: lab(36.1597% -.326946 -3.74103);
    --rs-color-background-disabled: lab(94.2% 0 0);
    --rs-color-background-disabled-faded: lab(97.68% -.0000298023 .0000119209);
    --rs-color-border-disabled: lab(-.000174522% .0025183 -.00514984 / .06);
    --rs-color-foreground-disabled: lab(81.44% -.0000298023 0);
    --rs-color-background-elevation-base: lab(100% 0 0);
    --rs-color-background-elevation-raised: lab(100% 0 0);
    --rs-color-background-elevation-overlay: lab(100% 0 0);
    --rs-color-background-page: lab(100% 0 0);
    --rs-color-background-page-faded: lab(96.52% -.0000298023 .0000119209);
    --rs-color-on-background-primary: lab(0% 0 0);
    --rs-color-on-background-neutral: lab(0% 0 0);
  }
}

[data-rs-theme~="planlab"][data-rs-color-mode="dark"] {
  --rs-color-background-primary: #4b392b;
  --rs-color-background-primary-faded: #24211e;
  --rs-color-border-primary: #675445;
  --rs-color-border-primary-faded: #3d3a37;
  --rs-color-foreground-primary: #c0a998;
  --rs-color-background-critical: #d0463f;
  --rs-color-background-critical-faded: #311b18;
  --rs-color-border-critical: #f4675c;
  --rs-color-border-critical-faded: #4b3431;
  --rs-color-foreground-critical: #ff8074;
  --rs-color-background-warning: #f4b120;
  --rs-color-background-warning-faded: #2a200f;
  --rs-color-border-warning: #ffd67f;
  --rs-color-border-warning-faded: #433927;
  --rs-color-foreground-warning: #e2a000;
  --rs-color-background-positive: #2e794b;
  --rs-color-background-positive-faded: #1a251d;
  --rs-color-border-positive: #4d9768;
  --rs-color-border-positive-faded: #323e36;
  --rs-color-foreground-positive: #73c38d;
  --rs-color-background-neutral: #3b3d41;
  --rs-color-background-neutral-faded: #1f2227;
  --rs-color-border-neutral: #ffffff29;
  --rs-color-border-neutral-faded: #ffffff14;
  --rs-color-foreground-neutral: #eff2f7;
  --rs-color-foreground-neutral-faded: #bec1c6;
  --rs-color-background-disabled: #292929;
  --rs-color-background-disabled-faded: #1d1d1d;
  --rs-color-border-disabled: #292929;
  --rs-color-foreground-disabled: #484848;
  --rs-color-background-elevation-base: #161616;
  --rs-color-background-elevation-raised: #181818;
  --rs-color-background-elevation-overlay: #1b1b1b;
  --rs-color-background-page: #0d0d0d;
  --rs-color-background-page-faded: #121212;
  --rs-color-updated: #732e7a;
  --rs-color-updated-faded: #361d38;
  --rs-color-on-background-primary: #fff;
  --rs-color-rgb-background-primary: 75.0465, 56.7885, 43.197;
  --rs-color-rgb-background-primary-faded: 36.2355, 32.844, 30.4215;
  --rs-color-rgb-background-critical: 208.437, 69.87, 62.526;
  --rs-color-rgb-background-critical-faded: 48.6285, 26.877, 24.378;
  --rs-color-rgb-background-warning: 244.163, 177.353, 31.7985;
  --rs-color-rgb-background-warning-faded: 41.6925, 31.9005, 15.1215;
  --rs-color-rgb-background-positive: 45.5685, 120.87, 75.1995;
  --rs-color-rgb-background-positive-faded: 25.9335, 36.6435, 29.0445;
  --rs-color-on-background-neutral: #fff;
  --rs-color-rgb-background-neutral: 58.8285, 61.149, 65.433;
  --rs-color-rgb-background-neutral-faded: 31.0335, 33.6855, 38.556;
  --rs-color-rgb-background-disabled: 40.7745, 40.7745, 40.7745;
  --rs-color-rgb-background-disabled-faded: 28.815, 28.815, 28.815;
  --rs-color-rgb-background-elevation-base: 21.9555, 21.9555, 21.9555;
  --rs-color-rgb-background-elevation-raised: 24.225, 24.225, 24.225;
  --rs-color-rgb-background-elevation-overlay: 26.52, 26.52, 26.52;
  --rs-color-rgb-background-page: 13.209, 13.209, 13.209;
  --rs-color-rgb-background-page-faded: 17.5185, 17.5185, 17.5185;
}

@supports (color: lab(0% 0 0)) {
  [data-rs-theme~="planlab"][data-rs-color-mode="dark"] {
    --rs-color-background-primary: lab(25.6481% 6.75586 11.7763);
    --rs-color-background-primary-faded: lab(12.9829% 1.25714 2.27062);
    --rs-color-border-primary: lab(37.2562% 6.60703 11.6033);
    --rs-color-border-primary-faded: lab(24.5836% 1.24449 2.26161);
    --rs-color-foreground-primary: lab(70.9008% 6.80488 12.1159);
    --rs-color-background-critical: lab(50.4174% 55.0715 36.0986);
    --rs-color-background-critical-faded: lab(12.6739% 10.807 6.51225);
    --rs-color-border-critical: lab(62.0418% 54.8191 34.8329);
    --rs-color-border-critical-faded: lab(24.2786% 10.7429 6.39898);
    --rs-color-foreground-critical: lab(69.2014% 58.2019 36.8304);
    --rs-color-background-warning: lab(77.226% 17.1165 74.6932);
    --rs-color-background-warning-faded: lab(13.0336% 2.88159 12.7396);
    --rs-color-border-warning: lab(88.8741% 16.3084 71.0999);
    --rs-color-border-warning-faded: lab(24.6509% 2.58011 12.7437);
    --rs-color-foreground-warning: lab(70.9465% 19.2186 87.3143);
    --rs-color-background-positive: lab(45.2246% -32.722 17.9282);
    --rs-color-background-positive-faded: lab(13.277% -6.41999 3.48786);
    --rs-color-border-positive: lab(56.8353% -32.532 17.7753);
    --rs-color-border-positive-faded: lab(24.8787% -6.39898 3.47194);
    --rs-color-foreground-positive: lab(72.4485% -34.4412 18.7882);
    --rs-color-background-neutral: lab(25.7278% -.26156 -2.99283);
    --rs-color-background-neutral-faded: lab(12.9566% -.27252 -3.71441);
    --rs-color-border-neutral: lab(99.9697% -.295848 -3.01163 / .16);
    --rs-color-border-neutral-faded: lab(99.9618% -.363886 -3.76105 / .08);
    --rs-color-foreground-neutral: lab(95.3297% -.295043 -3.01114);
    --rs-color-foreground-neutral-faded: lab(77.9295% -.291348 -3.00905);
    --rs-color-background-disabled: lab(16.48% 0 0);
    --rs-color-background-disabled-faded: lab(10.68% .00000745058 -.00000298023);
    --rs-color-border-disabled: lab(16.48% 0 0);
    --rs-color-foreground-disabled: lab(30.4% -.0000149012 0);
    --rs-color-background-elevation-base: lab(7.22637% -.0000149012 0);
    --rs-color-background-elevation-raised: lab(8.36% -.00000745058 0);
    --rs-color-background-elevation-overlay: lab(9.52% -.00000745058 0);
    --rs-color-background-page: lab(3.6999% 0 0);
    --rs-color-background-page-faded: lab(5.26802% 0 0);
    --rs-color-on-background-primary: lab(100% 0 0);
    --rs-color-on-background-neutral: lab(100% 0 0);
  }
}

/* [project]/application/src/app/website/src/styles/architectureDiagram.module.scss.module.css [app-client] (css) */
.architectureDiagram-module-scss-module__rZKxAq__container {
  flex-direction: column;
  gap: 20px;
  display: flex;
}

.architectureDiagram-module-scss-module__rZKxAq__configurator {
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  background: linear-gradient(135deg, #ffffff08, #ffffff03);
  border: 1px solid #c6dfe91a;
  border-radius: 12px;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 32px;
  padding: 24px 28px;
  display: flex;
}

@media screen and (max-width: 767px) {
  .architectureDiagram-module-scss-module__rZKxAq__configurator {
    flex-direction: column;
    gap: 20px;
    padding: 20px;
  }
}

.architectureDiagram-module-scss-module__rZKxAq__configGroup {
  flex-direction: column;
  gap: 10px;
  display: flex;
}

.architectureDiagram-module-scss-module__rZKxAq__configLabel {
  color: #c6dfe9;
  letter-spacing: 1px;
  opacity: .5;
  text-transform: uppercase;
  margin-left: 2px;
  font-size: 11px;
  font-weight: 600;
}

.architectureDiagram-module-scss-module__rZKxAq__configOptions {
  background: #0003;
  border-radius: 8px;
  flex-wrap: wrap;
  align-items: stretch;
  gap: 0;
  height: 44px;
  padding: 3px;
  display: flex;
}

.architectureDiagram-module-scss-module__rZKxAq__configOption {
  color: #c6dfe999;
  cursor: pointer;
  white-space: nowrap;
  background: none;
  border: none;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  height: 100%;
  padding: 0 18px;
  font-size: 13px;
  font-weight: 500;
  transition: all .2s;
  display: flex;
}

.architectureDiagram-module-scss-module__rZKxAq__configOption:hover:not(.architectureDiagram-module-scss-module__rZKxAq__disabled) {
  color: #c6dfe9;
  background: #ffffff0d;
}

.architectureDiagram-module-scss-module__rZKxAq__configOption.architectureDiagram-module-scss-module__rZKxAq__active {
  color: #fff;
  background: #c6dfe91f;
  box-shadow: 0 2px 8px #0003;
}

.architectureDiagram-module-scss-module__rZKxAq__configOption.architectureDiagram-module-scss-module__rZKxAq__disabled {
  color: #c6dfe966;
  cursor: not-allowed;
  opacity: .35;
}

.architectureDiagram-module-scss-module__rZKxAq__configToggle {
  background: #0003;
  border-radius: 8px;
  align-items: center;
  gap: 14px;
  height: 44px;
  padding: 0 16px;
  display: flex;
}

.architectureDiagram-module-scss-module__rZKxAq__toggleSwitch {
  cursor: pointer;
  background: #0000004d;
  border: 1px solid #c6dfe926;
  border-radius: 13px;
  width: 48px;
  height: 26px;
  transition: all .25s;
  position: relative;
}

.architectureDiagram-module-scss-module__rZKxAq__toggleSwitch:hover {
  border-color: #c6dfe940;
}

.architectureDiagram-module-scss-module__rZKxAq__toggleSwitch.architectureDiagram-module-scss-module__rZKxAq__active {
  background: #10b98140;
  border-color: #10b98166;
}

.architectureDiagram-module-scss-module__rZKxAq__toggleKnob {
  background: #c6dfe9b3;
  border-radius: 50%;
  width: 18px;
  height: 18px;
  transition: all .25s cubic-bezier(.4, 0, .2, 1);
  position: absolute;
  top: 3px;
  left: 3px;
  box-shadow: 0 2px 4px #0003;
}

.architectureDiagram-module-scss-module__rZKxAq__active .architectureDiagram-module-scss-module__rZKxAq__toggleKnob {
  background: #34d399;
  left: 25px;
  box-shadow: 0 2px 8px #34d39966;
}

.architectureDiagram-module-scss-module__rZKxAq__toggleLabel {
  color: #c6dfe9b3;
  font-size: 13px;
  font-weight: 500;
  transition: color .2s;
}

.architectureDiagram-module-scss-module__rZKxAq__configToggle:hover .architectureDiagram-module-scss-module__rZKxAq__toggleLabel {
  color: #c6dfe9;
}

.architectureDiagram-module-scss-module__rZKxAq__wrapper {
  background: #ffffff05;
  border: 1px solid #ffffff1a;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  padding: 20px;
  display: flex;
  position: relative;
  overflow: hidden;
}

@media screen and (max-width: 767px) {
  .architectureDiagram-module-scss-module__rZKxAq__wrapper {
    padding: 10px;
  }
}

.architectureDiagram-module-scss-module__rZKxAq__svg {
  width: 100%;
  max-width: 1100px;
  height: auto;
  font-family: inherit;
  display: block;
}

.architectureDiagram-module-scss-module__rZKxAq__tooltip {
  color: #c6dfe9;
  opacity: 0;
  pointer-events: none;
  z-index: 10;
  background: #072439;
  border: 1px solid #c6dfe9;
  border-radius: 4px;
  max-width: 250px;
  margin-top: -10px;
  padding: 8px 12px;
  font-size: 14px;
  transition: opacity .2s;
  position: absolute;
  transform: translate(-50%, -100%);
  box-shadow: 0 4px 12px #00000080;
}

.architectureDiagram-module-scss-module__rZKxAq__tooltip.architectureDiagram-module-scss-module__rZKxAq__visible {
  opacity: 1;
}

.architectureDiagram-module-scss-module__rZKxAq__node {
  cursor: pointer;
  transition: all .2s;
}

.architectureDiagram-module-scss-module__rZKxAq__node:hover {
  filter: brightness(1.1);
}

.architectureDiagram-module-scss-module__rZKxAq__text {
  font-size: 12px;
  font-weight: 500;
}

.architectureDiagram-module-scss-module__rZKxAq__label, .architectureDiagram-module-scss-module__rZKxAq__text {
  fill: #c6dfe9;
  pointer-events: none;
}

.architectureDiagram-module-scss-module__rZKxAq__label {
  opacity: .8;
  font-size: 10px;
}

.architectureDiagram-module-scss-module__rZKxAq__zoneLabel {
  fill: #c6dfe9;
  opacity: .7;
  pointer-events: none;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 600;
}

.architectureDiagram-module-scss-module__rZKxAq__downloadButton {
  color: #c6dfe9;
  cursor: pointer;
  white-space: nowrap;
  background: #c6dfe91a;
  border: 1px solid #c6dfe933;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  height: 44px;
  padding: 0 20px;
  font-size: 13px;
  font-weight: 500;
  transition: all .2s;
  display: flex;
}

.architectureDiagram-module-scss-module__rZKxAq__downloadButton:hover:not(:disabled) {
  color: #fff;
  background: #c6dfe926;
  border-color: #c6dfe94d;
}

.architectureDiagram-module-scss-module__rZKxAq__downloadButton:active:not(:disabled) {
  background: #c6dfe933;
  transform: translateY(1px);
}

.architectureDiagram-module-scss-module__rZKxAq__downloadButton:disabled {
  cursor: not-allowed;
  opacity: .7;
}

.architectureDiagram-module-scss-module__rZKxAq__downloadButton.architectureDiagram-module-scss-module__rZKxAq__loading {
  background: #c6dfe90d;
}

.architectureDiagram-module-scss-module__rZKxAq__downloadButton svg {
  flex-shrink: 0;
}

.architectureDiagram-module-scss-module__rZKxAq__spinner {
  animation: 1s linear infinite architectureDiagram-module-scss-module__rZKxAq__spin;
}

@keyframes architectureDiagram-module-scss-module__rZKxAq__spin {
  0% {
    transform: rotate(0);
  }

  to {
    transform: rotate(1turn);
  }
}

/* [project]/application/src/app/website/src/styles/header.module.scss.module.css [app-client] (css) */
.header-module-scss-module__SMZh0W__headerWrapper {
  background: #072439;
  height: 84px;
}

@media screen and (max-width: 1279px) {
  .header-module-scss-module__SMZh0W__headerWrapper {
    height: 71px;
  }
}

.header-module-scss-module__SMZh0W__headerContainerWrapper {
  pointer-events: none;
  z-index: 111111111;
  display: flex;
  position: fixed;
  left: 12px;
  right: 12px;
}

@media screen and (max-width: 767px) {
  .header-module-scss-module__SMZh0W__headerContainerWrapper {
    left: 8px;
    right: 8px;
  }
}

.header-module-scss-module__SMZh0W__backdropOverlay {
  z-index: 11111111;
  background: #00000040;
  position: fixed;
  inset: 0;
}

.header-module-scss-module__SMZh0W__headerContainer {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 1728px;
  height: 84px;
  margin: 0 auto;
  display: flex;
  position: relative;
}

@media screen and (max-width: 1279px) {
  .header-module-scss-module__SMZh0W__headerContainer {
    height: 71px;
  }
}

.header-module-scss-module__SMZh0W__headerLeft {
  align-items: center;
  gap: 4px;
  display: flex;
}

.header-module-scss-module__SMZh0W__headerLeft a {
  text-decoration: none;
}

.header-module-scss-module__SMZh0W__btnMini {
  width: 81px;
  transition: all .3s ease-in-out;
}

@media screen and (max-width: 1279px) {
  .header-module-scss-module__SMZh0W__btnMini {
    width: 81px;
  }
}

.header-module-scss-module__SMZh0W__btnBig {
  width: 147px;
  transition: all .3s ease-in-out;
}

@media screen and (max-width: 1279px) {
  .header-module-scss-module__SMZh0W__btnBig {
    width: 81px;
  }
}

.header-module-scss-module__SMZh0W__logoTitle {
  display: block;
}

@media screen and (max-width: 1279px) {
  .header-module-scss-module__SMZh0W__logoTitle {
    display: none;
  }
}

.header-module-scss-module__SMZh0W__logoTitle {
  transition: all .3s ease-in-out;
}

.header-module-scss-module__SMZh0W__hidden {
  display: none;
}

.header-module-scss-module__SMZh0W__solutionsMenuWrapper {
  pointer-events: auto;
  align-items: center;
  display: flex;
  position: relative;
}

@media screen and (max-width: 845px) {
  .header-module-scss-module__SMZh0W__solutionsMenuWrapper {
    display: none;
  }
}

.header-module-scss-module__SMZh0W__refWrapper {
  opacity: 0;
  pointer-events: none;
  align-items: center;
  width: 100%;
  display: flex;
}

.header-module-scss-module__SMZh0W__solutionOpened {
  opacity: 1;
  pointer-events: auto;
}

.header-module-scss-module__SMZh0W__buttonsForMenu {
  align-items: center;
  gap: 4px;
  display: flex;
}

.header-module-scss-module__SMZh0W__solutionsMenu {
  flex-direction: column;
  gap: 4px;
  width: 325px;
  height: 600px;
  display: flex;
  position: absolute;
  top: calc(100% + 4px);
  left: 0;
}

.header-module-scss-module__SMZh0W__solutionMenuItemDesk, .header-module-scss-module__SMZh0W__solutionMenuItemDesk2, .header-module-scss-module__SMZh0W__solutionMenuItemDesk3, .header-module-scss-module__SMZh0W__solutionMenuItemDesk4, .header-module-scss-module__SMZh0W__solutionMenuItemDesk5, .header-module-scss-module__SMZh0W__solutionMenuItemDesk6 {
  -webkit-backdrop-filter: blur(18px);
  backdrop-filter: blur(18px);
  cursor: pointer;
  z-index: 5;
  background: #fffc;
  border-radius: 4px;
  align-items: center;
  gap: 16px;
  padding: 16px;
  text-decoration: none;
  display: flex;
  position: relative;
}

@media (hover: hover) {
  .header-module-scss-module__SMZh0W__solutionMenuItemDesk2:hover, .header-module-scss-module__SMZh0W__solutionMenuItemDesk3:hover, .header-module-scss-module__SMZh0W__solutionMenuItemDesk4:hover, .header-module-scss-module__SMZh0W__solutionMenuItemDesk5:hover, .header-module-scss-module__SMZh0W__solutionMenuItemDesk6:hover, .header-module-scss-module__SMZh0W__solutionMenuItemDesk:hover {
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    background: #fff;
  }
}

.header-module-scss-module__SMZh0W__solutionMenuItemDesk2, .header-module-scss-module__SMZh0W__solutionMenuItemDesk3, .header-module-scss-module__SMZh0W__solutionMenuItemDesk4, .header-module-scss-module__SMZh0W__solutionMenuItemDesk5, .header-module-scss-module__SMZh0W__solutionMenuItemDesk6 {
  z-index: 4;
  width: 100%;
  transition: top .5s ease-in-out;
  position: absolute;
  top: 0;
}

.header-module-scss-module__SMZh0W__solutionMenuItemDesk3, .header-module-scss-module__SMZh0W__solutionMenuItemDesk4, .header-module-scss-module__SMZh0W__solutionMenuItemDesk5, .header-module-scss-module__SMZh0W__solutionMenuItemDesk6 {
  z-index: 3;
}

.header-module-scss-module__SMZh0W__solutionMenuItemDesk4, .header-module-scss-module__SMZh0W__solutionMenuItemDesk5, .header-module-scss-module__SMZh0W__solutionMenuItemDesk6 {
  z-index: 2;
}

.header-module-scss-module__SMZh0W__solutionMenuItemDesk5, .header-module-scss-module__SMZh0W__solutionMenuItemDesk6 {
  z-index: 1;
}

.header-module-scss-module__SMZh0W__solutionMenuItemDesk6 {
  z-index: 0;
}

.header-module-scss-module__SMZh0W__solution2Opened {
  transition: top .5s ease-in-out;
  top: 100px;
}

.header-module-scss-module__SMZh0W__solution3Opened {
  transition: top .5s ease-in-out;
  top: 200px;
}

.header-module-scss-module__SMZh0W__solution4Opened {
  transition: top .5s ease-in-out;
  top: 300px;
}

.header-module-scss-module__SMZh0W__solution5Opened {
  transition: top .5s ease-in-out;
  top: 400px;
}

.header-module-scss-module__SMZh0W__solution6Opened {
  transition: top .5s ease-in-out;
  top: 500px;
}

.header-module-scss-module__SMZh0W__disabled {
  pointer-events: none;
}

.header-module-scss-module__SMZh0W__solutionIconWrapper {
  -o-object-fit: contain;
  object-fit: contain;
  border: 1px solid #0000001a;
  border-radius: 8px;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 64px;
  height: 64px;
  display: flex;
}

@media screen and (max-width: 1279px) {
  .header-module-scss-module__SMZh0W__solutionIconWrapper {
    width: 48px;
    height: 48px;
  }
}

.header-module-scss-module__SMZh0W__solutionIconWrapperDisabled {
  border: none;
}

.header-module-scss-module__SMZh0W__solutionTexts {
  flex-direction: column;
  gap: 8px;
  display: flex;
}

@media screen and (max-width: 1279px) {
  .header-module-scss-module__SMZh0W__solutionTexts {
    gap: 2px;
  }
}

.header-module-scss-module__SMZh0W__headerRight {
  align-items: center;
  gap: 4px;
  display: flex;
}

.header-module-scss-module__SMZh0W__mobileMenu {
  display: none;
}

@media screen and (max-width: 845px) {
  .header-module-scss-module__SMZh0W__mobileMenu {
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    cursor: pointer;
    -o-object-fit: contain;
    object-fit: contain;
    z-index: 10001;
    background: #fff;
    border-radius: 4px;
    flex: none;
    justify-content: center;
    align-items: center;
    width: 55px;
    height: 55px;
    display: flex;
  }
}

.header-module-scss-module__SMZh0W__mobileMenu .header-module-scss-module__SMZh0W__icon {
  opacity: 0;
  pointer-events: none;
  width: 16px;
  height: 16px;
  transition: opacity .3s;
  display: flex;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.header-module-scss-module__SMZh0W__mobileMenu .header-module-scss-module__SMZh0W__icon > svg {
  width: 100%;
  height: 100%;
}

.header-module-scss-module__SMZh0W__mobileMenu .header-module-scss-module__SMZh0W__show {
  opacity: 1;
  pointer-events: auto;
}

.header-module-scss-module__SMZh0W__mobileMenu .header-module-scss-module__SMZh0W__hide {
  opacity: 0;
  pointer-events: none;
}

.header-module-scss-module__SMZh0W__solutionMenuBackdrop {
  z-index: 1000;
  background: #00000080;
  width: 100%;
  height: 100%;
  padding: 71px 12px 0;
  position: fixed;
  top: 0;
  left: 0;
}

.header-module-scss-module__SMZh0W__menuItems {
  opacity: 0;
  pointer-events: none;
  z-index: 10001;
  flex-direction: column;
  gap: 4px;
  width: 100%;
  display: flex;
  position: absolute;
  top: 100%;
  left: 0;
}

.header-module-scss-module__SMZh0W__menuItems.header-module-scss-module__SMZh0W__show {
  opacity: 1;
  pointer-events: auto;
  transition: opacity .3s;
}

.header-module-scss-module__SMZh0W__menuItem, .header-module-scss-module__SMZh0W__solutionMenuItem {
  cursor: pointer;
  background: #fff;
  border-radius: 4px;
  justify-content: space-between;
  align-items: center;
  padding: 24px 16px;
  text-decoration: none;
  display: flex;
}

.header-module-scss-module__SMZh0W__solutionMenuItem {
  padding: 0;
}

.header-module-scss-module__SMZh0W__soutionsIconName {
  align-items: center;
  gap: 16px;
  display: flex;
}

.header-module-scss-module__SMZh0W__linkIcon {
  -o-object-fit: contain;
  object-fit: contain;
  flex: none;
  width: 16px;
  height: 16px;
}

.header-module-scss-module__SMZh0W__solutionsMobileMenu {
  background: #fff;
  border-radius: 4px;
  flex-direction: column;
  gap: 24px;
  padding: 24px 16px;
  display: flex;
}

/* [project]/application/src/app/website/src/styles/footer.module.scss.module.css [app-client] (css) */
.footer-module-scss-module__dAgzdq__footerWrapper {
  flex-direction: row;
  padding: 96px 100px 32px;
  display: flex;
}

@media screen and (max-width: 1279px) {
  .footer-module-scss-module__dAgzdq__footerWrapper {
    padding: 48px 8px 32px;
  }
}

.footer-module-scss-module__dAgzdq__footerContainer {
  flex-direction: column;
  gap: 24px;
  width: 100%;
  max-width: 1528px;
  margin: 0 auto;
  display: flex;
}

.footer-module-scss-module__dAgzdq__footerContainerOpt {
  max-width: 998px;
}

.footer-module-scss-module__dAgzdq__footerMenuItems {
  align-items: center;
  gap: 32px;
  display: flex;
}

@media screen and (max-width: 767px) {
  .footer-module-scss-module__dAgzdq__footerMenuItems {
    display: none;
  }
}

.footer-module-scss-module__dAgzdq__footerMenuItemsMobile {
  display: none;
}

@media screen and (max-width: 767px) {
  .footer-module-scss-module__dAgzdq__footerMenuItemsMobile {
    flex-direction: column;
    gap: 24px;
    display: flex;
  }
}

.footer-module-scss-module__dAgzdq__nextRowLinks {
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  display: flex;
}

.footer-module-scss-module__dAgzdq__footerLink {
  color: #000;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  text-decoration: none;
}

.footer-module-scss-module__dAgzdq__footerText {
  width: 100%;
  max-width: 951px;
  display: flex;
}

.footer-module-scss-module__dAgzdq__footerCertifications {
  flex-direction: row;
  display: flex;
  transform: scale(1);
}

@media screen and (max-width: 1279px) {
  .footer-module-scss-module__dAgzdq__footerCertifications {
    transform: scale(.7);
  }
}

/* [project]/application/src/app/website/src/app/globals.scss.css [app-client] (css) */
* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

.bodyOverflowHidden {
  overflow: hidden !important;
}

html {
  -webkit-tap-highlight-color: #0000;
  --scroll-behavior: smooth;
  scroll-behavior: smooth;
  text-rendering: optimizeLegibility;
}

@font-face {
  font-family: HafferXH;
  font-style: normal;
  font-weight: 400;
  src: url("../media/HafferXH-TRIAL-Regular.ad01a072.ttf") format("truetype");
}

@font-face {
  font-family: HafferXH;
  font-style: normal;
  font-weight: 500;
  src: url("../media/HafferXH-TRIAL-Medium.f6eaaa41.ttf") format("truetype");
}

:root {
  --font-hafferXH: "HafferXH";
}

body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #f7dac5;
  font-family: var(--font-hafferXH), sans-serif;
  font-feature-settings: "ss02" on, "ss04" on, "ss06" on, "ss11" on, "ss16" on;
  background: #f7dac5;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}

.pageContent {
  flex-direction: column;
  justify-content: space-between;
  min-height: 100vh;
  display: flex;
  position: relative;
}

.btn {
  color: #000;
  cursor: pointer;
  font-family: var(--font-hafferXH), sans-serif;
  pointer-events: auto;
  border: none;
  border-radius: 4px;
  outline: none;
  flex: none;
  align-items: center;
  height: 60px;
  padding: 0 16px;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  display: flex;
}

.btn:disabled {
  opacity: .5;
  pointer-events: none;
}

.btnPrim {
  -webkit-backdrop-filter: blur(18px);
  backdrop-filter: blur(18px);
  opacity: .8;
  background: #fff;
  transition: all .3s;
}

@media (hover: hover) {
  .btnPrim:hover {
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    opacity: 1;
  }
}

@media screen and (max-width: 1279px) {
  .btnPrim {
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    opacity: 1;
    height: 55px;
  }
}

.btnRelative {
  z-index: 2147483647;
  position: relative;
}

.btnSec {
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  color: #f7dac5;
  background: none;
  border: 1px solid #f7dac5;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
}

@media (hover: hover) {
  .btnSec:hover {
    background: #ffffff1a;
    box-shadow: 0 0 0 1px #f7dac5;
  }
}

.btnThird {
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  background: #f7dac5;
  border: 2px solid #f7dac5;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
}

@media (hover: hover) {
  .btnThird:hover {
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    background: #fff;
    border: 2px solid #fff;
  }
}

.btnGetInTouchOptimize {
  color: #c6dfe9;
  background: #381f15;
  border: 1px solid #381f15;
}

@media (hover: hover) {
  .btnGetInTouchOptimize:hover {
    background: #000;
    border: 1px solid #000;
    box-shadow: 0 0 12px #ffffff73;
  }
}

.btnFive {
  background: #f7c5d1;
  border: 2px solid #f7c5d1;
}

.btnFour {
  background: none;
  border: 1px solid #000;
  height: 45px;
  padding: 0 12px;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

@media (hover: hover) {
  .btnFour:hover {
    box-shadow: 0 0 0 1px #000;
  }
}

.btnTab, .btnTabMove {
  color: #07392d;
  cursor: pointer;
  background: #07392d1a;
  border: 1px solid #07392d;
  border-radius: 112px 112px 104px 104px;
  height: 56px;
  padding: 0 16px;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
}

@media (hover: hover) {
  .btnTab:hover, .btnTabMove:hover {
    box-shadow: 0 0 0 1px #07392d;
  }
}

.btnTabActive {
  color: #fff;
  background: #07392d;
}

.btnTabMove {
  text-align: left;
  background: none;
}

@media screen and (max-width: 1279px) {
  .btnTabMove {
    height: unset;
    padding: 16px;
  }
}

.btnPlay {
  border-radius: 50%;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  transition: top .3s;
  display: flex;
  top: 36px;
}

.playIcon, .stopIcon {
  -o-object-fit: contain;
  object-fit: contain;
  flex: none;
  width: 16px;
  height: 16px;
}

.stopIcon {
  border: 2px solid var(--CalmGreen, #07392d);
}

.btnTabTeam, .btnTabTeamSelected {
  color: #000;
  cursor: pointer;
  background: #ffffffe6;
  border: none;
  border-radius: 0;
  outline: none;
  justify-content: center;
  align-items: center;
  width: 108px;
  height: 43px;
  padding: 0 16px;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  display: flex;
}

.btnTabTeamSelected {
  color: #fff;
  background: #fff3;
}

.btnInnerTab {
  align-items: center;
  gap: 12px;
  display: flex;
}

.btnActive {
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  background: #fff;
}

.btnInner {
  gap: 8px;
}

.btnInner, .btnInnerSmall {
  align-items: center;
  display: flex;
}

.btnInnerSmall {
  gap: 4px;
}

.btnIcon {
  width: 16px;
  height: 16px;
}

.btnIcon, .btnIcon12 {
  -o-object-fit: contain;
  object-fit: contain;
  flex: none;
}

.btnIcon12 {
  width: 12px;
  height: 12px;
}

.btnIconRotated {
  transform: rotate(45deg);
}

.btnNoLeftRadius {
  border-radius: 0 4px 4px 0;
}

.fullWidthBtn {
  justify-content: center;
  width: 100%;
}

.noDecoration {
  justify-content: center;
  text-decoration: none;
}

.offset6 {
  text-underline-offset: 14px;
}

@media screen and (max-width: 1279px) {
  .offset6 {
    text-underline-offset: 7px;
  }
}

.frostedBtnSec {
  color: #c6dfe9;
  border: 1px solid #c6dfe9;
}

@media (hover: hover) {
  .frostedBtnSec:hover {
    box-shadow: 0 0 0 1px #c6dfe9;
  }
}

.btnTry {
  color: #07392d;
  border: 1px solid #07392d;
}

@media (hover: hover) {
  .btnTry:hover {
    box-shadow: 0 0 0 1px #07392d;
  }
}

.btnTrySec {
  color: #c6dfe9;
  background: #07392d;
  border: 1px solid #07392d;
}

@media (hover: hover) {
  .btnTrySec:hover {
    background: #000;
    border: 1px solid #000;
  }
}

.frostedBtnThird {
  color: #07392d;
  background: #c6dfe9;
  border: 2px solid #c6dfe9;
}

.text_10 {
  letter-spacing: .3px;
  font-size: 10px;
}

.text_10, .text_12 {
  font-style: normal;
  line-height: normal;
}

.text_12 {
  font-size: 12px;
  font-weight: 500;
}

.text_14 {
  line-height: 20px;
}

.text_14, .text_14_18 {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
}

.text_14_18 {
  line-height: 18px;
}

.text_16 {
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

.text_18_section {
  font-weight: 400;
}

.text_18-tab, .text_18_section {
  font-size: 18px;
  font-style: normal;
  line-height: 24px;
}

.text_18-tab, .text_28 {
  font-weight: 500;
}

.text_28 {
  font-size: 28px;
  font-style: normal;
  line-height: 34px;
}

.text_36 {
  font-size: 36px;
  font-weight: 400;
}

.text_36, .text_56 {
  font-style: normal;
  line-height: normal;
}

.text_56 {
  font-size: 56px;
  font-weight: 500;
}

.text_72 {
  color: var(--Financial, #f7dac5);
  font-size: 72px;
  font-style: normal;
  font-weight: 500;
  line-height: 78px;
}

@media screen and (max-width: 1279px) {
  .text_18_m {
    font-size: 18px;
    line-height: 24px;
  }

  .text_28_t {
    font-size: 28px;
    line-height: 34px;
  }

  .text_46_m {
    font-size: 46px;
    line-height: 48px;
  }
}

@media screen and (max-width: 845px) {
  .text_18-tab {
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
  }

  .text_18_mini {
    font-size: 18px;
    line-height: 24px;
  }

  .text_46_mini {
    font-size: 46px;
    line-height: 48px;
  }

  .text_18_section {
    font-size: 14px;
    font-style: normal;
    line-height: 18px;
  }
}

@media screen and (max-width: 767px) {
  .text_3_m {
    font-size: 2.937px;
    line-height: normal;
  }

  .text_28_m {
    font-size: 28px;
    line-height: 34px;
  }

  .text_12-mobile {
    flex: none;
    font-size: 3px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
  }
}

.text_black {
  color: #000;
}

.text_black_30 {
  color: #0000004d;
}

.text_black_50 {
  color: #00000080;
}

.text_white {
  color: #fff;
}

.text_white_50 {
  color: #ffffff80;
}

.text_frosted_blue {
  color: #c6dfe9;
}

.text_deep_green {
  color: #07392d;
}

.text_rich_black {
  color: #010101;
}

.font_semibold {
  font-weight: 500;
}

.input {
  color: #f7dac5;
  font-family: var(--font-hafferXH), sans-serif;
  font-feature-settings: "ss02" on, "ss04" on, "ss06" on, "ss11" on, "ss16" on;
  background: none;
  border: 1px solid #f7dac5;
  border-radius: 4px;
  outline: none;
  width: 100%;
  height: 60px;
  padding: 0 16px;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
}

.input::placeholder {
  color: #f7dac5;
  opacity: .5;
}

@media (hover: hover) {
  .input:hover {
    box-shadow: 0 0 0 1px #f7dac5;
  }
}

.animated-cross-container {
  cursor: pointer;
  transition: transform .3s;
  display: inline-block;
}

.animated-cross-container .animated-cross-svg {
  transition: all .3s;
  display: block;
}

.onlyDesktop {
  display: flex;
}

@media screen and (max-width: 1279px) {
  .onlyDesktop {
    display: none;
  }
}

.notDesktop {
  display: none;
}

@media screen and (max-width: 1279px) {
  .notDesktop {
    display: flex;
  }
}

/*# sourceMappingURL=application_056ebe83._.css.map*/