@font-face {
  font-family: Inter Variable;
  src: url('../fonts/InterVariable.ttf') format("truetype");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Manrope Variablefont Wght;
  src: url('../fonts/Manrope-VariableFont_wght.ttf') format("truetype");
  font-weight: 200 800;
  font-style: normal;
  font-display: swap;
}

:root {
  --base: #000;
  --mid-gray: #44474e;
  --primary: #5e5adb;
  --white: white;
  --light-gray: #f7f7f7;
  --dark-gray: #111;
  --tertiary: #1a9543;
  --secondary: #f46036;
}

.w-layout-vflex {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.w-layout-hflex {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.w-layout-blockcontainer {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

@media screen and (max-width: 991px) {
  .w-layout-blockcontainer {
    max-width: 728px;
  }
}

@media screen and (max-width: 767px) {
  .w-layout-blockcontainer {
    max-width: none;
  }
}

body {
  color: var(--base);
  font-family: Inter, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.6;
}

h1 {
  margin-top: 0;
  margin-bottom: .4em;
  font-size: 2.5rem;
  font-weight: 600;
  line-height: 1.2;
}

h2 {
  margin-top: 40px;
  margin-bottom: .4em;
  font-size: 2rem;
  font-weight: 600;
  line-height: 1.2;
}

h3 {
  margin-top: 0;
  margin-bottom: .6em;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.4;
}

h4 {
  margin-top: 0;
  margin-bottom: .8em;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.4;
}

h5 {
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 1em;
  font-size: .9rem;
  font-weight: 500;
  line-height: 1.6;
}

h6 {
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 1em;
  font-size: .8rem;
  font-weight: 500;
  line-height: 1.6;
}

p {
  margin-bottom: 1em;
}

a {
  color: var(--base);
  text-decoration: underline;
}

a:hover {
  text-decoration: none;
}

ul {
  margin-top: 0;
  margin-bottom: 1em;
  padding-left: 1.5rem;
}

ol {
  margin-top: 0;
  margin-bottom: 1em;
  padding-left: 2rem;
}

li {
  margin-bottom: .3em;
  padding-left: 10px;
}

form {
  max-width: 600px;
}

label {
  color: var(--base);
  margin-bottom: .6em;
  font-size: .9rem;
  font-weight: 500;
  display: block;
}

blockquote {
  border-left: 4px solid var(--mid-gray);
  margin-bottom: 1em;
  padding: 1rem;
  font-size: 1.1rem;
  line-height: 1.6;
}

.page-main.cc-styles {
  flex: 1;
  margin-top: -100vh;
  margin-left: 240px;
}

.section {
  text-align: left;
  min-height: 20vh;
  padding-top: 6rem;
  padding-bottom: 6rem;
  display: block;
}

.section.cc-styles_title {
  background-color: var(--primary);
  color: var(--white);
  align-items: flex-end;
  min-height: 25rem;
  padding-left: 240px;
  display: flex;
  position: absolute;
  inset: 0% 0% auto;
}

.section.cc-cover {
  align-items: center;
  min-height: 100vh;
  display: flex;
}

.section.cc-utility {
  text-align: center;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  display: flex;
}

.container {
  flex-flow: column;
  width: 90%;
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
  padding-right: 60px;
  display: flex;
}

.container.cc-styles {
  width: 100%;
  padding-left: 1rem;
  padding-right: 1rem;
}

.container.body {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  flex-flow: column;
  align-items: flex-start;
  width: 80%;
}

.styles_nav {
  background-color: var(--light-gray);
  flex-flow: column;
  width: 240px;
  height: 100vh;
  margin-top: 25rem;
  padding-top: 6rem;
  padding-bottom: 0;
  display: flex;
  position: sticky;
  top: 0;
}

.btn {
  background-color: var(--primary);
  color: var(--white);
  text-align: center;
  border-radius: .375rem;
  padding: .5em 2em;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.6;
  transition: box-shadow .2s;
  box-shadow: inset 0 0 5px 100px #0000;
}

.btn:hover {
  box-shadow: inset 0 0 5px 100px #0000000d;
}

.btn:focus-visible, .btn[data-wf-focus-visible] {
  outline-color: var(--primary);
  outline-offset: 2px;
  outline-width: 2px;
  outline-style: solid;
}

.btn.cc-light {
  color: var(--primary);
  background-color: #0000;
}

.btn.cc-secondary {
  background-color: var(--white);
  color: var(--primary);
}

.btn.cc-disabled {
  background-color: var(--mid-gray);
  color: var(--dark-gray);
  cursor: not-allowed;
}

.btn.cc-disabled:hover {
  box-shadow: inset 0 0 5px 100px #0000;
}

.btn.cc-small {
  padding: .125em .375em;
}

.styles_selector-callout {
  color: var(--white);
  letter-spacing: .01em;
  background-color: #0073e6;
  border-radius: 3px;
  margin-top: .1em;
  margin-bottom: 1em;
  margin-right: .2em;
  padding: .08em .6em;
  font-size: .8rem;
  line-height: 1.7;
  display: inline-block;
  position: relative;
  top: -1px;
}

.styles_selector-callout.cc-element {
  background-color: var(--tertiary);
  margin-top: 0;
  margin-bottom: 0;
}

.styles_selector-callout.cc-element.employees {
  background-color: #01baef;
}

.styles_selector-callout.cc-element.provider {
  background-color: var(--tertiary);
}

.styles_selector-callout.cc-element.papro {
  background-color: var(--dark-gray);
}

.styles_selector-callout.cc-element.tpa {
  background-color: var(--secondary);
}

.styles_selector-callout.cc-element.fort {
  background-color: var(--base);
}

.styles_selector-callout.cc-element.all {
  background-color: var(--dark-gray);
}

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

.spacer.cc-32 {
  width: 32px;
  height: 32px;
}

.spacer.cc-48 {
  width: 48px;
  height: 48px;
}

.spacer.cc-48.bottom {
  height: 40px;
}

.spacer.cc-64 {
  width: 64px;
  height: 64px;
}

.spacer.cc-80 {
  width: 80px;
  height: 80px;
}

.spacer.cc-96 {
  width: 96px;
  height: 96px;
}

.spacer.cc-128 {
  width: 128px;
  height: 128px;
}

.col {
  flex: 1;
  margin-bottom: 32px;
  padding-left: 16px;
  padding-right: 16px;
}

.col.col-lg-3 {
  flex: 25%;
  max-width: 25%;
}

.col.col-lg-4 {
  flex: 33.33%;
  max-width: 33.33%;
}

.col.col-lg-1 {
  flex: 8.33%;
  max-width: 8.33%;
}

.col.col-lg-2 {
  flex: 16.66%;
  max-width: 16.66%;
}

.col.col-lg-6 {
  flex: 50%;
  max-width: 50%;
}

.col.col-lg-5 {
  flex: 41.67%;
  max-width: 41.66%;
}

.col.col-lg-7 {
  flex: 58.33%;
  max-width: 58.33%;
}

.col.col-lg-12 {
  flex: 100%;
  max-width: 100%;
}

.col.col-lg-8 {
  flex: 66.67%;
  max-width: 66.66%;
}

.col.col-lg-9 {
  flex: 75%;
  max-width: 75%;
}

.col.col-lg-10 {
  flex: 83.33%;
  max-width: 83.33%;
}

.col.col-lg-11 {
  flex: 91.67%;
  max-width: 91.66%;
}

.row {
  flex-flow: column;
  align-content: stretch;
  margin-bottom: -32px;
  margin-left: -16px;
  margin-right: -16px;
  display: flex;
}

.row.row-align-center {
  align-items: center;
}

.row.row-align-end {
  align-items: flex-end;
}

.row.row-justify-between {
  justify-content: space-between;
}

.row.row-justify-around {
  justify-content: space-around;
}

.row.row-justify-center {
  justify-content: center;
}

.row.row-justify-end {
  justify-content: flex-end;
}

.h1 {
  margin-bottom: .4em;
  font-size: 2.5rem;
  font-weight: 500;
  line-height: 1.2;
}

.h2 {
  margin-bottom: .4em;
  padding-top: 20px;
  font-size: 2rem;
  font-weight: 500;
  line-height: 1.2;
}

.h3 {
  margin-bottom: .6em;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.4;
}

.h4 {
  margin-bottom: .8em;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.4;
}

.h5 {
  text-transform: uppercase;
  margin-bottom: 1em;
  font-size: .9rem;
  font-weight: 500;
  line-height: 1.6;
}

.h6 {
  text-transform: uppercase;
  margin-bottom: 1em;
  font-size: .8rem;
  font-weight: 500;
  line-height: 1.6;
}

.u-text-darkgray {
  color: var(--dark-gray);
}

.text-box {
  max-width: 400px;
}

.text-box.cc-500 {
  max-width: 1000px;
}

.text-box.cc-600 {
  max-width: 600px;
}

.text-box.cc-700 {
  max-width: 700px;
}

.text-box.cc-800 {
  max-width: 800px;
}

.paragraph-1-10 {
  font-size: 1.1rem;
}

.paragraph-0-90 {
  font-size: .9rem;
}

.card {
  border-radius: .375rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  margin-bottom: 1em;
  display: flex;
  position: relative;
}

.card-body {
  flex: 1;
  padding: .5rem;
  position: relative;
}

.styles_color-preview {
  border-radius: .375rem;
  max-width: 240px;
  height: 48px;
  margin-bottom: 2em;
}

.u-bg-primary {
  background-color: var(--primary);
}

.u-bg-tertiary {
  background-color: var(--tertiary);
}

.u-bg-base {
  background-color: var(--base);
}

.u-bg-darkgray {
  background-color: var(--dark-gray);
}

.u-bg-midgray {
  background-color: var(--mid-gray);
}

.u-bg-lightgray {
  background-color: var(--light-gray);
}

.u-bg-white {
  background-color: var(--white);
}

.u-d-flex {
  display: flex;
}

.u-d-flex.cc-space-between {
  flex-flow: row;
  justify-content: space-between;
}

.u-d-flex.cc-gap-1 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
}

.styles_preview {
  background-color: var(--primary);
  opacity: .25;
  border-radius: .375rem;
  height: 48px;
}

.u-text-base {
  color: var(--base);
}

.u-text-midgray {
  color: var(--mid-gray);
}

.u-text-lightgray {
  color: var(--light-gray);
}

.u-text-primary {
  color: var(--primary);
}

.u-text-secondary {
  color: var(--secondary);
}

.u-text-tertiary {
  color: var(--tertiary);
}

.styles_text-preview {
  margin-bottom: .4em;
  font-size: 2.5rem;
  font-weight: 500;
  line-height: 1.2;
}

.styles_block {
  margin-top: 4rem;
}

.styles_block.top {
  margin-top: 0;
  margin-bottom: 60px;
}

.styles_nav-container {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.styles_nav-link {
  background-color: var(--light-gray);
  color: var(--base);
  border-radius: .375em;
  padding: .125em .375em;
  text-decoration: none;
  transition: box-shadow .2s;
  box-shadow: inset 0 0 5px 100px #0000;
}

.styles_nav-link:hover {
  box-shadow: inset 0 0 5px 100px #0000000d;
}

.styles_nav-link:focus-visible, .styles_nav-link[data-wf-focus-visible] {
  outline-color: var(--primary);
  outline-offset: 2px;
  outline-width: 2px;
  outline-style: solid;
}

.styles_nav-link.sub {
  margin-left: 15px;
}

.input {
  border: 1px solid var(--mid-gray);
  background-color: var(--white);
  color: var(--base);
  border-radius: .375rem;
  margin-bottom: 0;
  padding: .375em .5em;
  font-size: .9rem;
  transition: border-color .2s;
}

.input:hover {
  border-color: var(--primary);
}

.input::placeholder {
  color: var(--mid-gray);
}

.input.cc-msg {
  max-width: 600px;
  min-height: 8rem;
}

.field-block {
  margin-bottom: 1rem;
}

.checkbox-field, .radio-btn-field {
  margin-bottom: .5rem;
  padding-left: 1.5rem;
}

.checkbox {
  border: 1px solid var(--dark-gray);
  border-radius: .25rem;
  width: 1rem;
  height: 1rem;
  margin: .25rem 0 0 -1.5rem;
  transition: border-color .2s;
}

.checkbox:hover {
  border-color: var(--primary);
}

.checkbox.w--redirected-checked {
  border-width: 2px;
  border-color: var(--primary);
  background-color: var(--primary);
  margin-top: .25rem;
  margin-left: -1.5rem;
}

.checkbox.w--redirected-focus, .checkbox.w--redirected-focus-visible {
  margin-top: .25rem;
  margin-left: -1.5rem;
}

.radio-btn {
  border: 1px solid var(--dark-gray);
  width: 1rem;
  height: 1rem;
  margin-top: .25rem;
  margin-left: -1.5rem;
  transition: border-color .2s;
}

.radio-btn:hover {
  border-color: var(--primary);
}

.radio-btn.w--redirected-checked {
  border-width: 6px;
  border-color: var(--primary);
}

.label {
  color: var(--dark-gray);
}

.styles_nav-menu {
  grid-column-gap: .375em;
  grid-row-gap: .375em;
  flex-flow: column;
  align-items: flex-start;
  display: flex;
}

.styles_nav-logo {
  background-color: var(--primary);
  color: var(--white);
  border-radius: .375rem;
  margin-bottom: 1.5rem;
  padding: .125rem .375rem;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.4;
  text-decoration: none;
}

.embed-icon {
  width: 1.5rem;
  height: 1.5rem;
}

.embed-icon.cc-32 {
  width: 2rem;
  height: 2rem;
}

.embed-icon.cc-48 {
  width: 3rem;
  height: 3rem;
}

.form-error {
  border: 1px solid var(--tertiary);
  color: var(--tertiary);
  background-color: #c2000040;
  border-radius: .375rem;
  max-width: 600px;
  margin-top: 0;
  padding: .375rem;
}

.form-success {
  border: 1px solid var(--primary);
  color: var(--primary);
  background-color: #356af040;
  border-radius: .375rem;
  max-width: 600px;
  padding: 2em .5em;
  font-weight: 500;
}

.tabs-menu {
  border-radius: .375rem .375rem 0 0;
  display: flex;
  overflow: hidden;
}

.tab-link {
  border-bottom: 2px solid var(--primary);
  background-color: var(--light-gray);
  color: var(--primary);
  flex: 1;
  padding: .5em;
  text-decoration: none;
  transition: background-color .2s, color .2s, box-shadow .2s;
  box-shadow: inset 0 0 5px 100px #0000;
}

.tab-link:hover {
  box-shadow: inset 0 0 5px 100px #0000000d;
}

.tab-link.w--current {
  background-color: var(--primary);
  color: var(--white);
}

.styles_hero-span {
  background-color: var(--white);
  color: var(--primary);
  border-radius: .375rem;
  padding: .125rem .375rem;
  font-size: 3rem;
  font-weight: 600;
  display: inline-block;
}

.styles_nav-btn {
  border: 2px solid var(--primary);
  background-color: var(--light-gray);
  color: var(--primary);
  border-radius: .375rem;
  padding: .125em .375em;
  font-size: 1rem;
  line-height: 1.4;
  transition: box-shadow .2s;
  box-shadow: inset 0 0 5px 100px #0000;
}

.styles_nav-btn:hover {
  box-shadow: inset 0 0 5px 100px #0000000d;
}

.styles_nav-btn:focus-visible, .styles_nav-btn[data-wf-focus-visible] {
  outline-color: var(--primary);
  outline-offset: 2px;
  outline-width: 2px;
  outline-style: solid;
}

.styles_nav-btn.w--open {
  background-color: var(--mid-gray);
  color: var(--primary);
}

.u-mt-auto {
  margin-top: auto;
}

.u-sr-only {
  white-space: nowrap;
  border: 0 solid #0000;
  width: 1px;
  height: 1px;
  margin-top: -1px;
  padding: 0;
  position: absolute;
  overflow: hidden;
}

.u-d-none {
  display: none;
}

.u-text-center {
  text-align: center;
}

.u-text-right {
  text-align: right;
}

.u-overflow-visible {
  overflow: visible;
}

.u-overflow-hidden {
  overflow: hidden;
}

.u-d-block {
  display: block;
}

.u-mb-0 {
  margin-bottom: 0;
}

.u-p-relative {
  position: relative;
}

.u-w-100 {
  width: 100%;
}

.u-h-100 {
  height: 100%;
}

.u-minh-100vh {
  min-height: 100vh;
}

._404 {
  background-color: var(--primary);
  color: var(--white);
  border-radius: .375rem;
  margin-bottom: .4em;
  padding: .125rem .375rem;
  font-size: 2.5rem;
  line-height: 1.2;
  display: inline-block;
  transform: rotate(-6deg);
}

.utility_page-form {
  text-align: left;
  flex-direction: column;
  align-items: stretch;
  max-width: 420px;
}

.styles_row-example {
  border: 1px solid var(--mid-gray);
  border-radius: .375rem;
  height: 180px;
  padding: 1rem;
}

.u-z-index-1 {
  z-index: 1;
  position: relative;
}

.u-img-cover {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.u-link-cover {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.u-bg-secondary {
  background-color: var(--secondary);
}

.u-text-white {
  color: var(--white);
}

.styles_text-preview-outline {
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: var(--mid-gray);
}

.styles_spacer-preview {
  background-color: var(--primary);
  opacity: .25;
  border-radius: .375rem;
  width: 100%;
  height: 100%;
}

.u-text-balance {
  text-wrap: balance;
  position: relative;
}

.u-text-pretty {
  text-wrap: pretty;
  position: relative;
}

.faq {
  background-color: #fffffff2;
  max-width: 840px;
  padding: 100px;
  box-shadow: 0 20px 100px #c4cae340;
}

.faq-headline {
  padding-left: 20px;
  padding-right: 20px;
}

.faq-paragraph {
  margin-bottom: 40px;
}

.accordion-item {
  width: 100%;
  overflow: hidden;
}

.accordion-toggle {
  flex-flow: row;
  align-items: center;
  height: auto;
  padding: 0;
  display: flex;
}

.text-block {
  white-space: normal;
  flex: none;
  width: 100%;
}

.dropdown-list {
  background-color: #fff;
  padding: 20px;
  display: block;
  position: static;
}

.accordion-spacer {
  min-height: 16px;
}

.accordion-btn-line {
  background-color: #211f54;
  border-radius: 20px;
  width: 18px;
  height: 2px;
  position: absolute;
}

.accordion-btn-line.vertical {
  transform: rotate(90deg);
}

.accordion-item-wrapper {
  cursor: pointer;
  transform-style: preserve-3d;
  background-color: #fff;
  width: 100%;
  margin-top: 0;
  margin-bottom: 15px;
  padding: 0 64px 0 0;
  transition: transform .3s;
  display: flex;
}

.accordion-item-wrapper:hover {
  transform: none;
}

.accordion-item-wrapper.bottom {
  margin-top: 0;
  margin-bottom: 25px;
}

.acordion-body {
  flex-flow: column;
  width: 100%;
  padding-bottom: 0;
  display: flex;
  overflow: hidden;
}

.accordion-title {
  margin-top: 0;
  margin-bottom: 5px;
  font-size: 1rem;
  font-weight: 600;
}

.accordion-title.mid {
  font-size: 1rem;
  font-weight: 600;
}

.accordion-title.small {
  font-size: 1.2rem;
}

.accordion-content-wrapper {
  flex-direction: column;
  justify-content: center;
  display: flex;
}

.accordion-side {
  margin-right: 15px;
}

.accordion-header {
  justify-content: flex-start;
  align-items: stretch;
  padding-bottom: 8px;
  display: flex;
}

.btn-circle-secondary {
  color: #211f54;
  transform-style: preserve-3d;
  background-color: #fff;
  border: 1px solid #eff0f6;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 64px;
  min-width: 64px;
  height: 64px;
  min-height: 64px;
  font-size: 26px;
  text-decoration: none;
  transition: border-color .3s, transform .3s, background-color .3s, color .3s;
  display: flex;
  box-shadow: 0 2px 12px #14142b14;
}

.btn-circle-secondary:hover {
  color: #fff;
  background-color: #4a3aff;
  border-color: #4a3aff;
  transform: scale3d(.94, .94, 1.01);
}

.btn-circle-secondary.small {
  width: 50px;
  min-width: 50px;
  height: 50px;
  min-height: 50px;
  font-size: 22px;
}

.btn-circle-secondary.small.accordion-btn {
  color: var(--base);
  width: 25px;
  min-width: 25px;
  height: 25px;
  min-height: 25px;
}

.btn-circle-secondary.small.accordion-btn:hover {
  background-color: #fff;
  border-color: #eff0f6;
}

.mg-bottom-0 {
  margin-bottom: 0;
}

.mg-bottom-0.one {
  margin-bottom: 20px;
}

.table-background-top {
  background-color: #000;
  width: 100%;
  height: 0%;
}

.table-title-row {
  border-bottom: 1px solid #000;
  align-items: center;
  padding-bottom: 1.5em;
  display: flex;
}

.table-image-wrapper {
  z-index: 100;
  opacity: 0;
  width: 25em;
  height: 32em;
  position: fixed;
  inset: auto 2em 2em auto;
}

.table-background-wrapper {
  z-index: 0;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
}

.table-title {
  letter-spacing: .05em;
  text-transform: uppercase;
  font-size: 1em;
  font-weight: 400;
}

.p-xl-start {
  padding-top: 8.5em;
}

.table-row-image {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.table-item {
  z-index: 1;
  justify-content: space-between;
  align-items: center;
  padding-right: 3em;
  display: flex;
  position: relative;
}

.table-item.table-description {
  width: 43%;
  padding-right: 5em;
}

.table-item.table-platform {
  width: 20%;
}

.table-item.table-year {
  width: 100%;
  max-width: 9em;
}

.table-item.table-type {
  flex: 1;
}

.container-w1 {
  width: 100%;
  max-width: 95em;
  margin-left: auto;
  margin-right: auto;
}

.table-row {
  color: #000;
  border-bottom: 1px solid #000;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding-top: 2.2em;
  padding-bottom: 2.2em;
  text-decoration: none;
  display: flex;
  position: relative;
}

.copy-large {
  font-size: 1.45em;
  font-weight: 300;
  line-height: 1.3em;
}

.mt {
  max-width: 1600px;
  margin-left: auto;
  margin-right: auto;
}

.tabs {
  max-width: 1000px;
  display: flex;
}

.button {
  color: #333;
  background-color: #0000;
  border: 3px solid #006cff;
  border-radius: 8px;
  font-size: 1.2em;
  font-weight: 600;
  line-height: 1.2;
}

.button:hover {
  color: #fff;
  background-color: #006cff;
}

.icon {
  width: 48px;
  height: 48px;
}

.tab {
  opacity: .5;
  background-color: #0000;
  padding: 0;
}

.tab.w--current {
  opacity: 1;
  background-color: #0000;
  padding: 0;
  font-weight: 400;
}

.tabs-content {
  background-color: #fff;
  flex: 1;
  padding: 2em 0;
}

.margin-bottom.margin-medium {
  margin-bottom: 2em;
}

.box {
  cursor: pointer;
  background-color: #fff;
  border-radius: 5px 0 0 5px;
  justify-content: flex-start;
  align-items: center;
  padding: 2em;
  display: flex;
}

._w-footer {
  justify-content: space-between;
  margin-top: 30px;
  display: flex;
}

.subtitle {
  color: #006cff;
  text-transform: uppercase;
  font-size: 1rem;
  font-weight: 400;
}

.div-block-3 {
  margin-left: 2em;
  margin-right: 2em;
}

.tabs-menu-2 {
  flex-direction: column;
  width: 400px;
  display: flex;
}

.grid {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  grid-template: "." 50px
                 "." 50px
                 "." 50px
                 "." 50px
                 "." 50px
                 "." 50px
                 "." 50px
                 "." 50px
                 "." 50px
                 "." 50px
                 / 1fr .5fr;
  align-items: center;
}

.section-2, .section-3 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.text-block-2 {
  width: 318.625px;
  margin-right: 40px;
}

.section-4 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  margin-bottom: 10px;
  display: flex;
}

.paragraph-2 {
  background-color: #0000;
  margin-bottom: 25px;
}

.paragraph-2.ps {
  margin-bottom: 5px;
}

.paragraph-2.bottom {
  margin-bottom: 0;
}

.youtube {
  margin-bottom: 50px;
}

.heading {
  letter-spacing: -.02rem;
  margin-top: 0;
  margin-bottom: 10px;
  font-family: Inter Variable, Arial, sans-serif;
}

.list {
  margin-bottom: 0;
}

.heading-2 {
  margin-top: 60px;
}

.heading-3, .heading-4, .heading-5, .heading-6, .heading-7 {
  font-weight: 600;
}

.page_title {
  font-weight: 700;
}

.heading-8 {
  font-weight: 600;
}

.heading-9, .heading-10, .heading-11, .heading-12 {
  margin-top: 3rem;
}

.list-item {
  margin-bottom: 0;
}

.paragraph-3 {
  margin-bottom: 5px;
}

.paragraph-3.bottom, .paragraph-3.bot {
  margin-bottom: 0;
}

.list-2, .list-item-2 {
  margin-bottom: 0;
}

.paragraph-4 {
  margin-bottom: 15px;
}

.list-3.bottom {
  margin-bottom: 10px;
}

.paragraph-5, .paragraph-6 {
  margin-bottom: 5px;
}

.heading-13 {
  margin-bottom: 5px;
  margin-left: 0;
  font-weight: 600;
}

.paragraph-7 {
  margin-bottom: 0;
}

.all-h3 {
  color: var(--primary);
}

.list-4 {
  margin-bottom: 40px;
}

.section-5 {
  width: 70%;
}

.paragraph-8, .paragraph-9 {
  margin-bottom: 5px;
}

.paragraph-10 {
  font-size: 1.2rem;
}

.lightbox-link-2 {
  width: 80%;
  margin-top: 20px;
  margin-bottom: 20px;
}

.lightbox-link-2.mid {
  width: 75%;
  margin-bottom: 40px;
}

.paragraph-11 {
  margin-bottom: 15px;
}

.paragraph-11.bottom {
  margin-top: 20px;
  margin-bottom: 30px;
}

.text-span {
  color: var(--primary);
}

.section-6 {
  padding-left: 0;
}

.section-7 {
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 20px;
  display: flex;
}

.section-8 {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.section-9 {
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.text-block-3 {
  margin-right: 8px;
}

.image-2 {
  width: 50px;
}

.text-block-4 {
  margin-left: 5px;
}

.text-span-2 {
  text-decoration: underline;
}

.text-span-3 {
  background-color: #5e5adb4d;
}

.bold-text, .bold-text-2 {
  color: var(--primary);
}

.heading-16 {
  color: var(--base);
  vertical-align: baseline;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 600;
  text-decoration: none;
  display: block;
}

.heading-16.cases {
  margin-bottom: 0;
  font-weight: 700;
}

.heading-16.list {
  margin-bottom: 3px;
}

.paragraph-12 {
  margin-bottom: 1.6em;
}

.paragraph-13, .paragraph-14 {
  margin-bottom: 1em;
}

.paragraph-15 {
  margin-bottom: 25px;
}

.paragraph-15.cases {
  margin-top: 25px;
  margin-bottom: 10px;
}

.paragraph-15.cases.bottom {
  margin-top: 0;
  margin-bottom: 0;
}

.paragraph-15.cases.top {
  margin-top: 20px;
}

.paragraph-15.how {
  margin-bottom: 15px;
}

.paragraph-16 {
  margin-bottom: 0;
}

.heading-17 {
  margin-bottom: .4em;
  font-weight: 700;
}

.heading-18 {
  margin-bottom: .6em;
  font-weight: 700;
}

.heading-19 {
  margin-bottom: .4rem;
  font-weight: 700;
}

.heading-20, .heading-21, .heading-22, .heading-23, .heading-24 {
  margin-bottom: .5em;
  font-weight: 700;
}

.heading-25, .heading-26, .heading-27, .heading-28 {
  margin-top: 0;
  font-weight: 700;
}

.section-10 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.pause-icon {
  align-items: center;
  width: .6em;
  height: 1em;
}

.play-icon-2 {
  align-items: center;
  width: .6em;
  height: 1em;
  margin-left: .2em;
}

.compare-scroll-media-wrapper {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.compare-scroll-media-wrapper.is-before {
  overflow: hidden;
}

.compare-scroll-inner {
  aspect-ratio: 16 / 9;
  width: 100%;
  position: relative;
  overflow: hidden;
}

.background-video-button {
  color: #272531;
  background-color: #fffbf5;
  border-radius: 999em;
  justify-content: center;
  align-items: center;
  width: 3em;
  height: 3em;
  transition: all .2s;
  display: flex;
  bottom: 1.3em;
  right: 1.3em;
}

.background-video-button:hover {
  transform: scale(1.1);
}

.compare-media-overlay {
  opacity: 0;
  pointer-events: none;
  background-color: #000;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.compare-scroll-animation-size {
  max-width: 100rem;
  height: 350vh;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.compare-scroll-before-media, .compare-scroll-after-media {
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  inset: 0%;
}

.compare-scroll-text-wrapper {
  color: #333;
  text-align: center;
  background-color: #fff;
  border-radius: 1rem;
  min-width: 15rem;
  padding: 1.4rem;
  font-size: 3rem;
  position: absolute;
  top: auto;
  bottom: 2rem;
  right: auto;
}

.compare-scroll-sticky {
  justify-content: center;
  align-items: center;
  height: 60vh;
  display: flex;
  position: sticky;
  top: 0;
}

.play-pause-state {
  justify-content: flex-start;
  align-items: center;
}

.section-11, .section-12 {
  justify-content: center;
  align-items: center;
  display: flex;
}

.image-3 {
  height: 100%;
  padding: 5px;
}

.image-4 {
  height: 100%;
  margin-bottom: 0;
  padding: 5px;
}

.devider-line {
  background-color: #fff;
  justify-content: center;
  align-items: center;
  width: 4px;
  margin-left: -2px;
  display: flex;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.after-image {
  padding-right: 40px;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.after-image-inner {
  justify-content: flex-start;
  align-items: center;
  padding-left: 40px;
  padding-right: 40px;
  display: flex;
  position: absolute;
  inset: 0%;
  overflow: visible;
}

.before-image {
  justify-content: flex-start;
  align-items: center;
  padding-left: 40px;
  padding-right: 40px;
  display: flex;
  position: absolute;
  inset: 0%;
}

.container--full {
  width: 100%;
  height: 50vh;
  display: flex;
  position: relative;
}

.after-wrapper {
  position: absolute;
  inset: 0%;
  overflow: visible;
}

.runner {
  background-color: #fff;
  background-image: none;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 16px;
  border-radius: 100%;
  width: 30px;
  height: 30px;
  position: absolute;
}

.slider--comparison {
  position: absolute;
  inset: 0%;
}

.before-wrapper {
  justify-content: center;
  align-items: center;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.flex-block {
  flex-flow: row;
}

.image-5, .image-6 {
  height: 85%;
}

.toggle-butt {
  color: #1e1e21;
  background-color: #fff;
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  font-size: 14px;
  font-weight: 500;
  display: flex;
}

.toggle-butt.maintenance {
  cursor: pointer;
  border-radius: .6em;
  margin-left: 5px;
  font-size: .73em;
  transition: transform .3s, box-shadow .3s;
}

.toggle-butt.maintenance:hover {
  transform: scale(1.02);
  box-shadow: 0 1px 3px #0000001a;
}

.toggle-butt.maintenance:active {
  box-shadow: none;
  transform: none;
}

.toggle-butt.seo {
  cursor: pointer;
  background-color: #f1f1f1;
  border-radius: .6em;
  margin-right: 5px;
  font-size: .73em;
  transition: transform .3s, box-shadow .3s;
}

.toggle-butt.seo:hover {
  transform: scale(1.02);
  box-shadow: 0 1px 3px #0000001a;
}

.toggle-butt.seo:active {
  box-shadow: none;
  transform: none;
}

.grid-website-maintenace {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: auto;
  min-width: auto;
  max-width: none;
  margin-top: 0;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  font-size: 17px;
  display: grid;
}

.benefits-header {
  text-align: center;
  margin: 0 auto .2em;
  font-size: 1.25rem;
  font-weight: 700;
}

.benefits-wrap {
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  height: auto;
  padding: 0;
  display: flex;
}

.bold-text-23 {
  font-weight: 600;
}

.small-card-header {
  color: #1e1e21;
  text-align: center;
  letter-spacing: -.025em;
  justify-content: center;
  margin-top: .3em;
  margin-bottom: 1em;
  padding-bottom: 0;
  font-size: 1.03em;
  font-weight: 600;
  line-height: 1.1em;
  display: block;
}

.switch-button {
  background-color: #f5f5f7;
  border: .06em solid #dadada4d;
  border-radius: .7em;
  justify-content: center;
  align-items: center;
  width: 13em;
  height: 2.4em;
  margin: 60px auto 20px;
  padding: 4px;
  display: flex;
}

.switch-button.night-mode {
  background-color: #f1f1f1;
  border-radius: .6em;
  justify-content: flex-start;
  align-items: center;
  margin-top: 0;
  margin-bottom: 30px;
  font-size: 18px;
  display: flex;
}

.benefits-description {
  color: #687076;
  text-align: center;
  letter-spacing: -.025px;
  min-width: 200px;
  margin-top: 0;
  font-size: .9em;
  font-weight: 400;
  line-height: 1.25em;
}

.sub-par {
  color: #687076;
  text-align: center;
  letter-spacing: .25px;
  margin-bottom: 30px;
  margin-left: auto;
  margin-right: auto;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.3em;
}

.grid-seo-service {
  z-index: 3;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  opacity: 1;
  color: #040404;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  width: auto;
  min-width: auto;
  max-width: none;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  font-size: 17px;
  display: none;
  position: static;
}

.lottie-animation {
  width: 5em;
  margin: auto;
}

.header-2-center-wrap {
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 21px;
}

.small-card {
  background-color: #fff;
  border: 1px solid #dadada4d;
  border-radius: 1.2em;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: auto;
  min-width: 275px;
  max-width: 500px;
  height: auto;
  padding: 20px;
  display: flex;
}

.seo-benefits-wrapper {
  z-index: 2;
  background-color: #0000;
  margin-bottom: 0;
  position: relative;
}

.seo-benefits-wrapper.seo-benefits-heading {
  z-index: 1;
  opacity: 1;
  text-align: center;
  background-color: #0000;
  border-radius: 0;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 21px;
  display: none;
  position: static;
  top: auto;
}

.list-5 {
  padding-left: 0;
}

.tab-list-item {
  margin-bottom: 1em;
  font-size: 1rem;
  line-height: 1.2;
}

.handle-wrapper {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 1200px;
  height: 675px;
  margin-bottom: 20px;
  margin-right: 0;
  display: flex;
  position: relative;
  overflow: hidden;
}

.image-right {
  z-index: 0;
  width: 100%;
  position: absolute;
}

.image-left {
  z-index: 1;
  position: absolute;
}

.handle-bar {
  z-index: 10;
  color: #0000;
  cursor: grab;
  background-color: #fff;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 1px;
  height: 100%;
  display: flex;
  position: relative;
}

.circle-wrapper {
  cursor: grab;
  background-color: #fff;
  background-image: url('../images/cd-arrows-black.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 40px;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  position: absolute;
}

.before {
  z-index: 3;
  background-color: #ffffff26;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100px;
  padding-left: 10px;
  padding-right: 10px;
  transition: opacity .2s ease-in-out;
  display: flex;
  position: absolute;
  inset: 20px auto auto 20px;
}

.handle {
  color: #fff;
  text-align: center;
  width: auto;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 18px;
}

.after {
  z-index: 3;
  background-color: #ffffff26;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100px;
  padding: 0 10px;
  transition: opacity .2s ease-in-out;
  display: flex;
  position: absolute;
  inset: 20px 20px auto auto;
}

.slider-line {
  background-color: #ff5b79;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 2px;
  display: flex;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.after-img-wrapper {
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.slider-container, .after-wrapper-2 {
  position: absolute;
  inset: 0%;
}

.animation-container {
  width: 100%;
  height: 64vh;
  position: relative;
}

.before-img {
  background-image: url('../images/before.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
}

.after-img {
  background-image: url('../images/after.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
}

.before-wrapper-2 {
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.slider-handle {
  background-color: #ff5b79;
  border-radius: 100px;
  width: 20px;
  height: 20px;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
}

.flex-block-2 {
  flex-flow: row;
  width: 100%;
}

.bas-wrapper {
  border: 8px solid #fff;
  border-radius: 12px;
  width: 100%;
  max-width: 946px;
  height: 600px;
  position: relative;
  overflow: hidden;
}

.bas-image-before {
  object-fit: none;
  width: 100%;
  height: 100%;
  padding-top: 40px;
  display: block;
}

.bas-image-after-v {
  z-index: 1;
  object-fit: none;
  width: 100%;
  height: 50%;
  margin-top: auto;
  padding-top: 40px;
  display: block;
  position: absolute;
  inset: 0;
}

.bas-handle-v {
  z-index: 2;
  background-color: #fff;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: 42px;
  height: 42px;
  display: flex;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.bas-icon-regular {
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  display: flex;
}

.bas-line-v {
  z-index: 1;
  background-color: #fff;
  height: 2px;
  padding: 0;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  transform: translate(0, -50%);
}

.bas-label-before-v {
  z-index: 3;
  color: #000;
  cursor: pointer;
  background-color: #fff;
  border-radius: 6px;
  padding: 4px 12px;
  position: absolute;
  top: 24px;
  left: 24px;
}

.bas-label-after-v {
  z-index: 3;
  color: #000;
  cursor: pointer;
  background-color: #fff;
  border-radius: 6px;
  padding: 4px 12px;
  position: absolute;
  bottom: 24px;
  left: 24px;
}

.image-7 {
  max-width: 85%;
}

.effect-image {
  max-width: 100%;
}

.flex-block-3 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  margin-bottom: 50px;
}

.flex-block-4 {
  justify-content: center;
  align-items: center;
  max-width: 33%;
}

.image-8, .image-9 {
  max-width: 50%;
  margin-bottom: 40px;
}

.image-10 {
  max-width: 50%;
  margin-bottom: 1rem;
}

.link, .link-2, .link-3 {
  color: var(--primary);
}

.image-11 {
  max-width: 100%;
}

.link-4 {
  color: var(--primary);
}

.image-12 {
  max-width: 50%;
}

.flex-block-5 {
  margin-bottom: 40px;
}

.sub-section {
  margin-bottom: 30px;
}

.sub-section.bottom {
  margin-bottom: 0;
}

.sub-section.top {
  margin-bottom: 25px;
}

.sub-section.middle {
  margin-bottom: 30px;
}

.list-6 {
  margin-bottom: 25px;
}

.list-6.prov {
  margin-bottom: 10px;
}

.paragraph-17 {
  margin-bottom: 0;
}

.image-13, .image-14 {
  max-width: 60%;
}

.lightbox-link-3 {
  width: 80%;
  margin-top: 5px;
}

.paragraph-18 {
  margin-top: 0;
}

.paragraph-18.top, .paragraph-18.bottom {
  margin-bottom: 20px;
}

.link-5 {
  color: var(--primary);
}

.list-item-4, .list-7, .list-bottom {
  margin-bottom: 0;
}

.list-bottom.top {
  margin-bottom: 30px;
  padding-left: 1rem;
}

.list-bottom.how {
  margin-bottom: 15px;
}

.lightbox-link-4 {
  background-color: var(--white);
  width: 100%;
  margin-bottom: 10px;
}

.lightbox-link-4.moop {
  width: 52%;
  margin-bottom: 0;
}

.lightbox-link-4.start {
  width: 75%;
  margin-top: 10px;
  margin-bottom: 0;
}

.lightbox-link-4.start.mid {
  width: 75%;
  margin-bottom: 0;
}

.paragraph-19 {
  margin-bottom: 0;
}

.subscript {
  margin-bottom: 25px;
  font-size: .7rem;
  font-style: italic;
  line-height: 1.4;
  text-decoration: none;
}

.link-6 {
  color: var(--primary);
}

.text-block-5 {
  color: var(--primary);
  font-weight: 600;
  text-decoration: underline;
}

.link-block {
  color: var(--primary);
  font-size: .8rem;
  font-weight: 500;
}

.link-7, .link-8 {
  color: var(--primary);
}

.image-15 {
  vertical-align: middle;
  border-radius: 5px;
  height: 20px;
  display: inline-block;
}

.text-span-4 {
  text-decoration: underline;
}

.list-item-5 {
  margin-bottom: 1em;
}

.lightbox-link-4-copy, .lightbox-link-4-copy-copy {
  width: 80%;
  margin-bottom: 20px;
}

.image-16 {
  max-width: 100%;
  padding-left: 0;
}

.image-16.moop {
  max-width: 98%;
}

.image-16.start {
  outline-offset: 0px;
  outline: 1px #000;
  max-width: 60%;
  padding: 10px;
}

.flex-block-6 {
  border: 1px solid #000;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 20px;
}

.case-box {
  border: 1px solid #000;
  max-width: 65%;
  margin-top: 30px;
  margin-bottom: 0;
  padding: 10px 20px 15px;
}

.case-box.bottom {
  max-width: 75%;
  margin-top: 10px;
  margin-bottom: 0;
  padding-left: 20px;
  padding-right: 20px;
}

.image-17 {
  max-width: 60%;
}

.image-17.moop {
  max-width: 100%;
}

.container-2 {
  border: 1px solid var(--mid-gray);
  margin-top: 30px;
}

.image-18 {
  max-width: 96%;
}

.beforeafter {
  max-width: 70%;
}

.subhead {
  margin-top: 10px;
  margin-bottom: 1em;
  font-weight: 700;
}

.heading-29 {
  pointer-events: auto;
  text-transform: none;
  margin-bottom: 10px;
  font-weight: 600;
  text-decoration: none;
}

.text-block-6 {
  margin-bottom: 10px;
  text-decoration: none;
}

.lb {
  text-decoration: none;
}

.image-19 {
  max-width: 300px;
}

.image-20 {
  width: 300px;
  margin-top: 20px;
  margin-bottom: 30px;
}

.section-13, .divider {
  background-color: var(--mid-gray);
  height: 1px;
}

.subheading {
  color: var(--base);
  align-self: auto;
  margin-top: 0;
  margin-bottom: 5px;
  font-size: 1.4rem;
  font-weight: 600;
  line-height: 1.4;
  text-decoration: none;
}

.subheading.cases {
  margin-bottom: 20px;
}

.accordion-content-wrapper-copy {
  flex-direction: column;
  justify-content: center;
  display: flex;
}

.section-heading {
  margin-bottom: 5px;
  font-weight: 700;
}

.section-heading.top {
  margin-bottom: 15px;
  font-family: Inter, sans-serif;
  font-size: 2.25rem;
  font-weight: 700;
}

.bottom_item {
  margin-bottom: 0;
}

.link-9 {
  color: var(--primary);
}

.text-span-5, .text-span-6 {
  font-weight: 600;
}

.list-item-6 {
  margin-bottom: .5em;
  padding-left: 5px;
}

.list-item-7 {
  padding-left: 5px;
}

.paragraph-20, .paragraph-20.top {
  margin-bottom: 25px;
}

.list-item-8, .list-item-9, .list-item-10 {
  margin-bottom: 0;
}

.list-item-11 {
  margin-bottom: .5em;
}

.list-item-12, .list-item-13 {
  margin-bottom: 0;
}

.list-item-14, .list-item-15 {
  margin-bottom: .5em;
}

.list-item-16 {
  margin-bottom: 0;
}

.text-block-7 {
  color: var(--dark-gray);
  margin-bottom: 10px;
  font-size: .885rem;
  text-decoration: none;
}

.text {
  letter-spacing: -.01rem;
  font-family: Inter Variable, Arial, sans-serif;
  font-size: 1.25rem;
  font-weight: 400;
}

.center-body {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  flex-flow: column;
  display: block;
}

.footer_form-block {
  max-width: 35rem;
  margin-bottom: 0;
}

.footer-shape_wrapper {
  background-color: #0000;
  position: relative;
}

.search-icon {
  width: 2rem;
  padding-top: .6rem;
  padding-left: .75rem;
  position: absolute;
  inset: 0% auto auto 0%;
}

.padding-vertical {
  padding-left: 0;
  padding-right: 0;
}

.padding-vertical.padding-custom1 {
  padding: 3rem 0 5rem;
}

.navbar_button-wrapper {
  display: flex;
}

.search-input {
  background-color: #f4f4f4;
  border: 0 solid #000;
  border-radius: 2rem;
  flex: 1;
  min-width: 15rem;
  margin-bottom: 0;
  padding-left: 2.5rem;
}

.search-input::placeholder {
  color: #87859f;
  font-weight: 700;
}

.padding-global {
  padding-left: 5%;
  padding-right: 5%;
}

.padding-global.background-color-purple {
  background-color: #2a223c;
}

.margin-bottom-2, .margin-bottom-2.margin-xxsmall {
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
}

.line-divider {
  background-color: #d9d7f34d;
  width: 100%;
  height: 1px;
}

.text-size-xsmall {
  font-size: .813rem;
}

.button_grid {
  grid-column-gap: 1.5rem;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 2fr 1fr;
}

.footer-logo_image {
  max-width: 9rem;
}

.docs-left_wrapper {
  padding-top: 2rem;
  padding-bottom: 2rem;
  padding-right: 2rem;
}

.max-width-medium {
  width: 100%;
  max-width: 35rem;
}

.text-style-link {
  text-decoration: underline;
  transition: color .2s;
}

.text-style-link:hover {
  color: #fc597d;
}

.navbar_menu-button {
  padding: 0;
}

.navbar_container {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: .25fr 1fr .25fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 100rem;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}

.line-vertical {
  background-color: #f4f4f4;
  width: 1px;
  height: 125%;
}

.footer_social-link {
  align-items: center;
  font-size: 14px;
  text-decoration: none;
  display: flex;
}

.text-size-medium {
  font-size: 1.125rem;
}

.container-large {
  width: 100%;
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
}

.navbar_logo-link {
  padding-left: 0;
}

.search {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 18.75rem 1fr;
  grid-auto-columns: 1fr;
  align-items: flex-start;
  max-height: 3rem;
  margin-bottom: 0;
  position: relative;
}

.search.is--mobile {
  display: none;
}

.footer-bottom-left_grid {
  grid-template-columns: 1fr;
}

.docs-menu_item {
  color: #2a223c;
  flex: 1;
  margin-left: -1.5rem;
  padding-top: .75rem;
  padding-bottom: .75rem;
  padding-left: 1.5rem;
  font-weight: 700;
  transition: color .2s;
  display: block;
}

.docs-menu_item:hover {
  color: #585afa;
}

.docs-menu_item.w--current {
  color: #585afa;
  background-color: #f4f4f4;
  border-radius: 3.125rem;
}

.footer_credit-text {
  font-size: .813rem;
}

.section_docs {
  position: relative;
}

.footer_top-wrapper {
  grid-column-gap: 8vw;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr .5fr;
  align-items: start;
}

.text-weight-semibold {
  font-weight: 600;
}

.max-width-xsmall {
  width: 100%;
  max-width: 25rem;
}

.footer_bottom-wrapper {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.footer_form {
  grid-column-gap: 16px;
  grid-row-gap: .5rem;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  margin-bottom: .75rem;
  display: grid;
}

.success-message {
  background-color: #0000;
  padding: 1.5rem;
}

.fs-global-styles {
  display: block;
  position: fixed;
  inset: 0% auto auto 0%;
}

.footer_left-wrapper {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  align-items: start;
}

.footer-bottom-right_grid {
  grid-template-columns: 1fr;
}

.docs_grid {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: .33fr max-content 1fr;
}

.error-message {
  margin-top: 1.5rem;
  padding: .875rem 1rem;
}

.docs-right_wrapper {
  min-height: 45rem;
  padding-top: 2rem;
  padding-bottom: 2rem;
  padding-left: 2rem;
  position: relative;
}

.search-button {
  z-index: 1;
  color: #2a223c;
  background-color: #0000;
  padding-top: .2px;
  padding-right: 1.5rem;
  font-weight: 700;
  position: absolute;
  inset: 0% auto auto 0%;
}

.footer_link-list {
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 100%;
  grid-auto-columns: 100%;
  place-items: flex-start start;
  display: flex;
}

.docs-menu_grid {
  grid-column-gap: 0px;
  grid-row-gap: 0rem;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.footer_right-wrapper {
  flex-direction: column;
  display: flex;
}

.navbar_logo {
  min-width: 8rem;
}

.navbar_link {
  color: #2a223c;
  padding: .5rem 1rem;
  font-weight: 600;
  transition: all .2s;
}

.navbar_link:hover, .navbar_link.w--current {
  color: #fc597d;
}

.navbar_component {
  background-color: #0000;
  border-bottom: 1px solid #000;
  align-items: center;
  width: 100%;
  height: auto;
  min-height: 7.5rem;
  padding-left: 5%;
  padding-right: 5%;
  display: flex;
}

.navbar_component.border-bottom-light-gray {
  border-bottom-color: #f4f4f4;
}

.padding-bottom, .padding-bottom.padding-xxlarge {
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
}

.footer_social-list {
  grid-column-gap: .75rem;
  grid-row-gap: 0rem;
  white-space: normal;
  grid-template-rows: auto;
  grid-template-columns: max-content;
  grid-auto-columns: max-content;
  grid-auto-flow: column;
  justify-content: end;
  display: grid;
}

.doc-category_list {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.text-size-small {
  font-size: .875rem;
}

.button-2 {
  color: #fff;
  text-align: center;
  background-color: #585afa;
  border-radius: .375rem;
  padding: .5rem 1.5rem;
  font-weight: 600;
}

.button-2.is-alternate {
  color: #fff;
  background-color: #fc597d;
  font-weight: 400;
}

.button-2.is-secondary {
  color: #262122;
  background-color: #4d48c84d;
}

.fs-social-icon {
  color: #fff;
  width: 1.75rem;
  height: 2rem;
  transition: all .2s;
}

.fs-social-icon:hover {
  color: #fc597d;
}

.main-wrapper {
  overflow: hidden;
}

.navbar_menu {
  justify-content: center;
  align-items: center;
  display: flex;
  position: static;
}

.footer_link {
  color: #d9d7f3;
  padding-top: .25rem;
  padding-bottom: 0;
  font-size: .875rem;
  text-decoration: none;
  transition: color .2s;
}

.footer_link:hover {
  color: #fc597d;
}

.footer_component {
  color: #fff;
  position: relative;
}

.padding-top, .padding-top.padding-medium {
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
}

.nav-cta_grid {
  grid-template-columns: 1fr;
}

.nav-cta_grid.is--mobile {
  display: none;
}

.form-input {
  color: #000;
  background-color: #fff;
  border: 1px solid #000;
  border-radius: .375rem;
  height: auto;
  min-height: 2.75rem;
  margin-bottom: 0;
  padding: .5rem .75rem;
  font-size: .875rem;
  line-height: 1.6;
}

.form-input:focus {
  border-color: #000;
}

.form-input::placeholder {
  color: #999;
  font-size: .875rem;
  font-weight: 400;
}

.title2-bold {
  letter-spacing: -.02em;
  font-size: 1.618em;
  font-weight: 600;
}

.util-grid__simplecolor {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: .5fr 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-top: 1em;
  padding-bottom: 1em;
  display: grid;
}

.util__width-grid {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-direction: row;
  grid-template-rows: auto 24px 24px;
  grid-template-columns: max-content max-content max-content max-content;
  grid-auto-columns: 1fr;
  display: grid;
}

.util__width-grid.margin-bottom__xl {
  flex: 1;
  grid-template-rows: 24px 24px;
  grid-template-columns: max-content max-content max-content max-content max-content max-content max-content max-content;
  justify-items: start;
}

.util__width-grid.margin-bottom__xl.subheading-2.mono {
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}

.bg-light__onsurface {
  color: #faf9fd;
  background-color: #1a1b1e;
}

.util__padingcontainertop {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: stretch stretch;
  display: grid;
}

.sidebar-link {
  grid-column-gap: .618em;
  grid-row-gap: .618em;
  align-items: center;
  padding-top: .435em;
  padding-bottom: .435em;
  font-family: Inter Variable, Arial, sans-serif;
  font-size: .943em;
  font-weight: 400;
  text-decoration: none;
  transition: font-variation-settings .2s;
  display: flex;
  position: relative;
}

.sidebar-link.w--current {
  color: #4b5f82;
  font-weight: 600;
}

.cl-navbar-menu {
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.container__wide {
  max-width: 1806.4px;
  margin-left: auto;
  margin-right: auto;
}

.button-3 {
  grid-column-gap: .485867em;
  grid-row-gap: .485867em;
  color: #fdfbff;
  text-transform: capitalize;
  white-space: normal;
  word-break: keep-all;
  background-color: #4b5f82;
  border: 1px solid #0000;
  border-radius: 100em;
  justify-content: flex-start;
  align-items: center;
  padding: .485867em 1em;
  text-decoration: none;
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.button-3.large {
  font-size: 1.272em;
}

.button-3.start-icon {
  white-space: nowrap;
  padding: .485867em 1.27201em .485867em .618029em;
}

.button-3.end-icon {
  padding-right: .618em;
}

.bg-dark__onsurface {
  color: #121316;
  background-color: #e3e2e6;
}

.bg-light__warningcontainer {
  color: #1c1d00;
  background-color: #e8ea3a;
}

.bg-light__onerrorcontainer {
  color: #ffdad6;
  background-color: #410002;
}

.color__inverseprimary {
  color: #aac7ff;
}

.util__padbottomlabelwrap.xs {
  margin-bottom: -.236em;
}

.util__padbottomlabelwrap.border-radius__xxl {
  margin-bottom: -2.618em;
}

.util__padbottomlabelwrap.m {
  margin-bottom: -.618em;
}

.util__padbottomlabelwrap.l {
  margin-bottom: -1em;
}

.util__padbottomlabelwrap.xl {
  margin-bottom: -1.618em;
}

.util__padbottomlabelwrap.s {
  margin-bottom: -.345em;
}

.bg-dark__info {
  color: #003063;
  background-color: #a9c7ff;
}

.m-bottom__xs {
  margin-bottom: calc(1.272 * var(--_lk-units---size--xs));
}

.pad-left__xxl {
  padding-left: calc(1.272 * var(--size--xxl));
  margin-left: 0;
}

.sub_title {
  color: var(--base);
  margin-bottom: 0;
  font-family: Inter Variable, Arial, sans-serif;
  font-size: 1.4rem;
  font-weight: 600;
  line-height: 1.25em;
}

.sub_title.m-bottom__s {
  font-family: Inter Variable, Arial, sans-serif;
  font-size: 1.618em;
}

.sub_title.linkbox {
  margin-bottom: 0;
  padding-right: 10px;
}

.sub_title.image:hover {
  text-decoration: underline;
}

.bg-dark__ontertiary {
  color: #dcbce1;
  background-color: #3f2845;
}

.bg-dark__warning {
  color: #323200;
  background-color: #cbcd16;
}

.m-right__l {
  margin-right: calc(1.272 * var(--_lk-units---size--lg));
}

.snackbar__action {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  display: flex;
}

.pad-top__m {
  padding-top: calc(1.272 * var(--size--m));
  margin-top: 0;
}

._w-s {
  width: 1.272em;
}

.bg-light__tertiaryfixeddim {
  color: #563e5c;
  background-color: #dcbce1;
}

.card__outline {
  border: 1px solid #c6c5d0;
}

.card__outline.scalefactor__overline {
  padding: .618em .786em .786em;
}

.card__outline.scalefactor__label {
  border-radius: .656447em;
  padding: .656447em .835em .835em;
}

.card__outline.scalefactor__body {
  border-radius: .786164em;
  padding: .786164em 1em 1em;
}

.card__outline.scalefactor__caption {
  border-radius: .617925em;
  padding: .617925em .786em .786em;
}

.card__outline.scalefactor__title3 {
  border-radius: 1em;
  padding: 1em 1.272em 1.272em;
}

.card__outline.scalefactor__display2 {
  border-radius: 2.05818em;
  padding: 2.05818em 2.618em 2.618em;
}

.card__outline.scalefactor__heading {
  border-radius: .887579em;
  padding: .887579em 1.129em 1.129em;
}

.card__outline.scalefactor__subheading {
  border-radius: .695755em;
  padding: .695755em .885em .885em;
}

.card__outline.scalefactor__display1 {
  border-radius: 3.3294em;
  padding: 3.3294em 4.235em 4.235em;
}

.card__outline.scalefactor__title2 {
  border-radius: 1.27201em;
  padding: 1.27201em 1.618em 1.618em;
}

.card__outline.scalefactor__title1 {
  border-radius: 1.61792em;
  padding: 1.61792em 2.058em 2.058em;
}

.card__outline.scalefactor__callout {
  border-radius: .741352em;
  padding: .741352em .943em .943em;
}

.util__padrightlabelwrap.l {
  margin-right: -1em;
}

.util__padrightlabelwrap.xl {
  margin-right: -1.618em;
}

.util__padrightlabelwrap.xs {
  margin-right: -.236em;
}

.util__padrightlabelwrap.m {
  margin-right: -.618em;
}

.util__padrightlabelwrap.xxl {
  margin-right: -2.618em;
}

.util__padrightlabelwrap.s {
  margin-right: -.345em;
}

.heading-30 {
  letter-spacing: -.014em;
  font-size: 1.129em;
  font-weight: 600;
  line-height: 1.272;
}

.table_component {
  background-color: #fff;
  border-radius: .786em;
  width: 100%;
  font-size: 1em;
  line-height: 1.272;
  overflow: hidden;
  box-shadow: 0 0 1px #000;
}

.table_component.overflow-x {
  overflow: hidden;
}

.card__link {
  cursor: pointer;
  background-color: #fff;
  text-decoration: none;
  position: relative;
  overflow: hidden;
}

.card__link.scalefactor__body {
  border-radius: .786164em;
  padding: .786164em 1em 1em;
}

.card__link.scalefactor__overline {
  border-radius: .617925em;
  padding: .618em .786em .786em;
}

.card__link.scalefactor__display2 {
  border-radius: 2.05818em;
  padding: 2.05818em 2.618em 2.618em;
}

.card__link.scalefactor__title1 {
  border-radius: 1.61792em;
  padding: 1.61792em 2.058em 2.058em;
}

.card__link.scalefactor__subheading {
  border-radius: .695755em;
  padding: .695755em .885em .885em;
}

.card__link.scalefactor__callout {
  border-radius: .741352em;
  padding: .741352em .943em .943em;
}

.card__link.scalefactor__display1 {
  border-radius: 3.3294em;
  padding: 3.3294em 4.235em 4.235em;
}

.card__link.scalefactor__label {
  border-radius: .656447em;
  padding: .656447em .835em .835em;
}

.card__link.scalefactor__heading {
  border-radius: .887579em;
  padding: .887579em 1.129em 1.129em;
}

.card__link.scalefactor__title2 {
  border-radius: 1.27201em;
  padding: 1.27201em 1.618em 1.618em;
}

.card__link.scalefactor__caption {
  border-radius: .617925em;
  padding: .617925em .786em .786em;
}

.card__link.scalefactor__title3 {
  border-radius: 1em;
  padding: 1em 1.272em 1.272em;
}

.bg-light__successcontainer {
  color: #00210f;
  background-color: #92f8b4;
}

.color__onsurfacevariant {
  color: #44474e;
  letter-spacing: -.01rem;
  width: 800px;
  font-family: Inter Variable, Arial, sans-serif;
  font-size: 1.25rem;
}

.color__outline {
  color: #74777f;
  -webkit-text-stroke-color: #85736f;
}

.m-right__xl {
  margin-right: calc(1.272 * var(--_lk-units---size--xl));
}

.bg-light__ontertiarycontainer {
  color: #f9d8fd;
  background-color: #28132e;
}

.m-bottom__s {
  margin-bottom: calc(1.272 * var(--_lk-units---size--sm));
}

.position__rel {
  position: relative;
}

.border-radius__xl {
  border-radius: 1.618em;
}

.bg-dark__onprimarycontainer {
  color: #334769;
  background-color: #d6e3ff;
}

.sidebar {
  z-index: 100;
  position: sticky;
  inset: 6.852em auto 0% 0%;
}

.pad-right__s {
  padding-right: calc(1.272 * var(--size--s));
  margin-right: 0;
}

.table_row {
  border-bottom: 1px solid #c4c6d0;
}

.table_row.last-child {
  border-bottom-style: none;
}

.table_row.header {
  overflow: hidden;
}

.heading-bold {
  letter-spacing: -.014em;
  font-size: 1.129em;
  font-weight: 700;
}

.div-block {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  aspect-ratio: 1;
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  display: grid;
}

.h-xs {
  height: 1.128em;
}

.bg-light__shadow {
  color: #faf9fd;
  background-color: #000;
}

.pad-right__xs {
  padding-right: calc(1.272 * var(--size--xs));
  margin-right: 0;
}

.label-2 {
  letter-spacing: -.004em;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: .835em;
  font-weight: 500;
  line-height: 1.272;
  position: static;
  top: 6.235em;
}

.label-2.color__outline.m-bottom__xl {
  margin-bottom: 10px;
}

.m-bottom__xl {
  margin-bottom: calc(1.272 * var(--_lk-units---size--xl));
}

.p-left__xxs {
  padding-left: calc(1.272 * var(--size--xxs));
}

.overline-bold {
  letter-spacing: .0618em;
  text-transform: uppercase;
  font-family: Inter, sans-serif;
  font-size: .786em;
  font-weight: 600;
}

.bg-light__primaryfixed {
  color: #031b3b;
  background-color: #d6e3ff;
}

.display2__bold {
  letter-spacing: -.022em;
  margin-bottom: .272em;
  font-size: 2.618em;
  font-weight: 700;
  line-height: 1.272;
}

.display2__bold.m-bottom__xl {
  margin-bottom: .5em;
  font-family: Inter Variable, Arial, sans-serif;
  font-weight: 600;
}

.aspect__4x3 {
  aspect-ratio: 4 / 3;
  object-fit: cover;
  width: 100%;
}

._w-l {
  width: 2.058em;
}

.sidebar__header {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.cl-navbar-brand {
  max-width: none;
  height: 26px;
}

.bg-dark__warningcontainer {
  color: #e8ea3a;
  background-color: #494a00;
}

.bg-dark__surfacecontainerhighest {
  color: #e3e2e6;
  background-color: #343538;
}

._w-xs {
  width: 1.129em;
}

.cl-navbar-links-section-title {
  letter-spacing: -.007em;
  margin-bottom: 1em;
  font-size: .885em;
  font-weight: 600;
  line-height: 1.272;
  display: none;
}

.pad-bottom__xl {
  padding-bottom: calc(1.272 * var(--size--xl));
  margin-bottom: 0;
}

.callout__bold {
  letter-spacing: -.009em;
  font-family: Inter, sans-serif;
  font-size: .943em;
  font-weight: 600;
  text-decoration: none;
}

.m-right__xxl {
  margin-right: calc(1.272 * var(--_lk-units---size--2xl));
}

.bg-light__onsecondaryfixedvariant {
  color: #dae2f9;
  background-color: #3e4759;
}

.util__margin-fill {
  z-index: 1;
  background-color: #d6e3ff;
  border: 2px solid #005db6;
  width: 1.618em;
  height: 1.618em;
  position: relative;
}

.snackbar-divider {
  background-color: #c4c6d0;
  width: 1px;
}

.input__outlined {
  color: #1b1b1f;
  letter-spacing: -.18px;
  background-color: #fff;
  border: .129em solid #c4c6d0;
  border-radius: .618em;
  margin-bottom: 0;
  padding: 1.272em 1em;
  font-size: 1em;
  transition: border-color .2s, background-color .2s;
}

.input__outlined:hover {
  border-color: #4658ac;
}

.input__outlined:focus {
  outline-offset: 0px;
  background-color: #fff;
  outline: 2px solid #3d56bc;
}

.input__outlined::placeholder {
  color: #767680;
}

.badge-container {
  border-radius: .618em;
  justify-content: center;
  align-items: center;
  padding: .272em;
  display: flex;
  overflow: hidden;
}

.badge-container.bg-light__tertiary {
  color: #fff;
}

.badge-container.bg-light__primary {
  background-color: #4b5f82;
}

.badge-container.bg-light__secondary {
  background-color: #5a5d72;
}

.pad-right__xxs {
  padding-right: calc(1.272 * var(--size--xxs));
}

.label__bold {
  letter-spacing: -.004em;
  font-family: Inter, sans-serif;
  font-size: .835em;
  font-weight: 700;
}

.util__divider {
  background-color: #c4c6d0;
  height: 1px;
  margin-top: 4em;
  margin-bottom: 4em;
}

.util__divider.inner {
  margin-top: 0;
  margin-bottom: 0;
}

.bg-light__surfacecontainerhigh {
  color: #1a1b1e;
  background-color: #e9e7ec;
}

.subheading__bold {
  letter-spacing: -.007em;
  font-family: Inter, sans-serif;
  font-size: .885em;
  font-weight: 600;
}

.m-right__xxs {
  margin-right: calc(1.272 * var(--_lk-units---size--2xs));
}

.bg-dark__onsecondary {
  color: #bec7dc;
  background-color: #283141;
}

.color__error {
  color: #ba1a1a;
}

.body-bold {
  z-index: 1;
  letter-spacing: -.011em;
  padding: 0;
  font-size: 1em;
  font-weight: 600;
  line-height: 1.618;
  position: relative;
}

.text-align__right {
  text-align: right;
}

.cl-navbar-fill {
  z-index: 2;
  opacity: .85;
  pointer-events: none;
  background-color: #fff;
  position: absolute;
  inset: 0%;
}

.util-height-grid {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex: 1;
  grid-template-rows: 1fr auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: max-content;
  align-items: end;
  display: grid;
}

.bg-light__oninfocontainer {
  color: #d6e3ff;
  background-color: #001b3d;
}

.border-radius__s {
  border-radius: .272em;
}

.dropdown-toggle {
  grid-column-gap: .485867em;
  grid-row-gap: .485867em;
  background-color: #0000;
  border: 1px solid #0000;
  border-radius: 100em;
  justify-content: flex-start;
  align-items: center;
  padding: .485867em 1em;
  text-decoration: none;
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.dropdown-toggle.w--current {
  background-color: #dde1ff;
}

.dropdown-toggle.in-nav {
  color: #1a1b1e;
  padding-right: .618em;
  transition: opacity .2s;
}

.dropdown-toggle.in-nav:hover {
  opacity: .5;
}

.gap__s {
  grid-column-gap: .618em;
  grid-row-gap: .618em;
  display: flex;
}

.pad-left__l {
  padding-left: calc(1.272 * var(--size--l));
  margin-left: 0;
}

.bg-dark__surfacecontainerhigh {
  color: #e3e2e6;
  background-color: #292a2d;
}

.accordion__desc {
  color: var(--mid-gray);
  letter-spacing: -.007em;
  font-family: Inter Variable, Arial, sans-serif;
  font-size: .9em;
  font-weight: 400;
  line-height: 1.272;
}

.section__mostpadding {
  padding: 11.087em 4.235em;
  position: relative;
}

.util__paddingstylescontainer {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  flex-direction: column;
  display: flex;
}

.util__style-section {
  border-radius: 1em;
  padding-left: 10px;
  padding-right: 10px;
  box-shadow: 0 0 1px #000;
}

.util__style-section.scalefactor__heading {
  padding: .887579em 1.129em 1.129em;
}

.util__style-section.scalefactor__heading.layout-sec {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  background-color: #fff;
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

.util__style-section.scalefactor__heading.container-sec {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  background-color: #fff;
  flex-direction: column;
  align-items: stretch;
  display: block;
}

.util__style-section.scalefactor__title2 {
  padding: 1.27201em 1.618em 1.618em;
}

.m-top__xxl {
  margin-top: calc(1.272 * var(--_lk-units---size--2xl));
}

.bg-light__ontertiaryfixedvariant {
  color: #f9d8fd;
  background-color: #563e5c;
}

.pad-right__m {
  padding-right: calc(1.272 * var(--size--m));
  margin-right: 0;
}

.bg-light__inversesurface {
  color: #f1f0f4;
  background-color: #2f3033;
}

.layout {
  grid-column-gap: 0em;
  grid-row-gap: 0em;
  grid-template-rows: auto;
  grid-template-columns: max-content minmax(200px, 1fr);
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
  position: relative;
  overflow: visible;
}

.layout.base {
  width: auto;
}

.util__caption {
  letter-spacing: -.03px;
  font-size: .696191em;
  font-weight: 400;
  line-height: 1.272;
}

.h-l {
  height: 2.058em;
}

.util__wfclassexample {
  box-shadow: none;
  border-radius: 1em;
}

.card__outline__link {
  border: .129em solid #c6c5d0;
  position: relative;
  overflow: hidden;
}

.card__outline__link.scalefactor__caption {
  border-radius: .617925em;
  padding: .617925em .786em .786em;
}

.card__outline__link.scalefactor__callout {
  border-radius: .741352em;
  padding: .741352em .943em .943em;
}

.card__outline__link.scalefactor__title2 {
  border-radius: 1.27201em;
  padding: 1.27201em 1.618em 1.618em;
}

.card__outline__link.scalefactor__title3 {
  border-radius: 1em;
  padding: 1em 1.272em 1.272em;
}

.card__outline__link.scalefactor__display1 {
  border-radius: 3.3294em;
  padding: 3.3294em 4.235em 4.235em;
}

.card__outline__link.scalefactor__overline {
  padding: .618em .786em .786em;
}

.card__outline__link.scalefactor__display2 {
  border-radius: 2.05818em;
  padding: 2.05818em 2.618em 2.618em;
}

.card__outline__link.scalefactor__label {
  border-radius: .656447em;
  padding: .656447em .835em .835em;
}

.card__outline__link.scalefactor__body {
  border-radius: .786164em;
  padding: .786164em 1em 1em;
}

.card__outline__link.scalefactor__title1 {
  border-radius: 1.61792em;
  padding: 1.61792em 2.058em 2.058em;
}

.card__outline__link.scalefactor__subheading {
  border-radius: .695755em;
  padding: .695755em .885em .885em;
}

.card__outline__link.scalefactor__heading {
  border-radius: .887579em;
  padding: .887579em 1.129em 1.129em;
}

.labelstyle {
  letter-spacing: .02em;
  word-break: normal;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.272;
}

.bg-dark__errorcontainer {
  color: #ffb4ab;
  background-color: #93000a;
}

.pad-top__xxl {
  padding-top: calc(1.272 * var(--size--xxl));
  margin-top: 0;
}

.button__text {
  grid-column-gap: .272em;
  grid-row-gap: .272em;
  color: #0061a4;
  background-color: #0000;
  border: 1px #0000;
  justify-content: flex-start;
  align-items: center;
  padding: .485867em 1em .485867em 0;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
}

.button__text.w--current {
  background-color: #dde1ff;
}

.button__text.end-icon {
  padding-right: .618em;
}

.button__text.large {
  font-size: 1.272em;
}

.button__text.start-icon {
  padding-left: .618em;
}

.cl-navbar-glass-tint {
  z-index: 1;
  opacity: .5;
  -webkit-backdrop-filter: saturate(180%) blur(20px);
  backdrop-filter: saturate(180%) blur(20px);
  pointer-events: none;
  background-color: #fff;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.simple-palette-wrap {
  grid-column-gap: 1.618em;
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-bottom: 6.853em;
  display: flex;
}

.bg-dark__onsuccesscontainer {
  color: #00522c;
  background-color: #92f8b4;
}

.pad-right__xxl {
  padding-right: calc(1.272 * var(--size--xxl));
  margin-right: 0;
}

.bg-light__errorcontainer {
  color: #410002;
  background-color: #ffdad6;
}

._w-xxxl {
  width: 6.238em;
}

.pad-top__xxs {
  padding-top: calc(1.272 * var(--size--xxs));
}

.table_cell {
  color: #44474e;
  padding: .618em 1em;
  font-size: .943em;
  line-height: 1.618;
}

.bg-light__success {
  color: #fff;
  background-color: #006d3d;
}

.bg-dark__ontertiaryfixedvariant {
  color: #f9d8fd;
  background-color: #563e5c;
}

.accordion {
  border: 1px solid #c4c6d0;
  border-radius: .786164em;
  margin-top: 20px;
  overflow: hidden;
}

.accordion.middle {
  margin-bottom: 10px;
}

.m-left__l {
  margin-left: calc(1.272 * var(--_lk-units---size--lg));
}

.m-left__m {
  margin-left: calc(1.272 * var(--_lk-units---size--md));
}

.bg-dark__inverseonsurface {
  color: #e3e2e6;
  background-color: #2f3033;
}

.gap-style-container {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  border: 1px solid #c4c6d0;
  border-radius: 1em;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  padding: 1em;
  display: flex;
}

.bg-light__primarycontainer, .bg-light__primarycontainer.cl-swatch {
  color: #031b3b;
  background-color: #d6e3ff;
}

.pad-top__s {
  padding-top: calc(1.272 * var(--size--s));
  margin-top: 0;
}

.bg-dark__onerror {
  color: #ffb4ab;
  background-color: #690005;
}

.shadow3 {
  z-index: 3;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  position: relative;
  box-shadow: 0 11px 15px -3px #0000001c, 0 2px 6px #00000012, 0 0 1px #727272;
}

.title3__bold {
  letter-spacing: -.017em;
  font-size: 1.272em;
  font-weight: 600;
}

.bg-light__secondaryfixeddim {
  color: #3e4759;
  background-color: #bec7dc;
}

.util__sectionframe {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  border: 1px dashed #005db6;
  flex-direction: column;
  padding: 0;
  display: flex;
}

.caption__bold {
  letter-spacing: -.007em;
  font-family: Inter, sans-serif;
  font-size: .786em;
  font-weight: 600;
}

.bg-dark__primarycontainer {
  color: #d6e3ff;
  background-color: #334769;
}

.bg-dark__surfacecontainerlow {
  color: #e3e2e6;
  background-color: #0d0e11;
}

.pad-top__xl {
  padding-top: calc(1.272 * var(--size--xl));
  margin-top: 0;
}

.bg-light__primaryfixeddim {
  color: #334769;
  background-color: #b3c7ef;
}

.util__padleftlabelwrap.xxl {
  margin-left: -2.618em;
}

.util__padleftlabelwrap.s {
  margin-left: -.345em;
}

.util__padleftlabelwrap.xl {
  margin-left: -1.618em;
}

.util__padleftlabelwrap.xs {
  margin-left: -.236em;
}

.util__padleftlabelwrap.m {
  margin-left: -.618em;
}

.util__padleftlabelwrap.l {
  margin-left: -1em;
}

.util--stickergrid {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  border-radius: 1em;
  grid-template-rows: auto;
  grid-template-columns: max-content max-content 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: center start;
  padding: 0;
  display: grid;
}

.util--stickergrid.overflow-x {
  grid-template-columns: max-content max-content max-content max-content max-content max-content max-content max-content max-content max-content;
}

.color-light__info {
  color: #005db6;
}

.card-styles-container {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.flex-grow {
  flex: 1;
}

.bg-dark__surfacevariant {
  color: #c4c6d0;
  background-color: #45464f;
}

.util__grid {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  padding: 24px;
  display: grid;
}

.util__grid.aspect-grid {
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  align-items: end;
  padding: 0;
}

.util__grid.aspect-grid.mono.bg-light__surfacecontainerlowest {
  padding: 1.129em;
}

.util__grid.border-radius {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-items: start;
  display: grid;
}

.util__grid.mono.shadow-grid {
  grid-template-rows: 4.235em;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  padding: 0;
}

.util__grid.mono.display {
  grid-template-columns: 1fr 1fr 1fr 1fr;
  padding: 0;
}

.util__classtemplatecontainer {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border-radius: 1em;
  grid-template-rows: auto;
  grid-template-columns: 1fr auto;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: start;
  padding: 0;
  display: grid;
}

.border-radius__m {
  border-radius: .618em;
}

.color__success {
  color: #006d3d;
}

.bg-dark__infocontainer {
  color: #d6e3ff;
  background-color: #00468b;
}

.pad-bottom__xxl {
  padding-bottom: calc(1.272 * var(--size--xxl));
  margin-bottom: 0;
}

.section__leastpadding {
  padding: 1.618em;
}

.section__leastpadding.position__rel {
  padding-left: 4.235em;
  padding-right: 4.235em;
}

.util__sidebar-buttons {
  display: none;
}

.bg-light__tertiarycontainer {
  color: #28132e;
  background-color: #f9d8fd;
}

.accordion-trigger-icon {
  align-self: center;
  align-items: center;
  margin-bottom: -2px;
  display: flex;
}

.bg-dark__inverseprimary {
  color: #d6e3ff;
  background-color: #295ea7;
}

.bg-dark__onwarningcontainer {
  color: #494a00;
  background-color: #e8ea3a;
}

.bg-light__secondaryfixed {
  color: #131c2b;
  background-color: #dae2f9;
}

.bg-light__onsecondaryfixed {
  color: #dae2f9;
  background-color: #131c2b;
}

.display2 {
  letter-spacing: -.022em;
  font-size: 2.618em;
  font-weight: 400;
  line-height: 1.272;
}

.m-bottom__xxs {
  margin-bottom: calc(1.272 * var(--_lk-units---size--2xs));
}

.bg-dark__shadow {
  color: #e3e2e6;
  background-color: #000;
}

.aspect__1x1 {
  aspect-ratio: 1;
  width: 100%;
  position: relative;
}

.container__widest {
  max-width: none;
  margin-left: auto;
  margin-right: auto;
}

.bg-dark__oninfo {
  color: #a9c7ff;
  background-color: #003063;
}

.display__block {
  display: block;
}

.bg-light__tertiary {
  color: #fff;
  background-color: #6f5575;
}

.h-xxs {
  height: 1.06em;
}

.m-right__m {
  margin-right: calc(1.272 * var(--_lk-units---size--md));
}

.pad-left__xs {
  padding-left: calc(1.272 * var(--size--xs));
  margin-left: 0;
}

.bg-dark__ontertiarycontainer {
  color: #563e5c;
  background-color: #f9d8fd;
}

.display__flex-h {
  display: flex;
}

.display__flex-h.gap-1em {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
}

.display__flex-h.gap-1em.justify-content__end {
  justify-content: flex-end;
}

.display__flex-h.align-items__top {
  align-items: flex-start;
}

.border-radius-wraps {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  flex-wrap: wrap;
  grid-template-rows: 6.852em 6.852em;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: stretch stretch;
  display: grid;
}

.border-radius-wraps.subheading-2.mono {
  grid-template-rows: 1fr 1fr;
}

.mono {
  font-family: Inconsolata, monospace;
  font-weight: 700;
}

.mono.subheading-2 {
  font-weight: 400;
}

.bg-light__inverseprimary {
  color: #031b3b;
  background-color: #aac7ff;
}

.padding-style-container {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: #faf9fd;
  border: 1px solid #c4c6d0;
  border-radius: 1em;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  padding-top: 12px;
  padding-bottom: 12px;
  display: flex;
}

.border-radius__circle {
  border-radius: 100em;
}

.border-radius__circle.overflow__hidden.expand {
  width: 100%;
  height: 100%;
}

.grid-2 {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  display: grid;
}

.grid-2.col__1 {
  grid-template-rows: auto;
  grid-template-columns: 1fr;
}

.grid-2.col__7 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}

.grid-2.col__5 {
  grid-column-gap: 2.618em;
  grid-row-gap: 2.618em;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}

.grid-2.col__2 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  align-items: center;
}

.grid-2.col__6 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
}

.grid-2.col__12 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}

.grid-2.col__10 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}

.grid-2.col__4 {
  grid-column-gap: .618em;
  grid-row-gap: .618em;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.grid-2.col__3 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.grid-2.col__3.gap__xxl {
  grid-column-gap: 2.618em;
  grid-row-gap: 2.618em;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.grid-2.col__8 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}

.grid-2.col__11 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}

.grid-2.col__9 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}

.m-top__m {
  margin-top: calc(1.272 * var(--_lk-units---size--md));
}

.bg-dark__onbackground {
  color: #1a1b1e;
  background-color: #e3e2e6;
}

.bg-light__onprimarycontainer {
  color: #d6e3ff;
  background-color: #031b3b;
}

.bg-light__surface {
  color: #1a1b1e;
  background-color: #faf9fd;
}

.overflow-x {
  padding: 8px;
}

.nav-dropdown-content {
  grid-column-gap: .485867em;
  grid-row-gap: .485867em;
  justify-content: center;
  align-items: center;
  line-height: 1.618;
  display: flex;
}

.body__bold {
  z-index: 1;
  letter-spacing: -.011em;
  padding: 0;
  font-size: 1em;
  font-weight: 600;
  line-height: 1.618;
  position: relative;
}

.util__fill {
  background-color: #e0e2ec;
  position: absolute;
  inset: 0%;
}

.util__paddingcontainerright {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: stretch stretch;
  display: grid;
}

.bg-light__primary {
  color: #fdfbff;
  background-color: #4b5f82;
}

.bg-light__primary.cl-swatch {
  color: #fdfbff;
  background-color: #4b5f82;
  border-radius: .656447rem;
  padding: .656447rem .835rem .835rem;
  display: block;
}

.m-left__xl {
  margin-left: calc(1.272 * var(--_lk-units---size--xl));
}

._w-m {
  width: 1.618em;
}

.util__block {
  z-index: 1;
  background-color: #d6e3ff;
  border: 2px solid #005db6;
  width: 1.618em;
  height: 1.618em;
  position: relative;
}

.material-symbols-outlined {
  z-index: 1;
  font-family: Material Symbols, sans-serif;
  font-size: 1.272em;
  font-weight: 400;
  line-height: 1;
  display: flex;
  position: relative;
}

.material-symbols-outlined.for-sticker {
  margin-left: -.272em;
  top: -.5px;
}

.material-symbols-outlined.move-down {
  margin-bottom: -3%;
  font-family: Material Symbols, sans-serif;
}

.material-symbols-outlined.scale__1-618 {
  align-self: center;
  font-family: Material Symbols, sans-serif;
  font-weight: 400;
}

.bg-dark__successcontainer {
  color: #92f8b4;
  background-color: #00522c;
}

.m-left__xxs {
  margin-left: calc(1.272 * var(--_lk-units---size--2xs));
}

.flex-v {
  flex-direction: column;
  display: flex;
}

.pad-left__m {
  padding-left: calc(1.272 * var(--size--m));
  margin-left: 0;
}

.m-left__xxl {
  margin-left: calc(1.272 * var(--_lk-units---size--2xl));
}

.grid-template__example {
  background-color: #fff;
  border: 1px solid #c4c6d0;
  border-radius: .887em;
  padding: .887em 1.129em 1.129em;
  font-size: .88533em;
  font-weight: 700;
  line-height: 1.272;
}

.util__shadowfill {
  z-index: -1;
  pointer-events: none;
  background-color: #e0e2ec;
  position: absolute;
  inset: 0%;
}

.bg-dark__outlinevariant {
  color: #e3e2e6;
  background-color: #45464f;
}

.container__default {
  max-width: 1600px;
  margin-left: auto;
  margin-right: auto;
}

.bg-dark__secondaryfixed {
  color: #283141;
  background-color: #dae2f9;
}

.util__gapwrap {
  background-color: #92f8b4;
  background-image: url('../images/bg-stripes.svg');
  background-position: 0 0;
  background-size: 8px;
  border: 2px #005db6;
  width: auto;
  height: auto;
}

.util__padingcontainerbottom {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: stretch stretch;
  display: grid;
}

.bg-light__surfacecontainerhighest {
  color: #1a1b1e;
  background-color: #e3e2e6;
}

.util__widthfill {
  pointer-events: none;
  background-color: #e0e2ec;
  width: 100%;
  height: 100%;
}

.fit__scale-down {
  object-fit: scale-down;
}

.display2-bold {
  letter-spacing: -.022em;
  font-size: 2.618em;
  font-weight: 700;
  line-height: 1.272;
}

.color__1 {
  color: #005db6;
}

.cl-navbar-links {
  grid-column-gap: 0em;
  grid-row-gap: 0em;
  grid-template-rows: auto;
  grid-template-columns: auto auto auto auto auto;
  grid-auto-columns: auto;
  align-self: center;
  align-items: center;
  display: flex;
}

.table_header {
  text-align: left;
  padding-top: .786em;
  padding-bottom: .786em;
  padding-left: 1em;
  font-size: .885em;
  font-weight: 600;
  overflow: hidden;
}

.bg-light__outlinevariant {
  color: #1a1b1e;
  background-color: #c4c6d0;
}

.style-card {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  flex-direction: column;
  justify-content: space-between;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.style-card.gap__1-618em {
  grid-column-gap: 1.618em;
  grid-row-gap: 1.618em;
}

.style-card.padded {
  padding-top: 1em;
  padding-bottom: 1em;
}

.style-card.gap__xxl {
  grid-column-gap: 2.618em;
  grid-row-gap: 2.618em;
}

.title1 {
  color: var(--base);
  letter-spacing: -.02em;
  text-transform: none;
  margin-top: 0;
  margin-bottom: 1em;
  font-family: Inter Variable, Arial, sans-serif;
  font-size: 1.618em;
  font-weight: 500;
  line-height: 1.272;
}

.title1.m-bottom__xl {
  letter-spacing: -.02rem;
  font-family: Inter Variable, Arial, sans-serif;
  font-weight: 600;
}

.title1.combo {
  margin-bottom: 20px;
}

.button-content {
  grid-column-gap: calc(1.272em / 2.618);
  grid-row-gap: calc(1.272em / 2.618);
  justify-content: center;
  align-items: center;
  display: flex;
}

.bg-light__warning {
  color: #fff;
  background-color: #616200;
}

.dropdown-link {
  color: #3d56bc;
  white-space: nowrap;
  border-radius: .786em;
  width: 100%;
  padding: .786em 1em .786em .786em;
  font-weight: 600;
  text-decoration: none;
  position: relative;
  overflow: hidden;
}

.dropdown-link:hover {
  opacity: 1;
}

.aspect__9x16 {
  aspect-ratio: 9 / 16;
}

.border-radius__l {
  border-radius: 1.058em;
}

.opacity__75 {
  opacity: .75;
}

.button__outline {
  grid-column-gap: .485867em;
  grid-row-gap: .485867em;
  color: #4b5f82;
  background-color: #0000;
  border: 1px solid #727272;
  border-radius: 100em;
  justify-content: flex-start;
  align-items: center;
  padding: .485867em 1em;
  text-decoration: none;
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.button__outline.start-icon {
  padding-left: .618em;
  padding-right: 1.27201em;
}

.button__outline.start-icon.end-icon {
  padding-left: .618em;
  padding-right: .618em;
}

.button__outline.end-icon {
  padding-right: .618em;
}

.button__outline.large {
  font-size: 1.272em;
}

.h-s {
  height: 1.272em;
}

.m-left__s {
  margin-left: calc(1.272 * var(--_lk-units---size--sm));
}

.bg-dark__inversesurface {
  color: #2f3033;
  background-color: #e3e2e6;
}

.gap__xs {
  grid-column-gap: .272em;
  grid-row-gap: .272em;
  display: flex;
}

.title3-bold {
  letter-spacing: -.017em;
  font-size: 1.272em;
  font-weight: 600;
}

.m-top__l {
  margin-top: calc(1.272 * var(--_lk-units---size--lg));
}

.shadow2 {
  z-index: 2;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  position: relative;
  box-shadow: 0 4px 6px #00000014, 0 2px 4px #0000001c, 0 0 1px #727272;
}

.bg-dark__onsuccess {
  color: #76db9a;
  background-color: #00391d;
}

.aspect__3x2 {
  aspect-ratio: 3 / 2;
  object-fit: cover;
  width: 100%;
}

.bg-light__onsuccess {
  color: #006d3d;
  background-color: #fff;
}

.gap__xxl {
  grid-column-gap: 4.235em;
  grid-row-gap: 4.235em;
  display: flex;
}

.bg-light__onsecondarycontainer {
  color: #dae2f9;
  background-color: #131c2b;
}

.util-grid {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.util-grid.mono.gaps {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: end stretch;
  display: grid;
}

.util-grid.col__2 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: .5fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.util-grid.col__3 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.m-top__xs {
  margin-top: calc(1.272 * var(--_lk-units---size--xs));
}

.display1__bold {
  letter-spacing: -.022em;
  font-size: 4.235em;
  font-weight: 700;
  line-height: 1.129;
}

.display1__bold.m-bottom__s {
  margin-bottom: 0;
  font-family: Inter Variable, Arial, sans-serif;
  font-size: 4.5em;
}

.testimonial-heading-wrap {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: max-content 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: grid;
}

.bg-light__onsuccesscontainer {
  color: #92f8b4;
  background-color: #00210f;
}

.text-align-center {
  text-align: center;
}

.m-bottom__xxl {
  margin-bottom: calc(1.272 * var(--_lk-units---size--2xl));
}

.util__card {
  background-color: #f4f3f7;
  padding: 1em;
}

._w-xl {
  width: 2.618em;
}

.util-grid-templates-container {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  flex-direction: column;
  display: flex;
}

.display1-bold {
  letter-spacing: -.022em;
  font-size: 4.235em;
  font-weight: 700;
  line-height: 1.129;
}

.bg-dark__success {
  color: #00391d;
  background-color: #76db9a;
}

.pad-bottom__m {
  padding-bottom: calc(1.272 * var(--size--m));
  margin-bottom: 0;
}

.bg__transparent {
  background-color: #0000;
}

.util--buttongrid {
  grid-column-gap: .5em;
  grid-row-gap: .5em;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-items: start;
  margin-bottom: 60px;
  display: grid;
}

.bg-light__ontertiaryfixed {
  color: #f9d8fd;
  background-color: #28132e;
}

.color__warning {
  color: #616200;
}

.nav-dropdown {
  color: #4658ac;
}

.container__narrowest {
  max-width: 988.875px;
  margin-left: auto;
  margin-right: auto;
}

.badge-container__large {
  color: #45464f;
  background-color: #f0edf1;
  border-radius: .618em;
  justify-content: center;
  align-items: center;
  padding: .618em;
  display: flex;
  overflow: hidden;
}

.bg-dark__background {
  color: #e3e2e6;
  background-color: #1a1b1e;
}

.m-top__xl {
  margin-top: calc(1.272 * var(--_lk-units---size--xl));
}

.bg-dark__onsecondaryfixedvariant {
  color: #dae2f9;
  background-color: #3e4759;
}

.bg-light__oninfo {
  color: #005db6;
  background-color: #fff;
}

.bg-light__error {
  color: #fff;
  background-color: #ba1a1a;
}

.fit__cover {
  object-fit: cover;
}

.accordion-trigger {
  cursor: pointer;
  background-color: #f5f5f5;
  align-items: center;
  padding: .786em 1.618em .786em 1em;
  display: flex;
  position: relative;
}

.title1-bold {
  letter-spacing: -.022em;
  font-size: 2.058em;
  font-weight: 700;
}

.accordion-trigger-title {
  flex: 1;
}

._w-xxs {
  width: 1em;
}

.cl-navbar-buttons {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  flex: 1;
  justify-content: flex-end;
  display: flex;
}

.bg-dark__outline {
  color: #e3e2e6;
  background-color: #90909a;
}

.bg-dark__secondarycontainer {
  color: #dae2f9;
  background-color: #3e4759;
}

.bg-light__onsurfacevariant {
  color: #e0e2ec;
  background-color: #44474e;
}

.bg-dark__onsurfacevariant {
  color: #44474e;
  background-color: #c6c5d0;
}

.title1__bold {
  letter-spacing: -.022em;
  font-size: 2.058em;
  font-weight: 700;
}

.bg-dark__onwarning {
  color: #cbcd16;
  background-color: #323200;
}

.pad-bottom__l {
  padding-bottom: calc(1.272 * var(--size--l));
  margin-bottom: 0;
}

.card-2 {
  background-color: #fff;
}

.card-2.scalefactor__title3 {
  border-radius: 1em;
  padding: 1em 1.272em 1.272em;
}

.card-2.scalefactor__title1 {
  border-radius: 1.61792em;
  padding: 1.61792em 2.058em 2.058em;
}

.card-2.scalefactor__caption {
  border-radius: .617925em;
  padding: .618em .786em .786em;
}

.card-2.scalefactor__display1 {
  border-radius: 3.3294em;
  padding: 3.3294em 4.235em 4.235em;
}

.card-2.scalefactor__display2 {
  background-color: #fff;
  border-radius: 2.05818em;
  padding: 2.05818em 2.618em 2.618em;
}

.card-2.scalefactor__callout {
  border-radius: .741352em;
  padding: .741352em .943em .943em;
}

.card-2.scalefactor__subheading {
  border-radius: .695755em;
  padding: .695755em .885em .885em;
}

.card-2.scalefactor__title2 {
  border-radius: 1.27201em;
  padding: 1.27201em 1.618em 1.618em;
}

.card-2.scalefactor__heading {
  border-radius: .887579em;
  padding: .887579em 1.129em 1.129em;
}

.card-2.scalefactor__body {
  border-radius: .786164em;
  padding: .786164em 1em 1em;
}

.card-2.scalefactor__label {
  border-radius: .656447em;
  padding: .656447em .835em .835em;
}

.accordion-content {
  padding-top: 0;
  padding-left: 1em;
  padding-right: 1em;
  overflow: hidden;
}

.bg-dark__onprimaryfixed {
  color: #d6e3ff;
  background-color: #031b3b;
}

.snackbar-content {
  align-items: center;
  display: flex;
}

.title3 {
  letter-spacing: -.017em;
  font-size: 1.272em;
  font-weight: 400;
  line-height: 1.272;
}

.aspect__16x9 {
  aspect-ratio: 16 / 9;
  position: relative;
}

.bg-light__onsecondary {
  color: #565f71;
  background-color: #fff;
}

.bg-dark__error {
  color: #690005;
  background-color: #ffb4ab;
}

.pad-top__xs {
  padding-top: calc(1.272 * var(--size--xs));
  margin-top: 0;
}

.util__aspectfill {
  width: 100%;
  height: 100%;
  position: relative;
}

.border-radius__xxxl {
  border-radius: 4.235em;
}

.bg-light__infocontainer {
  color: #001b3d;
  background-color: #d6e3ff;
}

.top-app-bar-container {
  z-index: 3;
  flex: 1;
  max-width: 1600px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.bg-dark__onprimaryfixedvariant {
  color: #d6e3ff;
  background-color: #334769;
}

.subheading-bold {
  letter-spacing: -.007em;
  font-family: Inter, sans-serif;
  font-size: .885em;
  font-weight: 600;
}

.snackbar-wrap__padded {
  background-color: #fff;
  border-radius: .618em;
  justify-content: center;
  padding: .381971em 1em .381971em .382em;
  display: inline-block;
}

.snackbar-wrap__padded.align-self__start {
  align-self: flex-start;
}

.position__absolute {
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-start;
  position: absolute;
  inset: 0%;
}

.bg-dark__onsecondaryfixed {
  color: #dae2f9;
  background-color: #131c2b;
}

.swatchwrap {
  grid-column-gap: .618em;
  grid-row-gap: .618em;
  border-radius: .656447em;
  flex-direction: column;
  display: block;
  overflow: hidden;
  box-shadow: 0 0 1px #000;
}

.rich-text {
  color: #1a1b1e;
}

.shadow5 {
  z-index: 5;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  position: relative;
  box-shadow: 0 25px 50px #0000003b, 0 9px 18px #0000001a, 0 0 1px #727272;
}

.sidebar-list {
  padding-left: 0;
  font-size: 1em;
  font-weight: 400;
  list-style-type: none;
}

.state-layer {
  z-index: 0;
  opacity: 0;
  pointer-events: none;
  background-color: #000;
  transition: opacity .2s;
  position: absolute;
  inset: 0%;
}

.bg-dark__tertiary {
  color: #3f2845;
  background-color: #dcbce1;
}

.stickers-section {
  max-width: 100%;
  overflow: hidden;
}

.para {
  color: var(--dark-gray);
  letter-spacing: -.011em;
  cursor: default;
  margin-bottom: 0;
  font-family: Inter Variable, Arial, sans-serif;
  font-size: 1.1em;
  font-weight: 400;
  line-height: 1.618;
}

.para.color__onsurfacevariant.m-bottom__xxl {
  font-size: 1.25em;
}

.para.bottom {
  margin-top: 15px;
}

.para.accordion {
  border-style: none;
  border-width: 0;
  border-radius: 0;
  margin-top: 10px;
  margin-bottom: 10px;
  font-family: Inter Variable, Arial, sans-serif;
  font-size: 1em;
}

.para.top {
  margin-bottom: 0;
}

.para.top.inside {
  margin-bottom: 20px;
  font-size: 1em;
}

.para.top.pro {
  margin-bottom: 30px;
  font-size: 1em;
}

.para.pro {
  font-size: 1em;
}

.para.combo {
  margin-top: 5px;
  margin-bottom: 20px;
  font-size: 1em;
  line-height: 1.6;
}

.para.combo.bottom {
  margin-bottom: 30px;
}

.para.combo-copy {
  margin-top: 5px;
  margin-bottom: 10px;
  font-size: 1em;
  line-height: 1.6;
}

.para.combo-copy.botom {
  margin-bottom: 20px;
}

.dropdown-list-2 {
  transform-origin: 50% 0;
  background-color: #fff;
  border-radius: .618em;
  flex-direction: column;
  padding: 1em;
  overflow: hidden;
  box-shadow: 0 0 1px #000, 0 12px 24px -4px #0000000d;
}

.m-bottom__m {
  margin-bottom: calc(1.272 * var(--_lk-units---size--md));
}

.cl-navbar {
  background-color: #0000;
  align-items: center;
  display: flex;
}

.bg-dark__scrim {
  color: #e3e2e6;
  background-color: #000;
}

.m-top__s {
  margin-top: calc(1.272 * var(--_lk-units---size--sm));
}

.pad-left__s {
  padding-left: calc(1.272 * var(--size--s));
  margin-left: 0;
}

.m-top__xxs {
  margin-top: calc(1.272 * var(--_lk-units---size--2xs));
}

.util__gap-block {
  z-index: 1;
  background-color: #d6e3ff;
  border: 2px solid #005db6;
  width: 1.618em;
  height: 1.618em;
  position: relative;
}

.bg-light__outline {
  color: #faf9fd;
  background-color: #74777f;
}

.util__example-gif {
  border-radius: 1em;
  box-shadow: 0 0 1px #00000061;
}

.caption {
  letter-spacing: -.007em;
  font-family: Inter, sans-serif;
  font-size: .786em;
  font-weight: 400;
  line-height: 1.272;
}

.gap__l {
  grid-column-gap: 1.618em;
  grid-row-gap: 1.618em;
  display: flex;
}

.cl-navbar-menu-titlewrap {
  display: none;
}

.section__lesspadding {
  padding: 2.618em 4.235em;
}

.start-icon {
  padding-left: .618em;
  padding-right: 1em;
}

.start-icon.end-icon {
  padding-left: .618em;
}

.bg-dark__tertiaryfixed {
  color: #28132e;
  background-color: #f9d8fd;
}

.content {
  width: 800px;
}

.content.base {
  width: auto;
}

.snackbar {
  grid-column-gap: .618em;
  grid-row-gap: .618em;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  display: flex;
}

.type-styles-wrap {
  grid-column-gap: 4.235em;
  grid-row-gap: 4.235em;
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-bottom: 6.853em;
  display: flex;
}

.bg-light__onerror {
  color: #ba1a1a;
  background-color: #fff;
}

.class-template__wrap {
  align-items: center;
  font-family: Inconsolata, monospace;
  font-size: 1em;
  display: flex;
}

.class-template__wrap.m-bottom__m {
  border-radius: .272em;
  padding: 0;
  font-family: Inconsolata, monospace;
}

.callout {
  letter-spacing: -.009em;
  font-family: Inter, sans-serif;
  font-size: .943em;
  font-weight: 400;
  line-height: 1.272;
}

.bg-light__onprimaryfixed {
  color: #d6e3ff;
  background-color: #031b3b;
}

.color__info {
  color: #0072d9;
}

.bg-light__info {
  color: #fff;
  background-color: #005db6;
}

.pad-top__l {
  padding-top: calc(1.272 * var(--size--l));
  margin-top: 0;
}

.pad-top__l.m-bottom__xl {
  line-height: 1.618;
}

.type-style-examples {
  flex-direction: column;
  justify-content: space-between;
  display: flex;
}

.bg-light__tertiaryfixed {
  color: #28132e;
  background-color: #f9d8fd;
}

.cl-navbar-glass {
  z-index: 0;
  -webkit-backdrop-filter: saturate(180%) blur(20px);
  backdrop-filter: saturate(180%) blur(20px);
  pointer-events: none;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.util__codelist {
  white-space: pre;
  padding-left: 1.618em;
  font-family: Inconsolata, monospace;
  font-weight: 700;
  list-style-type: disc;
}

.pad-bottom__xxs {
  padding-bottom: calc(1.272 * var(--size--xxs));
}

.gap__xxs {
  grid-column-gap: .128em;
  grid-row-gap: .128em;
  display: flex;
}

.bg-light__onprimary, .bg-light__onprimary.cl-swatch {
  color: #4b5f82;
  background-color: #fdfbff;
}

.util__frame {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  border: 1px dashed #767680;
  flex-direction: column;
  padding: 11px;
  display: flex;
}

.overline__bold {
  letter-spacing: .0618em;
  text-transform: uppercase;
  font-family: Inter, sans-serif;
  font-size: .786em;
  font-weight: 600;
}

.nav-text-link {
  grid-column-gap: .485867em;
  grid-row-gap: .485867em;
  background-color: #0000;
  border: 1px solid #0000;
  border-radius: 100em;
  justify-content: flex-start;
  align-items: center;
  padding: .485867em 1em;
  font-weight: 400;
  line-height: 1.618;
  text-decoration: none;
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.nav-text-link.w--current {
  background-color: #dde1ff;
}

.bg-dark__surfacecontainer {
  color: #e3e2e6;
  background-color: #1e2023;
}

.bg-light__onprimaryfixedvariant {
  color: #d6e3ff;
  background-color: #334769;
}

.bg-light__surfacecontainer {
  color: #1a1b1e;
  background-color: #efedf1;
}

.util__padingcontainerleft {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: stretch stretch;
  display: grid;
}

.color__light-primary {
  color: #4b5f82;
}

.bg-dark__oninfocontainer {
  color: #00468b;
  background-color: #d6e3ff;
}

.end-icon {
  padding-left: 1em;
  padding-right: .618em;
}

.overline {
  letter-spacing: .0618em;
  text-transform: uppercase;
  font-family: Inter, sans-serif;
  font-size: .786em;
  font-weight: 400;
  line-height: 1.272;
}

.util-paddingfill {
  z-index: 1;
  background-color: #d6e3ff;
  width: 1.618em;
  height: 1.618em;
  position: relative;
}

.cl-swatch {
  z-index: 1;
  color: #131c2b;
  border-radius: 0;
  padding: .656447rem .835rem .835rem;
  display: block;
  position: relative;
  box-shadow: 0 0 1px #000c;
}

.state-bg {
  z-index: 0;
  opacity: 0;
  pointer-events: none;
  background-color: #000;
  position: absolute;
  inset: 0%;
}

.icon-style-container {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: #faf9fd;
  border: 1px solid #c4c6d0;
  border-radius: 1em;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  padding-top: 12px;
  padding-bottom: 12px;
  font-family: Inconsolata, monospace;
  display: flex;
}

.bg-dark__surfacecontainerlowest {
  color: #e3e2e6;
  background-color: #0d0e11;
}

.util__sidebar-shadow {
  display: none;
}

.snackbar-icon-wrap {
  color: #1a1b1e;
  background-color: #f4f3f7;
  border-radius: .618em;
  justify-content: center;
  align-items: center;
  padding: .618em;
  display: flex;
}

.snackbar-icon-wrap.success {
  color: #00210f;
  background-color: #92f8b4;
}

.snackbar-icon-wrap.warning {
  color: #1c1d00;
  background-color: #e8ea3a;
}

.snackbar-icon-wrap.error {
  color: #410002;
  background-color: #ffdad6;
}

.snackbar-icon-wrap.info {
  color: #001b3d;
  background-color: #d6e3ff;
}

.m-bottom__l {
  margin-bottom: calc(1.272 * var(--_lk-units---size--lg));
}

.util__border-radius-fill {
  color: #44474e;
  background-color: #e0e2ec;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
  inset: 0%;
}

.pad-right__l {
  padding-right: calc(1.272 * var(--size--l));
  margin-right: 0;
}

.sticker {
  grid-column-gap: .272em;
  grid-row-gap: .272em;
  letter-spacing: -.004em;
  border-radius: .272em;
  justify-content: center;
  align-items: center;
  padding: .272em .618em;
  font-size: .835em;
  font-weight: 500;
  line-height: 1.272;
  display: flex;
  overflow: hidden;
  box-shadow: 0 0 1px #000;
}

.sticker.bg-light__tertiary {
  color: #fff;
}

.border-radius__xs {
  border-radius: .129em;
}

.h-xl {
  height: 2.618em;
}

.bg-dark__onerrorcontainer {
  color: #93000a;
  background-color: #ffb4ab;
}

.bg-light__surfacecontainerlowest {
  color: #1a1b1e;
  background-color: #fff;
}

.util__subheading {
  color: #44474e;
  letter-spacing: -.00625em;
  font-size: .885em;
  font-weight: 400;
  line-height: 1.272;
}

.gap__m {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  display: flex;
}

.table_head {
  background-color: #f4f3f7;
  border-bottom: 1px solid #74777f;
}

.pad-bottom__s {
  padding-bottom: calc(1.272 * var(--size--s));
  margin-bottom: 0;
}

.container__narrow {
  width: 800px;
  margin-left: auto;
  margin-right: auto;
  padding-right: 40px;
}

.container__narrow.base {
  width: auto;
  max-width: 1257px;
}

.label-bold {
  letter-spacing: -.004em;
  font-family: Inter, sans-serif;
  font-size: .835em;
  font-weight: 700;
}

._w-xxl {
  flex: none;
  width: 4.235em;
}

.bg-light__secondary, .bg-light__secondary.cl-swatch {
  color: #fff;
  background-color: #565f71;
}

.border-radius__xxs {
  border-radius: .06em;
}

.bg-light__surfacecontainerlow {
  color: #1a1b1e;
  background-color: #f4f3f7;
}

.m-right__xs {
  margin-right: calc(1.272 * var(--_lk-units---size--xs));
}

.pad-right__xl {
  padding-right: calc(1.272 * var(--size--xl));
  margin-right: 0;
}

.bg-dark__primary {
  color: #1c3051;
  background-color: #b3c7ef;
}

.cl-navbar-logo {
  margin-right: 1.618em;
}

.bg-dark__surface {
  color: #e3e2e6;
  background-color: #121316;
}

.subheading-2 {
  letter-spacing: -.007em;
  font-family: Inter, sans-serif;
  font-size: .885em;
  font-weight: 400;
  line-height: 1.272;
}

.m-left__xs {
  margin-left: calc(1.272 * var(--_lk-units---size--xs));
}

.border-radius__xxl {
  border-radius: 2.235em;
}

.border-radius__xxl.overflow__hidden {
  border-radius: 2.618em;
}

.util-grid-filler {
  background-color: #faf9fd;
  border-radius: .272em;
  justify-content: center;
  align-items: center;
  min-width: 1.618em;
  min-height: 1.618em;
  padding: 0;
  display: flex;
  box-shadow: 0 0 1px #000;
}

.util-grid-filler.for-display {
  flex: 1;
  margin-bottom: 1em;
  padding: 1em;
}

.section__morepadding {
  padding: 6.852em 4.235em;
}

.bg-light__scrim {
  color: #faf9fd;
  background-color: #000;
}

.bg-light__onwarning {
  color: #616200;
  background-color: #fff;
}

.util__colorgroupscontainer {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  flex-direction: column;
  display: flex;
}

.bg-light__onbackground {
  color: #fdfbff;
  background-color: #1a1b1e;
}

.bg-light__surfacevariant {
  color: #44474e;
  background-color: #e0e2ec;
}

.h-m {
  height: 1.618em;
}

.bg-light__secondarycontainer {
  color: #131c2b;
  background-color: #dae2f9;
}

.bg-light__inverseonsurface {
  color: #2f3033;
  background-color: #f1f0f4;
}

.display1 {
  letter-spacing: -.022em;
  font-size: 4.235em;
  font-weight: 400;
  line-height: 1.129;
}

.util__css-example {
  grid-column-gap: 0em;
  grid-row-gap: 0em;
  font-family: Inconsolata, monospace;
  font-size: .885em;
  font-weight: 700;
  display: flex;
}

.cl-navbar-wrap {
  z-index: 99;
  border-bottom: 1px solid #c6c5d0;
  justify-content: flex-start;
  align-items: center;
  height: 4.235em;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1.618em;
  padding-right: 1.618em;
  display: flex;
  position: sticky;
  inset: 0 0% auto;
}

.color__secondary {
  color: #565f71;
}

.util__sidebar-links {
  padding-right: 80px;
}

.caption-bold {
  letter-spacing: -.007em;
  font-family: Inter, sans-serif;
  font-size: .786em;
  font-weight: 600;
}

.util__marginpaddingwrap {
  background-color: #92f8b4;
  background-image: url('../images/bg-stripes.svg');
  background-position: 0 0;
  background-size: 8px;
  border: 2px #005db6;
  width: auto;
  height: auto;
}

.util__marginpaddingwrap.pad-top__xl {
  margin-bottom: -1.618em;
}

.util__marginpaddingwrap.pad-top__s {
  margin-bottom: -.345em;
  padding-top: .345em;
}

.util__marginpaddingwrap.down-m {
  margin-bottom: -.618em;
}

.util__marginpaddingwrap.xxl {
  margin-bottom: -2.618em;
}

.util__marginpaddingwrap.pad-top__m {
  margin-bottom: -.786em;
  padding-top: .786em;
}

.util__marginpaddingwrap.pad-bottom__xl {
  position: relative;
}

.util__marginpaddingwrap.pad-top__xxl {
  margin-bottom: -2.618em;
}

.util__marginpaddingwrap.down-s {
  margin-bottom: -.272em;
}

.util__marginpaddingwrap.down-l {
  margin-bottom: -1em;
}

.util__marginpaddingwrap.xl {
  margin-bottom: -1.618em;
}

.util__marginpaddingwrap.pad-top__l {
  margin-bottom: -1em;
}

.util__marginpaddingwrap.down-xs, .util__marginpaddingwrap.pad-top__xs {
  margin-bottom: -.236em;
}

.gap__xl {
  grid-column-gap: 2.618em;
  grid-row-gap: 2.618em;
  display: flex;
}

.bg-light__onwarningcontainer {
  color: #e8ea3a;
  background-color: #1c1d00;
}

.accordion__title {
  letter-spacing: -.009em;
  margin-bottom: .236em;
  font-family: Inter Variable, Arial, sans-serif;
  font-size: 1.1em;
  font-weight: 600;
  line-height: 1.272;
}

.bg-light__ontertiary {
  color: #6f5575;
  background-color: #fff;
}

.pad-left__xl {
  padding-left: calc(1.272 * var(--size--xl));
  margin-left: 0;
}

.bg-dark__primaryfixed {
  color: #031b3b;
  background-color: #d6e3ff;
}

.title2 {
  letter-spacing: -.02em;
  font-size: 1.61802em;
  font-weight: 400;
  line-height: 1.272;
}

.bg-dark__secondary {
  color: #283141;
  background-color: #bec7dc;
}

.m-right__s {
  margin-right: calc(1.272 * var(--_lk-units---size--sm));
}

.fit__none {
  object-fit: none;
}

.bg-dark__ontertiaryfixed {
  color: #f9d8fd;
  background-color: #28132e;
}

.util__classtemplate {
  font-family: Inconsolata, monospace;
  font-size: .885em;
  font-weight: 700;
}

.material-symbols-filled {
  font-weight: 300;
}

.section__default {
  width: 88%;
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
  padding: 4.235em 40px 4.235em 4.235em;
}

.section__default.base {
  max-width: none;
}

.shadow4 {
  z-index: 4;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  position: relative;
  box-shadow: 0 20px 25px #00000017, 0 5px 11px #0000001f, 0 0 1px #727272;
}

.callout-bold {
  letter-spacing: -.009em;
  font-family: Inter, sans-serif;
  font-size: .943em;
  font-weight: 600;
  text-decoration: none;
}

.bg-dark__onprimary {
  color: #b3c7ef;
  background-color: #1c3051;
}

.bg-dark__primaryfixeddim {
  color: #334769;
  background-color: #b3c7ef;
}

.pad-bottom__xs {
  padding-bottom: calc(1.272 * var(--size--xs));
  margin-bottom: 0;
}

.bg-dark__secondaryfixeddim {
  color: #131c2b;
  background-color: #bec7dc;
}

.bg-dark__onsecondarycontainer {
  color: #3e4759;
  background-color: #dae2f9;
}

.bg-dark__tertiaryfixeddim {
  color: #563e5c;
  background-color: #dcbce1;
}

.shadow1 {
  z-index: 1;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  position: relative;
  box-shadow: 0 0 1px #000;
}

.bg-dark__tertiarycontainer {
  color: #f9d8fd;
  background-color: #563e5c;
}

.util__sidebar-background {
  display: none;
}

.util__label {
  color: #44474e;
  letter-spacing: 0;
  margin-bottom: 0;
  font-family: Inconsolata, monospace;
  font-size: .786em;
  font-weight: 500;
  line-height: 1.272;
  position: static;
  top: 6.235em;
}

.util__label.right {
  text-align: right;
  font-weight: 500;
}

.h-xxl {
  height: 4.235em;
}

.h-xxxl {
  height: 6.238em;
}

.bg-light__background {
  color: #1a1b1e;
  background-color: #fdfbff;
}

.subheading-3 {
  letter-spacing: -.007em;
  font-family: Inter, sans-serif;
  font-size: .885em;
  font-weight: 400;
  line-height: 1.272;
}

.intro {
  color: var(--dark-gray);
  letter-spacing: -.01rem;
  margin-top: 10px;
  margin-bottom: 15px;
  font-size: 1.25rem;
}

.intro.combo {
  font-size: 1.15rem;
}

.intro.comb {
  font-size: 1.2rem;
}

.section_0 {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 90%;
  display: block;
  position: static;
}

.section_0.base {
  width: 70%;
}

.page_heading {
  letter-spacing: -.1rem;
  margin-bottom: 0;
  font-family: Inter Variable, Arial, sans-serif;
  font-size: 4.5rem;
  font-weight: 700;
  line-height: 1.15;
}

.page_heading.combo {
  font-size: 4rem;
}

.inner_title {
  color: var(--base);
  margin-bottom: 10px;
  font-family: Inter Variable, Arial, sans-serif;
  font-size: 2.25rem;
  font-weight: 700;
  line-height: 1.2;
}

.inner {
  color: var(--dark-gray);
  margin-bottom: 60px;
}

.space {
  height: 25px;
}

.space.big {
  height: 40px;
}

.space.inner {
  height: 10px;
  margin-bottom: 0;
}

.space.inner.table {
  height: 20px;
}

.image-21 {
  border-radius: 4px;
}

.flex-block-7 {
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 0;
}

.list_tall {
  margin-top: 0;
}

.list_tall.ordered {
  margin-bottom: 0;
}

.list_tall.combo {
  margin-top: 15px;
  margin-bottom: 15px;
}

.list_narrow {
  margin-top: 10px;
  margin-bottom: 0;
  font-family: Inter Variable, Arial, sans-serif;
}

.list_narrow.inside {
  margin-top: 5px;
  margin-bottom: 15px;
}

.list_narrow.inside.bottom {
  margin-bottom: 20px;
}

.list_narrow.standalone {
  margin-top: 0;
  margin-bottom: 20px;
}

.list_narrow.combo {
  margin-top: 0;
  margin-bottom: 40px;
}

.list_narrow.combo.mid {
  margin-bottom: 10px;
}

.lightbox {
  border: 1px none var(--mid-gray);
  width: 90%;
  margin-top: 10px;
  margin-bottom: 0;
  padding: 0 40px;
}

.lightbox.accordion {
  width: 50%;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 1.5rem;
  padding-left: 0;
  padding-right: 0;
}

.lightbox.accordion.big {
  width: 60%;
}

.lightbox.accordion.bottom {
  margin-bottom: 20px;
}

.lightbox.accordion.bottom.small {
  width: 30%;
}

.lightbox.accordion.bigger {
  width: 80%;
}

.lightbox.pricing {
  border-style: solid;
  margin-top: 0;
  margin-bottom: 0;
  padding: 10px;
  text-decoration: none;
}

.lightbox.pricing.inner {
  border-color: #c4c6d0;
  width: 700px;
  padding: 20px;
}

.lightbox.pricing.inner.bottom {
  margin-bottom: 20px;
}

.lightbox.video {
  width: 150px;
  padding-left: 0;
  padding-right: 0;
}

.lightbox.video.bottom.inside {
  width: 200px;
  margin-top: 5px;
  margin-bottom: 20px;
  margin-left: 1.5rem;
  padding-left: 0;
  display: block;
}

.lightbox.hub {
  margin-bottom: 20px;
}

.lightbox.combo {
  width: 70%;
  margin-bottom: 5px;
  padding-left: 0;
}

.lightbox.combo.big {
  width: 55%;
}

.lightbox.outer {
  width: 55%;
  padding-left: 0;
}

.image-22 {
  margin-top: 10px;
  margin-bottom: 10px;
}

.list-item-17, .list-item-18 {
  padding-left: 0;
}

.link-10, .link-11 {
  color: var(--primary);
}

.list-item-19, .list-item-20 {
  padding-left: 0;
  font-size: 1.1rem;
}

.list_item {
  margin-bottom: 0;
  padding-left: 0;
}

.list_item.ordered {
  padding-left: 10px;
}

.list_item.small {
  font-size: 1rem;
}

.image-23 {
  margin-top: 0;
  margin-bottom: 10px;
  padding-left: 0;
}

.lightbox_small {
  width: 330px;
}

.link-block-2 {
  width: 22px;
}

.list-item-21 {
  padding-left: 0;
}

.pricing {
  margin-top: 20px;
}

.image_title {
  margin-bottom: 0;
  font-family: Inter Variable, Arial, sans-serif;
  font-size: 1.15rem;
  font-weight: 600;
  text-decoration: underline;
}

.image_title.inner {
  font-size: 1rem;
}

.image-24 {
  width: 250px;
}

.image-25 {
  border: 1px solid #c4c6d0;
}

.uplink {
  color: var(--primary);
  margin-bottom: 0;
  text-decoration: underline;
}

.code-embed-2 {
  color: var(--mid-gray);
}

.code-embed-2.inner {
  margin-top: 20px;
  margin-bottom: 20px;
}

.left {
  width: 70%;
}

.right {
  text-align: right;
  flex-flow: row;
  justify-content: flex-end;
  align-items: flex-start;
  display: flex;
}

.b_image {
  vertical-align: baseline;
  padding: 10px;
  display: block;
}

.link-12 {
  color: var(--primary);
}

.title_accord {
  text-transform: capitalize;
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 600;
}

.title_accord.video {
  margin-bottom: 10px;
  font-weight: 500;
  text-decoration: underline;
}

.title_accord.video:hover {
  margin-bottom: 8px;
}

.title_accord.table {
  background-color: var(--dark-gray);
  color: var(--white);
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 5px;
}

.link-13 {
  color: var(--primary);
}

.list-item-22 {
  line-height: 1.3;
}

.item_narrow {
  margin-bottom: 10px;
  line-height: 1.4;
}

.text-span-7 {
  text-decoration: underline;
}

.flex-block-8 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: row;
  margin-bottom: 20px;
  display: block;
}

.div-block-4 {
  width: 35%;
}

.div-block-5 {
  width: 65%;
}

.text-block-8 {
  font-weight: 600;
}

@media screen and (min-width: 1440px) {
  .container--full {
    height: 70vh;
  }

  .image-11 {
    max-width: 80%;
  }

  .case-box {
    max-width: 55%;
  }

  .beforeafter {
    max-width: 65%;
  }

  .section_0.base {
    width: 65%;
  }
}

@media screen and (min-width: 1920px) {
  .container--full {
    height: 70vh;
  }

  .grid-seo-service {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: none;
  }

  .section_0.base {
    width: 60%;
  }
}

@media screen and (max-width: 991px) {
  h1 {
    font-size: 2.2rem;
  }

  .page-main.cc-styles {
    margin-top: 0;
    margin-left: 0;
  }

  .section.cc-styles_title {
    min-height: auto;
    padding-left: 0;
    position: static;
  }

  .container {
    max-width: none;
  }

  .container.cc-styles {
    width: 90%;
    padding-left: 0;
    padding-right: 0;
  }

  .styles_nav {
    width: auto;
    min-width: auto;
    height: auto;
    margin-top: 0;
    padding-top: 1rem;
    padding-bottom: 1rem;
    position: sticky;
  }

  .col.col-md-6 {
    flex: 50%;
    max-width: 50%;
  }

  .col.col-md-12 {
    flex: 100%;
    max-width: 100%;
  }

  .col.col-md-5 {
    flex: 41.67%;
    max-width: 41.66%;
  }

  .col.col-md-7 {
    flex: 58.33%;
    max-width: 58.33%;
  }

  .col.col-md-4 {
    flex: 33.33%;
    max-width: 33.33%;
  }

  .col.col-md-8 {
    flex: 66.67%;
    max-width: 66.66%;
  }

  .col.col-md-9 {
    flex: 75%;
    max-width: 75%;
  }

  .col.col-md-3 {
    flex: 25%;
    max-width: 25%;
  }

  .col.col-md-2 {
    flex: 16.66%;
    max-width: 16.66%;
  }

  .col.col-md-10 {
    flex: 83.33%;
    max-width: 83.33%;
  }

  .col.col-md-11 {
    flex: 91.67%;
    max-width: 91.66%;
  }

  .col.col-md-1 {
    flex: 8.33%;
    max-width: 8.33%;
  }

  .styles_nav-container {
    flex-flow: row;
    justify-content: space-between;
    align-items: center;
  }

  .styles_nav-link {
    margin-bottom: 1em;
    padding-top: .375em;
    padding-bottom: .375em;
    display: block;
  }

  .styles_nav-menu {
    background-color: var(--light-gray);
    height: 100vh;
    padding-top: 4rem;
    padding-left: 5%;
    padding-right: 5%;
  }

  .styles_nav-logo {
    border: 2px solid var(--primary);
    margin-bottom: 0;
    font-size: 1rem;
  }

  .accordion-spacer {
    min-height: 12px;
  }

  .accordion-item-wrapper {
    padding-left: 0;
    padding-right: 40px;
  }

  .box {
    flex-direction: column;
    align-items: flex-start;
  }

  .div-block-3 {
    margin-left: 0;
    margin-right: .125em;
  }

  .tabs-menu-2 {
    width: 40%;
  }

  .code-embed, .lightbox-link-2, .lightbox-link-2.mid {
    width: 100%;
  }

  .heading-14, .heading-15 {
    font-size: 2.2rem;
  }

  .compare-scroll-inner {
    aspect-ratio: auto;
    height: 60svh;
  }

  .compare-scroll-text-wrapper {
    padding: 1rem 1.3rem;
    font-size: 1.8rem;
    bottom: 1.3rem;
  }

  .container--full {
    height: 70vh;
  }

  .grid-website-maintenace {
    flex-direction: column;
    margin-top: 0;
    display: block;
  }

  .benefits-header {
    text-align: center;
  }

  .benefits-wrap {
    max-width: 100vw;
    padding-left: 28px;
    padding-right: 28px;
    font-size: 17px;
  }

  .switch-button {
    margin-bottom: 20px;
  }

  .benefits-description {
    max-width: 360px;
  }

  .sub-par {
    text-align: center;
    max-width: 650px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0;
    font-size: 1.25em;
  }

  .grid-seo-service {
    margin-top: 0;
    padding-top: 0;
  }

  .lottie-animation {
    font-size: 19px;
  }

  .header-2-center-wrap {
    padding-left: 20px;
    padding-right: 20px;
  }

  .small-card {
    width: auto;
    min-width: auto;
    max-width: 100vw;
    margin-top: 0;
    margin-bottom: 20px;
    padding-left: 80px;
    padding-right: 80px;
    font-size: 18px;
  }

  .seo-benefits-wrapper.seo-benefits-heading {
    padding-left: 20px;
    padding-right: 20px;
  }

  .handle-wrapper {
    width: 700px;
    max-width: none;
    height: 394px;
    margin-bottom: 20px;
    margin-right: 0;
  }

  .image-left {
    width: auto;
  }

  .handle-bar {
    height: 500px;
  }

  .slider-handle.t-hide {
    display: none;
  }

  .image-11 {
    max-width: 100%;
  }

  .image-13, .image-14 {
    max-width: 75%;
  }

  .lightbox-link-4.start, .lightbox-link-4.start.mid {
    width: 100%;
  }

  .image-16 {
    width: 100%;
    max-width: 100%;
  }

  .image-16.start, .case-box, .case-box.bottom {
    max-width: 100%;
  }

  .beforeafter {
    max-width: 75%;
  }

  .padding-vertical {
    padding-left: 0;
    padding-right: 0;
  }

  .navbar_button-wrapper {
    align-items: center;
  }

  .search-input {
    margin-bottom: 1rem;
  }

  .margin-bottom-2 {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .button_grid {
    display: none;
  }

  .docs-left_wrapper {
    padding-right: .75rem;
  }

  .max-width-medium.max-width-tablet-custom {
    max-width: none;
  }

  .menu-icon_line-top {
    background-color: #2a223c;
    width: 24px;
    height: 2px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .navbar_menu-button {
    padding: 0;
  }

  .navbar_menu-button.w--open {
    background-color: #0000;
  }

  .navbar_container {
    grid-template-columns: .25fr 1fr;
    display: flex;
  }

  .search.is--mobile {
    display: block;
  }

  .menu-icon_line-middle {
    color: #2a223c;
    background-color: #000;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 2px;
    margin-top: 6px;
    margin-bottom: 6px;
    padding-bottom: 0;
    padding-right: 0;
    display: flex;
  }

  .menu-icon_line-middle-inner {
    width: 4px;
    height: 0;
    padding-bottom: 0;
    padding-right: 0;
  }

  .menu-icon {
    z-index: 90;
    background-color: #d9d7f3;
    border-radius: 6px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 48px;
    height: 48px;
    margin-right: -.5rem;
    padding-bottom: 0;
    padding-right: 0;
    display: flex;
    position: relative;
  }

  .footer_top-wrapper {
    grid-row-gap: 4rem;
    grid-template-columns: 1fr;
  }

  .footer_bottom-wrapper {
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
  }

  .footer_left-wrapper {
    grid-row-gap: 3rem;
    grid-template-columns: 1fr 1fr 1fr;
  }

  .docs-right_wrapper {
    height: auto;
    padding-left: 1rem;
  }

  .footer_right-wrapper {
    align-items: center;
  }

  .navbar_link {
    text-align: right;
    padding: 1rem 0;
    font-size: 1.125rem;
  }

  .padding-bottom {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .footer_social-list {
    margin-bottom: 2rem;
  }

  .doc-category_list {
    grid-template-columns: 1fr 1fr;
  }

  .button-2.is-alternate {
    font-weight: 600;
  }

  .fs-social-icon {
    width: 2rem;
    height: 2rem;
  }

  .navbar_menu {
    -webkit-text-fill-color: inherit;
    background-color: #fff;
    background-clip: border-box;
    border-bottom: 1px solid #000;
    justify-content: center;
    padding: 1rem 5% 2.5rem;
    display: flex;
    position: absolute;
    overflow: auto;
  }

  .navbar_menu.is-page-height-tablet {
    width: 80%;
    height: 100vh;
    padding-top: 7.5rem;
    padding-bottom: 15rem;
  }

  .menu-icon_line-bottom {
    background-color: #2a223c;
    width: 24px;
    height: 2px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .padding-top {
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .nav-cta_grid {
    grid-column-gap: 0rem;
    grid-row-gap: 1.5rem;
    grid-template-columns: 1fr;
    margin-top: 1rem;
  }

  .nav-cta_grid.is--mobile {
    grid-column-gap: 0rem;
    grid-row-gap: 1.5rem;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .util-grid__simplecolor {
    overflow: scroll;
  }

  .sidebar-link {
    padding-top: 1em;
    padding-bottom: 1em;
  }

  .sidebar-link.last-child {
    margin-bottom: -1em;
  }

  .cl-navbar-menu {
    -webkit-backdrop-filter: brightness(200%) blur(40px);
    backdrop-filter: brightness(200%) blur(40px);
    background-color: #0000;
    height: 100vh;
    position: fixed;
    inset: 0%;
    overflow: auto;
  }

  .button-3.in-nav {
    width: 100%;
  }

  .snackbar__action {
    align-self: flex-end;
  }

  .sidebar {
    -webkit-backdrop-filter: brightness(200%) blur(20px);
    backdrop-filter: brightness(200%) blur(20px);
    background-color: #faf9fd;
    flex-direction: column;
    justify-content: space-between;
    padding: 1.618em;
    display: flex;
    position: fixed;
    inset: 0% 0% 0% auto;
    transform: translate(100%);
  }

  .cl-navbar-brand {
    max-width: none;
    height: 1.618em;
  }

  .cl-navbar-links-section-title {
    color: #565f71;
    display: block;
  }

  .snackbar-divider {
    display: none;
  }

  .subheading__bold {
    color: #44474e;
  }

  .cl-navbar-fill {
    height: 100%;
    inset: 0%;
  }

  .dropdown-toggle.in-nav {
    color: #1a1b1e;
    border-radius: 0;
    padding: 0 0 1em;
    line-height: 1px;
    display: block;
  }

  .dropdown-toggle.in-nav.w--open {
    color: #001453;
    display: block;
  }

  .section__mostpadding {
    padding: 6.85229em 2.058em;
  }

  .layout {
    grid-template-columns: max-content auto;
    display: block;
    overflow: visible;
  }

  .section__leastpadding.position__rel {
    padding: .786164em 1.618em;
  }

  .util__sidebar-buttons {
    z-index: 102;
    background-color: #fff;
    flex-direction: column;
    flex: 0 auto;
    justify-content: flex-end;
    align-items: flex-start;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    display: flex;
    position: relative;
    inset: auto auto 0% 0%;
  }

  .nav-dropdown-content {
    color: #565f71;
    justify-content: flex-start;
    font-size: .885em;
    font-weight: 600;
    line-height: 1.272;
  }

  .material-symbols-outlined {
    text-decoration: none;
  }

  .material-symbols-outlined.in-dropdown-toggle {
    display: none;
  }

  .cl-navbar-links {
    z-index: 2;
    grid-column-gap: 0em;
    grid-row-gap: 0em;
    text-align: left;
    flex-direction: column;
    flex: 1 0 auto;
    grid-template-columns: 1fr;
    align-items: flex-start;
    padding: 1.618em 1.618em 0;
    display: flex;
    position: relative;
  }

  .dropdown-link {
    color: #1a1b1e;
    text-align: left;
    padding: 1em;
    font-weight: 400;
    text-decoration: none;
    display: flex;
  }

  .dropdown-link.w--current {
    color: #031b3b;
    background-color: #d6e3ff;
  }

  .button__outline.in-nav {
    width: 100%;
  }

  .navigation-section {
    display: none;
  }

  .nav-dropdown {
    color: #1a1b1e;
    text-align: center;
    border-top: 1px solid #c4c6d0;
    align-self: stretch;
    margin-left: 0;
    margin-right: 0;
    padding-top: 1.618em;
    padding-bottom: 0;
  }

  .cl-navbar-buttons {
    z-index: 2;
    grid-column-gap: 1em;
    grid-row-gap: 1em;
    flex-flow: column;
    flex: 0 auto;
    align-items: center;
    padding: 1.618em;
    display: flex;
  }

  .snackbar-content {
    grid-column-gap: .618em;
    grid-row-gap: .618em;
    flex-direction: row;
    align-items: flex-start;
    display: flex;
  }

  .util__sidebar-content {
    z-index: 2;
    flex-direction: column;
    flex: 1;
    align-items: stretch;
    height: 100%;
    display: flex;
    position: relative;
    overflow: auto;
  }

  .subheading-bold {
    color: #44474e;
  }

  .state-layer.bg-light__primary {
    background-color: #4b5f82;
  }

  .para.top {
    margin-bottom: 0;
  }

  .dropdown-list-2 {
    box-shadow: none;
    opacity: 1;
    background-color: #0000;
    padding: 0;
    display: block;
    position: relative;
  }

  .cl-navbar {
    z-index: 3;
    color: #5a5d72;
    justify-content: space-between;
    height: 68px;
    display: block;
  }

  .cl-navbar-menu-titlewrap {
    z-index: 3;
    background-color: #fff;
    border-bottom: 1px solid #45464f;
    align-items: center;
    height: 68px;
    padding-left: 1.618em;
    padding-right: 1.618em;
    display: flex;
    position: sticky;
    top: 0;
  }

  .section__lesspadding {
    padding-left: 1.618em;
    padding-right: 1.618em;
  }

  .snackbar {
    align-items: center;
  }

  .nav-text-link {
    color: #1a1b1e;
    border-radius: .786em;
    align-self: stretch;
    padding-top: 1em;
    padding-bottom: 1em;
  }

  .menu-button {
    border-left: 1px solid #c4c6d0;
    transition: background-color .2s;
  }

  .menu-button.w--open {
    z-index: 99;
    color: #f1f0f4;
    background-color: #ba1a1a;
  }

  .util__sidebar-shadow {
    z-index: 0;
    opacity: .71;
    pointer-events: none;
    background-color: #fff;
    display: block;
    position: absolute;
    inset: 0%;
    box-shadow: 0 0 8px 13px #0000003b, 0 10px 40px #0000007a;
  }

  .container__narrow {
    overflow: visible;
  }

  .cl-navbar-logo {
    float: left;
    justify-content: flex-start;
    align-items: center;
    height: 100%;
    margin-right: 0;
    padding-left: 1.618em;
    display: flex;
  }

  .section__morepadding {
    padding: 4.23486em 1.618em;
  }

  .cl-navbar-wrap {
    border-bottom-style: solid;
    padding: 0;
  }

  .material-symbols-filled {
    font-size: 1rem;
  }

  .section__default {
    padding: 1.618em;
  }

  .util__sidebar-background {
    z-index: 1;
    opacity: .05;
    pointer-events: none;
    background-color: #fff;
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    inset: 0%;
  }

  .section_0, .section_0.base {
    width: 100%;
  }

  .page_heading.combo {
    font-size: 3.5rem;
  }

  .lightbox {
    width: 100%;
  }

  .lightbox.accordion {
    width: 80%;
  }

  .lightbox.accordion.big {
    width: 70%;
  }

  .lightbox.accordion.bigger {
    width: 95%;
  }

  .lightbox.pricing {
    padding: 20px;
  }

  .lightbox.combo {
    width: 90%;
  }

  .lightbox.combo.big {
    width: 85%;
  }

  .lightbox.outer {
    width: 70%;
  }

  .image-23 {
    padding-left: 0;
  }

  .innter_text {
    font-weight: 600;
  }

  .link-12 {
    color: var(--primary);
  }
}

@media screen and (max-width: 767px) {
  .section {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }

  .col.col-sm-12 {
    flex: 100%;
    max-width: 100%;
  }

  .col.col-sm-6 {
    flex: 50%;
    max-width: 50%;
  }

  .col.col-sm-5 {
    flex: 41.67%;
    max-width: 41.66%;
  }

  .col.col-sm-7 {
    flex: 58.33%;
    max-width: 58.33%;
  }

  .col.col-sm-4 {
    flex: 33.33%;
    max-width: 33.33%;
  }

  .col.col-sm-8 {
    flex: 66.67%;
    max-width: 66.66%;
  }

  .col.col-sm-3 {
    flex: 25%;
    max-width: 25%;
  }

  .col.col-sm-9 {
    flex: 75%;
    max-width: 75%;
  }

  .col.col-sm-2 {
    flex: 16.66%;
    max-width: 16.66%;
  }

  .col.col-sm-10 {
    flex: 83.33%;
    max-width: 83.33%;
  }

  .col.col-sm-1 {
    flex: 8.33%;
    max-width: 8.33%;
  }

  .col.col-sm-11 {
    flex: 91.67%;
    max-width: 91.66%;
  }

  .accordion-title {
    font-size: 20px;
    line-height: 30px;
  }

  .accordion-side {
    margin-right: 16px;
  }

  .btn-circle-secondary {
    width: 56px;
    min-width: 56px;
    height: 56px;
    min-height: 56px;
    font-size: 22px;
    line-height: 24px;
  }

  .table-title-row {
    display: none;
  }

  .table-image-wrapper {
    opacity: 1;
    width: 50%;
    height: 100%;
    position: absolute;
    inset: 0% 0% auto auto;
  }

  .table-background-wrapper {
    display: none;
  }

  .p-xl-start {
    padding-top: 6em;
  }

  .table-item {
    width: 50%;
    padding-bottom: 2em;
  }

  .table-item.table-description, .table-item.table-platform {
    width: 50%;
  }

  .table-item.table-year {
    width: 40%;
    max-width: none;
  }

  .table-item.table-type {
    flex: none;
  }

  .table-row {
    flex-direction: column;
    align-items: flex-start;
    min-height: 30em;
  }

  .table-row.first-row {
    border-top: 1px solid #000;
  }

  .copy-large {
    font-size: 1.3em;
  }

  .tabs.margin-bottom.margin-medium {
    max-width: 100%;
    display: block;
  }

  .button {
    font-size: 1em;
  }

  .icon {
    width: 24px;
    height: 24px;
  }

  .is--tab-heading {
    font-size: 1.8em;
  }

  .tabs-content {
    padding: 1.5em 1.5em 4em;
  }

  .box {
    border-top-right-radius: 5px;
    border-bottom-left-radius: 0;
    padding: 1.5em;
  }

  .subtitle {
    font-size: .7rem;
  }

  .tabs-menu-2 {
    flex-direction: row;
    width: 100%;
  }

  .sub-par {
    margin-left: auto;
    margin-right: auto;
  }

  .sub-par.seo {
    max-width: 350px;
  }

  .small-card {
    font-size: 16px;
  }

  .handle-wrapper {
    width: 470px;
    height: 265px;
  }

  .slider-line {
    inset: 0% auto 0% 0%;
  }

  .animation-container {
    height: 44vh;
  }

  .image-11, .image-16.start, .case-box.bottom, .beforeafter {
    max-width: 100%;
  }

  .padding-vertical {
    padding-left: 0;
    padding-right: 0;
  }

  .margin-bottom-2 {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .margin-bottom-2.margin-xsmall.is-small-mobile {
    margin-bottom: 1rem;
  }

  .footer-logo_image {
    margin-left: auto;
    margin-right: auto;
  }

  .line-vertical {
    width: 100%;
    height: 1px;
  }

  .footer_social-link {
    width: 2rem;
  }

  .text-size-medium {
    font-size: 1rem;
  }

  .footer-bottom-left_grid {
    text-align: center;
    align-self: center;
    padding-bottom: 2rem;
  }

  .footer_credit-text {
    margin-top: 1rem;
  }

  .footer_top-wrapper {
    grid-row-gap: 3rem;
  }

  .max-width-xsmall.mobile-max-width-none {
    max-width: none;
  }

  .footer_bottom-wrapper {
    flex-direction: column;
    align-items: flex-start;
    margin-top: 2rem;
  }

  .footer_left-wrapper {
    grid-column-gap: 1.5rem;
  }

  .footer-bottom-right_grid {
    grid-row-gap: 0px;
    align-self: center;
  }

  .docs_grid {
    grid-template-columns: 1fr;
  }

  .docs-right_wrapper {
    padding-left: 0;
  }

  .navbar_component {
    min-height: 4rem;
  }

  .padding-bottom {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .footer_social-list {
    justify-content: center;
    margin-bottom: 1rem;
  }

  .fs-social-icon {
    width: 2rem;
    height: auto;
  }

  .padding-top {
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .util__width-grid.margin-bottom__xl.subheading-2.mono {
    overflow: auto;
  }

  .util__padingcontainertop {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .table_component {
    max-width: 100%;
  }

  .util__divider {
    margin-top: 3em;
    margin-bottom: 3em;
  }

  .util-height-grid, .util--stickergrid {
    overflow: auto;
  }

  .card-styles-container.m-bottom__xxl {
    grid-template-columns: 1fr;
  }

  .util__grid.aspect-grid.mono {
    overflow: auto;
  }

  .util__grid.mono.display {
    grid-column-gap: 2.618em;
    grid-row-gap: 2.618em;
    grid-template-columns: 1fr;
  }

  .grid-2.col__2, .grid-2.col__3 {
    grid-template-columns: 1fr;
  }

  .grid-2.col__3.gap__xxl {
    grid-template-columns: 1fr 1fr;
  }

  .util__paddingcontainerright {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .grid-template__example {
    overflow: scroll;
  }

  .util__padingcontainerbottom {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .cl-navbar-links {
    flex: 0 auto;
    align-items: flex-start;
    display: flex;
  }

  .title1.pro {
    font-size: 1.4em;
  }

  .dropdown-link {
    color: #1a1b1e;
    font-weight: 400;
  }

  .util-grid.mono.gaps {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .display1__bold, .display1-bold {
    font-size: 3.3301em;
  }

  .util--buttongrid {
    grid-template-columns: 1fr max-content max-content max-content max-content;
    overflow: auto;
  }

  .nav-dropdown {
    flex-direction: column;
    align-self: auto;
    width: 100%;
  }

  .para.top {
    margin-bottom: 20px;
  }

  .dropdown-list-2 {
    display: flex;
  }

  .util__padingcontainerleft {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .util-grid-filler.for-display {
    margin-bottom: 0;
  }

  .display1 {
    font-size: 3.3301em;
  }

  .section__default {
    padding-left: 0;
    padding-right: 0;
  }

  .page_heading.pro {
    font-size: 4rem;
  }

  .page_heading.combo {
    font-size: 3.2rem;
  }

  .inner_title {
    line-height: 1.2;
  }

  .inner_title.pro {
    font-size: 2.1rem;
  }

  .lightbox {
    padding-left: 0;
    padding-right: 0;
  }

  .lightbox.accordion {
    width: 90%;
  }

  .lightbox.accordion.big {
    width: 100%;
  }

  .lightbox.pricing {
    padding: 10px;
  }

  .lightbox.hub {
    padding-left: 0;
    padding-right: 0;
  }

  .lightbox.combo, .lightbox.combo.big {
    width: 100%;
  }

  .lightbox.outer {
    width: 80%;
  }
}

@media screen and (max-width: 479px) {
  h1 {
    font-size: 2rem;
  }

  h2 {
    font-size: 1.5rem;
  }

  .section {
    padding-top: 4rem;
    padding-bottom: 4rem;
    padding-left: 5px;
  }

  .section.cc-styles_title {
    padding-left: 10px;
    padding-right: 0;
  }

  .container {
    width: 100%;
    padding-right: 10px;
  }

  .container.cc-styles {
    width: 86%;
  }

  .col {
    flex: 100%;
    max-width: 100%;
  }

  .col.col-xs-12 {
    flex-basis: 100%;
    max-width: 100%;
  }

  .col.col-xs-6 {
    flex-basis: 50%;
    max-width: 50%;
  }

  .col.col-xs-5 {
    flex-basis: 41.67%;
    max-width: 41.66%;
  }

  .col.col-xs-7 {
    flex-basis: 58.33%;
    max-width: 58.33%;
  }

  .col.col-xs-4 {
    flex-basis: 33.33%;
    max-width: 33.33%;
  }

  .col.col-xs-8 {
    flex-basis: 66.67%;
    max-width: 66.66%;
  }

  .col.col-xs-3 {
    flex-basis: 25%;
    max-width: 25%;
  }

  .col.col-xs-9 {
    flex-basis: 75%;
    max-width: 75%;
  }

  .col.col-xs-2 {
    flex-basis: 16.66%;
    max-width: 16.66%;
  }

  .col.col-xs-10 {
    flex-basis: 83.33%;
    max-width: 83.33%;
  }

  .col.col-xs-1 {
    flex-basis: 8.33%;
    max-width: 8.33%;
  }

  .col.col-xs-11 {
    flex-basis: 91.67%;
    max-width: 91.66%;
  }

  .styles_nav-menu {
    padding-left: 7%;
    padding-right: 7%;
  }

  .styles_hero-span {
    font-size: 2.5rem;
  }

  .accordion-item-wrapper {
    margin-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .accordion-title {
    font-size: 18px;
    line-height: 26px;
  }

  .is--tab-heading {
    font-size: 1.4em;
  }

  .tabs-content {
    padding: 1.1em 1.1em 3.5em;
  }

  .is-tab-subtext {
    font-size: .8em;
  }

  .box {
    height: 100%;
    padding: 1.1em;
    display: block;
  }

  .div-block-3 {
    margin-right: 0;
  }

  .heading-13 {
    line-height: 1.2;
  }

  .all-h3 {
    font-size: 1.2rem;
  }

  .paragraph-10 {
    font-size: 1rem;
  }

  .section-9 {
    width: 100%;
  }

  .compare-scroll-inner {
    height: 70svh;
  }

  .container--full {
    height: 60vh;
  }

  .grid-website-maintenace {
    max-width: 90vw;
  }

  .benefits-header {
    max-width: none;
    font-size: 1.9em;
    font-weight: 600;
  }

  .benefits-wrap {
    padding-left: 0;
    padding-right: 0;
  }

  .small-card-header {
    font-size: 1.1em;
  }

  .benefits-description {
    min-width: auto;
    font-size: 1em;
  }

  .sub-par {
    color: #1e1e21;
    max-width: 275px;
  }

  .grid-seo-service {
    max-width: 90vw;
  }

  .header-2-center-wrap {
    width: 100%;
    min-width: 300px;
    max-width: 400px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .small-card {
    width: auto;
    min-width: auto;
    max-width: 100%;
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
    padding: 40px;
    font-size: 15px;
  }

  .handle-wrapper {
    width: 240px;
    height: 135px;
  }

  .handle-bar {
    height: 300px;
  }

  .animation-container {
    height: 28vh;
  }

  .image-13, .image-14 {
    max-width: 100%;
  }

  .subscript {
    margin-bottom: 10px;
  }

  .image-16 {
    max-width: 100%;
  }

  .case-box {
    margin-bottom: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .case-box.bottom {
    padding-left: 10px;
    padding-right: 10px;
  }

  .padding-vertical {
    padding-left: 0;
    padding-right: 0;
  }

  .search-input {
    min-width: 0;
  }

  .margin-bottom-2 {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .footer_top-wrapper {
    grid-row-gap: 48px;
  }

  .footer_form {
    grid-row-gap: 12px;
    flex-direction: column;
    grid-template-columns: 1fr;
  }

  .footer_left-wrapper {
    grid-row-gap: 40px;
    grid-template-columns: 1fr 1fr;
  }

  .docs-right_wrapper {
    padding-left: 0;
  }

  .padding-bottom {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .doc-category_list {
    grid-template-columns: 1fr;
  }

  .padding-top {
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .util__padingcontainertop {
    grid-template-columns: 1fr 1fr;
  }

  .sub_title.pro {
    font-size: 1.2rem;
  }

  .snackbar__action {
    margin-top: 1em;
    margin-bottom: .618em;
  }

  .table_component.overflow-x {
    width: auto;
    overflow: auto;
  }

  .sidebar {
    padding: 1.618em;
  }

  .display2__bold {
    font-size: 2.05818em;
  }

  .util__divider {
    margin-top: 3em;
    margin-bottom: 3em;
  }

  .util--stickergrid {
    grid-template-columns: max-content 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  }

  .util__grid.aspect-grid.mono {
    overflow: auto;
  }

  .util__grid.mono.shadow-grid {
    grid-template-columns: 1fr;
    grid-auto-rows: 4.235em;
  }

  .util__grid.mono.display {
    grid-template-columns: 1fr;
  }

  .display2 {
    font-size: 2.05818em;
  }

  .display__flex-h.gap-1em.justify-content__end.wrap {
    flex-wrap: wrap;
  }

  .border-radius-wraps.subheading-2.mono {
    grid-template-rows: 1fr;
    grid-template-columns: 1fr 1fr;
    grid-auto-rows: 1fr;
  }

  .grid-2.col__3.gap__xxl {
    grid-template-columns: 1fr;
  }

  .util__paddingcontainerright {
    grid-template-columns: 1fr 1fr;
  }

  .grid-template__example {
    align-self: stretch;
  }

  .util__padingcontainerbottom {
    grid-template-columns: 1fr 1fr;
  }

  .display2-bold {
    font-size: 2.05818em;
  }

  .title1 {
    font-size: 1.6em;
  }

  .title1.pro, .title1.combo {
    font-size: 1.2em;
  }

  .util-grid.mono.gaps {
    grid-template-columns: 1fr;
  }

  .util-grid.col__2.overflow-x-mobile {
    overflow: auto;
  }

  .display1__bold, .display1-bold {
    font-size: 2.61743em;
  }

  .title1-bold, .title1__bold {
    font-size: 1.82285em;
  }

  .accordion-content {
    background-color: #fff;
  }

  .snackbar-content {
    grid-column-gap: 0em;
    grid-row-gap: 0em;
    flex-direction: column;
  }

  .snackbar {
    align-items: flex-start;
  }

  .util__padingcontainerleft {
    grid-template-columns: 1fr 1fr;
  }

  .util__sidebar-shadow {
    box-shadow: 0 0 1px #000, 0 10px 40px #0000007a;
  }

  .display1 {
    font-size: 2.61743em;
  }

  .util__css-example.m-bottom__l {
    flex-direction: column;
  }

  .section__default {
    padding-left: 5px;
    padding-right: 5px;
  }

  .util__sidebar-background {
    pointer-events: none;
  }

  .intro {
    font-size: 1.2rem;
  }

  .intro.comb {
    font-size: 1.15rem;
  }

  .page_heading.pro, .page_heading.combo {
    font-size: 3rem;
  }

  .inner_title.pro {
    font-size: 1.8rem;
  }

  .lightbox.outer {
    width: 100%;
  }

  .list_item {
    margin-bottom: .4em;
    line-height: 1.5;
  }

  .flex-block-8 {
    flex-flow: column;
  }

  .div-block-5 {
    width: 100%;
  }
}

#w-node-e24ffe39-47fe-a380-97ea-397f1cb20d33-4919c2eb {
  grid-area: span 35 / span 1 / span 35 / span 1;
  align-self: start;
}

#w-node-e24ffe39-47fe-a380-97ea-397f1cb20ea5-4919c2eb, #w-node-_1b0dcf00-f3bb-bfe5-a953-fa7187d60134-4919c2eb, #w-node-d5a677d0-1aaa-ba18-6cc2-8a982874f63e-4919c2eb, #w-node-d4277221-88a0-52da-0cca-31913785036b-4919c2eb, #w-node-_12f5bc5d-fc26-404f-aa34-c358c7116bd8-4919c2eb, #w-node-_70e5b464-72e5-55e6-f231-20cb876a899f-4919c2eb, #w-node-_7bbcb7d0-ca57-f8f5-e3d9-33e069e3d133-4919c2eb, #w-node-_5307a3c8-dd01-e8e1-5b4f-d13299774cdd-4919c2eb, #w-node-_5307a3c8-dd01-e8e1-5b4f-d13299774d3e-4919c2eb, #w-node-_5307a3c8-dd01-e8e1-5b4f-d13299774d16-4919c2eb, #w-node-_65e518c4-311e-5de7-4c9f-74578d0ee80f-4919c2eb, #w-node-d5feaca9-de86-6a86-4fa5-fdcc08c56580-4919c2eb, #w-node-_5307a3c8-dd01-e8e1-5b4f-d13299774d01-4919c2eb, #w-node-b34a4782-1ece-9843-c263-374b381b1c21-4919c2eb, #w-node-_46b883a4-ae18-cd65-f5e6-a6b20928c466-4919c2eb, #w-node-bcb7aa66-a74b-f699-c6fe-ef8641573a82-4919c2eb, #w-node-db1c339f-785b-d2e0-0dad-aa8286eae760-4919c2eb {
  grid-area: span 1 / span 4 / span 1 / span 4;
  justify-self: auto;
}

#w-node-e24ffe39-47fe-a380-97ea-397f1cb20d33-93940dc2 {
  grid-area: span 35 / span 1 / span 35 / span 1;
  align-self: start;
}

#w-node-e24ffe39-47fe-a380-97ea-397f1cb20ea5-93940dc2, #w-node-_1b0dcf00-f3bb-bfe5-a953-fa7187d60134-93940dc2, #w-node-d5a677d0-1aaa-ba18-6cc2-8a982874f63e-93940dc2, #w-node-d4277221-88a0-52da-0cca-31913785036b-93940dc2, #w-node-_12f5bc5d-fc26-404f-aa34-c358c7116bd8-93940dc2, #w-node-_70e5b464-72e5-55e6-f231-20cb876a899f-93940dc2, #w-node-_7bbcb7d0-ca57-f8f5-e3d9-33e069e3d133-93940dc2, #w-node-_5307a3c8-dd01-e8e1-5b4f-d13299774cdd-93940dc2, #w-node-_5307a3c8-dd01-e8e1-5b4f-d13299774d3e-93940dc2, #w-node-_5307a3c8-dd01-e8e1-5b4f-d13299774d16-93940dc2, #w-node-d5feaca9-de86-6a86-4fa5-fdcc08c56580-93940dc2, #w-node-_5307a3c8-dd01-e8e1-5b4f-d13299774d01-93940dc2, #w-node-b34a4782-1ece-9843-c263-374b381b1c21-93940dc2, #w-node-_46b883a4-ae18-cd65-f5e6-a6b20928c466-93940dc2, #w-node-bcb7aa66-a74b-f699-c6fe-ef8641573a82-93940dc2, #w-node-db1c339f-785b-d2e0-0dad-aa8286eae760-93940dc2 {
  grid-area: span 1 / span 4 / span 1 / span 4;
  justify-self: auto;
}


@font-face {
  font-family: 'Inter Variable';
  src: url('../fonts/InterVariable.ttf') format('truetype');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Manrope Variablefont Wght';
  src: url('../fonts/Manrope-VariableFont_wght.ttf') format('truetype');
  font-weight: 200 800;
  font-style: normal;
  font-display: swap;
}