@charset "UTF-8";

:root {
  --padding-xxxl: 120px;
  --padding-xxl: 100px;
  --padding-xl: 80px;
  --padding-default: 60px;
  --padding-large: 40px;
  --padding-medium: 20px;
  --padding-small: 10px;
  --padding-none: 0;
}

body {
  --font-primary: 'Archivo', sans-serif;
  --header-extra-height: 0px;
  --header-total-height: 64px;
  --header-modalbar-height: 0px;
  background-color: var(--color-grey-000) !important;
  overflow-x: hidden;
}

body.menu-open {
  overflow: hidden;
}

body.is-posthog-loading {
  opacity: 0;
  pointer-events: none;
  overflow: hidden;
}

body,
.sections_wrap {
  font-family: var(--font-primary) !important;
}

.sections_wrap {
  background-size: contain;
  background-repeat: no-repeat;
  position: relative;
}

.container {
  max-width: 1560px;
  margin: 0 auto;
  padding-left: 60px;
  padding-right: 60px;
  width: 100%;
}

.button {
  font-size: 16px !important;
  text-align: center;
  padding: 2px 16px;
}

.button[data-icon="true"] {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 8px;
}

.button.button-primary {
  background: var(--button-background-primary);
  color: var(--button-text-primary);
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
  border-radius: 8px;
}

.button.button-primary:hover {
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}

.button.button-secondary {
  background: transparent;
  color: var(--text-text-primary);
  border: 1px solid var(--border-border-primary);
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
  border-radius: 8px;
}

.button.button-secondary:hover {
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}

.button.button-white {
  background: #fff;
  color: var(--pecan-primary);
  border-radius: 8px;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
}

.button.button-white:hover {
  background: var(--pecan-primary-light);
  color: var(--pecan-primary-dark);
}

.button.button-simple-link {
  color: var(--text-text-primary);
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
  padding: 0 6px;
  border-radius: 8px;
  text-decoration: none;
}

.button.button-simple-link:hover {
  background: var(--interaction-hover);
}

.button.button-with-icon {
  background: var(--button-background-primary);
  color: var(--button-text-primary);
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
  position: relative;
  padding: 4px 16px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  border-radius: 8px;
}

.button.button-with-icon svg {
  width: 24px;
  height: 24px;
}

.button.button-with-icon svg path {
  fill: var(--button-text-primary);
}

.button.button-with-icon:hover {
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}

.button.button-gradient-01 {
  border-radius: 8px;
  background: -webkit-linear-gradient(4deg, #955DF5 45.42%, #E2FF6C 132.4%);
  background: -o-linear-gradient(4deg, #955DF5 45.42%, #E2FF6C 132.4%);
  background: linear-gradient(86deg, #955DF5 45.42%, #E2FF6C 132.4%);
  -webkit-box-shadow: 0px 0px 6px 0px rgba(52, 16, 101, 0.5);
          box-shadow: 0px 0px 6px 0px rgba(52, 16, 101, 0.5);
  color: #fff;
}

.button.button-gradient-01:hover {
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}

.button.button-tertiary {
  background: #23433d;
  color: #fff;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
  border-radius: 8px;
}

.button.button-tertiary:hover {
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}

.button-fullwidth {
  width: 100%;
}

.button-fullwidth a {
  width: 100%;
}

.buttons {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 24px;
}

.media_container {
  width: 100%;
}

.media_container[data-background-color="true"] {
  padding: 32px;
}

.media_container[data-background-color-rounded-corners="true"] {
  border-radius: 16px;
}

.media_container[data-media-type="embed"] .embed-video {
  position: relative;
  overflow: hidden;
  padding-top: 56.25%;
}

.media_container[data-media-type="embed"] iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.media_container[data-media-type="json"] svg {
  max-width: 100%;
}

.media_container[data-lightbox="true"] {
  position: relative;
}

.media_container[data-elevation="elevation01"] picture,
.media_container[data-elevation="elevation01"] video {
  -webkit-box-shadow: 0px 0px 20px -2px var(--effects-shadow-primary), 0px 0px 40px 6px var(--effects-shadow-secondary);
          box-shadow: 0px 0px 20px -2px var(--effects-shadow-primary), 0px 0px 40px 6px var(--effects-shadow-secondary);
}

.media_container[data-rounded-border="default"] picture {
  border-radius: 8px;
}

.media_container[data-rounded-border="default"] picture img {
  border-radius: 8px;
}

.media_container[data-rounded-border="default"] video {
  border-radius: 8px;
}

.media_container[data-rounded-border="border_m"] picture {
  border-radius: 16px;
}

.media_container[data-rounded-border="border_m"] picture img {
  border-radius: 16px;
}

.media_container[data-rounded-border="border_m"] video {
  border-radius: 16px;
}

.media_container[data-rounded-border="border_l"] {
  --border-size: 40px;
  --border-size-mobile: 20px;
}

.media_container[data-rounded-border="border_l"] picture {
  border-radius: var(--border-size);
}

.media_container[data-rounded-border="border_l"] picture img {
  border-radius: var(--border-size);
}

.media_container[data-rounded-border="border_l"] video {
  border-radius: var(--border-size);
}

.media_container > * {
  width: 100%;
}

.media_container picture {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

.media_container .video-overlay {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.media_container .video-overlay.buttons a {
  -webkit-box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.5);
          box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.5);
}

.media_container .video-overlay.buttons a.play-button {
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.3);
  -webkit-backdrop-filter: blur(8px);
          backdrop-filter: blur(8px);
  padding: 35px 35px 32px 35px;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
  -webkit-box-shadow: inherit;
          box-shadow: inherit;
}

.media_container .video-overlay.buttons a.play-button:hover {
  -webkit-transform: scale(1.15);
      -ms-transform: scale(1.15);
          transform: scale(1.15);
}

.video-overlay-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
  width: 96vw;
  gap: 16px;
}

.video-overlay-wrap video,
.video-overlay-wrap iframe {
  height: calc(100vh - 9rem);
  max-width: 100%;
}

.video-overlay-wrap iframe {
  width: 100%;
}

.show-tablet {
  display: none !important;
}

.glossary-tooltip {
  z-index: 99 !important;
}

a {
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
}

.all_articles_loadmore_wrap {
  margin: 60px 0 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

[data-seperator] {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  font-size: 18px;
  font-weight: 400;
  line-height: 32px;
  margin: 32px 0;
}

[data-seperator]:before,
[data-seperator]:after {
  content: '';
  -webkit-box-flex: 1;
  -webkit-flex: 1;
     -moz-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  border-bottom: 1px solid rgba(33, 48, 3, 0.25);
}

[data-seperator]:not(:empty):before {
  margin-right: 24px;
}

[data-seperator]:not(:empty):after {
  margin-left: 24px;
}

.hbspt-form input {
  width: 100% !important;
  border: 1px solid var(--border-border-primary);
  border-radius: 4px;
  padding: 6px 10px;
  font-weight: 400;
  font-size: 14px;
  line-height: 23px;
  color: var(--text-text-primary);
}

.hbspt-form input:focus,
.hbspt-form input:focus-visible {
  border: 1px solid var(--border-border-primary);
  border-radius: 0;
}

.hbspt-form input::-webkit-input-placeholder {
  color: var(--text-text-secondary);
}

.hbspt-form input:-ms-input-placeholder {
  color: var(--text-text-secondary);
}

.hbspt-form input::-moz-placeholder {
  color: var(--text-text-secondary);
}

.hbspt-form input::-ms-input-placeholder {
  color: var(--text-text-secondary);
}

.hbspt-form input::placeholder {
  color: var(--text-text-secondary);
}

.hbspt-form input[type="submit"] {
  text-align: center;
  padding: 8px 16px;
  background: var(--button-background-primary);
  -webkit-box-shadow: 0px 0px 6px 0px rgba(176, 230, 165, 0.5);
          box-shadow: 0px 0px 6px 0px rgba(176, 230, 165, 0.5);
  border-radius: 8px;
  color: var(--button-text-primary);
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
  border: 0;
  cursor: pointer;
  font-size: 16px;
}

.hbspt-form input[type="submit"]:hover {
  -webkit-box-shadow: 0px 0px 20px 4px #b0e6a5;
          box-shadow: 0px 0px 20px 4px #b0e6a5;
}

.hbspt-form select {
  width: 100%;
  border: 1px solid var(--border-border-primary);
  border-radius: 4px;
  padding: 9px 4px;
  font-weight: 400;
  font-size: 14px;
  line-height: 23px;
  color: var(--text-text-primary);
}

.hbspt-form textarea {
  width: 100% !important;
  border: 1px solid var(--border-border-primary);
  border-radius: 4px;
  padding: 10px;
  font-weight: 400;
  font-size: 14px;
  line-height: 23px;
  color: var(--text-text-primary);
  resize: none;
}

.hbspt-form textarea:focus,
.hbspt-form textarea:focus-visible {
  border: 1px solid var(--border-border-primary);
  border-radius: 0;
}

.hbspt-form textarea::-webkit-input-placeholder {
  color: var(--text-text-secondary);
}

.hbspt-form textarea:-ms-input-placeholder {
  color: var(--text-text-secondary);
}

.hbspt-form textarea::-moz-placeholder {
  color: var(--text-text-secondary);
}

.hbspt-form textarea::-ms-input-placeholder {
  color: var(--text-text-secondary);
}

.hbspt-form textarea::placeholder {
  color: var(--text-text-secondary);
}

.hbspt-form .actions {
  margin-top: 10px;
  margin-bottom: 18px;
  padding: 10px 0 16px;
}

.hbspt-form label {
  font-size: 14px;
  display: block;
}

.hbspt-form .hs-form-field:not(:last-of-type) {
  margin-bottom: 10px;
}

.hbspt-form .legal-consent-container {
  margin: 10px 0;
}

.hbspt-form .legal-consent-container .hs-richtext {
  font-size: 10px;
  line-height: 17px;
  font-weight: 400;
  color: var(--text-text-secondary);
}

.hbspt-form .legal-consent-container .hs-richtext p {
  font-size: 10px;
  line-height: 17px;
  font-weight: 400;
  color: var(--text-text-secondary);
}

.hbspt-form .hs-richtext {
  color: var(--pecan-text);
  line-height: 24px;
  text-align: left;
}

.hbspt-form .hs-richtext a {
  color: var(--pecan-primary);
}

.hbspt-form .hs-richtext p {
  color: var(--pecan-text);
  line-height: 24px;
  text-align: left;
}

.hbspt-form .edu-error-message {
  color: #f2545b;
  padding: 5px;
}

.hbspt-form .hs-error-msgs {
  text-align: left;
}

.hbspt-form .hs-error-msgs.inputs-list {
  margin: 5px 0 0;
}

.hbspt-form .hs-error-msgs label {
  color: #f2545b;
}

.hbspt-form ul.no-list {
  list-style: none;
}

.hbspt-form .inputs-list {
  margin: 0 0 5px;
  width: 100%;
  padding-left: 5px;
}

.hbspt-form .hs-recaptcha {
  display: none !important;
}

.single_post_content_wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0 0 60px 0;
  gap: 64px;
}

.single_post_content_wrap-left {
  max-width: 800px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
     -moz-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.single_post_content_wrap-right {
  width: 300px;
}

.single_post_content_wrap-rightSidebar {
  position: -webkit-sticky;
  position: sticky;
  top: calc(20px + var(--header-total-height));
  z-index: 5;
}

.single_post_content_wrap-rightSidebar-form {
  border-radius: 10px;
  border: 1px solid #AFB9B8;
  padding: 10px;
  text-align: center;
}

.single_post_content_wrap-rightSidebar-form .actions {
  margin: 0;
  padding: 10px 0 0;
}

.single_post_content_wrap-rightSidebar .newsletter_box {
  margin-top: 10px;
}

.single_post_content_wrap-rightSidebar .newsletter_box_title {
  margin-bottom: 16px;
}

.single_post_content_wrap-rightSidebar .downloadable_version {
  margin: 48px 0 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.single_post_content_wrap-rightSidebar .downloadable_version_button {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

.single_post_content .post_toc {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
}

.single_post_content .post_toc_linksList {
  margin: 0;
  padding: 0 0 0 20px;
  list-style-type: none;
}

.single_post_content .post_toc_linksList-item.is-active-li a {
  color: var(--dark-slate-grey) !important;
}

.single_post_content .post_toc_linksList-item.is-active-li a:before {
  color: var(--dark-slate-grey);
}

.single_post_content .post_toc_linksList-item a {
  position: relative;
  color: #919191 !important;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 6px;
}

.single_post_content .post_toc_linksList-item a:before {
  content: "→";
  position: absolute;
  top: 0;
  left: -20px;
  color: #919191;
}

.related_content .thumb {
  height: 200px;
}

.related_content .thumb a {
  width: 100%;
  height: 100%;
}

.related_content .thumb picture {
  width: 100%;
  height: 100%;
}

.related_content .thumb img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 8px;
}

.related_content .text p {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  /* number of lines to show */
  line-clamp: 3;
  -webkit-box-orient: vertical;
}

.bookademo {
  background-color: var(--surface-background-tertiary);
  border-radius: 12px;
  padding: 10px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 10px;
}

.bookademo .newsletter_box_title {
  margin: 0;
}

.bookademo .buttons {
  width: 100%;
}

.bookademo a {
  width: 100%;
}

.blog_cta_in_content {
  margin: 20px 0;
  padding: 20px;
  border-radius: 8px;
  background: var(--surface-background-tertiary);
  text-align: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px;
}

[data-glossary-id] {
  position: relative;
  color: var(--color-purple-600);
  text-decoration: underline;
}

.tooltip {
  position: absolute;
  display: none;
  background: var(--color-purple-100);
  color: #000;
  padding: 16px;
  z-index: 1000;
  max-width: 400px;
  min-width: 220px;
  text-align: left;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  /* Center the tooltip */
  -webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.25);
  line-height: 24px;
  font-size: 14px;
  font-weight: 300;
}

.tooltip .title {
  display: block;
  padding-bottom: 8px;
}

.section-iframe-background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: calc(100% + 1px);
  z-index: 1;
}

.section-iframe-background iframe {
  width: 100%;
  height: calc(100% + 1px);
  border: 0;
}

.info-tooltip {
  position: relative;
  display: inline-block;
  cursor: pointer;
}

.info-tooltip__icon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  -webkit-transition: background-color 0.2s ease;
  -o-transition: background-color 0.2s ease;
  transition: background-color 0.2s ease;
}

.info-tooltip:hover .info-tooltip__content {
  visibility: visible;
  opacity: 1;
}

.info-tooltip__content {
  visibility: hidden;
  opacity: 0;
  position: absolute;
  bottom: calc(100% + 3px);
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  max-width: 225px;
  padding: 4px 8px;
  background: var(--surface-background-tertiary);
  border-radius: 4px 4px 0px 4px;
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  z-index: 10;
}

.info-tooltip__content::after {
  content: '';
  position: absolute;
  top: 100%;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}

.info-tooltip__content__inner {
  text-align: left;
}

form#hsForm_a1da23b8-f54e-4d4e-9d5e-3d13815f3841 .hs_firstname,
form#hsForm_a1da23b8-f54e-4d4e-9d5e-3d13815f3841 .hs_lastname,
form#hsForm_a1da23b8-f54e-4d4e-9d5e-3d13815f3841 .hs_company {
  display: block !important;
}

.blog_breadcrumbs {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.blog_breadcrumbs a,
.blog_breadcrumbs span {
  font-weight: normal;
  font-size: 14px;
  line-height: 23px;
  color: #697777;
}

.blog_breadcrumbs span.divider {
  margin-left: 5px;
  margin-right: 5px;
}

body.page-id-13384 .section-faq-wrap-contentDataItem .faq-item .question,
body.page-id-13422 .section-faq-wrap-contentDataItem .faq-item .question {
  border-top: 1px solid var(--color-grey-700);
}

body.home .section-header__wrap:before,
body.page-id-13325 .section-header__wrap:before {
  display: none;
}

body.home .section-sides__checkboxes,
body.page-id-13325 .section-sides__checkboxes {
  max-width: 100%;
  overflow: hidden;
}

body.home .section-sides__checkboxesItem,
body.page-id-13325 .section-sides__checkboxesItem {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  overflow: hidden;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

body.home .section-sides__checkboxesItem__thumb,
body.page-id-13325 .section-sides__checkboxesItem__thumb {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}

body.home .sections_wrap > section:nth-child(1) .section-sides__side:last-of-type,
body.page-id-13325 .sections_wrap > section:nth-child(1) .section-sides__side:last-of-type {
  -webkit-align-self: start;
      -ms-flex-item-align: start;
          align-self: start;
}

body.home .section-faq-wrap-contentDataItem .faq-item .question,
body.page-id-13325 .section-faq-wrap-contentDataItem .faq-item .question {
  border-top: 1px solid var(--color-grey-700);
}

#custom-gradient-background {
  position: relative;
}

#custom-gradient-background:after {
  position: absolute;
  top: 30px;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 1440px;
  height: 83%;
  border-radius: 16px;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(8.91%, rgba(226, 255, 108, 0)), color-stop(197.99%, #E2FF6C));
  background: -webkit-linear-gradient(bottom, rgba(226, 255, 108, 0) 8.91%, #E2FF6C 197.99%);
  background: -o-linear-gradient(bottom, rgba(226, 255, 108, 0) 8.91%, #E2FF6C 197.99%);
  background: linear-gradient(0deg, rgba(226, 255, 108, 0) 8.91%, #E2FF6C 197.99%);
  content: "";
}

#custom-gradient-background .container {
  z-index: 2;
}

#custom-gradient-background .section-sides__buttons a {
  background: var(--color-yellow-400);
  color: var(--surface-background-primary);
}

body.solution-template .section-sides__side {
  padding: 0 40px;
}

/* Style the whole select as gray if it has the placeholder */

.hs_number_of_data_analysts select.placeholder-active {
  color: var(--text-text-secondary);
}

.no-svg-filter {
  -webkit-filter: inherit !important;
          filter: inherit !important;
}

#sides_hero {
  position: relative;
  overflow: visible;
}

#sides_hero::before {
  content: '';
  position: absolute;
  top: -149.242px;
  right: -345px;
  width: 1137.79px;
  height: 1140.62px;
  border-radius: 568.895px;
  background: #F8F8F7;
  z-index: 0;
  pointer-events: none;
  filter: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise' x='0' y='0' width='100%25' height='100%25' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1 1' stitchTiles='stitch' numOctaves='3' result='noise' seed='510'/%3E%3CfeColorMatrix in='noise' type='luminanceToAlpha' result='alphaNoise'/%3E%3CfeComponentTransfer in='alphaNoise' result='coloredNoise1'%3E%3CfeFuncA type='discrete' tableValues='1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 '/%3E%3C/feComponentTransfer%3E%3CfeComposite operator='in' in2='SourceGraphic' in='coloredNoise1' result='noise1Clipped'/%3E%3CfeFlood flood-color='rgba(176, 230, 165, 0.25)' result='color1Flood'/%3E%3CfeComposite operator='in' in2='noise1Clipped' in='color1Flood' result='color1'/%3E%3CfeMerge result='effect1_noise'%3E%3CfeMergeNode in='SourceGraphic'/%3E%3CfeMergeNode in='color1'/%3E%3C/feMerge%3E%3C/filter%3E%3C/svg%23noise");
  background-image: -webkit-radial-gradient(20% 30%, circle, rgba(176, 230, 165, 0.15) 0%, transparent 50%), -webkit-radial-gradient(80% 70%, circle, rgba(176, 230, 165, 0.12) 0%, transparent 50%), -webkit-radial-gradient(40% 80%, circle, rgba(176, 230, 165, 0.1) 0%, transparent 40%), -webkit-repeating-linear-gradient(bottom, transparent 0px, rgba(176, 230, 165, 0.03) 1px, transparent 2px, rgba(176, 230, 165, 0.02) 3px), -webkit-repeating-linear-gradient(left, transparent 0px, rgba(176, 230, 165, 0.03) 1px, transparent 2px, rgba(176, 230, 165, 0.02) 3px);
  background-image: -o-radial-gradient(20% 30%, circle, rgba(176, 230, 165, 0.15) 0%, transparent 50%), -o-radial-gradient(80% 70%, circle, rgba(176, 230, 165, 0.12) 0%, transparent 50%), -o-radial-gradient(40% 80%, circle, rgba(176, 230, 165, 0.1) 0%, transparent 40%), -o-repeating-linear-gradient(bottom, transparent 0px, rgba(176, 230, 165, 0.03) 1px, transparent 2px, rgba(176, 230, 165, 0.02) 3px), -o-repeating-linear-gradient(left, transparent 0px, rgba(176, 230, 165, 0.03) 1px, transparent 2px, rgba(176, 230, 165, 0.02) 3px);
  background-image: radial-gradient(circle at 20% 30%, rgba(176, 230, 165, 0.15) 0%, transparent 50%), radial-gradient(circle at 80% 70%, rgba(176, 230, 165, 0.12) 0%, transparent 50%), radial-gradient(circle at 40% 80%, rgba(176, 230, 165, 0.1) 0%, transparent 40%), repeating-linear-gradient(0deg, transparent 0px, rgba(176, 230, 165, 0.03) 1px, transparent 2px, rgba(176, 230, 165, 0.02) 3px), repeating-linear-gradient(90deg, transparent 0px, rgba(176, 230, 165, 0.03) 1px, transparent 2px, rgba(176, 230, 165, 0.02) 3px);
}

#sides_hero > * {
  position: relative;
  z-index: 1;
}

#sides_hero + section {
  overflow: hidden;
  position: relative;
  z-index: 1;
}

#sides_gradient {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(55.77%, #23433D), to(#1A322E));
  background: -webkit-linear-gradient(top, #23433D 55.77%, #1A322E 100%);
  background: -o-linear-gradient(top, #23433D 55.77%, #1A322E 100%);
  background: linear-gradient(180deg, #23433D 55.77%, #1A322E 100%);
}

:root {
  --color-black-white-black: #000000;
  --color-black-white-white: #ffffff;
  --color-blue-050: #eff4ff;
  --color-blue-100: #dae6ff;
  --color-blue-200: #bed4ff;
  --color-blue-300: #91b9ff;
  --color-blue-400: #5e94fc;
  --color-blue-500: #386df9;
  --color-blue-600: #1a39db;
  --color-blue-700: #1c2fb1;
  --color-blue-800: #1d25b6;
  --color-blue-900: #161d55;
  --color-brown-050: #faf5f2;
  --color-brown-100: #f4e8e0;
  --color-brown-200: #e7d0c1;
  --color-brown-300: #d8b199;
  --color-brown-400: #cb9379;
  --color-brown-500: #bc7053;
  --color-brown-600: #ae5d48;
  --color-brown-700: #914b3d;
  --color-brown-800: #753e37;
  --color-brown-900: #331917;
  --color-cyan-050: #effefd;
  --color-cyan-100: #c8fffc;
  --color-cyan-200: #90fffa;
  --color-cyan-300: #51f7f6;
  --color-cyan-400: #1ddfe4;
  --color-cyan-500: #05bec7;
  --color-cyan-600: #0097a1;
  --color-cyan-700: #057780;
  --color-cyan-800: #0a5d65;
  --color-cyan-900: #002f36;
  --color-green-050: #fbf9ea;
  --color-green-100: #f5f4d2;
  --color-green-200: #ebe8ab;
  --color-green-300: #dcda7a;
  --color-green-400: #cbcb50;
  --color-green-500: #afb032;
  --color-green-600: #898c24;
  --color-green-700: #686b20;
  --color-green-800: #53561e;
  --color-green-900: #2c2e11;
  --color-grey-000: #fbfbfb;
  --color-grey-100: #f8f8f7;
  --color-grey-200: #ebeeee;
  --color-grey-300: #d4d9d9;
  --color-grey-400: #afb9b8;
  --color-grey-500: #697777;
  --color-grey-600: #54605f;
  --color-grey-700: #444d4c;
  --color-grey-800: #3a4141;
  --color-grey-900: #222626;
  --color-magenta-050: #fbf4f8;
  --color-magenta-100: #f9eaf2;
  --color-magenta-200: #f1c5dc;
  --color-magenta-300: #eeb3d0;
  --color-magenta-400: #e284b1;
  --color-magenta-500: #d55f94;
  --color-magenta-600: #c24074;
  --color-magenta-700: #a72f5c;
  --color-magenta-800: #8a2a4d;
  --color-magenta-900: #461124;
  --color-orange-050: #fef5ee;
  --color-orange-100: #fee9d6;
  --color-orange-200: #fbcead;
  --color-orange-300: #f8ac79;
  --color-orange-400: #f48043;
  --color-orange-500: #f15d1e;
  --color-orange-600: #e74514;
  --color-orange-700: #bc3112;
  --color-orange-800: #782416;
  --color-orange-900: #410f09;
  --color-purple-050: #f6f3ff;
  --color-purple-100: #eee9fe;
  --color-purple-200: #e0d6fe;
  --color-purple-300: #d0bffd;
  --color-purple-400: #ae8bfa;
  --color-purple-500: #955df5;
  --color-purple-600: #883bec;
  --color-purple-700: #7929d8;
  --color-purple-800: #541e94;
  --color-purple-900: #341065;
  --color-red-050: #fff1f0;
  --color-red-100: #ffe0dd;
  --color-red-200: #ffc7c1;
  --color-red-300: #ff9f95;
  --color-red-400: #ff6959;
  --color-red-500: #ff3a26;
  --color-red-600: #fc1d06;
  --color-red-700: #eb1600;
  --color-red-800: #af1505;
  --color-red-900: #500700;
  --color-yellow-050: #fcffe5;
  --color-yellow-100: #f7ffc7;
  --color-yellow-200: #eeff95;
  --color-yellow-300: #e2ff6c;
  --color-yellow-400: #caf625;
  --color-yellow-500: #abdd05;
  --color-yellow-600: #85b100;
  --color-yellow-700: #648605;
  --color-yellow-800: #50690b;
  --color-yellow-900: #43590e;
  --surface-background-primary: var(--color-grey-000);
  --pecan-primary: #5455E5;
  --pecan-primary-semi-light: #939EFA;
  --pecan-primary-dark: #3333C4;
  --pecan-primary-light: #F0F3FE;
  --pecan-attribute-light: #F0F3FE;
  --pecan-text: #3E4954;
  --pecan-text-light: #AFB5BB;
  --pecan-light-grey: #F9F9FF;
  --background-darkbg: linear-gradient(292deg, #1890FF 0%, #5455E5 35.15%, #20217D 71.03%);
  --bright-snow: #F8F8F7;
  --dark-slate-grey: #23433D;
  --vintage-grape: #523B54;
  --honeydew: #EBF7E8;
  --super-light-grey: #E1E1E1;
  --celadon: #B0E6A5;
}

[data-theme="light"] {
  --subtitle-color: var(--text-text-primary);
  --title-color: var(--text-text-primary);
  --text-color: var(--text-text-primary);
  --btn-text-color: var(--pecan-primary);
  --interaction-hover: #21300340;
  --interaction-primary: var(--color-green-900);
  --border-border-primary: var(--color-grey-900);
  --button-background-primary: #B0E6A5;
  --button-background-hover: var(--color-purple-700);
  --button-text-primary: var(--color-grey-900);
  --surface-background-primary: var(--color-grey-000);
  --surface-background-secondary: var(--honeydew);
  --surface-background-tertiary: var(--color-grey-200);
  --surface-background-transparent: rgba(212, 217, 217, 0.85);
  --text-text-primary: var(--color-grey-900);
  --text-text-secondary: var(--color-grey-500);
  --text-text-hover: var(--color-yellow-700);
  --effects-shadow-primary: var(--color-purple-300);
  --effects-shadow-secondary: var(--color-purple-500);
  --svg-filter-color: invert(11%) sepia(18%) saturate(245%) hue-rotate(131deg) brightness(93%) contrast(90%);
}

[data-theme="glow"] {
  --subtitle-color: var(--text-text-primary);
  --title-color: var(--text-text-primary);
  --text-color: var(--text-text-primary);
  --interaction-hover: #34106526;
  --interaction-primary: var(--color-purple-900);
  --border-border-primary: var(--color-purple-900);
  --button-background-primary: var(--color-purple-900);
  --button-background-hover: var(--color-purple-700);
  --button-text-primary: var(--color-grey-000);
  --surface-background-primary: var(--color-yellow-300);
  --surface-background-secondary: var(--color-purple-200);
  --surface-background-tertiary: var(--color-purple-100);
  --surface-background-transparent: rgba(224, 214, 254, 0.75);
  --text-text-primary: var(--color-purple-900);
  --text-text-secondary: var(--color-grey-500);
  --text-text-hover: var(--color-purple-600);
  --effects-shadow-primary: var(--color-purple-300);
  --effects-shadow-secondary: var(--color-purple-500);
  --svg-filter-color: invert(8%) sepia(51%) saturate(7450%) hue-rotate(265deg) brightness(79%) contrast(98%);
}

[data-theme="mid"] {
  --subtitle-color: var(--text-text-primary);
  --title-color: var(--text-text-primary);
  --text-color: var(--text-text-primary);
  --interaction-hover: #21300340;
  --interaction-primary: var(--color-purple-900);
  --border-border-primary: var(--color-purple-800);
  --button-background-primary: var(--color-purple-800);
  --button-background-hover: var(--color-purple-700);
  --button-text-primary: var(--color-grey-200);
  --surface-background-primary: var(--color-grey-200);
  --surface-background-secondary: var(--color-grey-000);
  --surface-background-tertiary: var(--color-purple-200);
  --surface-background-transparent: rgba(208, 191, 253, 0.75);
  --text-text-primary: var(--dark-slate-grey);
  --text-text-secondary: var(--color-grey-700);
  --text-text-hover: var(--color-yellow-700);
  --effects-shadow-primary: var(--color-purple-300);
  --effects-shadow-secondary: var(--color-purple-500);
  --svg-filter-color: invert(14%) sepia(43%) saturate(5820%) hue-rotate(262deg) brightness(87%) contrast(97%);
}

[data-theme="dark"] {
  --btn-text-color: #fff;
  --subtitle-color: var(--text-text-primary);
  --title-color: var(--text-text-primary);
  --text-color: var(--text-text-primary);
  --interaction-hover: #ebeeee40;
  --interaction-primary: var(--color-purple-200);
  --border-border-primary: var(--honeydew);
  --button-background-primary: #B0E6A5;
  --button-background-hover: var(--color-purple-700);
  --button-text-primary: var(--color-grey-900);
  --surface-background-primary: #23433D;
  --surface-background-secondary: var(--color-purple-700);
  --surface-background-tertiary: var(--color-grey-800);
  --surface-background-transparent: rgba(58, 65, 65, 0.85);
  --text-text-primary: var(--color-grey-000);
  --text-text-secondary: var(--color-grey-400);
  --text-text-hover: var(--color-purple-100);
  --effects-shadow-primary: var(--color-purple-300);
  --effects-shadow-secondary: var(--color-purple-500);
  --svg-filter-color: brightness(0) saturate(100%) invert(99%) sepia(1%) saturate(715%) hue-rotate(128deg) brightness(93%) contrast(82%);
}

[data-text-color="pecan-text-light"] {
  color: var(--pecan-text-light) !important;
}

[data-text-color="pecan-primary"] {
  color: var(--pecan-primary) !important;
}

[data-statistic] {
  display: inline-block;
  padding: 4px 12px;
  background: var(--surface-background-secondary);
  color: var(--text-text-primary) !important;
}

[data-text-color][data-text-color="color-black-white-black"] {
  color: var(--color-black-white-black);
  --text-color: var(--color-black-white-black);
}

[data-text-color][data-text-color="color-black-white-black"] * {
  color: var(--color-black-white-black);
}

[data-text-color][data-text-color="color-black-white-white"] {
  color: var(--color-black-white-white);
  --text-color: var(--color-black-white-white);
}

[data-text-color][data-text-color="color-black-white-white"] * {
  color: var(--color-black-white-white);
}

[data-text-color][data-text-color="color-blue-050"] {
  color: var(--color-blue-050);
  --text-color: var(--color-blue-050);
}

[data-text-color][data-text-color="color-blue-050"] * {
  color: var(--color-blue-050);
}

[data-text-color][data-text-color="color-blue-100"] {
  color: var(--color-blue-100);
  --text-color: var(--color-blue-100);
}

[data-text-color][data-text-color="color-blue-100"] * {
  color: var(--color-blue-100);
}

[data-text-color][data-text-color="color-blue-200"] {
  color: var(--color-blue-200);
  --text-color: var(--color-blue-200);
}

[data-text-color][data-text-color="color-blue-200"] * {
  color: var(--color-blue-200);
}

[data-text-color][data-text-color="color-blue-300"] {
  color: var(--color-blue-300);
  --text-color: var(--color-blue-300);
}

[data-text-color][data-text-color="color-blue-300"] * {
  color: var(--color-blue-300);
}

[data-text-color][data-text-color="color-blue-400"] {
  color: var(--color-blue-400);
  --text-color: var(--color-blue-400);
}

[data-text-color][data-text-color="color-blue-400"] * {
  color: var(--color-blue-400);
}

[data-text-color][data-text-color="color-blue-500"] {
  color: var(--color-blue-500);
  --text-color: var(--color-blue-500);
}

[data-text-color][data-text-color="color-blue-500"] * {
  color: var(--color-blue-500);
}

[data-text-color][data-text-color="color-blue-600"] {
  color: var(--color-blue-600);
  --text-color: var(--color-blue-600);
}

[data-text-color][data-text-color="color-blue-600"] * {
  color: var(--color-blue-600);
}

[data-text-color][data-text-color="color-blue-700"] {
  color: var(--color-blue-700);
  --text-color: var(--color-blue-700);
}

[data-text-color][data-text-color="color-blue-700"] * {
  color: var(--color-blue-700);
}

[data-text-color][data-text-color="color-blue-800"] {
  color: var(--color-blue-800);
  --text-color: var(--color-blue-800);
}

[data-text-color][data-text-color="color-blue-800"] * {
  color: var(--color-blue-800);
}

[data-text-color][data-text-color="color-blue-900"] {
  color: var(--color-blue-900);
  --text-color: var(--color-blue-900);
}

[data-text-color][data-text-color="color-blue-900"] * {
  color: var(--color-blue-900);
}

[data-text-color][data-text-color="color-brown-050"] {
  color: var(--color-brown-050);
  --text-color: var(--color-brown-050);
}

[data-text-color][data-text-color="color-brown-050"] * {
  color: var(--color-brown-050);
}

[data-text-color][data-text-color="color-brown-100"] {
  color: var(--color-brown-100);
  --text-color: var(--color-brown-100);
}

[data-text-color][data-text-color="color-brown-100"] * {
  color: var(--color-brown-100);
}

[data-text-color][data-text-color="color-brown-200"] {
  color: var(--color-brown-200);
  --text-color: var(--color-brown-200);
}

[data-text-color][data-text-color="color-brown-200"] * {
  color: var(--color-brown-200);
}

[data-text-color][data-text-color="color-brown-300"] {
  color: var(--color-brown-300);
  --text-color: var(--color-brown-300);
}

[data-text-color][data-text-color="color-brown-300"] * {
  color: var(--color-brown-300);
}

[data-text-color][data-text-color="color-brown-400"] {
  color: var(--color-brown-400);
  --text-color: var(--color-brown-400);
}

[data-text-color][data-text-color="color-brown-400"] * {
  color: var(--color-brown-400);
}

[data-text-color][data-text-color="color-brown-500"] {
  color: var(--color-brown-500);
  --text-color: var(--color-brown-500);
}

[data-text-color][data-text-color="color-brown-500"] * {
  color: var(--color-brown-500);
}

[data-text-color][data-text-color="color-brown-600"] {
  color: var(--color-brown-600);
  --text-color: var(--color-brown-600);
}

[data-text-color][data-text-color="color-brown-600"] * {
  color: var(--color-brown-600);
}

[data-text-color][data-text-color="color-brown-700"] {
  color: var(--color-brown-700);
  --text-color: var(--color-brown-700);
}

[data-text-color][data-text-color="color-brown-700"] * {
  color: var(--color-brown-700);
}

[data-text-color][data-text-color="color-brown-800"] {
  color: var(--color-brown-800);
  --text-color: var(--color-brown-800);
}

[data-text-color][data-text-color="color-brown-800"] * {
  color: var(--color-brown-800);
}

[data-text-color][data-text-color="color-brown-900"] {
  color: var(--color-brown-900);
  --text-color: var(--color-brown-900);
}

[data-text-color][data-text-color="color-brown-900"] * {
  color: var(--color-brown-900);
}

[data-text-color][data-text-color="color-cyan-050"] {
  color: var(--color-cyan-050);
  --text-color: var(--color-cyan-050);
}

[data-text-color][data-text-color="color-cyan-050"] * {
  color: var(--color-cyan-050);
}

[data-text-color][data-text-color="color-cyan-100"] {
  color: var(--color-cyan-100);
  --text-color: var(--color-cyan-100);
}

[data-text-color][data-text-color="color-cyan-100"] * {
  color: var(--color-cyan-100);
}

[data-text-color][data-text-color="color-cyan-200"] {
  color: var(--color-cyan-200);
  --text-color: var(--color-cyan-200);
}

[data-text-color][data-text-color="color-cyan-200"] * {
  color: var(--color-cyan-200);
}

[data-text-color][data-text-color="color-cyan-300"] {
  color: var(--color-cyan-300);
  --text-color: var(--color-cyan-300);
}

[data-text-color][data-text-color="color-cyan-300"] * {
  color: var(--color-cyan-300);
}

[data-text-color][data-text-color="color-cyan-400"] {
  color: var(--color-cyan-400);
  --text-color: var(--color-cyan-400);
}

[data-text-color][data-text-color="color-cyan-400"] * {
  color: var(--color-cyan-400);
}

[data-text-color][data-text-color="color-cyan-500"] {
  color: var(--color-cyan-500);
  --text-color: var(--color-cyan-500);
}

[data-text-color][data-text-color="color-cyan-500"] * {
  color: var(--color-cyan-500);
}

[data-text-color][data-text-color="color-cyan-600"] {
  color: var(--color-cyan-600);
  --text-color: var(--color-cyan-600);
}

[data-text-color][data-text-color="color-cyan-600"] * {
  color: var(--color-cyan-600);
}

[data-text-color][data-text-color="color-cyan-700"] {
  color: var(--color-cyan-700);
  --text-color: var(--color-cyan-700);
}

[data-text-color][data-text-color="color-cyan-700"] * {
  color: var(--color-cyan-700);
}

[data-text-color][data-text-color="color-cyan-800"] {
  color: var(--color-cyan-800);
  --text-color: var(--color-cyan-800);
}

[data-text-color][data-text-color="color-cyan-800"] * {
  color: var(--color-cyan-800);
}

[data-text-color][data-text-color="color-cyan-900"] {
  color: var(--color-cyan-900);
  --text-color: var(--color-cyan-900);
}

[data-text-color][data-text-color="color-cyan-900"] * {
  color: var(--color-cyan-900);
}

[data-text-color][data-text-color="color-green-050"] {
  color: var(--color-green-050);
  --text-color: var(--color-green-050);
}

[data-text-color][data-text-color="color-green-050"] * {
  color: var(--color-green-050);
}

[data-text-color][data-text-color="color-green-100"] {
  color: var(--color-green-100);
  --text-color: var(--color-green-100);
}

[data-text-color][data-text-color="color-green-100"] * {
  color: var(--color-green-100);
}

[data-text-color][data-text-color="color-green-200"] {
  color: var(--color-green-200);
  --text-color: var(--color-green-200);
}

[data-text-color][data-text-color="color-green-200"] * {
  color: var(--color-green-200);
}

[data-text-color][data-text-color="color-green-300"] {
  color: var(--color-green-300);
  --text-color: var(--color-green-300);
}

[data-text-color][data-text-color="color-green-300"] * {
  color: var(--color-green-300);
}

[data-text-color][data-text-color="color-green-400"] {
  color: var(--color-green-400);
  --text-color: var(--color-green-400);
}

[data-text-color][data-text-color="color-green-400"] * {
  color: var(--color-green-400);
}

[data-text-color][data-text-color="color-green-500"] {
  color: var(--color-green-500);
  --text-color: var(--color-green-500);
}

[data-text-color][data-text-color="color-green-500"] * {
  color: var(--color-green-500);
}

[data-text-color][data-text-color="color-green-600"] {
  color: var(--color-green-600);
  --text-color: var(--color-green-600);
}

[data-text-color][data-text-color="color-green-600"] * {
  color: var(--color-green-600);
}

[data-text-color][data-text-color="color-green-700"] {
  color: var(--color-green-700);
  --text-color: var(--color-green-700);
}

[data-text-color][data-text-color="color-green-700"] * {
  color: var(--color-green-700);
}

[data-text-color][data-text-color="color-green-800"] {
  color: var(--color-green-800);
  --text-color: var(--color-green-800);
}

[data-text-color][data-text-color="color-green-800"] * {
  color: var(--color-green-800);
}

[data-text-color][data-text-color="color-green-900"] {
  color: var(--color-green-900);
  --text-color: var(--color-green-900);
}

[data-text-color][data-text-color="color-green-900"] * {
  color: var(--color-green-900);
}

[data-text-color][data-text-color="color-grey-000"] {
  color: var(--color-grey-000);
  --text-color: var(--color-grey-000);
}

[data-text-color][data-text-color="color-grey-000"] * {
  color: var(--color-grey-000);
}

[data-text-color][data-text-color="color-grey-100"] {
  color: var(--color-grey-100);
  --text-color: var(--color-grey-100);
}

[data-text-color][data-text-color="color-grey-100"] * {
  color: var(--color-grey-100);
}

[data-text-color][data-text-color="color-grey-200"] {
  color: var(--color-grey-200);
  --text-color: var(--color-grey-200);
}

[data-text-color][data-text-color="color-grey-200"] * {
  color: var(--color-grey-200);
}

[data-text-color][data-text-color="color-grey-300"] {
  color: var(--color-grey-300);
  --text-color: var(--color-grey-300);
}

[data-text-color][data-text-color="color-grey-300"] * {
  color: var(--color-grey-300);
}

[data-text-color][data-text-color="color-grey-400"] {
  color: var(--color-grey-400);
  --text-color: var(--color-grey-400);
}

[data-text-color][data-text-color="color-grey-400"] * {
  color: var(--color-grey-400);
}

[data-text-color][data-text-color="color-grey-500"] {
  color: var(--color-grey-500);
  --text-color: var(--color-grey-500);
}

[data-text-color][data-text-color="color-grey-500"] * {
  color: var(--color-grey-500);
}

[data-text-color][data-text-color="color-grey-600"] {
  color: var(--color-grey-600);
  --text-color: var(--color-grey-600);
}

[data-text-color][data-text-color="color-grey-600"] * {
  color: var(--color-grey-600);
}

[data-text-color][data-text-color="color-grey-700"] {
  color: var(--color-grey-700);
  --text-color: var(--color-grey-700);
}

[data-text-color][data-text-color="color-grey-700"] * {
  color: var(--color-grey-700);
}

[data-text-color][data-text-color="color-grey-800"] {
  color: var(--color-grey-800);
  --text-color: var(--color-grey-800);
}

[data-text-color][data-text-color="color-grey-800"] * {
  color: var(--color-grey-800);
}

[data-text-color][data-text-color="color-grey-900"] {
  color: var(--color-grey-900);
  --text-color: var(--color-grey-900);
}

[data-text-color][data-text-color="color-grey-900"] * {
  color: var(--color-grey-900);
}

[data-text-color][data-text-color="color-magenta-050"] {
  color: var(--color-magenta-050);
  --text-color: var(--color-magenta-050);
}

[data-text-color][data-text-color="color-magenta-050"] * {
  color: var(--color-magenta-050);
}

[data-text-color][data-text-color="color-magenta-100"] {
  color: var(--color-magenta-100);
  --text-color: var(--color-magenta-100);
}

[data-text-color][data-text-color="color-magenta-100"] * {
  color: var(--color-magenta-100);
}

[data-text-color][data-text-color="color-magenta-200"] {
  color: var(--color-magenta-200);
  --text-color: var(--color-magenta-200);
}

[data-text-color][data-text-color="color-magenta-200"] * {
  color: var(--color-magenta-200);
}

[data-text-color][data-text-color="color-magenta-300"] {
  color: var(--color-magenta-300);
  --text-color: var(--color-magenta-300);
}

[data-text-color][data-text-color="color-magenta-300"] * {
  color: var(--color-magenta-300);
}

[data-text-color][data-text-color="color-magenta-400"] {
  color: var(--color-magenta-400);
  --text-color: var(--color-magenta-400);
}

[data-text-color][data-text-color="color-magenta-400"] * {
  color: var(--color-magenta-400);
}

[data-text-color][data-text-color="color-magenta-500"] {
  color: var(--color-magenta-500);
  --text-color: var(--color-magenta-500);
}

[data-text-color][data-text-color="color-magenta-500"] * {
  color: var(--color-magenta-500);
}

[data-text-color][data-text-color="color-magenta-600"] {
  color: var(--color-magenta-600);
  --text-color: var(--color-magenta-600);
}

[data-text-color][data-text-color="color-magenta-600"] * {
  color: var(--color-magenta-600);
}

[data-text-color][data-text-color="color-magenta-700"] {
  color: var(--color-magenta-700);
  --text-color: var(--color-magenta-700);
}

[data-text-color][data-text-color="color-magenta-700"] * {
  color: var(--color-magenta-700);
}

[data-text-color][data-text-color="color-magenta-800"] {
  color: var(--color-magenta-800);
  --text-color: var(--color-magenta-800);
}

[data-text-color][data-text-color="color-magenta-800"] * {
  color: var(--color-magenta-800);
}

[data-text-color][data-text-color="color-magenta-900"] {
  color: var(--color-magenta-900);
  --text-color: var(--color-magenta-900);
}

[data-text-color][data-text-color="color-magenta-900"] * {
  color: var(--color-magenta-900);
}

[data-text-color][data-text-color="color-orange-050"] {
  color: var(--color-orange-050);
  --text-color: var(--color-orange-050);
}

[data-text-color][data-text-color="color-orange-050"] * {
  color: var(--color-orange-050);
}

[data-text-color][data-text-color="color-orange-100"] {
  color: var(--color-orange-100);
  --text-color: var(--color-orange-100);
}

[data-text-color][data-text-color="color-orange-100"] * {
  color: var(--color-orange-100);
}

[data-text-color][data-text-color="color-orange-200"] {
  color: var(--color-orange-200);
  --text-color: var(--color-orange-200);
}

[data-text-color][data-text-color="color-orange-200"] * {
  color: var(--color-orange-200);
}

[data-text-color][data-text-color="color-orange-300"] {
  color: var(--color-orange-300);
  --text-color: var(--color-orange-300);
}

[data-text-color][data-text-color="color-orange-300"] * {
  color: var(--color-orange-300);
}

[data-text-color][data-text-color="color-orange-400"] {
  color: var(--color-orange-400);
  --text-color: var(--color-orange-400);
}

[data-text-color][data-text-color="color-orange-400"] * {
  color: var(--color-orange-400);
}

[data-text-color][data-text-color="color-orange-500"] {
  color: var(--color-orange-500);
  --text-color: var(--color-orange-500);
}

[data-text-color][data-text-color="color-orange-500"] * {
  color: var(--color-orange-500);
}

[data-text-color][data-text-color="color-orange-600"] {
  color: var(--color-orange-600);
  --text-color: var(--color-orange-600);
}

[data-text-color][data-text-color="color-orange-600"] * {
  color: var(--color-orange-600);
}

[data-text-color][data-text-color="color-orange-700"] {
  color: var(--color-orange-700);
  --text-color: var(--color-orange-700);
}

[data-text-color][data-text-color="color-orange-700"] * {
  color: var(--color-orange-700);
}

[data-text-color][data-text-color="color-orange-800"] {
  color: var(--color-orange-800);
  --text-color: var(--color-orange-800);
}

[data-text-color][data-text-color="color-orange-800"] * {
  color: var(--color-orange-800);
}

[data-text-color][data-text-color="color-orange-900"] {
  color: var(--color-orange-900);
  --text-color: var(--color-orange-900);
}

[data-text-color][data-text-color="color-orange-900"] * {
  color: var(--color-orange-900);
}

[data-text-color][data-text-color="color-purple-050"] {
  color: var(--color-purple-050);
  --text-color: var(--color-purple-050);
}

[data-text-color][data-text-color="color-purple-050"] * {
  color: var(--color-purple-050);
}

[data-text-color][data-text-color="color-purple-100"] {
  color: var(--color-purple-100);
  --text-color: var(--color-purple-100);
}

[data-text-color][data-text-color="color-purple-100"] * {
  color: var(--color-purple-100);
}

[data-text-color][data-text-color="color-purple-200"] {
  color: var(--color-purple-200);
  --text-color: var(--color-purple-200);
}

[data-text-color][data-text-color="color-purple-200"] * {
  color: var(--color-purple-200);
}

[data-text-color][data-text-color="color-purple-300"] {
  color: var(--color-purple-300);
  --text-color: var(--color-purple-300);
}

[data-text-color][data-text-color="color-purple-300"] * {
  color: var(--color-purple-300);
}

[data-text-color][data-text-color="color-purple-400"] {
  color: var(--color-purple-400);
  --text-color: var(--color-purple-400);
}

[data-text-color][data-text-color="color-purple-400"] * {
  color: var(--color-purple-400);
}

[data-text-color][data-text-color="color-purple-500"] {
  color: var(--color-purple-500);
  --text-color: var(--color-purple-500);
}

[data-text-color][data-text-color="color-purple-500"] * {
  color: var(--color-purple-500);
}

[data-text-color][data-text-color="color-purple-600"] {
  color: var(--color-purple-600);
  --text-color: var(--color-purple-600);
}

[data-text-color][data-text-color="color-purple-600"] * {
  color: var(--color-purple-600);
}

[data-text-color][data-text-color="color-purple-700"] {
  color: var(--color-purple-700);
  --text-color: var(--color-purple-700);
}

[data-text-color][data-text-color="color-purple-700"] * {
  color: var(--color-purple-700);
}

[data-text-color][data-text-color="color-purple-800"] {
  color: var(--color-purple-800);
  --text-color: var(--color-purple-800);
}

[data-text-color][data-text-color="color-purple-800"] * {
  color: var(--color-purple-800);
}

[data-text-color][data-text-color="color-purple-900"] {
  color: var(--color-purple-900);
  --text-color: var(--color-purple-900);
}

[data-text-color][data-text-color="color-purple-900"] * {
  color: var(--color-purple-900);
}

[data-text-color][data-text-color="color-red-050"] {
  color: var(--color-red-050);
  --text-color: var(--color-red-050);
}

[data-text-color][data-text-color="color-red-050"] * {
  color: var(--color-red-050);
}

[data-text-color][data-text-color="color-red-100"] {
  color: var(--color-red-100);
  --text-color: var(--color-red-100);
}

[data-text-color][data-text-color="color-red-100"] * {
  color: var(--color-red-100);
}

[data-text-color][data-text-color="color-red-200"] {
  color: var(--color-red-200);
  --text-color: var(--color-red-200);
}

[data-text-color][data-text-color="color-red-200"] * {
  color: var(--color-red-200);
}

[data-text-color][data-text-color="color-red-300"] {
  color: var(--color-red-300);
  --text-color: var(--color-red-300);
}

[data-text-color][data-text-color="color-red-300"] * {
  color: var(--color-red-300);
}

[data-text-color][data-text-color="color-red-400"] {
  color: var(--color-red-400);
  --text-color: var(--color-red-400);
}

[data-text-color][data-text-color="color-red-400"] * {
  color: var(--color-red-400);
}

[data-text-color][data-text-color="color-red-500"] {
  color: var(--color-red-500);
  --text-color: var(--color-red-500);
}

[data-text-color][data-text-color="color-red-500"] * {
  color: var(--color-red-500);
}

[data-text-color][data-text-color="color-red-600"] {
  color: var(--color-red-600);
  --text-color: var(--color-red-600);
}

[data-text-color][data-text-color="color-red-600"] * {
  color: var(--color-red-600);
}

[data-text-color][data-text-color="color-red-700"] {
  color: var(--color-red-700);
  --text-color: var(--color-red-700);
}

[data-text-color][data-text-color="color-red-700"] * {
  color: var(--color-red-700);
}

[data-text-color][data-text-color="color-red-800"] {
  color: var(--color-red-800);
  --text-color: var(--color-red-800);
}

[data-text-color][data-text-color="color-red-800"] * {
  color: var(--color-red-800);
}

[data-text-color][data-text-color="color-red-900"] {
  color: var(--color-red-900);
  --text-color: var(--color-red-900);
}

[data-text-color][data-text-color="color-red-900"] * {
  color: var(--color-red-900);
}

[data-text-color][data-text-color="color-yellow-050"] {
  color: var(--color-yellow-050);
  --text-color: var(--color-yellow-050);
}

[data-text-color][data-text-color="color-yellow-050"] * {
  color: var(--color-yellow-050);
}

[data-text-color][data-text-color="color-yellow-100"] {
  color: var(--color-yellow-100);
  --text-color: var(--color-yellow-100);
}

[data-text-color][data-text-color="color-yellow-100"] * {
  color: var(--color-yellow-100);
}

[data-text-color][data-text-color="color-yellow-200"] {
  color: var(--color-yellow-200);
  --text-color: var(--color-yellow-200);
}

[data-text-color][data-text-color="color-yellow-200"] * {
  color: var(--color-yellow-200);
}

[data-text-color][data-text-color="color-yellow-300"] {
  color: var(--color-yellow-300);
  --text-color: var(--color-yellow-300);
}

[data-text-color][data-text-color="color-yellow-300"] * {
  color: var(--color-yellow-300);
}

[data-text-color][data-text-color="color-yellow-400"] {
  color: var(--color-yellow-400);
  --text-color: var(--color-yellow-400);
}

[data-text-color][data-text-color="color-yellow-400"] * {
  color: var(--color-yellow-400);
}

[data-text-color][data-text-color="color-yellow-500"] {
  color: var(--color-yellow-500);
  --text-color: var(--color-yellow-500);
}

[data-text-color][data-text-color="color-yellow-500"] * {
  color: var(--color-yellow-500);
}

[data-text-color][data-text-color="color-yellow-600"] {
  color: var(--color-yellow-600);
  --text-color: var(--color-yellow-600);
}

[data-text-color][data-text-color="color-yellow-600"] * {
  color: var(--color-yellow-600);
}

[data-text-color][data-text-color="color-yellow-700"] {
  color: var(--color-yellow-700);
  --text-color: var(--color-yellow-700);
}

[data-text-color][data-text-color="color-yellow-700"] * {
  color: var(--color-yellow-700);
}

[data-text-color][data-text-color="color-yellow-800"] {
  color: var(--color-yellow-800);
  --text-color: var(--color-yellow-800);
}

[data-text-color][data-text-color="color-yellow-800"] * {
  color: var(--color-yellow-800);
}

[data-text-color][data-text-color="color-yellow-900"] {
  color: var(--color-yellow-900);
  --text-color: var(--color-yellow-900);
}

[data-text-color][data-text-color="color-yellow-900"] * {
  color: var(--color-yellow-900);
}

[data-text-color][data-text-color="bright-snow"] {
  color: var(--bright-snow);
  --text-color: var(--bright-snow);
}

[data-text-color][data-text-color="bright-snow"] * {
  color: var(--bright-snow);
}

[data-background-color="color-black-white-black"][data-background-color="color-black-white-black"] {
  background-color: var(--color-black-white-black);
}

[data-background-color="color-black-white-white"][data-background-color="color-black-white-white"] {
  background-color: var(--color-black-white-white);
}

[data-background-color="color-blue-050"][data-background-color="color-blue-050"] {
  background-color: var(--color-blue-050);
}

[data-background-color="color-blue-100"][data-background-color="color-blue-100"] {
  background-color: var(--color-blue-100);
}

[data-background-color="color-blue-200"][data-background-color="color-blue-200"] {
  background-color: var(--color-blue-200);
}

[data-background-color="color-blue-300"][data-background-color="color-blue-300"] {
  background-color: var(--color-blue-300);
}

[data-background-color="color-blue-400"][data-background-color="color-blue-400"] {
  background-color: var(--color-blue-400);
}

[data-background-color="color-blue-500"][data-background-color="color-blue-500"] {
  background-color: var(--color-blue-500);
}

[data-background-color="color-blue-600"][data-background-color="color-blue-600"] {
  background-color: var(--color-blue-600);
}

[data-background-color="color-blue-700"][data-background-color="color-blue-700"] {
  background-color: var(--color-blue-700);
}

[data-background-color="color-blue-800"][data-background-color="color-blue-800"] {
  background-color: var(--color-blue-800);
}

[data-background-color="color-blue-900"][data-background-color="color-blue-900"] {
  background-color: var(--color-blue-900);
}

[data-background-color="color-brown-050"][data-background-color="color-brown-050"] {
  background-color: var(--color-brown-050);
}

[data-background-color="color-brown-100"][data-background-color="color-brown-100"] {
  background-color: var(--color-brown-100);
}

[data-background-color="color-brown-200"][data-background-color="color-brown-200"] {
  background-color: var(--color-brown-200);
}

[data-background-color="color-brown-300"][data-background-color="color-brown-300"] {
  background-color: var(--color-brown-300);
}

[data-background-color="color-brown-400"][data-background-color="color-brown-400"] {
  background-color: var(--color-brown-400);
}

[data-background-color="color-brown-500"][data-background-color="color-brown-500"] {
  background-color: var(--color-brown-500);
}

[data-background-color="color-brown-600"][data-background-color="color-brown-600"] {
  background-color: var(--color-brown-600);
}

[data-background-color="color-brown-700"][data-background-color="color-brown-700"] {
  background-color: var(--color-brown-700);
}

[data-background-color="color-brown-800"][data-background-color="color-brown-800"] {
  background-color: var(--color-brown-800);
}

[data-background-color="color-brown-900"][data-background-color="color-brown-900"] {
  background-color: var(--color-brown-900);
}

[data-background-color="color-cyan-050"][data-background-color="color-cyan-050"] {
  background-color: var(--color-cyan-050);
}

[data-background-color="color-cyan-100"][data-background-color="color-cyan-100"] {
  background-color: var(--color-cyan-100);
}

[data-background-color="color-cyan-200"][data-background-color="color-cyan-200"] {
  background-color: var(--color-cyan-200);
}

[data-background-color="color-cyan-300"][data-background-color="color-cyan-300"] {
  background-color: var(--color-cyan-300);
}

[data-background-color="color-cyan-400"][data-background-color="color-cyan-400"] {
  background-color: var(--color-cyan-400);
}

[data-background-color="color-cyan-500"][data-background-color="color-cyan-500"] {
  background-color: var(--color-cyan-500);
}

[data-background-color="color-cyan-600"][data-background-color="color-cyan-600"] {
  background-color: var(--color-cyan-600);
}

[data-background-color="color-cyan-700"][data-background-color="color-cyan-700"] {
  background-color: var(--color-cyan-700);
}

[data-background-color="color-cyan-800"][data-background-color="color-cyan-800"] {
  background-color: var(--color-cyan-800);
}

[data-background-color="color-cyan-900"][data-background-color="color-cyan-900"] {
  background-color: var(--color-cyan-900);
}

[data-background-color="color-green-050"][data-background-color="color-green-050"] {
  background-color: var(--color-green-050);
}

[data-background-color="color-green-100"][data-background-color="color-green-100"] {
  background-color: var(--color-green-100);
}

[data-background-color="color-green-200"][data-background-color="color-green-200"] {
  background-color: var(--color-green-200);
}

[data-background-color="color-green-300"][data-background-color="color-green-300"] {
  background-color: var(--color-green-300);
}

[data-background-color="color-green-400"][data-background-color="color-green-400"] {
  background-color: var(--color-green-400);
}

[data-background-color="color-green-500"][data-background-color="color-green-500"] {
  background-color: var(--color-green-500);
}

[data-background-color="color-green-600"][data-background-color="color-green-600"] {
  background-color: var(--color-green-600);
}

[data-background-color="color-green-700"][data-background-color="color-green-700"] {
  background-color: var(--color-green-700);
}

[data-background-color="color-green-800"][data-background-color="color-green-800"] {
  background-color: var(--color-green-800);
}

[data-background-color="color-green-900"][data-background-color="color-green-900"] {
  background-color: var(--color-green-900);
}

[data-background-color="color-grey-000"][data-background-color="color-grey-000"] {
  background-color: var(--color-grey-000);
}

[data-background-color="color-grey-100"][data-background-color="color-grey-100"] {
  background-color: var(--color-grey-100);
}

[data-background-color="color-grey-200"][data-background-color="color-grey-200"] {
  background-color: var(--color-grey-200);
}

[data-background-color="color-grey-300"][data-background-color="color-grey-300"] {
  background-color: var(--color-grey-300);
}

[data-background-color="color-grey-400"][data-background-color="color-grey-400"] {
  background-color: var(--color-grey-400);
}

[data-background-color="color-grey-500"][data-background-color="color-grey-500"] {
  background-color: var(--color-grey-500);
}

[data-background-color="color-grey-600"][data-background-color="color-grey-600"] {
  background-color: var(--color-grey-600);
}

[data-background-color="color-grey-700"][data-background-color="color-grey-700"] {
  background-color: var(--color-grey-700);
}

[data-background-color="color-grey-800"][data-background-color="color-grey-800"] {
  background-color: var(--color-grey-800);
}

[data-background-color="color-grey-900"][data-background-color="color-grey-900"] {
  background-color: var(--color-grey-900);
}

[data-background-color="color-magenta-050"][data-background-color="color-magenta-050"] {
  background-color: var(--color-magenta-050);
}

[data-background-color="color-magenta-100"][data-background-color="color-magenta-100"] {
  background-color: var(--color-magenta-100);
}

[data-background-color="color-magenta-200"][data-background-color="color-magenta-200"] {
  background-color: var(--color-magenta-200);
}

[data-background-color="color-magenta-300"][data-background-color="color-magenta-300"] {
  background-color: var(--color-magenta-300);
}

[data-background-color="color-magenta-400"][data-background-color="color-magenta-400"] {
  background-color: var(--color-magenta-400);
}

[data-background-color="color-magenta-500"][data-background-color="color-magenta-500"] {
  background-color: var(--color-magenta-500);
}

[data-background-color="color-magenta-600"][data-background-color="color-magenta-600"] {
  background-color: var(--color-magenta-600);
}

[data-background-color="color-magenta-700"][data-background-color="color-magenta-700"] {
  background-color: var(--color-magenta-700);
}

[data-background-color="color-magenta-800"][data-background-color="color-magenta-800"] {
  background-color: var(--color-magenta-800);
}

[data-background-color="color-magenta-900"][data-background-color="color-magenta-900"] {
  background-color: var(--color-magenta-900);
}

[data-background-color="color-orange-050"][data-background-color="color-orange-050"] {
  background-color: var(--color-orange-050);
}

[data-background-color="color-orange-100"][data-background-color="color-orange-100"] {
  background-color: var(--color-orange-100);
}

[data-background-color="color-orange-200"][data-background-color="color-orange-200"] {
  background-color: var(--color-orange-200);
}

[data-background-color="color-orange-300"][data-background-color="color-orange-300"] {
  background-color: var(--color-orange-300);
}

[data-background-color="color-orange-400"][data-background-color="color-orange-400"] {
  background-color: var(--color-orange-400);
}

[data-background-color="color-orange-500"][data-background-color="color-orange-500"] {
  background-color: var(--color-orange-500);
}

[data-background-color="color-orange-600"][data-background-color="color-orange-600"] {
  background-color: var(--color-orange-600);
}

[data-background-color="color-orange-700"][data-background-color="color-orange-700"] {
  background-color: var(--color-orange-700);
}

[data-background-color="color-orange-800"][data-background-color="color-orange-800"] {
  background-color: var(--color-orange-800);
}

[data-background-color="color-orange-900"][data-background-color="color-orange-900"] {
  background-color: var(--color-orange-900);
}

[data-background-color="color-purple-050"][data-background-color="color-purple-050"] {
  background-color: var(--color-purple-050);
}

[data-background-color="color-purple-100"][data-background-color="color-purple-100"] {
  background-color: var(--color-purple-100);
}

[data-background-color="color-purple-200"][data-background-color="color-purple-200"] {
  background-color: var(--color-purple-200);
}

[data-background-color="color-purple-300"][data-background-color="color-purple-300"] {
  background-color: var(--color-purple-300);
}

[data-background-color="color-purple-400"][data-background-color="color-purple-400"] {
  background-color: var(--color-purple-400);
}

[data-background-color="color-purple-500"][data-background-color="color-purple-500"] {
  background-color: var(--color-purple-500);
}

[data-background-color="color-purple-600"][data-background-color="color-purple-600"] {
  background-color: var(--color-purple-600);
}

[data-background-color="color-purple-700"][data-background-color="color-purple-700"] {
  background-color: var(--color-purple-700);
}

[data-background-color="color-purple-800"][data-background-color="color-purple-800"] {
  background-color: var(--color-purple-800);
}

[data-background-color="color-purple-900"][data-background-color="color-purple-900"] {
  background-color: var(--color-purple-900);
}

[data-background-color="color-red-050"][data-background-color="color-red-050"] {
  background-color: var(--color-red-050);
}

[data-background-color="color-red-100"][data-background-color="color-red-100"] {
  background-color: var(--color-red-100);
}

[data-background-color="color-red-200"][data-background-color="color-red-200"] {
  background-color: var(--color-red-200);
}

[data-background-color="color-red-300"][data-background-color="color-red-300"] {
  background-color: var(--color-red-300);
}

[data-background-color="color-red-400"][data-background-color="color-red-400"] {
  background-color: var(--color-red-400);
}

[data-background-color="color-red-500"][data-background-color="color-red-500"] {
  background-color: var(--color-red-500);
}

[data-background-color="color-red-600"][data-background-color="color-red-600"] {
  background-color: var(--color-red-600);
}

[data-background-color="color-red-700"][data-background-color="color-red-700"] {
  background-color: var(--color-red-700);
}

[data-background-color="color-red-800"][data-background-color="color-red-800"] {
  background-color: var(--color-red-800);
}

[data-background-color="color-red-900"][data-background-color="color-red-900"] {
  background-color: var(--color-red-900);
}

[data-background-color="color-yellow-050"][data-background-color="color-yellow-050"] {
  background-color: var(--color-yellow-050);
}

[data-background-color="color-yellow-100"][data-background-color="color-yellow-100"] {
  background-color: var(--color-yellow-100);
}

[data-background-color="color-yellow-200"][data-background-color="color-yellow-200"] {
  background-color: var(--color-yellow-200);
}

[data-background-color="color-yellow-300"][data-background-color="color-yellow-300"] {
  background-color: var(--color-yellow-300);
}

[data-background-color="color-yellow-400"][data-background-color="color-yellow-400"] {
  background-color: var(--color-yellow-400);
}

[data-background-color="color-yellow-500"][data-background-color="color-yellow-500"] {
  background-color: var(--color-yellow-500);
}

[data-background-color="color-yellow-600"][data-background-color="color-yellow-600"] {
  background-color: var(--color-yellow-600);
}

[data-background-color="color-yellow-700"][data-background-color="color-yellow-700"] {
  background-color: var(--color-yellow-700);
}

[data-background-color="color-yellow-800"][data-background-color="color-yellow-800"] {
  background-color: var(--color-yellow-800);
}

[data-background-color="color-yellow-900"][data-background-color="color-yellow-900"] {
  background-color: var(--color-yellow-900);
}

[data-background-color="bright-snow"][data-background-color="bright-snow"] {
  background-color: var(--bright-snow);
}

[data-text-primary],
[data-text-primary] * {
  color: var(--text-text-primary) !important;
}

[data-text-secondary],
[data-text-secondary] * {
  color: var(--text-text-secondary) !important;
}

[data-text-tertiary],
[data-text-tertiary] * {
  color: var(--text-text-tertiary) !important;
}

[data-wysiwyg] p:not(:last-child),
[data-wysiwyg] li:not(:last-child) {
  padding-bottom: 16px;
}

[data-wysiwyg] strong {
  font-weight: 700;
}

[data-title-center] {
  text-align: center;
}

[data-title-bg] {
  padding: 0 8px;
  background: var(--honeydew);
  color: var(--text-text-primary);
  display: inline-block;
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
  border-radius: 4px;
}

[data-tags-wrapper] {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  gap: 16px;
}

[data-tags-wrapper-small] {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  gap: 8px;
}

[data-title-size="title-display"] {
  font-size: 72px;
  font-weight: 400;
  line-height: 82px;
  letter-spacing: -2%;
  color: var(--title-color);
}

[data-title-size="title-h1"],
[data-wysiwyg] h1 {
  font-size: 48px;
  font-weight: 400;
  line-height: 66px;
  letter-spacing: -1%;
  color: var(--text-text-primary);
}

[data-title-size="title-h2"],
[data-wysiwyg] h2,
[data-typography] h2 {
  font-size: 38px;
  font-weight: 400;
  line-height: 50px;
  letter-spacing: -1%;
  color: var(--title-color);
}

[data-title-size="title-h3"],
[data-wysiwyg] h3,
[data-gutenberg] h2,
[data-typography] h3 {
  font-size: 34px;
  font-weight: 400;
  line-height: 48px;
  color: var(--title-color);
}

[data-title-size="title-h4"],
.tooltip .title,
[data-wysiwyg] h4 {
  font-size: 24px;
  font-weight: 400;
  line-height: 34px;
  letter-spacing: -1%;
  color: var(--text-text-primary);
}

[data-title-size="title-serif"],
[data-statistic] {
  font-family: "new-spirit", serif;
  font-size: 38px;
  font-weight: 400;
  line-height: 50px;
  color: var(--title-color);
}

[data-title-size="monospace-highlight"] {
  background: var(--pecan-attribute-light);
  color: var(--pecan-primary);
  padding: 4px 10px;
  font-family: 'DM Mono', monospace;
  font-size: 16px;
  line-height: 28px;
  font-weight: 400;
}

[data-font-weight="700"] {
  font-weight: 700 !important;
}

[data-gutenberg] h2:not(:first-child),
[data-gutenberg] h3:not(:first-child),
[data-gutenberg] h4:not(:first-child) {
  margin-top: 16px;
}

[data-gutenberg] h2 {
  margin: 0 0 16px;
}

[data-gutenberg] h3 {
  font-size: 28px;
  font-weight: 400;
  line-height: 42px;
  color: var(--title-color);
  margin: 0 0 16px;
}

[data-gutenberg] p {
  padding-bottom: 16px;
}

[data-gutenberg] ul {
  margin: 0 0 16px;
}

[data-gutenberg] li:not(:last-child) {
  padding-bottom: 8px;
}

[data-gutenberg] a:not(.button) {
  color: var(--color-yellow-700);
}

[data-gutenberg] div {
  max-width: 100%;
}

[data-gutenberg] strong {
  font-weight: 600;
}

[data-gutenberg] figure.wp-block-table {
  margin: 25px 0;
  border: 1px solid #222626;
  border-radius: 8px;
}

[data-gutenberg] figure.wp-block-table table {
  width: 100%;
  border-collapse: collapse;
  border-radius: 8px;
  overflow: hidden;
  border: 1px solid #222626;
}

[data-gutenberg] figure.wp-block-table th {
  background-color: #B0E6A5;
  color: #222626;
  padding: 16px 20px;
  text-align: left;
  vertical-align: middle;
  border: 1px solid #E0E0E0;
  font-weight: 300;
}

[data-gutenberg] figure.wp-block-table td {
  background-color: #FFFFFF;
  color: #222626;
  padding: 16px 20px;
  text-align: left;
  vertical-align: middle;
  border: 1px solid #E0E0E0;
}

[data-gutenberg] figure.wp-block-table tbody tr:nth-child(even) td {
  background-color: #EBF7E8;
}

[data-typography] h1,
[data-typography] h2,
[data-typography] h3,
[data-typography] h4 {
  margin: 0;
}

[data-typography] ul {
  margin: 0;
}

[data-typography] li {
  margin: 0;
}

[data-no-padding-top] {
  padding-top: 0 !important;
}

[data-no-padding-bottom] {
  padding-bottom: 0 !important;
}

[data-container-reduce] .container {
  max-width: 1120px;
}

[data-title-background] {
  padding: 8px 24px !important;
  background: var(--surface-background-secondary);
}

[data-text-center] {
  text-align: center;
}

[data-background-embed-code="true"] {
  position: relative;
}

[data-background-embed-code="true"] *:not(.section-iframe-background) {
  position: relative;
  z-index: 1;
}

.button,
.single_post_content .post_toc_linksList-item a,
[data-wysiwyg] p,
[data-wysiwyg] li,
[data-text-regular],
[data-text-regular] p,
[data-gutenberg] p,
[data-gutenberg] li,
[data-typography] p,
[data-typography] li {
  margin: 0;
  font-weight: 300;
  font-size: 17px;
  line-height: 28px;
  color: var(--text-text-primary);
}

[data-text-small],
[data-text-small] p,
[data-text-size="text-small"] {
  margin: 0;
  font-size: 14px;
  font-weight: 300;
  line-height: 23px;
  color: var(--text-color);
}

[data-text-tiny],
[data-text-tiny] p,
[data-text-size="text-tiny"] {
  font-weight: 300;
  font-size: 12px;
  line-height: 20px;
  color: var(--text-color);
}

[data-title-monospace] {
  font-family: 'DM Mono', monospace;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: -0.32px;
}

.button[data-icon="true"] img {
  -webkit-filter: var(--svg-filter-color);
          filter: var(--svg-filter-color);
}

.button[data-icon="true"] svg path {
  fill: var(--text-text-primary);
}

.no-svg-fill {
  -webkit-filter: inherit !important;
          filter: inherit !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 0;
  margin-bottom: 0;
}

.blog {
  padding-top: 0;
}

.blog_content_solutions {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
     -moz-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  gap: 8px;
}

.blog_content_solutions .solution_type {
  margin-right: 0 !important;
}

.blog_content_solutions .solution_type {
  margin: 0;
}

.blog_content_solutions .solution_type:not(:last-of-type) {
  margin-right: 8px;
}

@media (min-width: 767px) {
  .show-mobile {
    display: none !important;
  }
}

@media (max-width: 1579px) {
  [data-title-size="title-serif"],
  [data-statistic] {
    font-size: 34px;
    line-height: 42px;
  }
}

@media (max-width: 1280px) {
  [data-title-size="title-display"] {
    font-size: 54px;
    line-height: 66px;
  }

  [data-title-size="title-h1"],
  [data-wysiwyg] h1 {
    font-size: 42px;
    line-height: 54px;
  }

  [data-title-size="title-h2"],
  [data-wysiwyg] h2,
  [data-typography] h2 {
    font-size: 34px;
    line-height: 46px;
  }

  [data-title-size="title-h3"],
  [data-wysiwyg] h3,
  [data-gutenberg] h2,
  [data-typography] h3 {
    font-size: 26px;
    line-height: 36px;
  }

  [data-title-size="title-h4"],
  .tooltip .title,
  [data-wysiwyg] h4 {
    font-size: 22px;
    line-height: 32px;
  }

  [data-title-size="title-serif"],
  [data-statistic] {
    font-size: 30px;
    line-height: 38px;
  }

  [data-gutenberg] h3 {
    font-size: 26px;
    line-height: 36px;
  }
}

@media (max-width: 992px) {
  .container {
    padding-left: 40px;
    padding-right: 40px;
  }

  .show-tablet {
    display: block !important;
  }

  .single_post_content_wrap-right {
    width: 200px;
  }

  #custom-gradient-background:after {
    width: 96%;
  }

  .section-header__wrapMenu-wrapNav-items li:last-child .sub_items_bg {
    gap: 8px;
  }

  #sides_hero {
    overflow: hidden;
  }

  #sides_hero::before {
    width: 180vw;
    height: 52vh;
    border-radius: 50%;
    top: auto;
    bottom: -86px;
    right: 35%;
    -webkit-transform: translate(50%, 0);
        -ms-transform: translate(50%, 0);
            transform: translate(50%, 0);
  }

  [data-title-size="title-h4"],
  .tooltip .title,
  [data-wysiwyg] h4 {
    font-size: 18px;
    line-height: 28px;
  }
}

@media (max-width: 767px) {
  .container {
    padding-left: 20px;
    padding-right: 20px;
  }

  .button {
    width: 100%;
  }

  .button.button-simple-link {
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
  }

  .buttons {
    width: 100%;
  }

  .media_container[data-rounded-border="border_l"] picture {
    border-radius: var(--border-size-mobile);
  }

  .media_container[data-rounded-border="border_l"] picture img {
    border-radius: var(--border-size-mobile);
  }

  .media_container[data-rounded-border="border_l"] video {
    border-radius: var(--border-size-mobile);
  }

  .video-overlay-wrap {
    width: 90vw !important;
  }

  .show-desktop {
    display: none !important;
  }

  [data-seperator] {
    margin: 16px 0;
  }

  .hbspt-form .form-columns-2 .hs-form-field {
    margin-bottom: 10px;
  }

  .hbspt-form select {
    background-color: #fff;
    height: 38px;
    font-size: 13px;
  }

  .single_post_content_wrap {
    padding: 30px 0 0 0;
  }

  .single_post_content_wrap-left {
    width: 100%;
  }

  .single_post_content_wrap-right {
    display: none;
  }

  body.home .section-sides__checkboxesItem,
  body.page-id-13325 .section-sides__checkboxesItem {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }

  body.home .section-sides__checkboxesItem__text,
  body.page-id-13325 .section-sides__checkboxesItem__text {
    white-space: nowrap;
    font-size: 14px;
  }

  #custom-gradient-background .section-sides__side {
    height: 280px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }

  body.solution-template .section-sides__side {
    padding: 0;
  }

  .break-mobile {
    display: inline-block;
  }

  [data-title-bg] {
    display: block;
  }

  [data-title-size="title-display"] {
    font-size: 40px;
    line-height: 50px;
  }

  [data-title-size="title-h1"],
  [data-wysiwyg] h1 {
    font-size: 36px;
    line-height: 46px;
  }

  [data-title-size="title-h2"],
  [data-wysiwyg] h2,
  [data-typography] h2 {
    font-size: 30px;
    line-height: 42px;
  }

  [data-title-size="title-h3"],
  [data-wysiwyg] h3,
  [data-gutenberg] h2,
  [data-typography] h3 {
    font-size: 22px;
    line-height: 30px;
  }

  [data-title-size="title-serif"],
  [data-statistic] {
    font-size: 26px;
    line-height: 36px;
  }

  [data-gutenberg] h3 {
    font-size: 22px;
    line-height: 30px;
  }

  .single_post_content_wrap-right {
    display: block;
    width: 100%;
    padding-bottom: 60px;
  }

  .single_post_content_wrap-right .newsletter_box {
    margin-top: 20px;
  }

  .single_post_content_wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}