/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS (and SCSS, if configured) file within this directory, lib/assets/stylesheets, or any plugin's
 * vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any other CSS
 * files in this directory. Styles in this file should be added after the last require_* statement.
 * It is generally better to create a new file per style scope.
 *


 */
@tailwind base;
@tailwind components;
@tailwind utilities;
/* line 3, app/assets/stylesheets/components/footer.scss */
footer {
  min-height: 750px;
  height: 100vh;
  background-color: #191919;
}

/* line 8, app/assets/stylesheets/components/footer.scss */
footer .footer-background-container {
  bottom: 0;
  background: radial-gradient(27.04% 50% at 35.23% 0%, rgba(0, 183, 255, 0.17) 0%, rgba(0, 183, 255, 0) 100%), radial-gradient(24.2% 44.75% at 59.77% 94.75%, rgba(0, 89, 255, 0.11) 0%, rgba(0, 89, 255, 0) 100%), radial-gradient(28.59% 53.83% at 99.26% 17.27%, rgba(179, 0, 255, 0.16) 0%, rgba(178, 0, 255, 0) 100%), radial-gradient(25% 48.21% at -4.04% 97.45%, rgba(179, 0, 255, 0.16) 0%, rgba(178, 0, 255, 0) 100%);
  visibility: hidden;
}

/* line 15, app/assets/stylesheets/components/footer.scss */
footer .footer-container .year {
  color: #FFFFFF99;
}

/* line 19, app/assets/stylesheets/components/footer.scss */
footer .footer-container .footer-main-text {
  letter-spacing: 0.04em;
  background: radial-gradient(34.54% 89.92% at 40.77% 23.39%, rgba(0, 214, 233, 0.3) 0%, rgba(0, 214, 233, 0) 100%), #FFFFFF;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}

/* line 29, app/assets/stylesheets/components/footer.scss */
footer .links-container {
  scrollbar-width: none;
}

/* line 32, app/assets/stylesheets/components/footer.scss */
footer .links-container svg {
  flex-shrink: 0;
}

/* line 36, app/assets/stylesheets/components/footer.scss */
footer .links-container::-webkit-scrollbar {
  display: none;
  height: 0;
}

/* line 42, app/assets/stylesheets/components/footer.scss */
footer.vissible {
  z-index: 20;
}

/* line 45, app/assets/stylesheets/components/footer.scss */
footer.vissible .footer-background-container {
  visibility: unset;
}

@media screen and (min-width: 576px) {
  /* line 52, app/assets/stylesheets/components/footer.scss */
  footer {
    min-height: 900px;
  }
}

@media screen and (min-width: 2000px) {
  /* line 59, app/assets/stylesheets/components/footer.scss */
  footer .links-container {
    margin: 0 auto;
  }
}
/* line 3, app/assets/stylesheets/components/header.scss */
header {
  mix-blend-mode: difference;
  color: #ffffff;
  z-index: 3;
  transform: translateY(-100%);
}

/* line 9, app/assets/stylesheets/components/header.scss */
header:has(.main-button:is(:hover)) {
  mix-blend-mode: unset;
}

/* line 13, app/assets/stylesheets/components/header.scss */
header .header-content {
  width: calc(100% - 32px);
  color: #ffffff;
  z-index: 2;
}

/* line 19, app/assets/stylesheets/components/header.scss */
header .main-button {
  background-color: transparent;
}

/* line 24, app/assets/stylesheets/components/header.scss */
header .main-button .logo {
  transition: scale 0.4s cubic-bezier(0.47, 0, 0.74, 0.71);
  will-change: scale;
}

/* line 28, app/assets/stylesheets/components/header.scss */
header .main-button .logo::before {
  content: "";
  background-color: #ffffff;
  position: absolute;
  height: 100%;
  width: 100%;
  transition: .4s ease;
  border-radius: 9999px;
  filter: blur(150px) brightness(1.5);
  transition: filter 0.4s cubic-bezier(0.47, 0, 0.74, 0.71);
  will-change: filter;
}

/* line 41, app/assets/stylesheets/components/header.scss */
header .main-button .logo .logo__icon_black {
  z-index: 1;
  opacity: 1;
  filter: brightness(0) invert(1);
  transition: opacity 0.4s cubic-bezier(0.47, 0, 0.74, 0.71);
  will-change: opacity;
}

/* line 48, app/assets/stylesheets/components/header.scss */
header .main-button .logo .logo__icon_colored {
  opacity: 0;
  transition: opacity 0.4s cubic-bezier(0.47, 0, 0.74, 0.71);
  will-change: opacity;
}

/* line 55, app/assets/stylesheets/components/header.scss */
header .main-button:is(:hover, :active) .logo {
  scale: 1.05;
}

/* line 58, app/assets/stylesheets/components/header.scss */
header .main-button:is(:hover, :active) .logo::before {
  filter: blur(0px) brightness(1);
  background-color: #191919;
}

/* line 63, app/assets/stylesheets/components/header.scss */
header .main-button:is(:hover, :active) .logo .logo__icon_black {
  opacity: 0;
  filter: brightness(0%);
}

/* line 67, app/assets/stylesheets/components/header.scss */
header .main-button:is(:hover, :active) .logo .logo__icon_colored {
  opacity: 1;
}

/* line 73, app/assets/stylesheets/components/header.scss */
header .sections {
  top: 100%;
  background: rgba(92, 92, 92, 0.3);
  backdrop-filter: blur(50px);
  transform: translateY(-50%) scale(0, 0);
  transition: transform .2s ease-in;
}

/* line 81, app/assets/stylesheets/components/header.scss */
header .sub-link {
  opacity: 0;
  transition: transform .2s ease-in, opacity .1s ease-in;
}

/* line 84, app/assets/stylesheets/components/header.scss */
header .sub-link:is(:hover, :active) {
  background-color: #F1F1F333;
  opacity: 1;
}

/* line 89, app/assets/stylesheets/components/header.scss */
header .sub-link[data-open=true] {
  opacity: 1;
}

/* line 96, app/assets/stylesheets/components/header.scss */
header .sub-link_active {
  background-color: #F1F1F3;
  color: #191919;
}

/* line 100, app/assets/stylesheets/components/header.scss */
header .sub-link_active:is(:hover, :active) {
  background-color: #F1F1F3;
}

/* line 105, app/assets/stylesheets/components/header.scss */
header .background {
  background-color: transparent;
  z-index: 1;
  display: none;
  cursor: pointer;
  height: 100vh;
}

/* line 113, app/assets/stylesheets/components/header.scss */
header[data-open=true] {
  mix-blend-mode: unset;
}

/* line 116, app/assets/stylesheets/components/header.scss */
header[data-open=true] .header-content {
  height: 100%;
}

/* line 121, app/assets/stylesheets/components/header.scss */
header[data-open=true] .main-button .logo {
  scale: 1.05;
}

/* line 124, app/assets/stylesheets/components/header.scss */
header[data-open=true] .main-button .logo::before {
  filter: blur(0px) brightness(1);
  background-color: #191919;
}

/* line 129, app/assets/stylesheets/components/header.scss */
header[data-open=true] .main-button .logo .logo__icon_colored {
  opacity: 1;
}

/* line 135, app/assets/stylesheets/components/header.scss */
header[data-open=true] .sections {
  transform: translateY(0%) scale(1, 1);
}

/* line 139, app/assets/stylesheets/components/header.scss */
header[data-open=true] .background {
  display: flex;
}

/* line 144, app/assets/stylesheets/components/header.scss */
header[data-show=true] {
  transform: translateY(0%);
}

@media screen and (min-width: 576px) {
  /* line 151, app/assets/stylesheets/components/header.scss */
  header .header-content {
    max-width: 415px;
  }
  /* line 156, app/assets/stylesheets/components/header.scss */
  header[data-open=true] .header-content {
    height: unset;
  }
}

@media screen and (min-width: 992px) {
  /* line 166, app/assets/stylesheets/components/header.scss */
  header[data-open-pos=top] .sections {
    top: unset;
  }
  /* line 171, app/assets/stylesheets/components/header.scss */
  header[data-open-pos=top][data-open=true] .sections {
    transform: translateY(-100%);
  }
}
/* line 5, app/assets/stylesheets/components/main/analytics/bento-grid.scss */
.branding-page .bento-grid svg {
  flex-shrink: 0;
}

/* line 9, app/assets/stylesheets/components/main/analytics/bento-grid.scss */
.branding-page .bento-grid .bento-grid__black-container {
  background-color: #191919;
}

/* line 13, app/assets/stylesheets/components/main/analytics/bento-grid.scss */
.branding-page .bento-grid .bento-grid__gradient-1 {
  background: radial-gradient(137.41% 95.68% at 92.94% 100%, rgba(255, 114, 115, 0.33) 0%, rgba(255, 114, 115, 0) 100%);
}
/* line 5, app/assets/stylesheets/components/main/branding/bento-grid.scss */
.analytics-page .bento-grid svg {
  flex-shrink: 0;
}

/* line 9, app/assets/stylesheets/components/main/branding/bento-grid.scss */
.analytics-page .bento-grid .bento-grid__black-container {
  background-color: #191919;
}

/* line 13, app/assets/stylesheets/components/main/branding/bento-grid.scss */
.analytics-page .bento-grid .bento-grid__gradient-1 {
  background: radial-gradient(137.41% 95.68% at 92.94% 100%, rgba(179, 121, 255, 0.33) 0%, rgba(179, 121, 255, 0) 100%);
}
/* line 4, app/assets/stylesheets/components/main/desanalyses/item/slider.scss */
.desanalysis-slider .swiper {
  padding-bottom: 0 !important;
}

/* line 8, app/assets/stylesheets/components/main/desanalyses/item/slider.scss */
.desanalysis-slider .swiper .swiper-slide > div {
  aspect-ratio: 4 / 3;
}

/* line 12, app/assets/stylesheets/components/main/desanalyses/item/slider.scss */
.desanalysis-slider .swiper .swiper-slide img,
.desanalysis-slider .swiper .swiper-slide video {
  border-radius: 24px;
  -webkit-border-radius: 24px;
  -moz-border-radius: 24px;
  -ms-border-radius: 24px;
  -o-border-radius: 24px;
}

/* line 22, app/assets/stylesheets/components/main/desanalyses/item/slider.scss */
.desanalysis-slider .swiper .swiper-button-prev,
.desanalysis-slider .swiper .swiper-button-next {
  position: static;
  padding: 8px 24px;
  width: unset;
  height: unset;
  background-color: #476FFF;
  color: #ffffff;
  border: 1px solid #476FFF;
  line-height: 1.5;
  border-radius: 32px;
  -webkit-border-radius: 32px;
  -moz-border-radius: 32px;
  -ms-border-radius: 32px;
  -o-border-radius: 32px;
}

/* line 33, app/assets/stylesheets/components/main/desanalyses/item/slider.scss */
.desanalysis-slider .swiper .swiper-button-prev::after,
.desanalysis-slider .swiper .swiper-button-next::after {
  content: '';
}

/* line 37, app/assets/stylesheets/components/main/desanalyses/item/slider.scss */
.desanalysis-slider .swiper .swiper-button-prev.swiper-button-disabled,
.desanalysis-slider .swiper .swiper-button-next.swiper-button-disabled {
  background-color: transparent;
  border: 1px solid #476FFF;
  color: #58585E;
  border-color: #C3C3CD;
}

@media screen and (min-width: 992px) {
  /* line 54, app/assets/stylesheets/components/main/desanalyses/item/slider.scss */
  .desanalysis-slider .swiper:not(.swiper_no-padding) {
    padding-bottom: 60px !important;
  }
}
/* line 4, app/assets/stylesheets/components/main/desanalyses/list-item.scss */
.desanalysis-container a .image-container picture {
  transition: .5s ease;
  -webkit-transition: .5s ease;
  -moz-transition: .5s ease;
  -ms-transition: .5s ease;
  -o-transition: .5s ease;
}

/* line 11, app/assets/stylesheets/components/main/desanalyses/list-item.scss */
.desanalysis-container a .image-container picture img {
  object-fit: cover;
}

/* line 17, app/assets/stylesheets/components/main/desanalyses/list-item.scss */
.desanalysis-container a:is(:hover, :active) {
  opacity: 1;
}

/* line 21, app/assets/stylesheets/components/main/desanalyses/list-item.scss */
.desanalysis-container a:is(:hover, :active) .image-container picture {
  transform: scale(1.05);
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -o-transform: scale(1.05);
}

/* line 30, app/assets/stylesheets/components/main/desanalyses/list-item.scss */
.desanalysis-container a:is(:hover, :active) .desanalysis__header {
  color: #2053D8;
}
/* line 3, app/assets/stylesheets/components/main/home/slider.scss */
.home-slider {
  aspect-ratio: 4 / 3;
  width: 100%;
}

/* line 7, app/assets/stylesheets/components/main/home/slider.scss */
.home-slider .swiper {
  padding-bottom: 0 !important;
  position: fixed;
  width: calc(100% - 32px);
  aspect-ratio: 4 / 3;
  height: unset;
  transition: .1 linear;
  -webkit-transition: .1 linear;
  -moz-transition: .1 linear;
  -ms-transition: .1 linear;
  -o-transition: .1 linear;
}

/* line 14, app/assets/stylesheets/components/main/home/slider.scss */
.home-slider .swiper .swiper-button-prev,
.home-slider .swiper .swiper-button-next {
  width: 48px;
  height: 100%;
  top: 6px;
  padding: 0 8px;
  background-color: transparent;
  opacity: .01;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  transition: .1s linear;
  -webkit-transition: .1s linear;
  -moz-transition: .1s linear;
  -ms-transition: .1s linear;
  -o-transition: .1s linear;
}

/* line 23, app/assets/stylesheets/components/main/home/slider.scss */
.home-slider .swiper .swiper-button-prev::after,
.home-slider .swiper .swiper-button-next::after {
  content: none;
}

/* line 27, app/assets/stylesheets/components/main/home/slider.scss */
.home-slider .swiper .swiper-button-prev svg,
.home-slider .swiper .swiper-button-next svg {
  width: 8px;
}

/* line 31, app/assets/stylesheets/components/main/home/slider.scss */
.home-slider .swiper .swiper-button-prev:is(:hover, :active),
.home-slider .swiper .swiper-button-next:is(:hover, :active) {
  opacity: 1;
}

/* line 46, app/assets/stylesheets/components/main/home/slider.scss */
.home-slider .swiper .swiper-button-prev {
  left: 0;
  justify-content: flex-start;
}

/* line 50, app/assets/stylesheets/components/main/home/slider.scss */
.home-slider .swiper .swiper-button-next {
  right: 0;
  justify-content: flex-end;
}

/* line 55, app/assets/stylesheets/components/main/home/slider.scss */
.home-slider .swiper.scrolled {
  transform: scale(0.9);
  -webkit-transform: scale(0.9);
  -moz-transform: scale(0.9);
  -ms-transform: scale(0.9);
  -o-transform: scale(0.9);
  filter: brightness(0.5);
  -webkit-filter: brightness(0.5);
}

@media screen and (min-width: 992px) {
  /* line 75, app/assets/stylesheets/components/main/home/slider.scss */
  .home-slider {
    aspect-ratio: unset;
    margin: 0;
    height: calc(100vh - 96px);
    max-height: 1800px;
  }
  /* line 81, app/assets/stylesheets/components/main/home/slider.scss */
  .home-slider .swiper {
    height: calc(100vh - 96px);
    max-height: 1800px;
    max-width: 1600px;
  }
  /* line 86, app/assets/stylesheets/components/main/home/slider.scss */
  .home-slider .swiper .swiper-button-prev,
.home-slider .swiper .swiper-button-next {
    width: 128px;
    padding: 0 24px;
  }
  /* line 91, app/assets/stylesheets/components/main/home/slider.scss */
  .home-slider .swiper .swiper-button-prev svg,
.home-slider .swiper .swiper-button-next svg {
    width: 16px;
  }
}

@media screen and (min-width: 2000px) {
  /* line 100, app/assets/stylesheets/components/main/home/slider.scss */
  .home-slider {
    margin: 0 -128px;
    width: calc(100% + 256px);
  }
  /* line 104, app/assets/stylesheets/components/main/home/slider.scss */
  .home-slider .swiper {
    width: calc(1600px + 256px);
    max-width: unset;
  }
}

@media screen and (min-width: 2600px) {
  /* line 112, app/assets/stylesheets/components/main/home/slider.scss */
  .home-slider {
    margin: 0 -256px;
    width: calc(100% + 512px);
  }
  /* line 116, app/assets/stylesheets/components/main/home/slider.scss */
  .home-slider .swiper {
    width: calc(1600px + 512px);
  }
}
/* line 5, app/assets/stylesheets/components/main/illustrations/bento-grid.scss */
.illustrations-page .bento-grid svg {
  flex-shrink: 0;
}

/* line 9, app/assets/stylesheets/components/main/illustrations/bento-grid.scss */
.illustrations-page .bento-grid .bento-grid__black-container {
  background-color: #191919;
}

/* line 13, app/assets/stylesheets/components/main/illustrations/bento-grid.scss */
.illustrations-page .bento-grid .bento-grid__gradient-1 {
  background: radial-gradient(59% 116.58% at 101.66% -12.2%, rgba(169, 84, 255, 0.33) 0%, rgba(169, 84, 255, 0) 100%);
}

/* line 25, app/assets/stylesheets/components/main/illustrations/bento-grid.scss */
.illustrations-page .bento-grid .bento-grid__text_orange-star::before,
.illustrations-page .bento-grid .bento-grid__text_pink-ladder::before,
.illustrations-page .bento-grid .bento-grid__text_red-asterisk::before,
.illustrations-page .bento-grid .bento-grid__text_blue-cloud::before,
.illustrations-page .bento-grid .bento-grid__text_green-rainbow::before,
.illustrations-page .bento-grid .bento-grid__text_yellow-leaf::before,
.illustrations-page .bento-grid .bento-grid__text_blue-polygon::before,
.illustrations-page .bento-grid .bento-grid__text_purple-sadness::before {
  display: flex;
  content: ' ';
  width: 24px;
  height: 24px;
  flex-shrink: 0;
  background-repeat: no-repeat;
  background-position: center;
}

/* line 35, app/assets/stylesheets/components/main/illustrations/bento-grid.scss */
.illustrations-page .bento-grid .bento-grid__text_orange-star::before {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.6798 0.284474C11.7248 -0.0948246 12.2752 -0.0948246 12.3202 0.284474L12.6978 3.46644C13.1853 7.57523 16.4248 10.8147 20.5335 11.3022L23.7155 11.6798C24.0948 11.7248 24.0948 12.2752 23.7155 12.3202L20.5335 12.6978C16.4248 13.1853 13.1853 16.4248 12.6978 20.5335L12.3202 23.7155C12.2752 24.0948 11.7248 24.0948 11.6798 23.7155L11.3022 20.5335C10.8147 16.4248 7.57523 13.1853 3.46644 12.6978L0.284474 12.3202C-0.0948246 12.2752 -0.0948246 11.7248 0.284474 11.6798L3.46644 11.3022C7.57523 10.8147 10.8147 7.57523 11.3022 3.46644L11.6798 0.284474Z' fill='%23F2994A'/%3E%3C/svg%3E%0A");
}

/* line 38, app/assets/stylesheets/components/main/illustrations/bento-grid.scss */
.illustrations-page .bento-grid .bento-grid__text_pink-ladder::before {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.5 0.5H6.83336V6.83336H13.1666V13.1666H19.5V19.5H0.5V0.5Z' fill='%23F8B3B8'/%3E%3C/svg%3E%0A");
}

/* line 41, app/assets/stylesheets/components/main/illustrations/bento-grid.scss */
.illustrations-page .bento-grid .bento-grid__text_red-asterisk::before {
  background-image: url("data:image/svg+xml,%3Csvg width='22' height='20' viewBox='0 0 22 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.81417 18.987C5.33887 19.3577 5.94804 19.5366 6.55277 19.5366C7.46285 19.5366 8.36101 19.1314 8.93904 18.3697C8.9407 18.3681 8.94226 18.3664 8.94375 18.3646C8.94514 18.3629 8.94654 18.3611 8.94784 18.3593L8.94985 18.3565C8.95124 18.3546 8.95255 18.3528 8.95386 18.351L10.9993 15.6148L13.0447 18.351C13.0467 18.354 13.0488 18.3562 13.0508 18.3588C13.0518 18.36 13.0526 18.3612 13.0536 18.3625C14.017 19.6391 15.8682 19.9203 17.1859 18.9885C18.505 18.0568 18.8 16.2552 17.8484 14.9687L17.8463 14.9655C17.8446 14.9628 17.8432 14.9607 17.841 14.9586L15.8 12.2209L19.1068 11.1738C20.6601 10.682 21.5138 9.0507 21.0084 7.53904C20.503 6.02747 18.8281 5.19668 17.2733 5.68709L13.9666 6.72993L13.9652 3.3447C13.9636 1.75521 12.6341 0.461426 11.0008 0.461426C9.36742 0.461426 8.03792 1.75521 8.03643 3.34614L8.03347 6.72849L4.72674 5.68564C4.72543 5.68564 4.72383 5.68536 4.72223 5.68492C4.72015 5.68438 4.71801 5.68356 4.71635 5.68276C3.16451 5.19813 1.49558 6.02891 0.991646 7.53769C0.4877 9.04637 1.33552 10.6719 2.88142 11.1681C2.88285 11.1685 2.88413 11.169 2.88536 11.1695L2.8908 11.1715L2.89329 11.1724L6.19852 12.2195L4.15756 14.9572C4.15682 14.9586 4.15572 14.96 4.15462 14.9615C4.15349 14.9629 4.15239 14.9644 4.15165 14.9658C3.1986 16.2524 3.49504 18.0553 4.81417 18.987Z' fill='%23F86666'/%3E%3C/svg%3E%0A");
}

/* line 44, app/assets/stylesheets/components/main/illustrations/bento-grid.scss */
.illustrations-page .bento-grid .bento-grid__text_blue-cloud::before {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='16' viewBox='0 0 24 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.2921 5.87288C19.3389 5.61915 19.3633 5.35735 19.3633 5.08964C19.3633 2.78839 17.5573 0.922852 15.3295 0.922852C13.9664 0.922852 12.7611 1.62125 12.031 2.69056C11.33 2.08265 10.4258 1.71653 9.43892 1.71653C7.23246 1.71653 5.43979 3.5464 5.40559 5.81713H5.40509C2.92973 5.81713 0.923096 7.88993 0.923096 10.4469C0.923096 13.0039 2.92973 15.0767 5.40509 15.0767H18.595C21.0703 15.0767 23.0769 13.0039 23.0769 10.4469C23.0769 8.13489 21.4364 6.21882 19.2921 5.87288Z' fill='%232F80ED'/%3E%3C/svg%3E%0A");
}

/* line 47, app/assets/stylesheets/components/main/illustrations/bento-grid.scss */
.illustrations-page .bento-grid .bento-grid__text_green-rainbow::before {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='12' viewBox='0 0 24 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15.907 11.8461H24C24 5.38865 18.6274 0.153809 12 0.153809C5.37258 0.153809 0 5.38865 0 11.8461H8.09302C8.09302 9.74366 9.84221 8.03932 12 8.03932C14.1578 8.03932 15.907 9.74366 15.907 11.8461Z' fill='%231ECE5A'/%3E%3C/svg%3E%0A");
}

/* line 50, app/assets/stylesheets/components/main/illustrations/bento-grid.scss */
.illustrations-page .bento-grid .bento-grid__text_yellow-leaf::before {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.9985 0.00148284C19.9985 0.00148284 20.2356 9.19158 14.7135 14.7136C9.19153 20.2357 0.00148286 19.9985 0.00148286 19.9985C0.00148286 19.9985 -0.235617 10.8085 5.2864 5.28644C10.8084 -0.235617 19.9985 0.00148284 19.9985 0.00148284Z' fill='%23F2C94C'/%3E%3C/svg%3E%0A");
}

/* line 53, app/assets/stylesheets/components/main/illustrations/bento-grid.scss */
.illustrations-page .bento-grid .bento-grid__text_blue-polygon::before {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='22' viewBox='0 0 20 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.99994 0.230957L19.3264 5.61557V16.3848L9.99994 21.7694L0.673516 16.3848V5.61557L9.99994 0.230957Z' fill='%2356CCF2'/%3E%3C/svg%3E%0A");
}

/* line 56, app/assets/stylesheets/components/main/illustrations/bento-grid.scss */
.illustrations-page .bento-grid .bento-grid__text_purple-sadness::before {
  background-image: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.92312 0.846191C3.11921 0.846191 0.846191 3.11921 0.846191 5.92312C0.846191 8.72707 3.11921 11 5.92312 11C3.11921 11 0.846191 13.273 0.846191 16.077C0.846191 18.8809 3.11921 21.1539 5.92312 21.1539C8.72707 21.1539 11 18.8809 11 16.077C11 18.8809 13.273 21.1539 16.077 21.1539C18.8809 21.1539 21.1539 18.8809 21.1539 16.077C21.1539 13.273 18.8809 11 16.077 11C18.8809 11 21.1539 8.72707 21.1539 5.92312C21.1539 3.11921 18.8809 0.846191 16.077 0.846191C13.273 0.846191 11 3.11921 11 5.92312C11 3.11921 8.72707 0.846191 5.92312 0.846191Z' fill='%23A483D0'/%3E%3C/svg%3E%0A");
}
/* line 5, app/assets/stylesheets/components/main/product-design/bento-grid.scss */
.product-design-page .bento-grid svg {
  flex-shrink: 0;
}

/* line 9, app/assets/stylesheets/components/main/product-design/bento-grid.scss */
.product-design-page .bento-grid .bento-grid__black-container {
  background-color: #191919;
}

/* line 13, app/assets/stylesheets/components/main/product-design/bento-grid.scss */
.product-design-page .bento-grid .bento-grid__gradient-1 {
  background: radial-gradient(63.2% 104.41% at -2.4% 112.36%, rgba(255, 197, 81, 0.33) 0%, rgba(255, 197, 81, 0) 100%);
}

/* line 16, app/assets/stylesheets/components/main/product-design/bento-grid.scss */
.product-design-page .bento-grid .bento-grid__gradient-2 {
  background: radial-gradient(137.41% 95.68% at 92.94% 100%, rgba(255, 197, 81, 0.33) 0%, rgba(255, 197, 81, 0) 100%);
}

/* line 19, app/assets/stylesheets/components/main/product-design/bento-grid.scss */
.product-design-page .bento-grid .bento-grid__gradient-3 {
  background: radial-gradient(71.19% 137.5% at 52.4% 137.5%, rgba(255, 197, 81, 0.33) 0%, rgba(255, 197, 81, 0) 100%);
}

/* line 28, app/assets/stylesheets/components/main/product-design/bento-grid.scss */
.product-design-page .bento-grid .bento-grid__text_red-x::before,
.product-design-page .bento-grid .bento-grid__text_yellow-x::before,
.product-design-page .bento-grid .bento-grid__text_green-star::before,
.product-design-page .bento-grid .bento-grid__text_blue-x::before,
.product-design-page .bento-grid .bento-grid__text_violet-leaf::before {
  display: flex;
  content: ' ';
  width: 15px;
  height: 15px;
  flex-shrink: 0;
}

/* line 36, app/assets/stylesheets/components/main/product-design/bento-grid.scss */
.product-design-page .bento-grid .bento-grid__text_red-x::before {
  background-image: url("data:image/svg+xml,%3Csvg width='15' height='15' viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.75 0C1.67893 0 0 1.67893 0 3.75C0 5.8211 1.67893 7.5 3.75 7.5C1.67893 7.5 0 9.1789 0 11.25C0 13.3211 1.67893 15 3.75 15C5.8211 15 7.5 13.3211 7.5 11.25C7.5 13.3211 9.1789 15 11.25 15C13.3211 15 15 13.3211 15 11.25C15 9.1789 13.3211 7.5 11.25 7.5C13.3211 7.5 15 5.8211 15 3.75C15 1.67893 13.3211 0 11.25 0C9.1789 0 7.5 1.67893 7.5 3.75C7.5 1.67893 5.8211 0 3.75 0Z' fill='%23FF6E6E'/%3E%3C/svg%3E");
}

/* line 39, app/assets/stylesheets/components/main/product-design/bento-grid.scss */
.product-design-page .bento-grid .bento-grid__text_yellow-x::before {
  background-image: url("data:image/svg+xml,%3Csvg width='15' height='15' viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.75 0C1.67893 0 0 1.67893 0 3.75C0 5.8211 1.67893 7.5 3.75 7.5C1.67893 7.5 0 9.1789 0 11.25C0 13.3211 1.67893 15 3.75 15C5.8211 15 7.5 13.3211 7.5 11.25C7.5 13.3211 9.1789 15 11.25 15C13.3211 15 15 13.3211 15 11.25C15 9.1789 13.3211 7.5 11.25 7.5C13.3211 7.5 15 5.8211 15 3.75C15 1.67893 13.3211 0 11.25 0C9.1789 0 7.5 1.67893 7.5 3.75C7.5 1.67893 5.8211 0 3.75 0Z' fill='%23FFC551'/%3E%3C/svg%3E");
}

/* line 42, app/assets/stylesheets/components/main/product-design/bento-grid.scss */
.product-design-page .bento-grid .bento-grid__text_green-star::before {
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='17' viewBox='0 0 16 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.78651 0.689649C7.81654 0.436784 8.18346 0.436784 8.21349 0.689649L8.4652 2.81096C8.79021 5.55015 10.9499 7.70979 13.689 8.03481L15.8103 8.28651C16.0632 8.31654 16.0632 8.68346 15.8103 8.71349L13.689 8.9652C10.9499 9.29021 8.79021 11.4499 8.4652 14.189L8.21349 16.3103C8.18346 16.5632 7.81654 16.5632 7.78651 16.3103L7.53481 14.189C7.20979 11.4499 5.05015 9.29021 2.31096 8.9652L0.189649 8.71349C-0.0632164 8.68346 -0.0632164 8.31654 0.189649 8.28651L2.31096 8.03481C5.05015 7.70979 7.20979 5.55015 7.53481 2.81096L7.78651 0.689649Z' fill='%2371E38A'/%3E%3C/svg%3E");
}

/* line 45, app/assets/stylesheets/components/main/product-design/bento-grid.scss */
.product-design-page .bento-grid .bento-grid__text_blue-x::before {
  background-image: url("data:image/svg+xml,%3Csvg width='15' height='15' viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.75 0C1.67893 0 0 1.67893 0 3.75C0 5.8211 1.67893 7.5 3.75 7.5C1.67893 7.5 0 9.1789 0 11.25C0 13.3211 1.67893 15 3.75 15C5.8211 15 7.5 13.3211 7.5 11.25C7.5 13.3211 9.1789 15 11.25 15C13.3211 15 15 13.3211 15 11.25C15 9.1789 13.3211 7.5 11.25 7.5C13.3211 7.5 15 5.8211 15 3.75C15 1.67893 13.3211 0 11.25 0C9.1789 0 7.5 1.67893 7.5 3.75C7.5 1.67893 5.8211 0 3.75 0Z' fill='%237AA3FF'/%3E%3C/svg%3E");
}

/* line 48, app/assets/stylesheets/components/main/product-design/bento-grid.scss */
.product-design-page .bento-grid .bento-grid__text_violet-leaf::before {
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='17' viewBox='0 0 16 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.9988 0.501186C15.9988 0.501186 16.1885 7.85327 11.7708 12.2709C7.35322 16.6885 0.00118629 16.4988 0.00118629 16.4988C0.00118629 16.4988 -0.188494 9.14679 4.22912 4.72915C8.64674 0.311506 15.9988 0.501186 15.9988 0.501186Z' fill='%23B379FF'/%3E%3C/svg%3E");
}
/* line 5, app/assets/stylesheets/components/shared/accordion.scss */
.accordion-container {
  border: 1px solid #FFC551;
  background-color: transparent;
  border-radius: 32px;
  -webkit-border-radius: 32px;
  -moz-border-radius: 32px;
  -ms-border-radius: 32px;
  -o-border-radius: 32px;
  overflow: hidden;
}

/* line 15, app/assets/stylesheets/components/shared/accordion.scss */
.accordion-container .ac {
  display: grid;
  padding: 0;
  margin-top: 0;
  border: unset;
  border-top: 1px solid #FFC551;
  border-top-left-radius: 32px;
  border-top-right-radius: 32px;
  background-color: transparent;
  transition: padding .5s ease;
  -webkit-transition: padding .5s ease;
  -moz-transition: padding .5s ease;
  -ms-transition: padding .5s ease;
  -o-transition: padding .5s ease;
}

/* line 25, app/assets/stylesheets/components/shared/accordion.scss */
.accordion-container .ac:first-child {
  border-top: unset;
}

/* line 29, app/assets/stylesheets/components/shared/accordion.scss */
.accordion-container .ac .ac-trigger {
  display: flex;
  padding: 32px 48px 32px 24px;
  font-size: 24px;
  font-family: "ClashDisplay-Semibold", sans;
  transition: padding .05s linear;
  -webkit-transition: padding .05s linear;
  -moz-transition: padding .05s linear;
  -ms-transition: padding .05s linear;
  -o-transition: padding .05s linear;
}

/* line 35, app/assets/stylesheets/components/shared/accordion.scss */
.accordion-container .ac .ac-trigger:is(:hover, :active, :focus) {
  opacity: 1;
  color: #191919;
}

/* line 40, app/assets/stylesheets/components/shared/accordion.scss */
.accordion-container .ac .ac-trigger::after {
  position: absolute;
  top: 40px;
  right: 32px;
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='13' viewBox='0 0 20 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19 1L10 11L0.999999 1' stroke='%231D1D1F' stroke-width='2'/%3E%3C/svg%3E%0A");
  content: ' ';
  width: 20px;
  height: 13px;
  transition: .2s linear;
  -webkit-transition: .2s linear;
  -moz-transition: .2s linear;
  -ms-transition: .2s linear;
  -o-transition: .2s linear;
  transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
}

/* line 60, app/assets/stylesheets/components/shared/accordion.scss */
.accordion-container .ac .ac-trigger path {
  fill: #FFC551;
}

/* line 71, app/assets/stylesheets/components/shared/accordion.scss */
.accordion-container .ac .ac-panel {
  margin-top: -24px;
}

/* line 74, app/assets/stylesheets/components/shared/accordion.scss */
.accordion-container .ac .ac-panel .ac-text {
  line-height: 1.6;
  padding: 0 32px;
  margin-top: 16px;
  font-size: 16px;
  opacity: .01;
  font-family: "Poppins-Regular", sans;
  transition: opacity .4s linear, margin-top .2s linear;
  -webkit-transition: opacity .4s linear, margin-top .2s linear;
  -moz-transition: opacity .4s linear, margin-top .2s linear;
  -ms-transition: opacity .4s linear, margin-top .2s linear;
  -o-transition: opacity .4s linear, margin-top .2s linear;
}

/* line 89, app/assets/stylesheets/components/shared/accordion.scss */
.accordion-container .ac.is-active {
  padding-bottom: 32px;
}

/* line 94, app/assets/stylesheets/components/shared/accordion.scss */
.accordion-container .ac.is-active .ac-trigger::after {
  content: ' ' !important;
  width: 20px;
  height: 13px;
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
}

/* line 107, app/assets/stylesheets/components/shared/accordion.scss */
.accordion-container .ac.is-active .ac-panel .ac-text {
  opacity: 1;
}

/* line 113, app/assets/stylesheets/components/shared/accordion.scss */
.accordion-container .ac .table {
  flex-wrap: wrap;
}

/* line 116, app/assets/stylesheets/components/shared/accordion.scss */
.accordion-container .ac .table span {
  display: flex;
  align-items: center;
  border-left: 1px solid #FFC551;
  justify-content: center;
  text-align: center;
  min-height: 84px;
}

/* line 124, app/assets/stylesheets/components/shared/accordion.scss */
.accordion-container .ac .table span:first-child, .accordion-container .ac .table span:nth-child(2n + 1) {
  border-left: unset;
}

/* line 128, app/assets/stylesheets/components/shared/accordion.scss */
.accordion-container .ac .table span:nth-child(n + 3) {
  border-top: 1px solid #FFC551;
}

@media screen and (min-width: 992px) {
  /* line 145, app/assets/stylesheets/components/shared/accordion.scss */
  .accordion-container .ac .ac-trigger {
    padding: 64px;
    font-size: 32px;
  }
  /* line 149, app/assets/stylesheets/components/shared/accordion.scss */
  .accordion-container .ac .ac-trigger::after {
    top: 78px;
    right: 64px;
  }
  /* line 155, app/assets/stylesheets/components/shared/accordion.scss */
  .accordion-container .ac .ac-panel {
    margin-top: -48px;
  }
  /* line 158, app/assets/stylesheets/components/shared/accordion.scss */
  .accordion-container .ac .ac-panel .ac-text {
    font-size: 24px;
    padding: 0 64px;
    margin-top: 24px;
  }
  /* line 165, app/assets/stylesheets/components/shared/accordion.scss */
  .accordion-container .ac.is-active {
    padding-bottom: 64px;
  }
  /* line 171, app/assets/stylesheets/components/shared/accordion.scss */
  .accordion-container .ac .table span:nth-child(2n + 1) {
    border-left: 1px solid #FFC551;
  }
  /* line 175, app/assets/stylesheets/components/shared/accordion.scss */
  .accordion-container .ac .table span:first-child, .accordion-container .ac .table span:nth-child(4n + 1) {
    border-left: none;
  }
  /* line 179, app/assets/stylesheets/components/shared/accordion.scss */
  .accordion-container .ac .table span:nth-child(-n + 4) {
    border-top: unset;
  }
}

/* line 189, app/assets/stylesheets/components/shared/accordion.scss */
.theme_code .accordion-container {
  border-color: #71E38A;
}

/* line 192, app/assets/stylesheets/components/shared/accordion.scss */
.theme_code .accordion-container .ac {
  border-color: #71E38A;
}

/* line 195, app/assets/stylesheets/components/shared/accordion.scss */
.theme_code .accordion-container .ac .ac-trigger,
.theme_code .accordion-container .ac .ac-text {
  color: #ffffff;
}

/* line 201, app/assets/stylesheets/components/shared/accordion.scss */
.theme_code .accordion-container .ac .ac-trigger::after {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='13' viewBox='0 0 20 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19 1L10 11L0.999999 1' stroke='white' stroke-width='2'/%3E%3C/svg%3E%0A");
}

/* line 206, app/assets/stylesheets/components/shared/accordion.scss */
.theme_code .accordion-container .ac .ac-trigger svg path {
  fill: #71E38A;
}

/* line 213, app/assets/stylesheets/components/shared/accordion.scss */
.theme_code .accordion-container .ac .table span {
  border-color: #71E38A;
}

/* line 222, app/assets/stylesheets/components/shared/accordion.scss */
.accordion-container_no-style .ac {
  border: 0;
  margin-top: 0;
  background-color: transparent;
}

/* line 227, app/assets/stylesheets/components/shared/accordion.scss */
.accordion-container_no-style .ac .ac-trigger {
  display: flex;
  padding: 0;
  font: unset;
}

/* line 232, app/assets/stylesheets/components/shared/accordion.scss */
.accordion-container_no-style .ac .ac-trigger::after {
  content: unset;
}
/* line 5, app/assets/stylesheets/components/shared/article-list.scss */
.article-list .article-container a .image-container picture {
  transition: .5s ease;
  -webkit-transition: .5s ease;
  -moz-transition: .5s ease;
  -ms-transition: .5s ease;
  -o-transition: .5s ease;
}

/* line 12, app/assets/stylesheets/components/shared/article-list.scss */
.article-list .article-container a .image-container picture img {
  object-fit: cover;
}

/* line 18, app/assets/stylesheets/components/shared/article-list.scss */
.article-list .article-container a:is(:hover, :active) {
  opacity: 1;
}

/* line 22, app/assets/stylesheets/components/shared/article-list.scss */
.article-list .article-container a:is(:hover, :active) .image-container picture {
  transform: scale(1.05);
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -o-transform: scale(1.05);
}

/* line 31, app/assets/stylesheets/components/shared/article-list.scss */
.article-list .article-container a:is(:hover, :active) .article__header {
  color: #2053D8;
}
/* line 3, app/assets/stylesheets/components/shared/contact.scss */
.get-in-touch-container {
  background-color: #1D1D1F;
}

/* line 6, app/assets/stylesheets/components/shared/contact.scss */
.get-in-touch-container .get-in-touch-container__background {
  background: radial-gradient(38.51% 72.3% at 63.9% 106.32%, rgba(169, 84, 255, 0.39) 0%, rgba(169, 84, 255, 0) 100%), radial-gradient(47.68% 202.79% at 35.05% -10.22%, rgba(84, 204, 255, 0.39) 0%, rgba(84, 204, 255, 0) 100%);
}

/* line 11, app/assets/stylesheets/components/shared/contact.scss */
.get-in-touch-container:is(:hover, :active) .get-in-touch-container__background {
  filter: saturate(200%);
  -webkit-filter: saturate(200%);
}

/* line 16, app/assets/stylesheets/components/shared/contact.scss */
.get-in-touch-container:is(:hover, :active) .get-in-touch__arrow {
  transform: scale(1.1, 1.1);
  -webkit-transform: scale(1.1, 1.1);
  -moz-transform: scale(1.1, 1.1);
  -ms-transform: scale(1.1, 1.1);
  -o-transform: scale(1.1, 1.1);
}

/* line 25, app/assets/stylesheets/components/shared/contact.scss */
.get-in-touch {
  cursor: pointer;
}

/* line 28, app/assets/stylesheets/components/shared/contact.scss */
.get-in-touch:is(:hover, :active) {
  opacity: 1;
}

/* line 32, app/assets/stylesheets/components/shared/contact.scss */
.get-in-touch h2 {
  font-size: 24px;
}

/* line 36, app/assets/stylesheets/components/shared/contact.scss */
.get-in-touch .get-in-touch__arrow {
  background-color: #ffffff;
  aspect-ratio: 1 / 1;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  transition: transform .5s ease-in, box-shadow .6s ease-out;
  -webkit-transition: transform .5s ease-in, box-shadow .6s ease-out;
  -moz-transition: transform .5s ease-in, box-shadow .6s ease-out;
  -ms-transition: transform .5s ease-in, box-shadow .6s ease-out;
  -o-transition: transform .5s ease-in, box-shadow .6s ease-out;
}

/* line 40, app/assets/stylesheets/components/shared/contact.scss */
.get-in-touch .get-in-touch__arrow svg {
  height: 24px;
  width: 24px;
}

/* line 45, app/assets/stylesheets/components/shared/contact.scss */
.get-in-touch .get-in-touch__arrow:is(:hover, :active) {
  box-shadow: 0px 0px 20px 0px #FFFCFC;
}

@media screen and (min-width: 576px) {
  /* line 64, app/assets/stylesheets/components/shared/contact.scss */
  .get-in-touch h2 {
    font-size: 40px;
  }
  /* line 68, app/assets/stylesheets/components/shared/contact.scss */
  .get-in-touch .get-in-touch__arrow svg {
    width: unset;
    height: unset;
  }
}

/* line 77, app/assets/stylesheets/components/shared/contact.scss */
.theme_code .get-in-touch-container {
  background-color: #FFFFFF;
}

/* line 80, app/assets/stylesheets/components/shared/contact.scss */
.theme_code .get-in-touch-container .get-in-touch-container__background {
  background: radial-gradient(47.68% 202.79% at 35.05% -10.22%, rgba(84, 204, 255, 0.39) 0%, rgba(84, 204, 255, 0) 100%), radial-gradient(38.51% 72.3% at 63.9% 106.32%, rgba(113, 227, 138, 0.53) 0%, rgba(113, 227, 138, 0) 100%);
}

/* line 87, app/assets/stylesheets/components/shared/contact.scss */
.theme_code .get-in-touch h2 {
  color: #191919;
}

/* line 91, app/assets/stylesheets/components/shared/contact.scss */
.theme_code .get-in-touch .get-in-touch__arrow {
  background-color: #191919;
}

/* line 94, app/assets/stylesheets/components/shared/contact.scss */
.theme_code .get-in-touch .get-in-touch__arrow svg path {
  stroke: #ffffff;
}

/* line 98, app/assets/stylesheets/components/shared/contact.scss */
.theme_code .get-in-touch .get-in-touch__arrow:is(:hover, :active) {
  box-shadow: 0px 0px 20px 0px #000404;
}
/* line 5, app/assets/stylesheets/components/shared/faq.scss */
.slider-container_faq .swiper-slide {
  background-color: #ffffff;
  max-width: 274px;
}

/* line 13, app/assets/stylesheets/components/shared/faq.scss */
.theme_code .slider-container_faq .swiper-slide {
  background-color: #58585E;
}
/* line 2, app/assets/stylesheets/components/shared/feature.scss */
.feature-item svg {
  flex-shrink: 0;
}
/* line 1, app/assets/stylesheets/components/shared/gradient.scss */
.gradient-block {
  height: 100vh;
  width: calc(100% + 40px);
  margin-left: -20px;
  margin-top: calc(-64px - 50px);
  margin-bottom: -300px;
  z-index: -1;
}

/* line 9, app/assets/stylesheets/components/shared/gradient.scss */
.gradient-block div {
  height: 100%;
  width: calc(100dvw - (100dvw - 100%));
}

@media screen and (min-width: 576px) {
  /* line 16, app/assets/stylesheets/components/shared/gradient.scss */
  .gradient-block {
    margin-bottom: -250px;
  }
}

@media screen and (min-width: 992px) {
  /* line 22, app/assets/stylesheets/components/shared/gradient.scss */
  .gradient-block {
    width: calc(100% + 256px);
    margin-left: -128px;
    margin-top: calc(-96px - 50px);
  }
}

@media screen and (min-width: 1600px) {
  /* line 30, app/assets/stylesheets/components/shared/gradient.scss */
  .gradient-block {
    height: unset;
    aspect-ratio: 4 / 3;
    margin-bottom: -400px;
  }
  /* line 35, app/assets/stylesheets/components/shared/gradient.scss */
  .gradient-block div {
    width: calc(100dvw - var(--browser-scrollbar-width));
    left: calc(-50vw + (1600px / 2));
  }
  /* line 39, app/assets/stylesheets/components/shared/gradient.scss */
  .gradient-block div::after {
    position: relative;
    display: flex;
    bottom: 0;
    height: 40px;
    width: 100%;
    max-width: 100%;
    content: ' ';
    filter: blur(10px);
    background: linear-gradient(180deg, rgba(247, 247, 250, 0.9), rgba(247, 247, 250, 0.9));
  }
}

@media screen and (min-width: 2000px) {
  /* line 55, app/assets/stylesheets/components/shared/gradient.scss */
  .gradient-block {
    margin-bottom: -300px;
  }
}
/* line 1, app/assets/stylesheets/components/shared/link.scss */
.link-container {
  border-top: 1px solid #D8D8D8;
}

/* line 4, app/assets/stylesheets/components/shared/link.scss */
.link-container:is(:hover, :active) {
  background-color: #f0f0f0;
  color: #525252;
}
/* line 4, app/assets/stylesheets/components/shared/project.scss */
.project-block .image-container {
  aspect-ratio: 1024 / 600;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
}

/* line 12, app/assets/stylesheets/components/shared/project.scss */
.project-block .image-container img {
  object-fit: cover;
}

/* line 16, app/assets/stylesheets/components/shared/project.scss */
.project-block .image-container .image,
.project-block .image-container video {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) scale(1, 1);
  -webkit-transform: translate(-50%, -50%) scale(1, 1);
  -moz-transform: translate(-50%, -50%) scale(1, 1);
  -ms-transform: translate(-50%, -50%) scale(1, 1);
  -o-transform: translate(-50%, -50%) scale(1, 1);
  transition: .5s ease;
  -webkit-transition: .5s ease;
  -moz-transition: .5s ease;
  -ms-transition: .5s ease;
  -o-transition: .5s ease;
}

/* line 37, app/assets/stylesheets/components/shared/project.scss */
.project-block h2 {
  transition: 0.2s ease;
  -webkit-transition: 0.2s ease;
  -moz-transition: 0.2s ease;
  -ms-transition: 0.2s ease;
  -o-transition: 0.2s ease;
}

/* line 45, app/assets/stylesheets/components/shared/project.scss */
a.project-block:is(:hover, :active) {
  opacity: 1;
}

/* line 57, app/assets/stylesheets/components/shared/project.scss */
a.project-block:is(:hover, :active) .image,
a.project-block:is(:hover, :active) video {
  transform: translate(-50%, -50%) scale(1.02, 1.02);
  -webkit-transform: translate(-50%, -50%) scale(1.02, 1.02);
  -moz-transform: translate(-50%, -50%) scale(1.02, 1.02);
  -ms-transform: translate(-50%, -50%) scale(1.02, 1.02);
  -o-transform: translate(-50%, -50%) scale(1.02, 1.02);
}

/* line 67, app/assets/stylesheets/components/shared/project.scss */
a.project-block:is(:hover, :active) h2 {
  color: #2053D8;
}

/* line 73, app/assets/stylesheets/components/shared/project.scss */
.project-blocks_small .image-container {
  aspect-ratio: 496 / 372;
}
/* line 3, app/assets/stylesheets/components/shared/swiper.scss */
.swiper {
  padding-bottom: 64px !important;
  --swiper-navigation-color: #000;
  --swiper-navigation-size: 12px;
}

/* line 8, app/assets/stylesheets/components/shared/swiper.scss */
.swiper .swiper-slide {
  aspect-ratio: 4 / 3;
}

/* line 11, app/assets/stylesheets/components/shared/swiper.scss */
.swiper .swiper-slide img,
.swiper .swiper-slide video {
  aspect-ratio: unset !important;
  object-fit: cover;
  height: 100%;
}

/* line 20, app/assets/stylesheets/components/shared/swiper.scss */
.swiper .swiper-button-prev,
.swiper .swiper-button-next {
  left: unset;
  top: unset;
  right: unset;
  bottom: 0;
  background-color: #E8E8EC;
  width: 32px;
  height: 32px;
  padding: 8px 12px;
  user-select: none;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}

/* line 37, app/assets/stylesheets/components/shared/swiper.scss */
.swiper .swiper-button-prev {
  right: 44px;
}

/* line 40, app/assets/stylesheets/components/shared/swiper.scss */
.swiper .swiper-button-next {
  right: 0;
}

/* line 46, app/assets/stylesheets/components/shared/swiper.scss */
.slider-container_faq .swiper .swiper-slide {
  aspect-ratio: unset;
}

/* line 52, app/assets/stylesheets/components/shared/swiper.scss */
.theme_code {
  --swiper-navigation-color: $white;
}

/* line 56, app/assets/stylesheets/components/shared/swiper.scss */
.theme_code .swiper h2, .theme_code .swiper h3 {
  color: #ffffff;
}

/* line 60, app/assets/stylesheets/components/shared/swiper.scss */
.theme_code .swiper .swiper-button-prev,
.theme_code .swiper .swiper-button-next {
  background-color: #58585E;
}
@media screen and (min-width: 992px) {
  /* line 4, app/assets/stylesheets/components/shared/top_slider.scss */
  .slider-container_top-slider {
    height: 850px;
  }
  /* line 7, app/assets/stylesheets/components/shared/top_slider.scss */
  .slider-container_top-slider .swiper-wrapper {
    align-items: center;
  }
}
/* line 3, app/assets/stylesheets/global.scss */
:root {
  --browser-scrollbar-width: 0px;
}

/* line 7, app/assets/stylesheets/global.scss */
html,
body,
#root,
.site-container {
  min-height: 100%;
}

/* line 14, app/assets/stylesheets/global.scss */
html, body {
  overscroll-behavior: none;
  scrollbar-gutter: stable;
}

/* line 18, app/assets/stylesheets/global.scss */
body {
  overflow-y: scroll;
}

/* line 22, app/assets/stylesheets/global.scss */
.main-container {
  margin-bottom: -48px;
}

/* line 25, app/assets/stylesheets/global.scss */
.main-container_top-block {
  margin: -48px 0;
}

/* line 29, app/assets/stylesheets/global.scss */
.site-top-block {
  background-color: #3B3B3F;
  width: 100%;
}

/* line 33, app/assets/stylesheets/global.scss */
.site-top-block .site-top-block__content {
  max-width: 1600px;
  width: 100%;
}

/* line 39, app/assets/stylesheets/global.scss */
.site-container {
  display: flex;
  flex-direction: column;
}

/* line 44, app/assets/stylesheets/global.scss */
.white {
  color: #ffffff;
}

/* line 48, app/assets/stylesheets/global.scss */
body {
  font-weight: 400;
  color: #191919;
  font-size: 14px;
  line-height: 1.2;
  font-family: "Poppins-Regular", sans;
  letter-spacing: -0.2px;
  word-break: keep-all;
  line-break: normal;
  background-color: #F7F7FA;
  min-height: 100vh;
}

/* line 61, app/assets/stylesheets/global.scss */
.theme_code {
  color: #ffffff;
}

/* line 64, app/assets/stylesheets/global.scss */
.theme_code :is(h1, h2, h3, h4, h5, h6) {
  color: #71E38A;
}

/* line 68, app/assets/stylesheets/global.scss */
.theme_code .white-background {
  background-color: inherit;
}

/* line 72, app/assets/stylesheets/global.scss */
b, strong, big {
  font-family: "ClashDisplay-Semibold", sans;
}

/* line 76, app/assets/stylesheets/global.scss */
.text-underline {
  padding-bottom: 2px;
  border-bottom: 3px solid #D9D9D9;
}

/* line 81, app/assets/stylesheets/global.scss */
main:not(:has(.home-page)), .footer-container {
  margin: 0 auto;
  max-width: 1600px;
}

/* line 86, app/assets/stylesheets/global.scss */
a {
  text-decoration: none;
}

/* line 90, app/assets/stylesheets/global.scss */
a, button {
  transition: 0.2s ease;
  -webkit-transition: 0.2s ease;
  -moz-transition: 0.2s ease;
  -ms-transition: 0.2s ease;
  -o-transition: 0.2s ease;
}

/* line 97, app/assets/stylesheets/global.scss */
a:is(:hover,:active), button:is(:hover,:active) {
  opacity: .75;
}

/* line 102, app/assets/stylesheets/global.scss */
p,
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
}

/* line 112, app/assets/stylesheets/global.scss */
ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

/* line 118, app/assets/stylesheets/global.scss */
input:focus {
  outline: none;
}

/* line 122, app/assets/stylesheets/global.scss */
code {
  font-family: source-code-pro, Menlo, Monaco, Consolas, "Courier New", monospace;
}

@media screen and (min-width: 992px) {
  /* line 128, app/assets/stylesheets/global.scss */
  body {
    font-size: 16px;
  }
}
/* line 6, app/assets/stylesheets/pages/analytics.scss */
.analytics-page .accordion-container {
  border-color: #B379FF;
}

/* line 9, app/assets/stylesheets/pages/analytics.scss */
.analytics-page .accordion-container .ac {
  border-color: #B379FF;
}

/* line 13, app/assets/stylesheets/pages/analytics.scss */
.analytics-page .accordion-container .ac .ac-trigger path {
  fill: #B379FF;
}

/* line 18, app/assets/stylesheets/pages/analytics.scss */
.analytics-page .accordion-container .ac .table span {
  border-color: #B379FF;
}
/* line 3, app/assets/stylesheets/pages/article.scss */
.article-page {
  max-width: 2400px;
}

/* line 6, app/assets/stylesheets/pages/article.scss */
.article-page .header-block {
  background-color: #ffffff;
  border: 1px solid #F2F2F2;
}

/* line 10, app/assets/stylesheets/pages/article.scss */
.article-page .header-block .header-block__date {
  color: #00000080;
}

/* line 14, app/assets/stylesheets/pages/article.scss */
.article-page .header-block .header-block__tag {
  background-color: #0000004D;
}

/* line 17, app/assets/stylesheets/pages/article.scss */
.article-page .header-block .header-block__tag p {
  color: #ffffff;
  font-size: 0.75rem;
  line-height: 1.2;
}

/* line 26, app/assets/stylesheets/pages/article.scss */
.article-page .author .author__img {
  width: 36px;
  height: 36px;
  object-fit: cover;
}

/* line 32, app/assets/stylesheets/pages/article.scss */
.article-page .author .author__role {
  font-size: 10px;
  color: #FFFFFF80;
}

/* line 37, app/assets/stylesheets/pages/article.scss */
.article-page .author:nth-child(n + 2) {
  padding-left: 16px;
  border-left: 1px solid #00000033;
}

/* line 44, app/assets/stylesheets/pages/article.scss */
.article-page article h2,
.article-page article h3,
.article-page article h4,
.article-page article h5,
.article-page article h6 {
  font-weight: bold;
  font-family: "ClashDisplay-Semibold", sans;
  margin-bottom: 24px;
  margin-top: 32px;
}

/* line 55, app/assets/stylesheets/pages/article.scss */
.article-page article h2 {
  font-size: 2rem;
}

/* line 59, app/assets/stylesheets/pages/article.scss */
.article-page article h3 {
  font-size: 1.5rem;
}

/* line 63, app/assets/stylesheets/pages/article.scss */
.article-page article h4 {
  font-size: 1.25rem;
}

/* line 67, app/assets/stylesheets/pages/article.scss */
.article-page article h5 {
  font-size: 1rem;
}

/* line 71, app/assets/stylesheets/pages/article.scss */
.article-page article a {
  color: #476FFF;
  white-space: nowrap;
  max-width: 100%;
  overflow: auto;
  display: inline-flex;
  align-self: baseline;
  padding: 0 4px 0 0;
  align-items: center;
  gap: 4px;
}

/* line 82, app/assets/stylesheets/pages/article.scss */
.article-page article a::-webkit-scrollbar {
  height: 3px;
  border-radius: 12px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -ms-border-radius: 12px;
  -o-border-radius: 12px;
}

/* line 90, app/assets/stylesheets/pages/article.scss */
.article-page article a::-webkit-scrollbar-thumb {
  background: transparent;
  transition: .2s ease;
  -webkit-transition: .2s ease;
  -moz-transition: .2s ease;
  -ms-transition: .2s ease;
  -o-transition: .2s ease;
}

/* line 100, app/assets/stylesheets/pages/article.scss */
.article-page article a:is(:hover, :active)::-webkit-scrollbar-thumb {
  background: #58585E;
}

/* line 106, app/assets/stylesheets/pages/article.scss */
.article-page article p {
  margin-bottom: 24px;
  line-height: 1.6;
}

/* line 110, app/assets/stylesheets/pages/article.scss */
.article-page article p code {
  background-color: #E8E8EC;
  padding: 2px 8px;
  border: 1px solid #D5D5DC;
  white-space: preserve-breaks;
  word-break: normal;
  word-spacing: normal;
  align-self: baseline;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
}

/* line 125, app/assets/stylesheets/pages/article.scss */
.article-page article p:has(+ :is(ol, ul)) {
  margin-bottom: 12px;
}

/* line 130, app/assets/stylesheets/pages/article.scss */
.article-page article pre {
  background-color: #E8E8EC;
  border: 1px solid #D5D5DC;
  padding: 24px;
  margin: 8px 0 32px;
  overflow: auto;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  -webkit-border-radius: 10px;
}

/* line 137, app/assets/stylesheets/pages/article.scss */
.article-page article pre code {
  background-color: transparent;
  white-space: break-spaces;
  word-break: normal;
  word-spacing: normal;
}

/* line 144, app/assets/stylesheets/pages/article.scss */
.article-page article pre code.hljs {
  padding: 0;
}

/* line 156, app/assets/stylesheets/pages/article.scss */
.article-page article figure {
  display: flex;
  flex-direction: column;
  margin-bottom: 24px;
  width: 100%;
  max-width: 100%;
}

/* line 163, app/assets/stylesheets/pages/article.scss */
.article-page article figure img {
  max-width: 100%;
  width: 100%;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
}

/* line 173, app/assets/stylesheets/pages/article.scss */
.article-page article figure figcaption {
  margin-top: 16px;
  font-size: 0.75rem;
  color: #95959E;
  font-weight: 500;
}

/* line 181, app/assets/stylesheets/pages/article.scss */
.article-page article ol,
.article-page article ul {
  margin-bottom: 24px;
}

/* line 186, app/assets/stylesheets/pages/article.scss */
.article-page article ol {
  list-style: decimal;
  margin-left: 20px;
}

/* line 191, app/assets/stylesheets/pages/article.scss */
.article-page article ul {
  list-style: square;
  margin-left: 20px;
}

/* line 196, app/assets/stylesheets/pages/article.scss */
.article-page article li {
  margin-bottom: 12px;
  line-height: 1.6;
}

/* line 200, app/assets/stylesheets/pages/article.scss */
.article-page article li:last-child {
  margin-bottom: 0;
}

/* line 205, app/assets/stylesheets/pages/article.scss */
.article-page article blockquote {
  padding: 24px;
  background-color: #ffffff;
  margin-bottom: 24px;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
}

/* line 210, app/assets/stylesheets/pages/article.scss */
.article-page article blockquote p, .article-page article blockquote a, .article-page article blockquote ol, .article-page article blockquote ul {
  margin-bottom: 0;
}

/* line 222, app/assets/stylesheets/pages/article.scss */
.article-page .similar-header {
  line-height: 1.5;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

@media screen and (min-width: 576px) {
  /* line 232, app/assets/stylesheets/pages/article.scss */
  .article-page article h2,
.article-page article h3,
.article-page article h4,
.article-page article h5,
.article-page article h6 {
    margin-bottom: 32px;
    margin-top: 40px;
  }
  /* line 241, app/assets/stylesheets/pages/article.scss */
  .article-page article h2 {
    font-size: 2.5rem;
  }
  /* line 245, app/assets/stylesheets/pages/article.scss */
  .article-page article h3 {
    font-size: 2rem;
  }
  /* line 249, app/assets/stylesheets/pages/article.scss */
  .article-page article h4 {
    font-size: 1.5rem;
  }
  /* line 253, app/assets/stylesheets/pages/article.scss */
  .article-page article h5 {
    font-size: 1rem;
  }
}
/* line 4, app/assets/stylesheets/pages/branding.scss */
.branding-page .accordion-container {
  border-color: #FF7B7D;
}

/* line 7, app/assets/stylesheets/pages/branding.scss */
.branding-page .accordion-container .ac {
  border-color: #FF7B7D;
}

/* line 11, app/assets/stylesheets/pages/branding.scss */
.branding-page .accordion-container .ac .ac-trigger path {
  fill: #FF7B7D;
}

/* line 16, app/assets/stylesheets/pages/branding.scss */
.branding-page .accordion-container .ac .table span {
  border-color: #FF7B7D;
}

/* line 25, app/assets/stylesheets/pages/branding.scss */
.theme .branding-page .border-service {
  border-color: #FF7B7D;
}

/* line 29, app/assets/stylesheets/pages/branding.scss */
.theme .branding-page .border-service svg path {
  stroke: #FF7B7D;
}
/* line 5, app/assets/stylesheets/pages/desanalysis.scss */
.desanalysis-page .slide-text-block[data-active=false] {
  display: none;
}

/* line 9, app/assets/stylesheets/pages/desanalysis.scss */
.desanalysis-page .slide-text-block ul li {
  display: flex;
}

/* line 12, app/assets/stylesheets/pages/desanalysis.scss */
.desanalysis-page .slide-text-block ul li::before {
  content: ' ';
  display: flex;
  width: 5px;
  height: 5px;
  background-color: #95959E;
  flex-shrink: 0;
  margin: 8px 12px 8px 16px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}

/* line 27, app/assets/stylesheets/pages/desanalysis.scss */
.desanalysis-page .slide-text-block ul li a {
  text-decoration-line: underline;
}

@media screen and (min-width: 992px) {
  /* line 36, app/assets/stylesheets/pages/desanalysis.scss */
  .desanalysis-page .slider-container {
    width: calc(100% - 300px - 20px);
  }
}
/* line 4, app/assets/stylesheets/pages/designer-skills.scss */
.designer-skills .header-description {
  font-size: 2em;
}

/* line 8, app/assets/stylesheets/pages/designer-skills.scss */
.designer-skills .list-block {
  border-top: 4px solid #ffffff;
}

/* line 12, app/assets/stylesheets/pages/designer-skills.scss */
.designer-skills ul li {
  line-height: 1.35;
}
/* line 3, app/assets/stylesheets/pages/home.scss */
.h1, .h2, .h3, .h4, .h5, .h6, .h7, .h8, .h9 {
  font-family: "Poppins-Regular", sans;
}

/* line 7, app/assets/stylesheets/pages/home.scss */
.home-page {
  max-width: 1600px;
}

/* line 9, app/assets/stylesheets/pages/home.scss */
.home-page .home-header {
  background: radial-gradient(34.54% 89.92% at 40.77% 23.39%, rgba(0, 82, 180, 0.9) 0%, rgba(0, 82, 180, 0) 100%), #1D1D1F;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  animation: color_change 60s linear infinite;
  -webkit-animation: color_change 60s linear infinite;
}

/* line 21, app/assets/stylesheets/pages/home.scss */
.sections-block a:is(:hover, :active) {
  opacity: 1;
  background-color: #F1F1F3;
}

/* line 26, app/assets/stylesheets/pages/home.scss */
.sections-block .section-container {
  max-width: 1600px;
}
/* line 1, app/assets/stylesheets/pages/people.scss */
.people-page {
  max-width: 775px;
}
/* line 5, app/assets/stylesheets/pages/product-development.scss */
.product-development-page .tech-container li {
  line-height: 1.3;
}

/* line 10, app/assets/stylesheets/pages/product-development.scss */
.product-development-page .tech-container .tech-accordion .tech-accordion__btn {
  font-size: 1.5em;
  color: #71E38A;
  width: unset;
  transition: 0.2s ease;
  -webkit-transition: 0.2s ease;
  -moz-transition: 0.2s ease;
  -ms-transition: 0.2s ease;
  -o-transition: 0.2s ease;
}

/* line 20, app/assets/stylesheets/pages/product-development.scss */
.product-development-page .tech-container .tech-accordion .tech-accordion__btn svg {
  transition: 0.2s ease;
  -webkit-transition: 0.2s ease;
  -moz-transition: 0.2s ease;
  -ms-transition: 0.2s ease;
  -o-transition: 0.2s ease;
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
}

/* line 36, app/assets/stylesheets/pages/product-development.scss */
.product-development-page .tech-container .tech-accordion .ac.is-active .tech-accordion__btn svg {
  transform: rotate(360deg);
  -webkit-transform: rotate(360deg);
  -moz-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  -o-transform: rotate(360deg);
}
/* line 1, app/assets/stylesheets/pages/values.scss */
.values-page {
  max-width: 775px;
}
/* line 3, app/assets/stylesheets/shared/_animation.scss */
.transition-default {
  transition: 0.2s ease;
  -webkit-transition: 0.2s ease;
  -moz-transition: 0.2s ease;
  -ms-transition: 0.2s ease;
  -o-transition: 0.2s ease;
}

@-webkit-keyframes color_change {
  0% {
    background-position-x: 0vw;
  }
  50% {
    background-position-x: 120vw;
  }
  100% {
    background-position-x: 0vw;
  }
}

@keyframes color_change {
  0% {
    background-position-x: 0vw;
  }
  50% {
    background-position-x: 120vw;
  }
  100% {
    background-position-x: 0vw;
  }
}

@keyframes project_hover {
  0% {
    transform: translate(-50%, -50%) scale(1, 1);
    -webkit-transform: translate(-50%, -50%) scale(1, 1);
    -moz-transform: translate(-50%, -50%) scale(1, 1);
    -ms-transform: translate(-50%, -50%) scale(1, 1);
    -o-transform: translate(-50%, -50%) scale(1, 1);
  }
  50% {
    transform: translate(-50%, -50%) scale(1.02, 1.02);
    -webkit-transform: translate(-50%, -50%) scale(1.02, 1.02);
    -moz-transform: translate(-50%, -50%) scale(1.02, 1.02);
    -ms-transform: translate(-50%, -50%) scale(1.02, 1.02);
    -o-transform: translate(-50%, -50%) scale(1.02, 1.02);
  }
  100% {
    transform: translate(-50%, -50%) scale(1, 1);
    -webkit-transform: translate(-50%, -50%) scale(1, 1);
    -moz-transform: translate(-50%, -50%) scale(1, 1);
    -ms-transform: translate(-50%, -50%) scale(1, 1);
    -o-transform: translate(-50%, -50%) scale(1, 1);
  }
}

@media (min-width: 1401px) {
  @-webkit-keyframes color_change {
    0% {
      background-position-x: 0px;
    }
    50% {
      background-position-x: 1900px;
    }
    100% {
      background-position-x: 0px;
    }
  }
  @keyframes color_change {
    0% {
      background-position-x: 0px;
    }
    50% {
      background-position-x: 1900px;
    }
    100% {
      background-position-x: 0px;
    }
  }
}

/* line 87, app/assets/stylesheets/shared/_animation.scss */
[data-animation=fade-in],
[data-animation=fade-out],
[data-animation=fade] {
  transition: opacity 1s ease-in-out;
  -webkit-transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  -ms-transition: opacity 1s ease-in-out;
  -o-transition: opacity 1s ease-in-out;
}

/* line 96, app/assets/stylesheets/shared/_animation.scss */
[data-animation=slide-in-up],
[data-animation=slide-in-down] {
  opacity: 0.01;
  z-index: 50;
  visibility: visible;
  will-change: transform;
  transition: transform 0.5s ease-in-out, opacity 1s ease-in-out;
  -webkit-transition: transform 0.5s ease-in-out, opacity 1s ease-in-out;
  -moz-transition: transform 0.5s ease-in-out, opacity 1s ease-in-out;
  -ms-transition: transform 0.5s ease-in-out, opacity 1s ease-in-out;
  -o-transition: transform 0.5s ease-in-out, opacity 1s ease-in-out;
}

/* line 109, app/assets/stylesheets/shared/_animation.scss */
[data-animation=fade-in],
[data-animation=fade] {
  opacity: 0.01;
}

/* line 113, app/assets/stylesheets/shared/_animation.scss */
[data-animation=fade-in][data-active=true],
[data-animation=fade][data-active=true] {
  opacity: 1;
}

/* line 117, app/assets/stylesheets/shared/_animation.scss */
[data-animation=fade-out] {
  opacity: 1;
}

/* line 120, app/assets/stylesheets/shared/_animation.scss */
[data-animation=fade-out][data-active=true] {
  opacity: 0.01;
}

/* line 125, app/assets/stylesheets/shared/_animation.scss */
[data-animation=slide-in-up] {
  transform: translate3d(0, 50%, 0);
  -webkit-transform: translate3d(0, 50%, 0);
  -moz-transform: translate3d(0, 50%, 0);
  -ms-transform: translate3d(0, 50%, 0);
  -o-transform: translate3d(0, 50%, 0);
}

/* line 132, app/assets/stylesheets/shared/_animation.scss */
[data-animation=slide-in-up][data-active=true] {
  opacity: 1;
  transform: translateZ(0);
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
}

/* line 141, app/assets/stylesheets/shared/_animation.scss */
[data-animation=slide-in-down] {
  transform: translateZ(0);
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
}

/* line 148, app/assets/stylesheets/shared/_animation.scss */
[data-animation=slide-in-down][data-active=true] {
  opacity: 1;
  transform: translate3d(0, 50%, 0);
  -webkit-transform: translate3d(0, 50%, 0);
  -moz-transform: translate3d(0, 50%, 0);
  -ms-transform: translate3d(0, 50%, 0);
  -o-transform: translate3d(0, 50%, 0);
}
/* line 3, app/assets/stylesheets/shared/_border.scss */
.border-gray-100 {
  border-color: #F1F1F3 !important;
}

/* line 7, app/assets/stylesheets/shared/_border.scss */
.border-gray-200 {
  border-color: #E8E8EC !important;
}

/* line 11, app/assets/stylesheets/shared/_border.scss */
.border-gray-300 {
  border-color: #D5D5DC !important;
}

/* line 14, app/assets/stylesheets/shared/_border.scss */
.border-gray-700 {
  border-color: #787880 !important;
}

/* line 17, app/assets/stylesheets/shared/_border.scss */
.border-gray-800 {
  border-color: #58585E !important;
}

/* line 21, app/assets/stylesheets/shared/_border.scss */
.border-code {
  border-color: #71E38A;
}

/* line 24, app/assets/stylesheets/shared/_border.scss */
.border-neon {
  border-color: #B379FF;
}

/* line 28, app/assets/stylesheets/shared/_border.scss */
.border-radius-4px {
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
}

/* line 36, app/assets/stylesheets/shared/_border.scss */
.border-radius-8px {
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
}

/* line 44, app/assets/stylesheets/shared/_border.scss */
.border-radius-12px {
  border-radius: 12px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -ms-border-radius: 12px;
  -o-border-radius: 12px;
}

/* line 52, app/assets/stylesheets/shared/_border.scss */
.border-radius-16px {
  border-radius: 16px;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  -ms-border-radius: 16px;
  -o-border-radius: 16px;
}

/* line 60, app/assets/stylesheets/shared/_border.scss */
.border-radius-20px {
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
}
/* line 3, app/assets/stylesheets/shared/_buttons.scss */
.btn {
  border-radius: 30px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  -o-border-radius: 30px;
}

/* line 10, app/assets/stylesheets/shared/_buttons.scss */
.btn-dark {
  border: 1px solid #191919;
  background-color: #191919;
  color: #ffffff;
}

/* line 15, app/assets/stylesheets/shared/_buttons.scss */
.btn-dark:is(:hover, :active) {
  background-color: transparent;
  color: #191919;
}

/* line 20, app/assets/stylesheets/shared/_buttons.scss */
.btn-white {
  border: 1px solid #ffffff;
  background-color: #ffffff;
  color: #191919;
}

/* line 25, app/assets/stylesheets/shared/_buttons.scss */
.btn-white:is(:hover, :active) {
  background-color: transparent;
  color: #ffffff;
}

/* line 31, app/assets/stylesheets/shared/_buttons.scss */
.underline-btn {
  background-color: transparent;
  border: none;
  border-bottom: 3px solid #d9d9d9;
  color: inherit;
  padding: 2px;
  transition: 0.2s ease;
  -webkit-transition: 0.2s ease;
  -moz-transition: 0.2s ease;
  -ms-transition: 0.2s ease;
  -o-transition: 0.2s ease;
}

/* line 43, app/assets/stylesheets/shared/_buttons.scss */
.underline-btn:is(:hover, :active) {
  background-color: #efefef;
  border-bottom-color: transparent;
  cursor: pointer;
  opacity: 1;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
}
/* line 3, app/assets/stylesheets/shared/_color.scss */
.blue-500 {
  color: #476FFF;
}

/* line 7, app/assets/stylesheets/shared/_color.scss */
.gray-500 {
  color: #B3B3BE;
}

/* line 10, app/assets/stylesheets/shared/_color.scss */
.gray-600 {
  color: #95959E;
}

/* line 13, app/assets/stylesheets/shared/_color.scss */
.gray-700 {
  color: #787880;
}

/* line 16, app/assets/stylesheets/shared/_color.scss */
.gray-800 {
  color: #58585E;
}

/* line 19, app/assets/stylesheets/shared/_color.scss */
.gray-900 {
  color: #3B3B3F;
}

/* line 23, app/assets/stylesheets/shared/_color.scss */
.white {
  color: #ffffff;
}

/* line 26, app/assets/stylesheets/shared/_color.scss */
.black {
  color: #191919;
}
/* line 1, app/assets/stylesheets/shared/_container.scss */
.default-padding-container {
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 64px;
}

@media screen and (min-width: 576px) {
  /* line 8, app/assets/stylesheets/shared/_container.scss */
  .default-padding-container {
    padding-left: 32px;
    padding-right: 32px;
  }
}

@media screen and (min-width: 992px) {
  /* line 15, app/assets/stylesheets/shared/_container.scss */
  .default-padding-container {
    padding-left: 128px;
    padding-right: 128px;
    padding-top: 96px;
  }
}
@font-face {
  font-family: "Poppins-Light";
  src: url(/assets/Poppins-Light-c28b5b9088ecfd318b56ee52af11769822ab5581e6f6a11bb84353e418a6e278.woff2) format("woff2"), url(/assets/Poppins-Light-1746215cff8d0b1212010bc623a9e700e6150cd83a8e1f9cf683ed9a991044f5.woff) format("woff"), url(/assets/Poppins-Light-c6b127ce1b84185e9f3633a1e4e326c39ac362e3a49417bd561211b9e8abbf8e.ttf) format("truetype");
  font-weight: 300;
  font-display: swap;
  font-style: normal;
}

@font-face {
  font-family: "Poppins-LightItalic";
  src: url(/assets/Poppins-LightItalic-4d3663cad3338ad3d520aef0a00adab5b4f7d20371f14913b083edce1f1280f1.woff2) format("woff2"), url(/assets/Poppins-LightItalic-0cb88ed9f01e4e4c7d008aa30e464b9fe1b400651aa7c847d87588d1db97979b.woff) format("woff"), url(/assets/Poppins-LightItalic-5ed922070de64aa86bd83f0ae93ca8c3f438667357043ebabd8e22d612d878a7.ttf) format("truetype");
  font-weight: 300;
  font-display: swap;
  font-style: italic;
}

@font-face {
  font-family: "Poppins-Regular";
  src: url(/assets/Poppins-Regular-18ffee980b7cc001d66eeaee617eb6cd0f7beb7b6bec2a7e25e36a81de2baa59.woff2) format("woff2"), url(/assets/Poppins-Regular-7cfb2d745e7deceb5f63c14136c76898e9bb2c960e9fd53304192023acddf3ee.woff) format("woff"), url(/assets/Poppins-Regular-752686bbc62a621a40c0ab6b69330a24855bc24d0dceeab43d3fb118a1b4a031.ttf) format("truetype");
  font-weight: 400;
  font-display: swap;
  font-style: normal;
}

@font-face {
  font-family: "Poppins-Italic";
  src: url(/assets/Poppins-Italic-c4c039f81b9a4ccd9a6fa4ad9550d6c0dc3be9f1688979d03679e454445f59c5.woff2) format("woff2"), url(/assets/Poppins-Italic-d9288d81a5f0655a308f66508487d2305506928fd0796e1bd65ecd5cbc14d4b2.woff) format("woff"), url(/assets/Poppins-Italic-dc53d998bd9a1d32778bf9125bc0eae8f1c4124e40b66429cdb8b596a7d4827a.ttf) format("truetype");
  font-weight: 400;
  font-display: swap;
  font-style: italic;
}

@font-face {
  font-family: "Poppins-Medium";
  src: url(/assets/Poppins-Medium-dd0023744f54e840de2640da764e09f8cb98bab67fe7b68594af94fe8d5a16b3.woff2) format("woff2"), url(/assets/Poppins-Medium-2ff82fabd9a5e01b9c9624c3d6f13ab62b00a1ccbbbea27c3f81214334f158ce.woff) format("woff"), url(/assets/Poppins-Medium-c2bd6b5a9882f716681c22b5a4610dcc4eb1fa0cdd66c57ac997e95721f868b2.ttf) format("truetype");
  font-weight: 500;
  font-display: swap;
  font-style: normal;
}

@font-face {
  font-family: "Poppins-MediumItalic";
  src: url(/assets/Poppins-MediumItalic-9ef7560fd5f2def7019345fbc93d9708a90039effd06b32417304a7c9d0922dc.woff2) format("woff2"), url(/assets/Poppins-MediumItalic-425147e6b52053f7c7721026c6ba85f06ba34bc0c2731730b214d5341d8c7477.woff) format("woff"), url(/assets/Poppins-MediumItalic-ef2d94f4a52c00b6998cd3ec0a32a0435bfe37d0357572f03a3e49a7f9cba01c.ttf) format("truetype");
  font-weight: 500;
  font-display: swap;
  font-style: italic;
}

@font-face {
  font-family: "ClashDisplay-Medium";
  src: url(/assets/ClashDisplay-Medium-759103b47c78fb9a857e809b893f0ed8f17882714bb9519af156808fb46201d8.woff2) format("woff2"), url(/assets/ClashDisplay-Medium-0789061a20644a0a12e4175429178579b2e321068e9bb38d66a18c9ff6aea6bf.woff) format("woff"), url(/assets/ClashDisplay-Medium-55a9e018275fae859033147c886d2c10597c9a8bb5f28635ab3ff13af10fbc68.ttf) format("truetype");
  font-weight: 500;
  font-display: swap;
  font-style: normal;
}

@font-face {
  font-family: "ClashDisplay-Semibold";
  src: url(/assets/ClashDisplay-Semibold-15350b89d38fa1ff019b6c25f864239e3301b4208f4169d21b7478f0b581508f.woff2) format("woff2"), url(/assets/ClashDisplay-Semibold-78732290ba0506d6d4d84ee23c73121491a374e59a175c9e80db47a7b83c1829.woff) format("woff"), url(/assets/ClashDisplay-Semibold-53d17bd74d47b640bf1e8e80564473ae62ffe49514a0711629089097992cad89.ttf) format("truetype");
  font-weight: 600;
  font-display: swap;
  font-style: normal;
}

@font-face {
  font-family: "ClashDisplay-Bold";
  src: url(/assets/ClashDisplay-Bold-82db5a87396355aa5c70f2a097e181aa36abf84a396cf270fadb59b4e86cae11.woff2) format("woff2"), url(/assets/ClashDisplay-Bold-f1501220db69e4dc97c9aa4dec1f0db58d73c8106580229c0380487aabde52d3.woff) format("woff"), url(/assets/ClashDisplay-Bold-1789d5560580da9c6baf4dc56c3024d59ca7b97b9509062fb4e888bad0e9db66.ttf) format("truetype");
  font-weight: 700;
  font-display: swap;
  font-style: normal;
}

/* line 86, app/assets/stylesheets/shared/_fonts.scss */
.family-regular {
  font-family: "Poppins-Regular", sans !important;
}

/* line 89, app/assets/stylesheets/shared/_fonts.scss */
.family-semibold {
  font-family: "ClashDisplay-Medium", sans !important;
}

/* line 92, app/assets/stylesheets/shared/_fonts.scss */
.family-bold {
  font-family: "ClashDisplay-Semibold", sans !important;
}

/* Header */
/* line 97, app/assets/stylesheets/shared/_fonts.scss */
h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6,
.h7,
.h8,
.h9 {
  font-family: "ClashDisplay-Semibold", sans;
}

/* line 114, app/assets/stylesheets/shared/_fonts.scss */
h1,
.h1 {
  font-size: 3.5rem;
}

/* line 118, app/assets/stylesheets/shared/_fonts.scss */
h2,
.h2 {
  font-size: 3rem;
}

/* line 122, app/assets/stylesheets/shared/_fonts.scss */
h3,
.h3 {
  font-size: 2.5rem;
}

/* line 126, app/assets/stylesheets/shared/_fonts.scss */
h4,
.h4 {
  font-size: 2rem;
}

/* line 130, app/assets/stylesheets/shared/_fonts.scss */
h5,
.h5 {
  font-size: 1.75rem;
}

/* line 134, app/assets/stylesheets/shared/_fonts.scss */
h6,
.h6 {
  font-size: 1.5rem;
}

/* line 138, app/assets/stylesheets/shared/_fonts.scss */
.h7 {
  font-size: 1.25rem;
}

/* line 141, app/assets/stylesheets/shared/_fonts.scss */
.h8 {
  font-size: 1rem;
}

/* line 144, app/assets/stylesheets/shared/_fonts.scss */
.h9 {
  font-size: 1rem;
}

/* Uppercase */
/* line 149, app/assets/stylesheets/shared/_fonts.scss */
.u1,
.u2,
.u3 {
  text-transform: uppercase;
}

/* line 154, app/assets/stylesheets/shared/_fonts.scss */
.u1 {
  font-size: 1rem;
}

/* line 157, app/assets/stylesheets/shared/_fonts.scss */
.u2 {
  font-size: 0.75rem;
}

/* line 160, app/assets/stylesheets/shared/_fonts.scss */
.u3 {
  font-size: 0.75rem;
}

/* Paragraph */
/* line 165, app/assets/stylesheets/shared/_fonts.scss */
.p1,
.p2,
.p3,
.p4,
.p5,
.p6 {
  line-height: 1.6;
}

/* line 173, app/assets/stylesheets/shared/_fonts.scss */
.p1 {
  font-size: 1.25rem;
}

/* line 176, app/assets/stylesheets/shared/_fonts.scss */
.p2 {
  font-size: 1rem;
}

/* line 179, app/assets/stylesheets/shared/_fonts.scss */
.p3 {
  font-size: 0.875rem;
}

/* line 182, app/assets/stylesheets/shared/_fonts.scss */
.p4 {
  font-size: 0.75rem;
}

/* line 185, app/assets/stylesheets/shared/_fonts.scss */
.p5 {
  font-size: 0.75rem;
}

/* line 188, app/assets/stylesheets/shared/_fonts.scss */
.p6 {
  font-size: 0.75rem;
}

/* Button */
/* line 193, app/assets/stylesheets/shared/_fonts.scss */
.btn1 {
  font-size: 1rem;
}

/* line 196, app/assets/stylesheets/shared/_fonts.scss */
.btn2 {
  font-size: 0.75rem;
}

@media screen and (min-width: 576px) {
  /* Header */
  /* line 202, app/assets/stylesheets/shared/_fonts.scss */
  h1,
.h1 {
    font-size: 4rem;
  }
  /* line 206, app/assets/stylesheets/shared/_fonts.scss */
  h2,
.h2 {
    font-size: 3.5rem;
  }
  /* line 210, app/assets/stylesheets/shared/_fonts.scss */
  h3,
.h3 {
    font-size: 3rem;
  }
  /* line 214, app/assets/stylesheets/shared/_fonts.scss */
  h4,
.h4 {
    font-size: 2.5rem;
  }
  /* line 218, app/assets/stylesheets/shared/_fonts.scss */
  h5,
.h5 {
    font-size: 2rem;
  }
  /* line 222, app/assets/stylesheets/shared/_fonts.scss */
  h6,
.h6 {
    font-size: 1.75rem;
  }
  /* line 226, app/assets/stylesheets/shared/_fonts.scss */
  .h7 {
    font-size: 1.5rem;
  }
  /* line 229, app/assets/stylesheets/shared/_fonts.scss */
  .h8 {
    font-size: 1.25rem;
  }
  /* line 232, app/assets/stylesheets/shared/_fonts.scss */
  .h9 {
    font-size: 1rem;
  }
  /* Uppercase */
  /* line 237, app/assets/stylesheets/shared/_fonts.scss */
  .u1 {
    font-size: 1.25rem;
  }
  /* line 240, app/assets/stylesheets/shared/_fonts.scss */
  .u2 {
    font-size: 1rem;
  }
  /* line 243, app/assets/stylesheets/shared/_fonts.scss */
  .u3 {
    font-size: 0.75rem;
  }
  /* Paragraph */
  /* line 248, app/assets/stylesheets/shared/_fonts.scss */
  .p1 {
    font-size: 1.5rem;
  }
  /* line 251, app/assets/stylesheets/shared/_fonts.scss */
  .p2 {
    font-size: 1.25rem;
  }
  /* line 254, app/assets/stylesheets/shared/_fonts.scss */
  .p3 {
    font-size: 1rem;
  }
  /* line 257, app/assets/stylesheets/shared/_fonts.scss */
  .p4 {
    font-size: 0.875rem;
  }
  /* line 260, app/assets/stylesheets/shared/_fonts.scss */
  .p5 {
    font-size: 0.75rem;
  }
}

@media screen and (min-width: 992px) {
  /* Header */
  /* line 267, app/assets/stylesheets/shared/_fonts.scss */
  .lg-h1 {
    font-size: 4rem;
  }
  /* line 270, app/assets/stylesheets/shared/_fonts.scss */
  .lg-h2 {
    font-size: 3.5rem;
  }
  /* line 273, app/assets/stylesheets/shared/_fonts.scss */
  .lg-h3 {
    font-size: 3rem;
  }
  /* line 276, app/assets/stylesheets/shared/_fonts.scss */
  .lg-h4 {
    font-size: 2.5rem;
  }
  /* line 279, app/assets/stylesheets/shared/_fonts.scss */
  .lg-h5 {
    font-size: 2rem;
  }
  /* line 282, app/assets/stylesheets/shared/_fonts.scss */
  .lg-h6 {
    font-size: 1.75rem;
  }
  /* line 285, app/assets/stylesheets/shared/_fonts.scss */
  .lg-h7 {
    font-size: 1.5rem;
  }
  /* line 288, app/assets/stylesheets/shared/_fonts.scss */
  .lg-h8 {
    font-size: 1.25rem;
  }
  /* line 291, app/assets/stylesheets/shared/_fonts.scss */
  .lg-h9 {
    font-size: 1rem;
  }
  /* Uppercase */
  /* line 296, app/assets/stylesheets/shared/_fonts.scss */
  .lg-u1 {
    font-size: 1.25rem;
  }
  /* line 299, app/assets/stylesheets/shared/_fonts.scss */
  .lg-u2 {
    font-size: 1rem;
  }
  /* line 302, app/assets/stylesheets/shared/_fonts.scss */
  .lg-u3 {
    font-size: 0.75rem;
  }
  /* Paragraph */
  /* line 307, app/assets/stylesheets/shared/_fonts.scss */
  .lg-p1 {
    font-size: 1.5rem;
  }
  /* line 310, app/assets/stylesheets/shared/_fonts.scss */
  .lg-p2 {
    font-size: 1.25rem;
  }
  /* line 313, app/assets/stylesheets/shared/_fonts.scss */
  .lg-p3 {
    font-size: 1rem;
  }
  /* line 316, app/assets/stylesheets/shared/_fonts.scss */
  .lg-p4 {
    font-size: 0.875rem;
  }
  /* line 319, app/assets/stylesheets/shared/_fonts.scss */
  .lg-p5 {
    font-size: 0.75rem;
  }
  /* line 322, app/assets/stylesheets/shared/_fonts.scss */
  .lg-p6 {
    font-size: 0.625rem;
  }
  /* Button */
  /* line 327, app/assets/stylesheets/shared/_fonts.scss */
  .lg-btn1 {
    font-size: 1rem;
  }
  /* line 330, app/assets/stylesheets/shared/_fonts.scss */
  .lg-btn2 {
    font-size: 0.75rem;
  }
}
/* line 3, app/assets/stylesheets/shared/_theme.scss */
.theme {
  background-color: #F7F7FA;
}

/* line 6, app/assets/stylesheets/shared/_theme.scss */
.theme .main-container {
  background-color: #F7F7FA;
}

/* line 10, app/assets/stylesheets/shared/_theme.scss */
.theme .border-service {
  border-color: #B379FF;
}

/* line 14, app/assets/stylesheets/shared/_theme.scss */
.theme footer {
  background-color: #191919;
}

/* line 18, app/assets/stylesheets/shared/_theme.scss */
.theme_code {
  background-color: #191919;
}

/* line 22, app/assets/stylesheets/shared/_theme.scss */
.theme_code .gradient-block div::after {
  background: linear-gradient(180deg, rgba(25, 25, 25, 0.9), rgba(25, 25, 25, 0.9));
}

/* line 27, app/assets/stylesheets/shared/_theme.scss */
.theme_code .main-container {
  background-color: #191919;
}

/* line 31, app/assets/stylesheets/shared/_theme.scss */
.theme_code .border-service {
  border-color: #71E38A;
}

/* line 36, app/assets/stylesheets/shared/_theme.scss */
.theme_code .headers-white :is(h1, h2, h3, h3, h5, h6) {
  color: #ffffff;
}

/* line 41, app/assets/stylesheets/shared/_theme.scss */
.theme_code .article-container {
  border-color: #58585E !important;
}

/* line 45, app/assets/stylesheets/shared/_theme.scss */
.theme_code footer {
  background-color: #000;
}

/* line 49, app/assets/stylesheets/shared/_theme.scss */
.theme_dark {
  color: #ffffff;
  background-color: #191919;
}

/* line 54, app/assets/stylesheets/shared/_theme.scss */
.theme_dark .headers-white :is(h1, h2, h3, h3, h5, h6) {
  color: #ffffff;
}

/* line 59, app/assets/stylesheets/shared/_theme.scss */
.theme_dark .main-container {
  background-color: #191919;
}

/* line 63, app/assets/stylesheets/shared/_theme.scss */
.theme_dark footer {
  background-color: #000;
}
/* Animations for View Transition API */
::view-transition-old(root),
::view-transition-new(root) {
  animation-duration: 0.3s;
  animation-timing-function: ease-in-out;
}

::view-transition-old(root) {
  animation-name: slide-out;
}

::view-transition-new(root) {
  animation-name: slide-in;
}

@keyframes slide-out {
  from {
    transform: translateX(0);
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translateX(var(--slide-distance));
    -webkit-transform: translateX(var(--slide-distance));
    -moz-transform: translateX(var(--slide-distance));
    -ms-transform: translateX(var(--slide-distance));
    -o-transform: translateX(var(--slide-distance));
}
}

@keyframes slide-in {
  from {
    opacity: 0;
    transform: translateX(calc(-1 * var(--slide-distance)));
    -webkit-transform: translateX(calc(-1 * var(--slide-distance)));
    -moz-transform: translateX(calc(-1 * var(--slide-distance)));
    -ms-transform: translateX(calc(-1 * var(--slide-distance)));
    -o-transform: translateX(calc(-1 * var(--slide-distance)));
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

:root {
  --slide-distance: -100%;
}
[data-transition-direction="left"] {
  --slide-distance: 100%;
}