@charset "UTF-8";
/* -----------------------------------------------------------------------------
 * Atlas documentations overwritten styles */
/* -----------------------------------------------------------------------------
 * Breakpoints
 */
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;800;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;600;800&display=swap");
/*! minireset.css v0.0.6 | MIT License | github.com/jgthms/minireset.css */
html, body, p, ol, ul, li, dl, dt, dd, blockquote, figure, fieldset, legend, textarea, pre, iframe, hr, h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0;
}

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal;
}

ul {
  list-style: none;
}

a, button, input, select, textarea {
  margin: 0;
  outline: none;
}

html {
  box-sizing: border-box;
}

*, *::before, *::after {
  box-sizing: inherit;
}

img, video {
  height: auto;
  max-width: 100%;
}

iframe {
  border: 0;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td, th {
  padding: 0;
}

td:not([align]), th:not([align]) {
  text-align: inherit;
}

:root {
  --font-family: "SF Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  --font-family-code: "Menlo", Courier, monospace;
  --base-font-size: 1rem;
  --base-font-lh: 1.5rem;
  --font-awesome: "Font Awesome 6 Pro";
  --font-awesome--brands: "Font Awesome 6 Brands";
}

body {
  font-family: var(--font-family) !important;
}

h1, h2, h3, h4, h5, h6, p, ol, ul, a, button {
  font-family: inherit;
}

a {
  font-size: inherit;
  color: inherit;
}

a:hover {
  text-decoration: none;
}

h1, h2, h3, h4, h5, h6, .title, .subtitle {
  font-weight: 700;
  word-break: break-word;
  color: var(--color-contrast--high);
}

h1, h2, h3, h4, h5, h6 {
  color: var(--color-contrast--high);
}

p, a, button {
  word-break: break-word;
}

h1, .title {
  font-size: var(--text-xxl, 3rem);
  line-height: var(--text-xxl-lh, 3.25rem);
  color: var(--color-contrast--high);
}

h2 {
  font-size: var(--text-xl, 2.25rem);
  line-height: var(--text-xl-lh, 2.375rem);
}

h3 {
  font-size: var(--text-lg, 1.5rem);
  line-height: var(--text-lg-lh, 1.75rem);
}

h4, .subtitle {
  font-size: var(--text-md, 1.125rem);
  line-height: var(--text-md-lh, 1.75rem);
}

.subtitle {
  color: var(--color-contrast--low);
}

h5, small {
  font-size: var(--text-sm, 875rem);
  line-height: var(--text-sm-lh, 1.5rem);
}

.text-base {
  font-size: var(--base-font-size, 1rem);
}

h6, .text-xs {
  font-size: var(--text-xs, 0.75rem);
}

:root {
  --breakpoint-min: 320px;
  --breakpoint-mobile: 576px;
  --breakpoint-tablet: 768px;
  --breakpoint-laptop: 992px;
  --breakpoint-menu: 890px;
  --breakpoint-desktop: 1200px;
  --breakpoint-large: 1400px;
}

:root {
  --font-family-primary: "SF Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  --font-family-secondary: var(--font-family-primary);
  --font-family-code: Menlo, Courier, monospace;
  --font-size-base: 1rem;
  --line-height-base: calc(var(--font-size-base) + 0.625rem);
}

:root {
  --color-contrast-darker: #080c13;
  --color-contrast-dark: #1a2538;
  --color-contrast: #303f59;
  --color-contrast-lower: #4d6286;
  --color-contrast-light: #7488aa;
  --color-contrast-light-lower: #a5b0c4;
  --color-contrast-lighter: #d3d8e0;
  --color-contrast-background: #e9ecef;
  --color-contrast-background-light: #f6f7f9;
  --color-primary-dark: #00ADAB;
  --color-primary: #08D9D6;
  --color-primary-light: #61E8E6;
  --color-primary-lighter: #C8F7F7;
  --color-secondary-dark: #CC4181;
  --color-secondary: #FF6EB0;
  --color-secondary-light: #FFA8D0;
  --color-secondary-lighter: #FFE3F0;
  --color-accent-dark: #009CBD;
  --color-accent: #1AC8ED;
  --color-accent-light: #73DEF5;
  --color-accent-lighter: #CFF4FC;
  --color-white: #FFFFFF;
  --color-danger: #FF6161;
  --color-danger-light: #FFA1A1;
  --color-danger-background: #FFF0F0;
  --color-warning: #EEBA54;
  --color-warning-light: #F5D595;
  --color-warning-background: #FCF7EB;
  --color-success: #9BC81B;
  --color-success-light: #C0DE6A;
  --color-success-background: #F4FAE3;
  --color-info: #44B5F4;
  --color-info-light: #8ED3FA;
  --color-info-background: #EDF9FF;
}

:root {
  --space-none: 0;
  --space-xxs: 0.5rem;
  --space-xs: 0.75rem;
  --space-sm: 1rem;
  --space-md: 2rem;
  --space-lg: 4rem;
  --space-xl: 6rem;
  --space-xxl: 8rem;
}

@media (max-width: 768px) {
  :root {
    --space-xxs: 0.4rem;
    --space-xs: 0.6rem;
    --space-sm: 0.8rem;
    --space-md: 1.6rem;
    --space-lg: 3.2rem;
    --space-xl: 4.8rem;
    --space-xxl: 6.4rem;
  }
}
@media (max-width: 576px) {
  :root {
    --space-xs: 0.3rem;
    --space-xs: 0.45rem;
    --space-sm: 0.6rem;
    --space-md: 1.2rem;
    --space-lg: 2.4rem;
    --space-xl: 3.6rem;
    --space-xxl: 4.8rem;
  }
}
:root {
  --breakpoint-min: 320px;
  --breakpoint-mobile: 576px;
  --breakpoint-tablet: 768px;
  --breakpoint-laptop: 992px;
  --breakpoint-desktop: 1200px;
  --breakpoint-large: 1400px;
}

:root {
  --slideshow-padding: 1.25rem;
  --slideshow-max-width: 780;
  --slideshow-height: 440;
  --slideshow-transition: 600ms cubic-bezier(0.2,0,0.5,1) 0s;
  --slideshow-border-radius: var(--radius-lg, .5rem);
  --slideshow-arrow-size: 2.5rem;
  --slideshow-arrow-color: var(--color-accent);
  --slideshow-arrow-background: var(--color-white);
  --slideshow-arrow-border-radius: var(--radius-full, 9999px);
  --slideshow-arrow-shadow: 0 6px 20px 0 rgba(36, 41, 47, .4);
  --slideshow-control-size: .625rem;
  --slideshow-control-gap: .375rem;
  --slideshow-controls-border-radius: var(--radius-full, 9999px);
}

.slideshow__wrapper {
  position: relative;
  margin: 0 auto;
  padding: var(--slideshow-padding);
  max-width: var(--slideshow-max-width);
}

.is-fullwidth .slideshow__wrapper {
  --slideshow-max-width: 100%;
}

.is-ebook-previewer .slideshow__wrapper {
  --slideshow-max-width: 340px;
}

.slideshow__inner {
  border-radius: var(--slideshow-border-radius);
  height: var(--slideshow-height);
  overflow: hidden;
  cursor: grab;
}

.slideshow__content {
  position: relative;
  display: flex;
  align-items: center;
  transition: var(--slideshow-transition);
}

.slideshow__item {
  display: flex;
  flex: 0 0 100%;
  height: 100%;
  user-select: none;
}

.slideshow__item img {
  pointer-events: none;
  width: 100%;
}

.slideshow__arrow {
  position: absolute;
  top: calc(var(--slideshow-height) / 2);
  display: flex;
  justify-content: center;
  align-items: center;
  width: var(--slideshow-arrow-size);
  height: var(--slideshow-arrow-size);
  color: var(--slideshow-arrow-color);
  border-radius: var(--slideshow-arrow-border-radius);
  background-color: var(--slideshow-arrow-background);
  box-shadow: var(--slideshow-arrow-shadow);
  cursor: pointer;
  transition: background-color var(--slideshow-transition);
  z-index: 1;
}

.slideshow__arrow i {
  pointer-events: none;
}

.slideshow__arrow--previous {
  left: calc(var(--slideshow-arrow-size) / 2 - var(--slideshow-padding));
}

.slideshow__arrow--next {
  right: calc(var(--slideshow-arrow-size) / 2 - var(--slideshow-padding));
}

.slideshow__arrow:hover {
  color: var(--slideshow-arrow-background);
  background-color: var(--slideshow-arrow-color);
}

.slideshow__arrow.disabled {
  pointer-events: none;
  background-color: var(--color-primary--05);
  color: var(--color-primary--20);
}

.slideshow__control {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: var(--slideshow-control-gap);
  margin-top: 1.25rem;
}

.slideshow__control-item {
  position: relative;
  width: var(--slideshow-control-size);
  height: var(--slideshow-control-size);
  border-radius: var(--slideshow-controls-border-radius);
  background-color: var(--color-contrast--lower);
  transition: var(--slideshow-transition);
  cursor: pointer;
}

.slideshow__control-item.is-active {
  background-color: var(--color-contrast--high);
  pointer-events: none;
}

.slideshow__control-item:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-style: solid;
  border-width: 1px;
  border-color: var(--color-contrast--low);
  border-radius: var(--slideshow-controls-border-radius);
  transition: 0.3s;
  transform: scale(0.6);
  pointer-events: none;
  opacity: 0;
}

.slideshow__control-item:hover:not(.is-active):before {
  transform: scale(1.6);
  opacity: 1;
}

@keyframes spinAround {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}
:root {
  --button-font-size: .9375rem;
  --button-sm-font-size: .6875rem;
  --button-lg-font-size: 1.25rem;
  --button-font-weight: 600;
  --button-radius: var(--radius-md, .375rem);
  --button-color: var(--color-contrast-dark);
  --button-hover-color: var(--color-contrast-light);
  --button-color-primary: #fff;
  --button-hover-color-primary: var(--color-primary);
  --button-color-secondary: #fff;
  --button-hover-color-secondary: var(--color-secondary);
  --button-color-light: #fff;
  --button-hover-color-light: var(--color-primary-light);
  --button-color-subtle: var(--color-contrast);
  --button-hover-color-subtle: var(--color-contrast-light);
  --button-border-color: var(--color-contrast-lower);
  --button-hover-border-color: var(--color-contrast-light);
  --button-border-color-primary: var(--color-primary);
  --button-hover-border-color-primary: var(--color-primary);
  --button-border-color-secondary: var(--color-secondary);
  --button-hover-border-color-secondary: var(--color-secondary);
  --button-border-color-light: var(--color-primary-lighter);
  --button-hover-border-color-light: var(--color-primary-lighter);
  --button-border-color-subtle: transparent;
  --button-hover-border-color-subtle: transparent;
  --button-bg: #fff;
  --button-hover-bg: #fff;
  --button-bg-primary: var(--color-primary);
  --button-hover-bg-primary: transparent;
  --button-bg-secondary: var(--color-secondary);
  --button-hover-bg-secondary: transparent;
  --button-bg-light: var(--color-primary-lighter);
  --button-hover-bg-light: transparent;
  --button-bg-subtle: var(--color-contrast-background);
  --button-hover-bg-subtle: var(--color-contrast-background-light);
}

.button, .hs-button {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-size: var(--button-font-size);
  font-weight: var(--button-font-weight);
  line-height: 1.25;
  color: var(--button-color);
  text-align: center;
  width: max-content;
  padding-top: 0.7em;
  padding-bottom: 0.7em;
  padding-left: 1.2em;
  padding-right: 1.2em;
  border-width: 2px;
  border-style: solid;
  border-radius: var(--button-radius);
  border-color: var(--button-border-color);
  background-color: var(--button-bg);
  cursor: pointer;
  text-decoration: none;
  white-space: nowrap;
}

.button:hover, .hs-button:hover {
  color: var(--button-hover-color);
  background-color: var(--button-hover-bg);
  border-color: var(--button-hover-border-color);
}

.button.primary, .button.is-primary, .hs-button.primary, .hs-button.is-primary {
  color: var(--button-color-primary);
  background-color: var(--button-bg-primary);
  border-color: var(--button-border-color-primary);
}

.button.primary:hover, .button.is-primary:hover, .hs-button.primary:hover, .hs-button.is-primary:hover {
  color: var(--button-hover-color-primary);
  border-color: var(--button-hover-border-color-primary);
  background-color: var(--button-hover-bg-primary);
}

.button.primary.is-outlined, .button.is-primary.is-outlined, .hs-button.primary.is-outlined, .hs-button.is-primary.is-outlined {
  color: var(--button-bg-primary);
  background-color: rgba(0, 0, 0, 0);
}

.button.primary.is-outlined:hover, .button.is-primary.is-outlined:hover, .hs-button.primary.is-outlined:hover, .hs-button.is-primary.is-outlined:hover {
  color: var(--button-color-primary);
  background-color: var(--button-bg-primary);
}

.button.secondary, .button.is-secondary, .hs-button.secondary, .hs-button.is-secondary {
  color: var(--button-color-secondary);
  background-color: var(--button-bg-secondary);
  border-color: var(--button-border-color-secondary);
}

.button.secondary:hover, .button.is-secondary:hover, .hs-button.secondary:hover, .hs-button.is-secondary:hover {
  color: var(--button-hover-color-secondary);
  border-color: var(--button-hover-border-color-secondary);
  background-color: var(--button-hover-bg-secondary);
}

.button.secondary.is-outlined, .button.is-secondary.is-outlined, .hs-button.secondary.is-outlined, .hs-button.is-secondary.is-outlined {
  color: var(--button-bg-secondary);
  background-color: rgba(0, 0, 0, 0);
}

.button.secondary.is-outlined:hover, .button.is-secondary.is-outlined:hover, .hs-button.secondary.is-outlined:hover, .hs-button.is-secondary.is-outlined:hover {
  color: var(--button-color-secondary);
  background-color: var(--button-bg-secondary);
}

.button.is-light, .hs-button.is-light {
  color: var(--button-color-light);
  background-color: var(--button-bg-light);
  border-color: var(--button-border-color-light);
}

.button.is-light:hover, .hs-button.is-light:hover {
  color: var(--button-hover-color-light);
  border-color: var(--button-hover-border-color-light);
  background-color: var(--button-hover-bg-light);
}

.button.is-light.is-outlined, .hs-button.is-light.is-outlined {
  color: var(--button-bg-light);
  background-color: rgba(0, 0, 0, 0);
}

.button.is-light.is-outlined:hover, .hs-button.is-light.is-outlined:hover {
  color: var(--button-color-light);
  background-color: var(--button-bg-light);
}

.button.is-subtle, .hs-button.is-subtle {
  color: var(--button-color-subtle);
  background-color: var(--button-bg-subtle);
  border-color: var(--button-border-color-subtle);
}

.button.is-subtle:hover, .hs-button.is-subtle:hover {
  color: var(--button-hover-color-subtle);
  border-color: var(--button-hover-border-color-subtle);
  background-color: var(--button-hover-bg-subtle);
}

.button.is-subtle.is-outlined, .hs-button.is-subtle.is-outlined {
  color: var(--button-color-subtle);
  background-color: rgba(0, 0, 0, 0);
  border-color: var(--button-bg-subtle);
}

.button.is-subtle.is-outlined:hover, .hs-button.is-subtle.is-outlined:hover {
  color: var(--button-color-subtle);
  background-color: var(--button-hover-bg-subtle);
}

.button.is-small, .hs-button.is-small {
  font-size: var(--button-sm-font-size);
}

.button.is-large, .hs-button.is-large {
  font-size: var(--button-lg-font-size);
}

.button.is-full-width, .hs-button.is-full-width {
  width: 100%;
}

.button.is-loading, .hs-button.is-loading {
  position: relative;
  color: rgba(0, 0, 0, 0);
  pointer-events: none;
}

.button.is-loading::after, .hs-button.is-loading::after {
  display: block;
  position: absolute;
  content: "";
  height: 1.5em;
  width: 1.5em;
  border: 4px solid var(--color-white, #fff);
  border-radius: var(--radius-full, 9999px);
  border-right-color: rgba(0, 0, 0, 0);
  border-top-color: rgba(0, 0, 0, 0);
  backface-visibility: hidden;
  transform-origin: center;
  will-change: transform;
  animation: spinAround 0.8s infinite linear;
}

:root {
  --icons-font-size: 1.5rem;
  --icons-width: 5rem;
  --icons-height: 3rem;
  --icons-gap: var(--space-xs, 1.25rem);
  --icons-facebook: "";
  --icons-instagram: "";
  --icons-twitter: "";
  --icons-linkedin: "";
  --icons-whatsapp: "";
  --icons-email: "";
}

.social-icons.are-small {
  --icons-font-size: 1.125rem;
  --icons-width: 3.25rem;
  --icons-height: 2rem;
  --icons-gap: .5rem;
}

.social-icons__listing {
  gap: var(--icons-gap);
}

.social-icons .social-icons__link {
  width: var(--icons-width);
  height: var(--icons-height);
  text-decoration: none;
}

.social-icons__link:before {
  font-family: var(--font-awesome--brands);
  font-size: var(--icons-font-size);
}

.facebook .social-icons__link:before {
  content: var(--icons-facebook);
}

.instagram .social-icons__link:before {
  content: var(--icons-instagram);
}

.twitter .social-icons__link:before {
  content: var(--icons-twitter);
}

.linkedin .social-icons__link:before {
  content: var(--icons-linkedin);
}

.whatsapp .social-icons__link:before {
  content: var(--icons-whatsapp);
}

.email .social-icons__link:before {
  content: var(--icons-email);
  font-family: var(--font-awesome);
  font-weight: 500;
}

.my-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}

.mx-auto {
  margin-left: auto !important;
  margin-right: auto !important;
}

@media (min-width: 576px) {
  .sm\:mx-auto {
    margin-left: auto !important;
    margin-right: auto !important;
  }
}
@media (min-width: 768px) {
  .md\:mx-auto {
    margin-left: auto !important;
    margin-right: auto !important;
  }
}
@media (min-width: 1200px) {
  .lg\:mx-auto {
    margin-left: auto !important;
    margin-right: auto !important;
  }
}
@media (min-width: 576px) {
  .sm\:my-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
}
@media (min-width: 768px) {
  .md\:my-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
}
@media (min-width: 1200px) {
  .lg\:my-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
}
.gap-none {
  gap: 0 !important;
}

.gap-xxs {
  gap: 0.5rem !important;
}

.gap-xs {
  gap: 0.75rem !important;
}

.gap-sm {
  gap: 1rem !important;
}

.gap-md {
  gap: 2rem !important;
}

.gap-lg {
  gap: 4rem !important;
}

.gap-xl {
  gap: 6rem !important;
}

.gap-xxl {
  gap: 8rem !important;
}

@media (min-width: 576px) {
  .sm\:gap-none {
    gap: 0 !important;
  }
}
@media (min-width: 576px) {
  .sm\:gap-xxs {
    gap: 0.5rem !important;
  }
}
@media (min-width: 576px) {
  .sm\:gap-xs {
    gap: 0.75rem !important;
  }
}
@media (min-width: 576px) {
  .sm\:gap-sm {
    gap: 1rem !important;
  }
}
@media (min-width: 576px) {
  .sm\:gap-md {
    gap: 2rem !important;
  }
}
@media (min-width: 576px) {
  .sm\:gap-lg {
    gap: 4rem !important;
  }
}
@media (min-width: 576px) {
  .sm\:gap-xl {
    gap: 6rem !important;
  }
}
@media (min-width: 576px) {
  .sm\:gap-xxl {
    gap: 8rem !important;
  }
}
@media (min-width: 768px) {
  .md\:gap-none {
    gap: 0 !important;
  }
}
@media (min-width: 768px) {
  .md\:gap-xxs {
    gap: 0.5rem !important;
  }
}
@media (min-width: 768px) {
  .md\:gap-xs {
    gap: 0.75rem !important;
  }
}
@media (min-width: 768px) {
  .md\:gap-sm {
    gap: 1rem !important;
  }
}
@media (min-width: 768px) {
  .md\:gap-md {
    gap: 2rem !important;
  }
}
@media (min-width: 768px) {
  .md\:gap-lg {
    gap: 4rem !important;
  }
}
@media (min-width: 768px) {
  .md\:gap-xl {
    gap: 6rem !important;
  }
}
@media (min-width: 768px) {
  .md\:gap-xxl {
    gap: 8rem !important;
  }
}
@media (min-width: 1200px) {
  .lg\:gap-none {
    gap: 0 !important;
  }
}
@media (min-width: 1200px) {
  .lg\:gap-xxs {
    gap: 0.5rem !important;
  }
}
@media (min-width: 1200px) {
  .lg\:gap-xs {
    gap: 0.75rem !important;
  }
}
@media (min-width: 1200px) {
  .lg\:gap-sm {
    gap: 1rem !important;
  }
}
@media (min-width: 1200px) {
  .lg\:gap-md {
    gap: 2rem !important;
  }
}
@media (min-width: 1200px) {
  .lg\:gap-lg {
    gap: 4rem !important;
  }
}
@media (min-width: 1200px) {
  .lg\:gap-xl {
    gap: 6rem !important;
  }
}
@media (min-width: 1200px) {
  .lg\:gap-xxl {
    gap: 8rem !important;
  }
}
.gap-y-none {
  row-gap: 0 !important;
}

.gap-y-xxs {
  row-gap: 0.5rem !important;
}

.gap-y-xs {
  row-gap: 0.75rem !important;
}

.gap-y-sm {
  row-gap: 1rem !important;
}

.gap-y-md {
  row-gap: 2rem !important;
}

.gap-y-lg {
  row-gap: 4rem !important;
}

.gap-y-xl {
  row-gap: 6rem !important;
}

.gap-y-xxl {
  row-gap: 8rem !important;
}

@media (min-width: 576px) {
  .sm\:gap-y-none {
    row-gap: 0 !important;
  }
}
@media (min-width: 576px) {
  .sm\:gap-y-xxs {
    row-gap: 0.5rem !important;
  }
}
@media (min-width: 576px) {
  .sm\:gap-y-xs {
    row-gap: 0.75rem !important;
  }
}
@media (min-width: 576px) {
  .sm\:gap-y-sm {
    row-gap: 1rem !important;
  }
}
@media (min-width: 576px) {
  .sm\:gap-y-md {
    row-gap: 2rem !important;
  }
}
@media (min-width: 576px) {
  .sm\:gap-y-lg {
    row-gap: 4rem !important;
  }
}
@media (min-width: 576px) {
  .sm\:gap-y-xl {
    row-gap: 6rem !important;
  }
}
@media (min-width: 576px) {
  .sm\:gap-y-xxl {
    row-gap: 8rem !important;
  }
}
@media (min-width: 768px) {
  .md\:gap-y-none {
    row-gap: 0 !important;
  }
}
@media (min-width: 768px) {
  .md\:gap-y-xxs {
    row-gap: 0.5rem !important;
  }
}
@media (min-width: 768px) {
  .md\:gap-y-xs {
    row-gap: 0.75rem !important;
  }
}
@media (min-width: 768px) {
  .md\:gap-y-sm {
    row-gap: 1rem !important;
  }
}
@media (min-width: 768px) {
  .md\:gap-y-md {
    row-gap: 2rem !important;
  }
}
@media (min-width: 768px) {
  .md\:gap-y-lg {
    row-gap: 4rem !important;
  }
}
@media (min-width: 768px) {
  .md\:gap-y-xl {
    row-gap: 6rem !important;
  }
}
@media (min-width: 768px) {
  .md\:gap-y-xxl {
    row-gap: 8rem !important;
  }
}
@media (min-width: 1200px) {
  .lg\:gap-y-none {
    row-gap: 0 !important;
  }
}
@media (min-width: 1200px) {
  .lg\:gap-y-xxs {
    row-gap: 0.5rem !important;
  }
}
@media (min-width: 1200px) {
  .lg\:gap-y-xs {
    row-gap: 0.75rem !important;
  }
}
@media (min-width: 1200px) {
  .lg\:gap-y-sm {
    row-gap: 1rem !important;
  }
}
@media (min-width: 1200px) {
  .lg\:gap-y-md {
    row-gap: 2rem !important;
  }
}
@media (min-width: 1200px) {
  .lg\:gap-y-lg {
    row-gap: 4rem !important;
  }
}
@media (min-width: 1200px) {
  .lg\:gap-y-xl {
    row-gap: 6rem !important;
  }
}
@media (min-width: 1200px) {
  .lg\:gap-y-xxl {
    row-gap: 8rem !important;
  }
}
.gap-x-none {
  column-gap: 0 !important;
}

.gap-x-xxs {
  column-gap: 0.5rem !important;
}

.gap-x-xs {
  column-gap: 0.75rem !important;
}

.gap-x-sm {
  column-gap: 1rem !important;
}

.gap-x-md {
  column-gap: 2rem !important;
}

.gap-x-lg {
  column-gap: 4rem !important;
}

.gap-x-xl {
  column-gap: 6rem !important;
}

.gap-x-xxl {
  column-gap: 8rem !important;
}

@media (min-width: 576px) {
  .sm\:gap-x-none {
    column-gap: 0 !important;
  }
}
@media (min-width: 576px) {
  .sm\:gap-x-xxs {
    column-gap: 0.5rem !important;
  }
}
@media (min-width: 576px) {
  .sm\:gap-x-xs {
    column-gap: 0.75rem !important;
  }
}
@media (min-width: 576px) {
  .sm\:gap-x-sm {
    column-gap: 1rem !important;
  }
}
@media (min-width: 576px) {
  .sm\:gap-x-md {
    column-gap: 2rem !important;
  }
}
@media (min-width: 576px) {
  .sm\:gap-x-lg {
    column-gap: 4rem !important;
  }
}
@media (min-width: 576px) {
  .sm\:gap-x-xl {
    column-gap: 6rem !important;
  }
}
@media (min-width: 576px) {
  .sm\:gap-x-xxl {
    column-gap: 8rem !important;
  }
}
@media (min-width: 768px) {
  .md\:gap-x-none {
    column-gap: 0 !important;
  }
}
@media (min-width: 768px) {
  .md\:gap-x-xxs {
    column-gap: 0.5rem !important;
  }
}
@media (min-width: 768px) {
  .md\:gap-x-xs {
    column-gap: 0.75rem !important;
  }
}
@media (min-width: 768px) {
  .md\:gap-x-sm {
    column-gap: 1rem !important;
  }
}
@media (min-width: 768px) {
  .md\:gap-x-md {
    column-gap: 2rem !important;
  }
}
@media (min-width: 768px) {
  .md\:gap-x-lg {
    column-gap: 4rem !important;
  }
}
@media (min-width: 768px) {
  .md\:gap-x-xl {
    column-gap: 6rem !important;
  }
}
@media (min-width: 768px) {
  .md\:gap-x-xxl {
    column-gap: 8rem !important;
  }
}
@media (min-width: 1200px) {
  .lg\:gap-x-none {
    column-gap: 0 !important;
  }
}
@media (min-width: 1200px) {
  .lg\:gap-x-xxs {
    column-gap: 0.5rem !important;
  }
}
@media (min-width: 1200px) {
  .lg\:gap-x-xs {
    column-gap: 0.75rem !important;
  }
}
@media (min-width: 1200px) {
  .lg\:gap-x-sm {
    column-gap: 1rem !important;
  }
}
@media (min-width: 1200px) {
  .lg\:gap-x-md {
    column-gap: 2rem !important;
  }
}
@media (min-width: 1200px) {
  .lg\:gap-x-lg {
    column-gap: 4rem !important;
  }
}
@media (min-width: 1200px) {
  .lg\:gap-x-xl {
    column-gap: 6rem !important;
  }
}
@media (min-width: 1200px) {
  .lg\:gap-x-xxl {
    column-gap: 8rem !important;
  }
}
.margin-none {
  margin: 0 !important;
}

.margin-top-none {
  margin-top: 0 !important;
}

.margin-right-none {
  margin-right: 0 !important;
}

.margin-bottom-none {
  margin-bottom: 0 !important;
}

.margin-left-none {
  margin-left: 0 !important;
}

.margin-x-none {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.margin-y-none {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.margin-xxs {
  margin: 0.5rem !important;
}

.margin-top-xxs {
  margin-top: 0.5rem !important;
}

.margin-right-xxs {
  margin-right: 0.5rem !important;
}

.margin-bottom-xxs {
  margin-bottom: 0.5rem !important;
}

.margin-left-xxs {
  margin-left: 0.5rem !important;
}

.margin-x-xxs {
  margin-left: 0.5rem !important;
  margin-right: 0.5rem !important;
}

.margin-y-xxs {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}

.margin-xs {
  margin: 0.75rem !important;
}

.margin-top-xs {
  margin-top: 0.75rem !important;
}

.margin-right-xs {
  margin-right: 0.75rem !important;
}

.margin-bottom-xs {
  margin-bottom: 0.75rem !important;
}

.margin-left-xs {
  margin-left: 0.75rem !important;
}

.margin-x-xs {
  margin-left: 0.75rem !important;
  margin-right: 0.75rem !important;
}

.margin-y-xs {
  margin-top: 0.75rem !important;
  margin-bottom: 0.75rem !important;
}

.margin-sm {
  margin: 1rem !important;
}

.margin-top-sm {
  margin-top: 1rem !important;
}

.margin-right-sm {
  margin-right: 1rem !important;
}

.margin-bottom-sm {
  margin-bottom: 1rem !important;
}

.margin-left-sm {
  margin-left: 1rem !important;
}

.margin-x-sm {
  margin-left: 1rem !important;
  margin-right: 1rem !important;
}

.margin-y-sm {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}

.margin-md {
  margin: 2rem !important;
}

.margin-top-md {
  margin-top: 2rem !important;
}

.margin-right-md {
  margin-right: 2rem !important;
}

.margin-bottom-md {
  margin-bottom: 2rem !important;
}

.margin-left-md {
  margin-left: 2rem !important;
}

.margin-x-md {
  margin-left: 2rem !important;
  margin-right: 2rem !important;
}

.margin-y-md {
  margin-top: 2rem !important;
  margin-bottom: 2rem !important;
}

.margin-lg {
  margin: 4rem !important;
}

.margin-top-lg {
  margin-top: 4rem !important;
}

.margin-right-lg {
  margin-right: 4rem !important;
}

.margin-bottom-lg {
  margin-bottom: 4rem !important;
}

.margin-left-lg {
  margin-left: 4rem !important;
}

.margin-x-lg {
  margin-left: 4rem !important;
  margin-right: 4rem !important;
}

.margin-y-lg {
  margin-top: 4rem !important;
  margin-bottom: 4rem !important;
}

.margin-xl {
  margin: 6rem !important;
}

.margin-top-xl {
  margin-top: 6rem !important;
}

.margin-right-xl {
  margin-right: 6rem !important;
}

.margin-bottom-xl {
  margin-bottom: 6rem !important;
}

.margin-left-xl {
  margin-left: 6rem !important;
}

.margin-x-xl {
  margin-left: 6rem !important;
  margin-right: 6rem !important;
}

.margin-y-xl {
  margin-top: 6rem !important;
  margin-bottom: 6rem !important;
}

.margin-xxl {
  margin: 8rem !important;
}

.margin-top-xxl {
  margin-top: 8rem !important;
}

.margin-right-xxl {
  margin-right: 8rem !important;
}

.margin-bottom-xxl {
  margin-bottom: 8rem !important;
}

.margin-left-xxl {
  margin-left: 8rem !important;
}

.margin-x-xxl {
  margin-left: 8rem !important;
  margin-right: 8rem !important;
}

.margin-y-xxl {
  margin-top: 8rem !important;
  margin-bottom: 8rem !important;
}

.padding-none {
  padding: 0 !important;
}

.padding-top-none {
  padding-top: 0 !important;
}

.padding-right-none {
  padding-right: 0 !important;
}

.padding-bottom-none {
  padding-bottom: 0 !important;
}

.padding-left-none {
  padding-left: 0 !important;
}

.padding-x-none {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.padding-y-none {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.padding-xxs {
  padding: 0.5rem !important;
}

.padding-top-xxs {
  padding-top: 0.5rem !important;
}

.padding-right-xxs {
  padding-right: 0.5rem !important;
}

.padding-bottom-xxs {
  padding-bottom: 0.5rem !important;
}

.padding-left-xxs {
  padding-left: 0.5rem !important;
}

.padding-x-xxs {
  padding-left: 0.5rem !important;
  padding-right: 0.5rem !important;
}

.padding-y-xxs {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}

.padding-xs {
  padding: 0.75rem !important;
}

.padding-top-xs {
  padding-top: 0.75rem !important;
}

.padding-right-xs {
  padding-right: 0.75rem !important;
}

.padding-bottom-xs {
  padding-bottom: 0.75rem !important;
}

.padding-left-xs {
  padding-left: 0.75rem !important;
}

.padding-x-xs {
  padding-left: 0.75rem !important;
  padding-right: 0.75rem !important;
}

.padding-y-xs {
  padding-top: 0.75rem !important;
  padding-bottom: 0.75rem !important;
}

.padding-sm {
  padding: 1rem !important;
}

.padding-top-sm {
  padding-top: 1rem !important;
}

.padding-right-sm {
  padding-right: 1rem !important;
}

.padding-bottom-sm {
  padding-bottom: 1rem !important;
}

.padding-left-sm {
  padding-left: 1rem !important;
}

.padding-x-sm {
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}

.padding-y-sm {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}

.padding-md {
  padding: 2rem !important;
}

.padding-top-md {
  padding-top: 2rem !important;
}

.padding-right-md {
  padding-right: 2rem !important;
}

.padding-bottom-md {
  padding-bottom: 2rem !important;
}

.padding-left-md {
  padding-left: 2rem !important;
}

.padding-x-md {
  padding-left: 2rem !important;
  padding-right: 2rem !important;
}

.padding-y-md {
  padding-top: 2rem !important;
  padding-bottom: 2rem !important;
}

.padding-lg {
  padding: 4rem !important;
}

.padding-top-lg {
  padding-top: 4rem !important;
}

.padding-right-lg {
  padding-right: 4rem !important;
}

.padding-bottom-lg {
  padding-bottom: 4rem !important;
}

.padding-left-lg {
  padding-left: 4rem !important;
}

.padding-x-lg {
  padding-left: 4rem !important;
  padding-right: 4rem !important;
}

.padding-y-lg {
  padding-top: 4rem !important;
  padding-bottom: 4rem !important;
}

.padding-xl {
  padding: 6rem !important;
}

.padding-top-xl {
  padding-top: 6rem !important;
}

.padding-right-xl {
  padding-right: 6rem !important;
}

.padding-bottom-xl {
  padding-bottom: 6rem !important;
}

.padding-left-xl {
  padding-left: 6rem !important;
}

.padding-x-xl {
  padding-left: 6rem !important;
  padding-right: 6rem !important;
}

.padding-y-xl {
  padding-top: 6rem !important;
  padding-bottom: 6rem !important;
}

.padding-xxl {
  padding: 8rem !important;
}

.padding-top-xxl {
  padding-top: 8rem !important;
}

.padding-right-xxl {
  padding-right: 8rem !important;
}

.padding-bottom-xxl {
  padding-bottom: 8rem !important;
}

.padding-left-xxl {
  padding-left: 8rem !important;
}

.padding-x-xxl {
  padding-left: 8rem !important;
  padding-right: 8rem !important;
}

.padding-y-xxl {
  padding-top: 8rem !important;
  padding-bottom: 8rem !important;
}

@media (min-width: 576px) {
  .sm\:margin-none {
    margin: 0 !important;
  }
}
@media (min-width: 576px) {
  .sm\:margin-top-none {
    margin-top: 0 !important;
  }
}
@media (min-width: 576px) {
  .sm\:margin-right-none {
    margin-right: 0 !important;
  }
}
@media (min-width: 576px) {
  .sm\:margin-bottom-none {
    margin-bottom: 0 !important;
  }
}
@media (min-width: 576px) {
  .sm\:margin-left-none {
    margin-left: 0 !important;
  }
}
@media (min-width: 576px) {
  .sm\:margin-x-none {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}
@media (min-width: 576px) {
  .sm\:margin-y-none {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
}
@media (min-width: 576px) {
  .sm\:margin-xxs {
    margin: 0.5rem !important;
  }
}
@media (min-width: 576px) {
  .sm\:margin-top-xxs {
    margin-top: 0.5rem !important;
  }
}
@media (min-width: 576px) {
  .sm\:margin-right-xxs {
    margin-right: 0.5rem !important;
  }
}
@media (min-width: 576px) {
  .sm\:margin-bottom-xxs {
    margin-bottom: 0.5rem !important;
  }
}
@media (min-width: 576px) {
  .sm\:margin-left-xxs {
    margin-left: 0.5rem !important;
  }
}
@media (min-width: 576px) {
  .sm\:margin-x-xxs {
    margin-left: 0.5rem !important;
    margin-right: 0.5rem !important;
  }
}
@media (min-width: 576px) {
  .sm\:margin-y-xxs {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
}
@media (min-width: 576px) {
  .sm\:margin-xs {
    margin: 0.75rem !important;
  }
}
@media (min-width: 576px) {
  .sm\:margin-top-xs {
    margin-top: 0.75rem !important;
  }
}
@media (min-width: 576px) {
  .sm\:margin-right-xs {
    margin-right: 0.75rem !important;
  }
}
@media (min-width: 576px) {
  .sm\:margin-bottom-xs {
    margin-bottom: 0.75rem !important;
  }
}
@media (min-width: 576px) {
  .sm\:margin-left-xs {
    margin-left: 0.75rem !important;
  }
}
@media (min-width: 576px) {
  .sm\:margin-x-xs {
    margin-left: 0.75rem !important;
    margin-right: 0.75rem !important;
  }
}
@media (min-width: 576px) {
  .sm\:margin-y-xs {
    margin-top: 0.75rem !important;
    margin-bottom: 0.75rem !important;
  }
}
@media (min-width: 576px) {
  .sm\:margin-sm {
    margin: 1rem !important;
  }
}
@media (min-width: 576px) {
  .sm\:margin-top-sm {
    margin-top: 1rem !important;
  }
}
@media (min-width: 576px) {
  .sm\:margin-right-sm {
    margin-right: 1rem !important;
  }
}
@media (min-width: 576px) {
  .sm\:margin-bottom-sm {
    margin-bottom: 1rem !important;
  }
}
@media (min-width: 576px) {
  .sm\:margin-left-sm {
    margin-left: 1rem !important;
  }
}
@media (min-width: 576px) {
  .sm\:margin-x-sm {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
  }
}
@media (min-width: 576px) {
  .sm\:margin-y-sm {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
}
@media (min-width: 576px) {
  .sm\:margin-md {
    margin: 2rem !important;
  }
}
@media (min-width: 576px) {
  .sm\:margin-top-md {
    margin-top: 2rem !important;
  }
}
@media (min-width: 576px) {
  .sm\:margin-right-md {
    margin-right: 2rem !important;
  }
}
@media (min-width: 576px) {
  .sm\:margin-bottom-md {
    margin-bottom: 2rem !important;
  }
}
@media (min-width: 576px) {
  .sm\:margin-left-md {
    margin-left: 2rem !important;
  }
}
@media (min-width: 576px) {
  .sm\:margin-x-md {
    margin-left: 2rem !important;
    margin-right: 2rem !important;
  }
}
@media (min-width: 576px) {
  .sm\:margin-y-md {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
  }
}
@media (min-width: 576px) {
  .sm\:margin-lg {
    margin: 4rem !important;
  }
}
@media (min-width: 576px) {
  .sm\:margin-top-lg {
    margin-top: 4rem !important;
  }
}
@media (min-width: 576px) {
  .sm\:margin-right-lg {
    margin-right: 4rem !important;
  }
}
@media (min-width: 576px) {
  .sm\:margin-bottom-lg {
    margin-bottom: 4rem !important;
  }
}
@media (min-width: 576px) {
  .sm\:margin-left-lg {
    margin-left: 4rem !important;
  }
}
@media (min-width: 576px) {
  .sm\:margin-x-lg {
    margin-left: 4rem !important;
    margin-right: 4rem !important;
  }
}
@media (min-width: 576px) {
  .sm\:margin-y-lg {
    margin-top: 4rem !important;
    margin-bottom: 4rem !important;
  }
}
@media (min-width: 576px) {
  .sm\:margin-xl {
    margin: 6rem !important;
  }
}
@media (min-width: 576px) {
  .sm\:margin-top-xl {
    margin-top: 6rem !important;
  }
}
@media (min-width: 576px) {
  .sm\:margin-right-xl {
    margin-right: 6rem !important;
  }
}
@media (min-width: 576px) {
  .sm\:margin-bottom-xl {
    margin-bottom: 6rem !important;
  }
}
@media (min-width: 576px) {
  .sm\:margin-left-xl {
    margin-left: 6rem !important;
  }
}
@media (min-width: 576px) {
  .sm\:margin-x-xl {
    margin-left: 6rem !important;
    margin-right: 6rem !important;
  }
}
@media (min-width: 576px) {
  .sm\:margin-y-xl {
    margin-top: 6rem !important;
    margin-bottom: 6rem !important;
  }
}
@media (min-width: 576px) {
  .sm\:margin-xxl {
    margin: 8rem !important;
  }
}
@media (min-width: 576px) {
  .sm\:margin-top-xxl {
    margin-top: 8rem !important;
  }
}
@media (min-width: 576px) {
  .sm\:margin-right-xxl {
    margin-right: 8rem !important;
  }
}
@media (min-width: 576px) {
  .sm\:margin-bottom-xxl {
    margin-bottom: 8rem !important;
  }
}
@media (min-width: 576px) {
  .sm\:margin-left-xxl {
    margin-left: 8rem !important;
  }
}
@media (min-width: 576px) {
  .sm\:margin-x-xxl {
    margin-left: 8rem !important;
    margin-right: 8rem !important;
  }
}
@media (min-width: 576px) {
  .sm\:margin-y-xxl {
    margin-top: 8rem !important;
    margin-bottom: 8rem !important;
  }
}
@media (min-width: 576px) {
  .sm\:padding-none {
    padding: 0 !important;
  }
}
@media (min-width: 576px) {
  .sm\:padding-top-none {
    padding-top: 0 !important;
  }
}
@media (min-width: 576px) {
  .sm\:padding-right-none {
    padding-right: 0 !important;
  }
}
@media (min-width: 576px) {
  .sm\:padding-bottom-none {
    padding-bottom: 0 !important;
  }
}
@media (min-width: 576px) {
  .sm\:padding-left-none {
    padding-left: 0 !important;
  }
}
@media (min-width: 576px) {
  .sm\:padding-x-none {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}
@media (min-width: 576px) {
  .sm\:padding-y-none {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
}
@media (min-width: 576px) {
  .sm\:padding-xxs {
    padding: 0.5rem !important;
  }
}
@media (min-width: 576px) {
  .sm\:padding-top-xxs {
    padding-top: 0.5rem !important;
  }
}
@media (min-width: 576px) {
  .sm\:padding-right-xxs {
    padding-right: 0.5rem !important;
  }
}
@media (min-width: 576px) {
  .sm\:padding-bottom-xxs {
    padding-bottom: 0.5rem !important;
  }
}
@media (min-width: 576px) {
  .sm\:padding-left-xxs {
    padding-left: 0.5rem !important;
  }
}
@media (min-width: 576px) {
  .sm\:padding-x-xxs {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
  }
}
@media (min-width: 576px) {
  .sm\:padding-y-xxs {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
}
@media (min-width: 576px) {
  .sm\:padding-xs {
    padding: 0.75rem !important;
  }
}
@media (min-width: 576px) {
  .sm\:padding-top-xs {
    padding-top: 0.75rem !important;
  }
}
@media (min-width: 576px) {
  .sm\:padding-right-xs {
    padding-right: 0.75rem !important;
  }
}
@media (min-width: 576px) {
  .sm\:padding-bottom-xs {
    padding-bottom: 0.75rem !important;
  }
}
@media (min-width: 576px) {
  .sm\:padding-left-xs {
    padding-left: 0.75rem !important;
  }
}
@media (min-width: 576px) {
  .sm\:padding-x-xs {
    padding-left: 0.75rem !important;
    padding-right: 0.75rem !important;
  }
}
@media (min-width: 576px) {
  .sm\:padding-y-xs {
    padding-top: 0.75rem !important;
    padding-bottom: 0.75rem !important;
  }
}
@media (min-width: 576px) {
  .sm\:padding-sm {
    padding: 1rem !important;
  }
}
@media (min-width: 576px) {
  .sm\:padding-top-sm {
    padding-top: 1rem !important;
  }
}
@media (min-width: 576px) {
  .sm\:padding-right-sm {
    padding-right: 1rem !important;
  }
}
@media (min-width: 576px) {
  .sm\:padding-bottom-sm {
    padding-bottom: 1rem !important;
  }
}
@media (min-width: 576px) {
  .sm\:padding-left-sm {
    padding-left: 1rem !important;
  }
}
@media (min-width: 576px) {
  .sm\:padding-x-sm {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
}
@media (min-width: 576px) {
  .sm\:padding-y-sm {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
}
@media (min-width: 576px) {
  .sm\:padding-md {
    padding: 2rem !important;
  }
}
@media (min-width: 576px) {
  .sm\:padding-top-md {
    padding-top: 2rem !important;
  }
}
@media (min-width: 576px) {
  .sm\:padding-right-md {
    padding-right: 2rem !important;
  }
}
@media (min-width: 576px) {
  .sm\:padding-bottom-md {
    padding-bottom: 2rem !important;
  }
}
@media (min-width: 576px) {
  .sm\:padding-left-md {
    padding-left: 2rem !important;
  }
}
@media (min-width: 576px) {
  .sm\:padding-x-md {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }
}
@media (min-width: 576px) {
  .sm\:padding-y-md {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }
}
@media (min-width: 576px) {
  .sm\:padding-lg {
    padding: 4rem !important;
  }
}
@media (min-width: 576px) {
  .sm\:padding-top-lg {
    padding-top: 4rem !important;
  }
}
@media (min-width: 576px) {
  .sm\:padding-right-lg {
    padding-right: 4rem !important;
  }
}
@media (min-width: 576px) {
  .sm\:padding-bottom-lg {
    padding-bottom: 4rem !important;
  }
}
@media (min-width: 576px) {
  .sm\:padding-left-lg {
    padding-left: 4rem !important;
  }
}
@media (min-width: 576px) {
  .sm\:padding-x-lg {
    padding-left: 4rem !important;
    padding-right: 4rem !important;
  }
}
@media (min-width: 576px) {
  .sm\:padding-y-lg {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
  }
}
@media (min-width: 576px) {
  .sm\:padding-xl {
    padding: 6rem !important;
  }
}
@media (min-width: 576px) {
  .sm\:padding-top-xl {
    padding-top: 6rem !important;
  }
}
@media (min-width: 576px) {
  .sm\:padding-right-xl {
    padding-right: 6rem !important;
  }
}
@media (min-width: 576px) {
  .sm\:padding-bottom-xl {
    padding-bottom: 6rem !important;
  }
}
@media (min-width: 576px) {
  .sm\:padding-left-xl {
    padding-left: 6rem !important;
  }
}
@media (min-width: 576px) {
  .sm\:padding-x-xl {
    padding-left: 6rem !important;
    padding-right: 6rem !important;
  }
}
@media (min-width: 576px) {
  .sm\:padding-y-xl {
    padding-top: 6rem !important;
    padding-bottom: 6rem !important;
  }
}
@media (min-width: 576px) {
  .sm\:padding-xxl {
    padding: 8rem !important;
  }
}
@media (min-width: 576px) {
  .sm\:padding-top-xxl {
    padding-top: 8rem !important;
  }
}
@media (min-width: 576px) {
  .sm\:padding-right-xxl {
    padding-right: 8rem !important;
  }
}
@media (min-width: 576px) {
  .sm\:padding-bottom-xxl {
    padding-bottom: 8rem !important;
  }
}
@media (min-width: 576px) {
  .sm\:padding-left-xxl {
    padding-left: 8rem !important;
  }
}
@media (min-width: 576px) {
  .sm\:padding-x-xxl {
    padding-left: 8rem !important;
    padding-right: 8rem !important;
  }
}
@media (min-width: 576px) {
  .sm\:padding-y-xxl {
    padding-top: 8rem !important;
    padding-bottom: 8rem !important;
  }
}
@media (min-width: 768px) {
  .md\:margin-none {
    margin: 0 !important;
  }
}
@media (min-width: 768px) {
  .md\:margin-top-none {
    margin-top: 0 !important;
  }
}
@media (min-width: 768px) {
  .md\:margin-right-none {
    margin-right: 0 !important;
  }
}
@media (min-width: 768px) {
  .md\:margin-bottom-none {
    margin-bottom: 0 !important;
  }
}
@media (min-width: 768px) {
  .md\:margin-left-none {
    margin-left: 0 !important;
  }
}
@media (min-width: 768px) {
  .md\:margin-x-none {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}
@media (min-width: 768px) {
  .md\:margin-y-none {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
}
@media (min-width: 768px) {
  .md\:margin-xxs {
    margin: 0.5rem !important;
  }
}
@media (min-width: 768px) {
  .md\:margin-top-xxs {
    margin-top: 0.5rem !important;
  }
}
@media (min-width: 768px) {
  .md\:margin-right-xxs {
    margin-right: 0.5rem !important;
  }
}
@media (min-width: 768px) {
  .md\:margin-bottom-xxs {
    margin-bottom: 0.5rem !important;
  }
}
@media (min-width: 768px) {
  .md\:margin-left-xxs {
    margin-left: 0.5rem !important;
  }
}
@media (min-width: 768px) {
  .md\:margin-x-xxs {
    margin-left: 0.5rem !important;
    margin-right: 0.5rem !important;
  }
}
@media (min-width: 768px) {
  .md\:margin-y-xxs {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
}
@media (min-width: 768px) {
  .md\:margin-xs {
    margin: 0.75rem !important;
  }
}
@media (min-width: 768px) {
  .md\:margin-top-xs {
    margin-top: 0.75rem !important;
  }
}
@media (min-width: 768px) {
  .md\:margin-right-xs {
    margin-right: 0.75rem !important;
  }
}
@media (min-width: 768px) {
  .md\:margin-bottom-xs {
    margin-bottom: 0.75rem !important;
  }
}
@media (min-width: 768px) {
  .md\:margin-left-xs {
    margin-left: 0.75rem !important;
  }
}
@media (min-width: 768px) {
  .md\:margin-x-xs {
    margin-left: 0.75rem !important;
    margin-right: 0.75rem !important;
  }
}
@media (min-width: 768px) {
  .md\:margin-y-xs {
    margin-top: 0.75rem !important;
    margin-bottom: 0.75rem !important;
  }
}
@media (min-width: 768px) {
  .md\:margin-sm {
    margin: 1rem !important;
  }
}
@media (min-width: 768px) {
  .md\:margin-top-sm {
    margin-top: 1rem !important;
  }
}
@media (min-width: 768px) {
  .md\:margin-right-sm {
    margin-right: 1rem !important;
  }
}
@media (min-width: 768px) {
  .md\:margin-bottom-sm {
    margin-bottom: 1rem !important;
  }
}
@media (min-width: 768px) {
  .md\:margin-left-sm {
    margin-left: 1rem !important;
  }
}
@media (min-width: 768px) {
  .md\:margin-x-sm {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
  }
}
@media (min-width: 768px) {
  .md\:margin-y-sm {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
}
@media (min-width: 768px) {
  .md\:margin-md {
    margin: 2rem !important;
  }
}
@media (min-width: 768px) {
  .md\:margin-top-md {
    margin-top: 2rem !important;
  }
}
@media (min-width: 768px) {
  .md\:margin-right-md {
    margin-right: 2rem !important;
  }
}
@media (min-width: 768px) {
  .md\:margin-bottom-md {
    margin-bottom: 2rem !important;
  }
}
@media (min-width: 768px) {
  .md\:margin-left-md {
    margin-left: 2rem !important;
  }
}
@media (min-width: 768px) {
  .md\:margin-x-md {
    margin-left: 2rem !important;
    margin-right: 2rem !important;
  }
}
@media (min-width: 768px) {
  .md\:margin-y-md {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
  }
}
@media (min-width: 768px) {
  .md\:margin-lg {
    margin: 4rem !important;
  }
}
@media (min-width: 768px) {
  .md\:margin-top-lg {
    margin-top: 4rem !important;
  }
}
@media (min-width: 768px) {
  .md\:margin-right-lg {
    margin-right: 4rem !important;
  }
}
@media (min-width: 768px) {
  .md\:margin-bottom-lg {
    margin-bottom: 4rem !important;
  }
}
@media (min-width: 768px) {
  .md\:margin-left-lg {
    margin-left: 4rem !important;
  }
}
@media (min-width: 768px) {
  .md\:margin-x-lg {
    margin-left: 4rem !important;
    margin-right: 4rem !important;
  }
}
@media (min-width: 768px) {
  .md\:margin-y-lg {
    margin-top: 4rem !important;
    margin-bottom: 4rem !important;
  }
}
@media (min-width: 768px) {
  .md\:margin-xl {
    margin: 6rem !important;
  }
}
@media (min-width: 768px) {
  .md\:margin-top-xl {
    margin-top: 6rem !important;
  }
}
@media (min-width: 768px) {
  .md\:margin-right-xl {
    margin-right: 6rem !important;
  }
}
@media (min-width: 768px) {
  .md\:margin-bottom-xl {
    margin-bottom: 6rem !important;
  }
}
@media (min-width: 768px) {
  .md\:margin-left-xl {
    margin-left: 6rem !important;
  }
}
@media (min-width: 768px) {
  .md\:margin-x-xl {
    margin-left: 6rem !important;
    margin-right: 6rem !important;
  }
}
@media (min-width: 768px) {
  .md\:margin-y-xl {
    margin-top: 6rem !important;
    margin-bottom: 6rem !important;
  }
}
@media (min-width: 768px) {
  .md\:margin-xxl {
    margin: 8rem !important;
  }
}
@media (min-width: 768px) {
  .md\:margin-top-xxl {
    margin-top: 8rem !important;
  }
}
@media (min-width: 768px) {
  .md\:margin-right-xxl {
    margin-right: 8rem !important;
  }
}
@media (min-width: 768px) {
  .md\:margin-bottom-xxl {
    margin-bottom: 8rem !important;
  }
}
@media (min-width: 768px) {
  .md\:margin-left-xxl {
    margin-left: 8rem !important;
  }
}
@media (min-width: 768px) {
  .md\:margin-x-xxl {
    margin-left: 8rem !important;
    margin-right: 8rem !important;
  }
}
@media (min-width: 768px) {
  .md\:margin-y-xxl {
    margin-top: 8rem !important;
    margin-bottom: 8rem !important;
  }
}
@media (min-width: 768px) {
  .md\:padding-none {
    padding: 0 !important;
  }
}
@media (min-width: 768px) {
  .md\:padding-top-none {
    padding-top: 0 !important;
  }
}
@media (min-width: 768px) {
  .md\:padding-right-none {
    padding-right: 0 !important;
  }
}
@media (min-width: 768px) {
  .md\:padding-bottom-none {
    padding-bottom: 0 !important;
  }
}
@media (min-width: 768px) {
  .md\:padding-left-none {
    padding-left: 0 !important;
  }
}
@media (min-width: 768px) {
  .md\:padding-x-none {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}
@media (min-width: 768px) {
  .md\:padding-y-none {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
}
@media (min-width: 768px) {
  .md\:padding-xxs {
    padding: 0.5rem !important;
  }
}
@media (min-width: 768px) {
  .md\:padding-top-xxs {
    padding-top: 0.5rem !important;
  }
}
@media (min-width: 768px) {
  .md\:padding-right-xxs {
    padding-right: 0.5rem !important;
  }
}
@media (min-width: 768px) {
  .md\:padding-bottom-xxs {
    padding-bottom: 0.5rem !important;
  }
}
@media (min-width: 768px) {
  .md\:padding-left-xxs {
    padding-left: 0.5rem !important;
  }
}
@media (min-width: 768px) {
  .md\:padding-x-xxs {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
  }
}
@media (min-width: 768px) {
  .md\:padding-y-xxs {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
}
@media (min-width: 768px) {
  .md\:padding-xs {
    padding: 0.75rem !important;
  }
}
@media (min-width: 768px) {
  .md\:padding-top-xs {
    padding-top: 0.75rem !important;
  }
}
@media (min-width: 768px) {
  .md\:padding-right-xs {
    padding-right: 0.75rem !important;
  }
}
@media (min-width: 768px) {
  .md\:padding-bottom-xs {
    padding-bottom: 0.75rem !important;
  }
}
@media (min-width: 768px) {
  .md\:padding-left-xs {
    padding-left: 0.75rem !important;
  }
}
@media (min-width: 768px) {
  .md\:padding-x-xs {
    padding-left: 0.75rem !important;
    padding-right: 0.75rem !important;
  }
}
@media (min-width: 768px) {
  .md\:padding-y-xs {
    padding-top: 0.75rem !important;
    padding-bottom: 0.75rem !important;
  }
}
@media (min-width: 768px) {
  .md\:padding-sm {
    padding: 1rem !important;
  }
}
@media (min-width: 768px) {
  .md\:padding-top-sm {
    padding-top: 1rem !important;
  }
}
@media (min-width: 768px) {
  .md\:padding-right-sm {
    padding-right: 1rem !important;
  }
}
@media (min-width: 768px) {
  .md\:padding-bottom-sm {
    padding-bottom: 1rem !important;
  }
}
@media (min-width: 768px) {
  .md\:padding-left-sm {
    padding-left: 1rem !important;
  }
}
@media (min-width: 768px) {
  .md\:padding-x-sm {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
}
@media (min-width: 768px) {
  .md\:padding-y-sm {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
}
@media (min-width: 768px) {
  .md\:padding-md {
    padding: 2rem !important;
  }
}
@media (min-width: 768px) {
  .md\:padding-top-md {
    padding-top: 2rem !important;
  }
}
@media (min-width: 768px) {
  .md\:padding-right-md {
    padding-right: 2rem !important;
  }
}
@media (min-width: 768px) {
  .md\:padding-bottom-md {
    padding-bottom: 2rem !important;
  }
}
@media (min-width: 768px) {
  .md\:padding-left-md {
    padding-left: 2rem !important;
  }
}
@media (min-width: 768px) {
  .md\:padding-x-md {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }
}
@media (min-width: 768px) {
  .md\:padding-y-md {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }
}
@media (min-width: 768px) {
  .md\:padding-lg {
    padding: 4rem !important;
  }
}
@media (min-width: 768px) {
  .md\:padding-top-lg {
    padding-top: 4rem !important;
  }
}
@media (min-width: 768px) {
  .md\:padding-right-lg {
    padding-right: 4rem !important;
  }
}
@media (min-width: 768px) {
  .md\:padding-bottom-lg {
    padding-bottom: 4rem !important;
  }
}
@media (min-width: 768px) {
  .md\:padding-left-lg {
    padding-left: 4rem !important;
  }
}
@media (min-width: 768px) {
  .md\:padding-x-lg {
    padding-left: 4rem !important;
    padding-right: 4rem !important;
  }
}
@media (min-width: 768px) {
  .md\:padding-y-lg {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
  }
}
@media (min-width: 768px) {
  .md\:padding-xl {
    padding: 6rem !important;
  }
}
@media (min-width: 768px) {
  .md\:padding-top-xl {
    padding-top: 6rem !important;
  }
}
@media (min-width: 768px) {
  .md\:padding-right-xl {
    padding-right: 6rem !important;
  }
}
@media (min-width: 768px) {
  .md\:padding-bottom-xl {
    padding-bottom: 6rem !important;
  }
}
@media (min-width: 768px) {
  .md\:padding-left-xl {
    padding-left: 6rem !important;
  }
}
@media (min-width: 768px) {
  .md\:padding-x-xl {
    padding-left: 6rem !important;
    padding-right: 6rem !important;
  }
}
@media (min-width: 768px) {
  .md\:padding-y-xl {
    padding-top: 6rem !important;
    padding-bottom: 6rem !important;
  }
}
@media (min-width: 768px) {
  .md\:padding-xxl {
    padding: 8rem !important;
  }
}
@media (min-width: 768px) {
  .md\:padding-top-xxl {
    padding-top: 8rem !important;
  }
}
@media (min-width: 768px) {
  .md\:padding-right-xxl {
    padding-right: 8rem !important;
  }
}
@media (min-width: 768px) {
  .md\:padding-bottom-xxl {
    padding-bottom: 8rem !important;
  }
}
@media (min-width: 768px) {
  .md\:padding-left-xxl {
    padding-left: 8rem !important;
  }
}
@media (min-width: 768px) {
  .md\:padding-x-xxl {
    padding-left: 8rem !important;
    padding-right: 8rem !important;
  }
}
@media (min-width: 768px) {
  .md\:padding-y-xxl {
    padding-top: 8rem !important;
    padding-bottom: 8rem !important;
  }
}
@media (min-width: 1200px) {
  .lg\:margin-none {
    margin: 0 !important;
  }
}
@media (min-width: 1200px) {
  .lg\:margin-top-none {
    margin-top: 0 !important;
  }
}
@media (min-width: 1200px) {
  .lg\:margin-right-none {
    margin-right: 0 !important;
  }
}
@media (min-width: 1200px) {
  .lg\:margin-bottom-none {
    margin-bottom: 0 !important;
  }
}
@media (min-width: 1200px) {
  .lg\:margin-left-none {
    margin-left: 0 !important;
  }
}
@media (min-width: 1200px) {
  .lg\:margin-x-none {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}
@media (min-width: 1200px) {
  .lg\:margin-y-none {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
}
@media (min-width: 1200px) {
  .lg\:margin-xxs {
    margin: 0.5rem !important;
  }
}
@media (min-width: 1200px) {
  .lg\:margin-top-xxs {
    margin-top: 0.5rem !important;
  }
}
@media (min-width: 1200px) {
  .lg\:margin-right-xxs {
    margin-right: 0.5rem !important;
  }
}
@media (min-width: 1200px) {
  .lg\:margin-bottom-xxs {
    margin-bottom: 0.5rem !important;
  }
}
@media (min-width: 1200px) {
  .lg\:margin-left-xxs {
    margin-left: 0.5rem !important;
  }
}
@media (min-width: 1200px) {
  .lg\:margin-x-xxs {
    margin-left: 0.5rem !important;
    margin-right: 0.5rem !important;
  }
}
@media (min-width: 1200px) {
  .lg\:margin-y-xxs {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
}
@media (min-width: 1200px) {
  .lg\:margin-xs {
    margin: 0.75rem !important;
  }
}
@media (min-width: 1200px) {
  .lg\:margin-top-xs {
    margin-top: 0.75rem !important;
  }
}
@media (min-width: 1200px) {
  .lg\:margin-right-xs {
    margin-right: 0.75rem !important;
  }
}
@media (min-width: 1200px) {
  .lg\:margin-bottom-xs {
    margin-bottom: 0.75rem !important;
  }
}
@media (min-width: 1200px) {
  .lg\:margin-left-xs {
    margin-left: 0.75rem !important;
  }
}
@media (min-width: 1200px) {
  .lg\:margin-x-xs {
    margin-left: 0.75rem !important;
    margin-right: 0.75rem !important;
  }
}
@media (min-width: 1200px) {
  .lg\:margin-y-xs {
    margin-top: 0.75rem !important;
    margin-bottom: 0.75rem !important;
  }
}
@media (min-width: 1200px) {
  .lg\:margin-sm {
    margin: 1rem !important;
  }
}
@media (min-width: 1200px) {
  .lg\:margin-top-sm {
    margin-top: 1rem !important;
  }
}
@media (min-width: 1200px) {
  .lg\:margin-right-sm {
    margin-right: 1rem !important;
  }
}
@media (min-width: 1200px) {
  .lg\:margin-bottom-sm {
    margin-bottom: 1rem !important;
  }
}
@media (min-width: 1200px) {
  .lg\:margin-left-sm {
    margin-left: 1rem !important;
  }
}
@media (min-width: 1200px) {
  .lg\:margin-x-sm {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
  }
}
@media (min-width: 1200px) {
  .lg\:margin-y-sm {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
}
@media (min-width: 1200px) {
  .lg\:margin-md {
    margin: 2rem !important;
  }
}
@media (min-width: 1200px) {
  .lg\:margin-top-md {
    margin-top: 2rem !important;
  }
}
@media (min-width: 1200px) {
  .lg\:margin-right-md {
    margin-right: 2rem !important;
  }
}
@media (min-width: 1200px) {
  .lg\:margin-bottom-md {
    margin-bottom: 2rem !important;
  }
}
@media (min-width: 1200px) {
  .lg\:margin-left-md {
    margin-left: 2rem !important;
  }
}
@media (min-width: 1200px) {
  .lg\:margin-x-md {
    margin-left: 2rem !important;
    margin-right: 2rem !important;
  }
}
@media (min-width: 1200px) {
  .lg\:margin-y-md {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
  }
}
@media (min-width: 1200px) {
  .lg\:margin-lg {
    margin: 4rem !important;
  }
}
@media (min-width: 1200px) {
  .lg\:margin-top-lg {
    margin-top: 4rem !important;
  }
}
@media (min-width: 1200px) {
  .lg\:margin-right-lg {
    margin-right: 4rem !important;
  }
}
@media (min-width: 1200px) {
  .lg\:margin-bottom-lg {
    margin-bottom: 4rem !important;
  }
}
@media (min-width: 1200px) {
  .lg\:margin-left-lg {
    margin-left: 4rem !important;
  }
}
@media (min-width: 1200px) {
  .lg\:margin-x-lg {
    margin-left: 4rem !important;
    margin-right: 4rem !important;
  }
}
@media (min-width: 1200px) {
  .lg\:margin-y-lg {
    margin-top: 4rem !important;
    margin-bottom: 4rem !important;
  }
}
@media (min-width: 1200px) {
  .lg\:margin-xl {
    margin: 6rem !important;
  }
}
@media (min-width: 1200px) {
  .lg\:margin-top-xl {
    margin-top: 6rem !important;
  }
}
@media (min-width: 1200px) {
  .lg\:margin-right-xl {
    margin-right: 6rem !important;
  }
}
@media (min-width: 1200px) {
  .lg\:margin-bottom-xl {
    margin-bottom: 6rem !important;
  }
}
@media (min-width: 1200px) {
  .lg\:margin-left-xl {
    margin-left: 6rem !important;
  }
}
@media (min-width: 1200px) {
  .lg\:margin-x-xl {
    margin-left: 6rem !important;
    margin-right: 6rem !important;
  }
}
@media (min-width: 1200px) {
  .lg\:margin-y-xl {
    margin-top: 6rem !important;
    margin-bottom: 6rem !important;
  }
}
@media (min-width: 1200px) {
  .lg\:margin-xxl {
    margin: 8rem !important;
  }
}
@media (min-width: 1200px) {
  .lg\:margin-top-xxl {
    margin-top: 8rem !important;
  }
}
@media (min-width: 1200px) {
  .lg\:margin-right-xxl {
    margin-right: 8rem !important;
  }
}
@media (min-width: 1200px) {
  .lg\:margin-bottom-xxl {
    margin-bottom: 8rem !important;
  }
}
@media (min-width: 1200px) {
  .lg\:margin-left-xxl {
    margin-left: 8rem !important;
  }
}
@media (min-width: 1200px) {
  .lg\:margin-x-xxl {
    margin-left: 8rem !important;
    margin-right: 8rem !important;
  }
}
@media (min-width: 1200px) {
  .lg\:margin-y-xxl {
    margin-top: 8rem !important;
    margin-bottom: 8rem !important;
  }
}
@media (min-width: 1200px) {
  .lg\:padding-none {
    padding: 0 !important;
  }
}
@media (min-width: 1200px) {
  .lg\:padding-top-none {
    padding-top: 0 !important;
  }
}
@media (min-width: 1200px) {
  .lg\:padding-right-none {
    padding-right: 0 !important;
  }
}
@media (min-width: 1200px) {
  .lg\:padding-bottom-none {
    padding-bottom: 0 !important;
  }
}
@media (min-width: 1200px) {
  .lg\:padding-left-none {
    padding-left: 0 !important;
  }
}
@media (min-width: 1200px) {
  .lg\:padding-x-none {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}
@media (min-width: 1200px) {
  .lg\:padding-y-none {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
}
@media (min-width: 1200px) {
  .lg\:padding-xxs {
    padding: 0.5rem !important;
  }
}
@media (min-width: 1200px) {
  .lg\:padding-top-xxs {
    padding-top: 0.5rem !important;
  }
}
@media (min-width: 1200px) {
  .lg\:padding-right-xxs {
    padding-right: 0.5rem !important;
  }
}
@media (min-width: 1200px) {
  .lg\:padding-bottom-xxs {
    padding-bottom: 0.5rem !important;
  }
}
@media (min-width: 1200px) {
  .lg\:padding-left-xxs {
    padding-left: 0.5rem !important;
  }
}
@media (min-width: 1200px) {
  .lg\:padding-x-xxs {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
  }
}
@media (min-width: 1200px) {
  .lg\:padding-y-xxs {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
}
@media (min-width: 1200px) {
  .lg\:padding-xs {
    padding: 0.75rem !important;
  }
}
@media (min-width: 1200px) {
  .lg\:padding-top-xs {
    padding-top: 0.75rem !important;
  }
}
@media (min-width: 1200px) {
  .lg\:padding-right-xs {
    padding-right: 0.75rem !important;
  }
}
@media (min-width: 1200px) {
  .lg\:padding-bottom-xs {
    padding-bottom: 0.75rem !important;
  }
}
@media (min-width: 1200px) {
  .lg\:padding-left-xs {
    padding-left: 0.75rem !important;
  }
}
@media (min-width: 1200px) {
  .lg\:padding-x-xs {
    padding-left: 0.75rem !important;
    padding-right: 0.75rem !important;
  }
}
@media (min-width: 1200px) {
  .lg\:padding-y-xs {
    padding-top: 0.75rem !important;
    padding-bottom: 0.75rem !important;
  }
}
@media (min-width: 1200px) {
  .lg\:padding-sm {
    padding: 1rem !important;
  }
}
@media (min-width: 1200px) {
  .lg\:padding-top-sm {
    padding-top: 1rem !important;
  }
}
@media (min-width: 1200px) {
  .lg\:padding-right-sm {
    padding-right: 1rem !important;
  }
}
@media (min-width: 1200px) {
  .lg\:padding-bottom-sm {
    padding-bottom: 1rem !important;
  }
}
@media (min-width: 1200px) {
  .lg\:padding-left-sm {
    padding-left: 1rem !important;
  }
}
@media (min-width: 1200px) {
  .lg\:padding-x-sm {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
}
@media (min-width: 1200px) {
  .lg\:padding-y-sm {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
}
@media (min-width: 1200px) {
  .lg\:padding-md {
    padding: 2rem !important;
  }
}
@media (min-width: 1200px) {
  .lg\:padding-top-md {
    padding-top: 2rem !important;
  }
}
@media (min-width: 1200px) {
  .lg\:padding-right-md {
    padding-right: 2rem !important;
  }
}
@media (min-width: 1200px) {
  .lg\:padding-bottom-md {
    padding-bottom: 2rem !important;
  }
}
@media (min-width: 1200px) {
  .lg\:padding-left-md {
    padding-left: 2rem !important;
  }
}
@media (min-width: 1200px) {
  .lg\:padding-x-md {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }
}
@media (min-width: 1200px) {
  .lg\:padding-y-md {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }
}
@media (min-width: 1200px) {
  .lg\:padding-lg {
    padding: 4rem !important;
  }
}
@media (min-width: 1200px) {
  .lg\:padding-top-lg {
    padding-top: 4rem !important;
  }
}
@media (min-width: 1200px) {
  .lg\:padding-right-lg {
    padding-right: 4rem !important;
  }
}
@media (min-width: 1200px) {
  .lg\:padding-bottom-lg {
    padding-bottom: 4rem !important;
  }
}
@media (min-width: 1200px) {
  .lg\:padding-left-lg {
    padding-left: 4rem !important;
  }
}
@media (min-width: 1200px) {
  .lg\:padding-x-lg {
    padding-left: 4rem !important;
    padding-right: 4rem !important;
  }
}
@media (min-width: 1200px) {
  .lg\:padding-y-lg {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
  }
}
@media (min-width: 1200px) {
  .lg\:padding-xl {
    padding: 6rem !important;
  }
}
@media (min-width: 1200px) {
  .lg\:padding-top-xl {
    padding-top: 6rem !important;
  }
}
@media (min-width: 1200px) {
  .lg\:padding-right-xl {
    padding-right: 6rem !important;
  }
}
@media (min-width: 1200px) {
  .lg\:padding-bottom-xl {
    padding-bottom: 6rem !important;
  }
}
@media (min-width: 1200px) {
  .lg\:padding-left-xl {
    padding-left: 6rem !important;
  }
}
@media (min-width: 1200px) {
  .lg\:padding-x-xl {
    padding-left: 6rem !important;
    padding-right: 6rem !important;
  }
}
@media (min-width: 1200px) {
  .lg\:padding-y-xl {
    padding-top: 6rem !important;
    padding-bottom: 6rem !important;
  }
}
@media (min-width: 1200px) {
  .lg\:padding-xxl {
    padding: 8rem !important;
  }
}
@media (min-width: 1200px) {
  .lg\:padding-top-xxl {
    padding-top: 8rem !important;
  }
}
@media (min-width: 1200px) {
  .lg\:padding-right-xxl {
    padding-right: 8rem !important;
  }
}
@media (min-width: 1200px) {
  .lg\:padding-bottom-xxl {
    padding-bottom: 8rem !important;
  }
}
@media (min-width: 1200px) {
  .lg\:padding-left-xxl {
    padding-left: 8rem !important;
  }
}
@media (min-width: 1200px) {
  .lg\:padding-x-xxl {
    padding-left: 8rem !important;
    padding-right: 8rem !important;
  }
}
@media (min-width: 1200px) {
  .lg\:padding-y-xxl {
    padding-top: 8rem !important;
    padding-bottom: 8rem !important;
  }
}
:root {
  --text-xs: .75rem;
  --text-xs-lh: 1rem;
  --text-sm: .875rem;
  --text-sm-lh: 1.5rem;
  --text-md: 1.125rem;
  --text-md-lh: 1.75rem;
  --text-lg: 1.5rem;
  --text-lg-lh: 1.75rem;
  --text-xl: 1.625rem;
  --text-xl-lh: 2rem;
  --text-xxl: 2.125rem;
  --text-xxl-lh: 3.25rem;
  --display-1-size: 5.75rem;
  --display-1-lh: 6.25rem;
  --display-2-size: 4.875rem;
  --display-2-lh: 5rem;
  --display-3-size: 4rem;
  --display-3-lh: 4.125rem;
  --weight-light: 300;
  --weight-normal: 400;
  --weight-medium: 500;
  --weight-semibold: 600;
  --weight-bold: 700;
}

@media (min-width: 768px) {
  :root {
    --text-xl: 2rem;
    --text-xl-lh: 2.25rem;
    --text-xxl: 2.5rem;
  }
}
@media (min-width: 1200px) {
  :root {
    --text-xl: 2.25rem;
    --text-xl-lh: 2.5rem;
    --text-xxl: 3rem;
  }
}
.is-text-xs {
  font-size: var(--text-xs) !important;
}

.is-text-sm {
  font-size: var(--text-sm) !important;
}

.is-text-md {
  font-size: var(--text-md) !important;
}

.is-text-lg {
  font-size: var(--text-lg) !important;
}

.is-text-xl {
  font-size: var(--text-xl) !important;
}

.is-text-xxl {
  font-size: var(--text-xxl) !important;
}

@media (min-width: 576px) {
  .sm\:is-text-xs {
    font-size: var(--text-xs) !important;
  }
}
@media (min-width: 576px) {
  .sm\:is-text-sm {
    font-size: var(--text-sm) !important;
  }
}
@media (min-width: 576px) {
  .sm\:is-text-md {
    font-size: var(--text-md) !important;
  }
}
@media (min-width: 576px) {
  .sm\:is-text-lg {
    font-size: var(--text-lg) !important;
  }
}
@media (min-width: 576px) {
  .sm\:is-text-xl {
    font-size: var(--text-xl) !important;
  }
}
@media (min-width: 576px) {
  .sm\:is-text-xxl {
    font-size: var(--text-xxl) !important;
  }
}
@media (min-width: 768px) {
  .md\:is-text-xs {
    font-size: var(--text-xs) !important;
  }
}
@media (min-width: 768px) {
  .md\:is-text-sm {
    font-size: var(--text-sm) !important;
  }
}
@media (min-width: 768px) {
  .md\:is-text-md {
    font-size: var(--text-md) !important;
  }
}
@media (min-width: 768px) {
  .md\:is-text-lg {
    font-size: var(--text-lg) !important;
  }
}
@media (min-width: 768px) {
  .md\:is-text-xl {
    font-size: var(--text-xl) !important;
  }
}
@media (min-width: 768px) {
  .md\:is-text-xxl {
    font-size: var(--text-xxl) !important;
  }
}
@media (min-width: 1200px) {
  .lg\:is-text-xs {
    font-size: var(--text-xs) !important;
  }
}
@media (min-width: 1200px) {
  .lg\:is-text-sm {
    font-size: var(--text-sm) !important;
  }
}
@media (min-width: 1200px) {
  .lg\:is-text-md {
    font-size: var(--text-md) !important;
  }
}
@media (min-width: 1200px) {
  .lg\:is-text-lg {
    font-size: var(--text-lg) !important;
  }
}
@media (min-width: 1200px) {
  .lg\:is-text-xl {
    font-size: var(--text-xl) !important;
  }
}
@media (min-width: 1200px) {
  .lg\:is-text-xxl {
    font-size: var(--text-xxl) !important;
  }
}
[class*=display-] {
  line-height: 104%;
  font-weight: var(--weight-semibold);
}

.is-display-1 {
  font-size: var(--display-1-size) !important;
}

.is-display-2 {
  font-size: var(--display-2-size) !important;
}

.is-display-3 {
  font-size: var(--display-3-size) !important;
}

@media (min-width: 576px) {
  .sm\:is-display-1 {
    font-size: var(--display-1-size) !important;
  }
}
@media (min-width: 576px) {
  .sm\:is-display-2 {
    font-size: var(--display-2-size) !important;
  }
}
@media (min-width: 576px) {
  .sm\:is-display-3 {
    font-size: var(--display-3-size) !important;
  }
}
@media (min-width: 768px) {
  .md\:is-display-1 {
    font-size: var(--display-1-size) !important;
  }
}
@media (min-width: 768px) {
  .md\:is-display-2 {
    font-size: var(--display-2-size) !important;
  }
}
@media (min-width: 768px) {
  .md\:is-display-3 {
    font-size: var(--display-3-size) !important;
  }
}
@media (min-width: 1200px) {
  .lg\:is-display-1 {
    font-size: var(--display-1-size) !important;
  }
}
@media (min-width: 1200px) {
  .lg\:is-display-2 {
    font-size: var(--display-2-size) !important;
  }
}
@media (min-width: 1200px) {
  .lg\:is-display-3 {
    font-size: var(--display-3-size) !important;
  }
}
.has-text-left {
  text-align: left !important;
}

.has-text-center {
  text-align: center !important;
}

.has-text-right {
  text-align: right !important;
}

@media (min-width: 576px) {
  .sm\:has-text-left {
    text-align: left !important;
  }
}
@media (min-width: 576px) {
  .sm\:has-text-center {
    text-align: center !important;
  }
}
@media (min-width: 576px) {
  .sm\:has-text-right {
    text-align: right !important;
  }
}
@media (min-width: 768px) {
  .md\:has-text-left {
    text-align: left !important;
  }
}
@media (min-width: 768px) {
  .md\:has-text-center {
    text-align: center !important;
  }
}
@media (min-width: 768px) {
  .md\:has-text-right {
    text-align: right !important;
  }
}
@media (min-width: 1200px) {
  .lg\:has-text-left {
    text-align: left !important;
  }
}
@media (min-width: 1200px) {
  .lg\:has-text-center {
    text-align: center !important;
  }
}
@media (min-width: 1200px) {
  .lg\:has-text-right {
    text-align: right !important;
  }
}
.is-lowercase {
  text-transform: lowercase !important;
}

.is-uppercase {
  text-transform: uppercase !important;
}

.is-capitalized {
  text-transform: capitalize !important;
}

.is-flatted {
  text-transform: none !important;
}

@media (min-width: 576px) {
  .sm\:is-lowercase {
    text-transform: lowercase !important;
  }
}
@media (min-width: 576px) {
  .sm\:is-uppercase {
    text-transform: uppercase !important;
  }
}
@media (min-width: 576px) {
  .sm\:is-capitalized {
    text-transform: capitalize !important;
  }
}
@media (min-width: 576px) {
  .sm\:is-flatted {
    text-transform: none !important;
  }
}
@media (min-width: 768px) {
  .md\:is-lowercase {
    text-transform: lowercase !important;
  }
}
@media (min-width: 768px) {
  .md\:is-uppercase {
    text-transform: uppercase !important;
  }
}
@media (min-width: 768px) {
  .md\:is-capitalized {
    text-transform: capitalize !important;
  }
}
@media (min-width: 768px) {
  .md\:is-flatted {
    text-transform: none !important;
  }
}
@media (min-width: 1200px) {
  .lg\:is-lowercase {
    text-transform: lowercase !important;
  }
}
@media (min-width: 1200px) {
  .lg\:is-uppercase {
    text-transform: uppercase !important;
  }
}
@media (min-width: 1200px) {
  .lg\:is-capitalized {
    text-transform: capitalize !important;
  }
}
@media (min-width: 1200px) {
  .lg\:is-flatted {
    text-transform: none !important;
  }
}
.has-text-light {
  font-weight: var(--weight-light) !important;
}

.has-text-normal {
  font-weight: var(--weight-normal) !important;
}

.has-text-medium {
  font-weight: var(--weight-medium) !important;
}

.has-text-semibold {
  font-weight: var(--weight-semibold) !important;
}

.has-text-bold {
  font-weight: var(--weight-bold) !important;
}

@media (min-width: 576px) {
  .sm\:has-text-light {
    font-weight: var(--weight-light) !important;
  }
}
@media (min-width: 576px) {
  .sm\:has-text-normal {
    font-weight: var(--weight-normal) !important;
  }
}
@media (min-width: 576px) {
  .sm\:has-text-medium {
    font-weight: var(--weight-medium) !important;
  }
}
@media (min-width: 576px) {
  .sm\:has-text-semibold {
    font-weight: var(--weight-semibold) !important;
  }
}
@media (min-width: 576px) {
  .sm\:has-text-bold {
    font-weight: var(--weight-bold) !important;
  }
}
@media (min-width: 768px) {
  .md\:has-text-light {
    font-weight: var(--weight-light) !important;
  }
}
@media (min-width: 768px) {
  .md\:has-text-normal {
    font-weight: var(--weight-normal) !important;
  }
}
@media (min-width: 768px) {
  .md\:has-text-medium {
    font-weight: var(--weight-medium) !important;
  }
}
@media (min-width: 768px) {
  .md\:has-text-semibold {
    font-weight: var(--weight-semibold) !important;
  }
}
@media (min-width: 768px) {
  .md\:has-text-bold {
    font-weight: var(--weight-bold) !important;
  }
}
@media (min-width: 1200px) {
  .lg\:has-text-light {
    font-weight: var(--weight-light) !important;
  }
}
@media (min-width: 1200px) {
  .lg\:has-text-normal {
    font-weight: var(--weight-normal) !important;
  }
}
@media (min-width: 1200px) {
  .lg\:has-text-medium {
    font-weight: var(--weight-medium) !important;
  }
}
@media (min-width: 1200px) {
  .lg\:has-text-semibold {
    font-weight: var(--weight-semibold) !important;
  }
}
@media (min-width: 1200px) {
  .lg\:has-text-bold {
    font-weight: var(--weight-bold) !important;
  }
}
:root {
  --heading-items-gap: var(--space-md);
  --heading-caption-color: var(--color-primary--40, #808d9e);
  --heading-caption-size: .875rem;
  --heading-subtitle-size: var(--text-md);
  --heading-text-alignment: center;
}

.heading {
  display: grid;
  gap: var(--heading-items-gap);
  text-align: var(--heading-text-alignment);
  width: 100%;
  margin: 0 auto;
  box-sizing: border-box;
  max-width: 780px;
}

.heading__caption {
  font-size: var(--heading-caption-size);
  font-weight: 700;
  text-transform: uppercase;
  color: var(--heading-caption-color);
}

.heading__subtitle {
  font-size: var(--heading-subtitle-size);
}

.article:first-child {
  margin: var(--space-none);
}

.article h1 {
  font-size: var(--text-xxl);
  margin-bottom: var(--space-sm);
  max-width: unset;
}

.article h2:not(:first-child) {
  margin-top: var(--space-sm);
}

.article h2 {
  margin-top: var(--space-6);
  margin-bottom: var(--space-6);
}

.article h2, .article h3, .article h4, .article h5, .article h6 {
  margin-top: var(--space-sm);
  margin-bottom: var(--space-sm);
}

.article p, .article blockquote, .article ul li, .article ol li, .article dl dt {
  line-height: var(--base-font-lh);
  margin-top: var(--space-8);
}

.article p:not(:last-child), .article blockquote:not(:last-child), .article ul li:not(:last-child), .article ol li:not(:last-child), .article dl dt:not(:last-child) {
  margin-bottom: var(--space-8);
}

.article code, .article pre {
  display: block;
  font-family: var(--font-family-code);
  font-size: var(--text-sm);
  letter-spacing: 0.4px;
  color: var(--color-white);
  font-weight: var(--weight-normal);
  border-radius: var(--radius-sm);
  padding-top: 1rem;
  padding-bottom: 1rem;
  padding-left: 1rem;
  padding-right: 1rem;
  background-color: var(--color-primary--80, #3A424B);
  word-break: break-word;
  overflow-x: auto;
}

.article pre {
  white-space: pre;
  word-wrap: normal;
  box-shadow: 0 0 5px -3px var(--color-rgba-black-30);
}

.article ul, .article ol {
  margin-left: var(--space-sm);
}

.article ul li:not(:first-child), .article ol li:not(:first-child) {
  margin-top: var(--space-xs);
}

.article ul, .article ol, .article dl, .article table {
  margin-top: var(--space-sm);
  margin-bottom: var(--space-sm);
}

.article ul {
  list-style: disc;
}

.article ol {
  list-style-type: decimal;
}

.article dd {
  margin-inline-start: var(--space-xs);
}

:root {
  --badges-gap: .3125rem;
  --badge-gap: .5rem;
  --badge-color: #296fa8;
  --badge-background: #eff5fb;
}

.badges {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: var(--badges-gap);
}

.badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--badge-gap);
  font-size: var(--text-xs);
  color: var(--badge-color);
  padding-left: 1em;
  padding-right: 1em;
  height: 2em;
  border-radius: var(--radius-sm);
  background-color: var(--badge-background);
}

.badge.is-medium {
  font-size: var(--text-sm);
}

.badge.is-large {
  font-size: var(--text-md);
}

.badge.is-rounded {
  border-radius: var(--radius-full);
}

:root {
  --block-bottom-space: var(--space-xs, 1.25rem);
}

.block:not(:last-of-type) {
  margin-bottom: var(--block-bottom-space);
}

:root {
  --box-padding: var(--space-xs, 1.25rem);
  --box-radius: var(--radius-sm, 0.25rem);
  --box-shadow: var(--shadow-sm, 0px 2px 6px rgba(0, 0, 0, 0.25));
}

.box {
  padding: var(--box-padding);
  border-radius: var(--box-radius);
  box-shadow: var(--box-shadow);
  background-color: #fff;
}

.image {
  display: inline-block;
  position: relative;
  margin: 0 auto;
  height: auto;
  overflow: hidden;
}

.image img {
  height: auto;
  width: 100%;
  max-width: 100%;
  vertical-align: middle;
}

.image figcaption.caption {
  position: absolute;
  bottom: 0;
  left: 0;
  font-style: italic;
  color: #fff;
  width: 100%;
  padding-top: 16px;
  padding-bottom: 16px;
  padding-left: 20px;
  padding-right: 20px;
  background-color: rgba(0, 0, 0, 0.5);
  box-sizing: border-box;
}

:root {
  --table-font-size: .875rem;
  --table-lh: 1.5rem;
  --table-border-color: #f1f5f9;
  --table-cell-spacing-y: 1rem;
  --table-cell-spacing-x: 2rem;
  --table-header-text-color: var(--color-contrast-dark);
  --table-background: #fff;
  --table-hover-background: var(--color-contrast-background-light);
  --table-header-background: #fff;
  --table-body-text-color: var(--color-contrast);
  --table-body-background: #fff;
  --table-footer-text-color: var(--color-contrast-dark);
  --table-footer-background: #fff;
}

.table.is-alternate {
  --table-header-text-color: var(--color-white);
  --table-header-background: var(--color-contrast-light-lower);
  --table-body-text-color: var(--color-contrast);
  --table-footer-text-color: var(--color-white);
  --table-footer-background: var(--color-contrast-light-lower);
  --table-row-odd-background: #fff;
  --table-row-even-background: var(--color-contrast-background-light);
}

.table {
  font-size: var(--table-font-size);
  line-height: var(--table-lh);
  border-color: var(--table-border-color);
  background-color: var(--table-background);
}

.table.is-alternate tr:nth-child(odd) {
  background-color: var(--table-row-odd-background);
}

.table.is-alternate tr:nth-child(even) {
  background-color: var(--table-row-even-background);
}

.table thead th {
  color: var(--table-header-text-color);
  background-color: var(--table-header-background);
}

.table tfoot th {
  color: var(--table-footer-text-color);
  background-color: var(--table-footer-background);
}

.table:not(.is-alternate) tbody tr {
  color: var(--table-body-text-color);
  background-color: var(--table-body-background);
}

.table th, .table td {
  font-size: inherit;
  border: 1px solid;
  border-color: inherit;
  border-width: 0 0 1px;
  padding-top: var(--table-cell-spacing-y);
  padding-bottom: var(--table-cell-spacing-y);
  padding-left: var(--table-cell-spacing-x);
  padding-right: var(--table-cell-spacing-x);
}

.table tfoot th {
  border-width: 1px 0 0;
}

.table.is-hoverable tr:hover {
  background-color: var(--table-hover-background);
}

:root {
  --logo-max-width: 128px;
  --logo-height: 52px;
}

.logo {
  max-width: var(--logo-max-width);
  height: var(--logo-height);
}

.logo img {
  width: auto;
  height: 100%;
}

.toggle__checkbox {
  display: none;
}

.toggle__checkbox:checked ~ [class$=__button] > [class$=__icon]:before {
  transform: rotate(45deg);
}

.toggle__checkbox:checked ~ [class$=__button] > [class$=__icon]:after {
  transform: rotate(-45deg);
}

.toggle__checkbox:checked ~ [class$=__content] {
  opacity: unset;
  visibility: visible;
  height: unset;
  width: unset;
  overflow: unset;
}

.toggle__button {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  z-index: 20;
  position: relative;
}

.toggle__icon {
  position: relative;
  font-size: 0px;
  height: 0px;
  width: 24px;
}

.toggle__icon:before {
  transition: 0.3s;
  height: 2px;
  width: 24px;
  border-radius: 2px;
  background: orange;
  transform: translateY(-4px);
  content: "";
  display: block;
}

.toggle__icon:after {
  transition: 0.3s;
  height: 2px;
  width: 24px;
  border-radius: 2px;
  background: orange;
  transform: translateY(2px);
  content: "";
  display: block;
}

.toggle__content {
  opacity: 0;
  visibility: hidden;
  height: 0px;
  width: 0px;
  overflow: hidden;
}

:root {
  --input-font-size: var(--text-sm, .875rem);
  --input-font-weight: var(--weight-normal, 400);
  --input-small-font-size: var(--text-xs, .75rem);
  --input-large-font-size: 1.1875rem;
  --input-color: var(--color-contrast);
  --input-placeholder-color: var(--color-contrast-light-lower);
  --input-hover-color: var(--input-color);
  --input-background-color: var(--color-white);
  --input-hover-background-color: var(--input-background-color);
  --input-border-stlye: solid;
  --input-border-width: 1px;
  --input-border-color: var(--color-contrast-background);
  --input-hover-border-color: var(--color-accent-light);
  --input-border-radius: var(--radius-md);
  --input-focus-color: var(--input-color);
  --input-focus-border-color: var(--color-accent);
  --input-focus-box-shadow-size: none;
  --input-disabled-color: var(--color-contrast-lighter);
  --input-disabled-background-color: var(--color-contrast-background);
  --input-x-space: 2em;
  --input-arrow-color: var(--color-contrast-lighter);
  --input-icon-color: var(--color-contrast-light-lower);
  --input-icon-active-color: var(--color-accent);
  --input-box-shadow: 0 1px 1px 0 #303F591A;
  --input-transition: border .3s, color .3s;
}

.field {
  display: block;
}

.field:not(:last-of-type) {
  margin-bottom: var(--space-xs, 1.25rem);
}

.field, .control {
  position: relative;
}

.control {
  font-size: var(--input-font-size);
}

.control[class*=has-icon] {
  display: flex;
  flex-direction: column-reverse;
}

.control .input, .control .textarea, .control .select select {
  font-size: inherit;
}

.control.is-small {
  font-size: var(--input-small-font-size);
}

.control.is-small .append-icon, .control.is-small .prepend-icon {
  top: 1.2em;
}

.control.is-large {
  font-size: var(--input-large-font-size);
}

.control .append-icon, .control .prepend-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  height: 100%;
  color: var(--input-icon-color);
}

.control .append-icon.is-interactive, .control .prepend-icon.is-interactive {
  cursor: pointer;
  z-index: 4;
}

.control .append-icon.is-interactive:hover, .control .prepend-icon.is-interactive:hover {
  color: var(--input-hover-color);
}

.control .append-icon {
  right: 0.75em;
}

.control .prepend-icon {
  left: 0.75em;
}

.control:focus-within .append-icon:not(.is-interactive), .control:focus-within .prepend-icon:not(.is-interactive) {
  color: var(--input-icon-active-color);
}

.input, .textarea, .select select {
  font-family: inherit;
  font-size: var(--input-font-size);
  font-weight: var(--input-font-weight);
  line-height: 1.25rem;
  color: var(--input-color);
  width: 100%;
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  border: var(--input-border-width) var(--input-border-stlye) var(--input-border-color);
  border-radius: var(--input-border-radius);
  background-color: var(--input-background-color);
  box-shadow: var(--input-box-shadow);
  transition: var(--input-transition);
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}

.input:hover, .textarea:hover, .select select:hover {
  color: var(--input-hover-color);
  border-color: var(--input-hover-border-color);
}

.input:focus, .textarea:focus, .select select:focus {
  color: var(--input-focus-color);
  border-color: var(--input-focus-border-color);
}

.input:disabled, .textarea:disabled, .select select:disabled {
  color: var(--input-disabled-color);
  background-color: var(--input-disabled-background-color);
}

.input.is-small, .textarea.is-small, .select select.is-small {
  font-size: var(--input-small-font-size);
}

.input.is-large, .textarea.is-large, .select select.is-large {
  font-size: var(--input-large-font-size);
}

.input.is-small, .is-small .input, .textarea.is-small, .is-small .textarea, .select select.is-small, .is-small .select select {
  padding-top: 0.4375rem;
  padding-bottom: 0.4375rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.input.is-large, .is-large .input, .textarea.is-large, .is-large .textarea, .select select.is-large, .is-large .select select {
  padding-top: 0.875rem;
  padding-bottom: 0.875rem;
  padding-left: 1rem;
  padding-right: 1rem;
}

.input::placeholder, .textarea::placeholder, .select select::placeholder {
  color: var(--input-placeholder-color);
}

.has-floating-label .input::placeholder, .has-floating-label .textarea::placeholder, .has-floating-label .select select::placeholder {
  color: rgba(0, 0, 0, 0);
}

.has-icon-left .input, .has-icon-left .textarea, .has-icon-left .select select {
  padding-left: 2.2em;
}

.has-icon-right .input, .has-icon-right .textarea, .has-icon-right .select select {
  padding-right: 2em;
}

.has-icons .input, .has-icons .textarea, .has-icons .select select {
  padding-left: 2em;
  padding-right: 2em;
}

.checkbox, .radio {
  display: inline-block;
  font-size: var(--input-font-size);
  font-weight: var(--weight-semibold);
  cursor: pointer;
}

.input {
  display: inline-flex;
}

:root {
  --label-font-size: var(--base-font-size, 1rem);
  --label-floating-font-size: .6875em;
  --label-color: var(--input-color);
  --label-space: .25rem;
  --label-floating-space: -80%;
  --label-transition: .4s ease;
}

.label {
  display: block;
  font-weight: var(--weight-medium);
  color: var(--label-color);
  margin-bottom: var(--label-space);
}

.control:focus-within .label {
  color: var(--input-focus-color);
}

.has-floating-label .label {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: 1.25em;
  height: 100%;
  top: 0;
  transition: var(--label-transition);
}

.has-floating-label:focus-within .label, .has-floating-label .input:not(:placeholder-shown) ~ .label, .has-floating-label .select:not(:placeholder-shown) ~ .label, .has-floating-label .textarea:not(:placeholder-shown) ~ .label {
  font-size: var(--label-floating-font-size);
  top: var(--label-floating-space);
  left: 0.2em;
}

:root {
  --switch-width: 3.75rem;
  --switch-height: 1.875rem;
  --switch-border-width: 0px;
  --switch--off-border-color: var(--color-contrast-light-lower);
  --switch--on-border-color: var(--color-accent);
  --switch--off-background: var(--color-contrast-background);
  --switch--on-background: var(--color-accent);
  --switch-slider--off-background: var(--color-white);
  --switch-slider--on-background: var(--color-white);
  --switch-marker-margin: 6px;
  --switch--off-icon-color: var(--color-contrast);
  --switch--on-icon-color: var(--color-white);
  --switch-marker--off-background: var(--color-white);
  --switch-marker--on-background: var(--color-white);
  --switch-radius: var(--radius-full, 9999px);
  --switch-marker-radius: var(--radius-full, 9999px);
  --switch-transition: ease .4s;
}

.switch {
  position: relative;
  width: calc(var(--switch-width) + var(--switch-border-width));
  height: calc(var(--switch-height) + var(--switch-border-width));
}

.switch-checkbox {
  position: absolute;
  width: 100%;
  height: 100%;
  margin: 0;
  appearance: none;
  cursor: pointer;
}

.switch-slider {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  height: 100%;
  border-style: solid;
  border-width: var(--switch-border-width);
  border-color: var(--switch--off-border-color);
  background-color: var(--switch--off-background);
  border-radius: var(--switch-radius);
  box-shadow: 0 0px 1px rgba(0, 0, 0, 0.3) inset;
  overflow: hidden;
}

.switch-slider, .switch-icon, .switch-marker {
  pointer-events: none;
  transition: var(--switch-transition);
}

.switch-icon {
  display: flex;
  align-items: center;
  position: absolute;
  top: 15px;
  font-size: calc(var(--switch-height) / 1.8);
  color: var(--switch--off-icon-color);
}

.switch-icon i {
  position: absolute;
  transform: translateX(30%);
  will-change: transform;
  backface-visibility: hidden;
  transition: transform var(--switch-transition), opacity var(--switch-transition);
}

.switch-icon > :nth-child(2) {
  opacity: 0;
}

.switch-marker {
  position: absolute;
  width: calc(var(--switch-height) - var(--switch-marker-margin) * 2);
  height: calc(var(--switch-height) - var(--switch-marker-margin) * 2);
  transform: translateX(-85%);
  border-radius: var(--switch-marker-radius);
  background-color: var(--switch-marker--off-background);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.6);
}

.switch-checkbox:checked + .switch-slider {
  border-color: var(--switch--on-border-color);
  background-color: var(--switch--on-background);
}

.switch-checkbox:checked + .switch-slider .switch-icon {
  color: var(--switch--on-icon-color);
  transform: translateX(-65%);
}

.switch-checkbox:checked + .switch-slider .switch-icon i {
  transform: translateX(-100%);
}

.switch-checkbox:checked + .switch-slider .switch-icon > :first-child {
  opacity: 0;
}

.switch-checkbox:checked + .switch-slider .switch-icon > :last-child {
  opacity: 1;
}

.switch-checkbox:checked + .switch-slider .switch-marker {
  background-color: var(--switch-marker--on-background);
  transform: translateX(85%);
}

.radio input {
  margin-right: 12px;
}

.radio:not(:last-of-type) {
  margin-right: 20px;
}

.textarea {
  display: block;
  min-height: 80px;
  resize: vertical;
}

.select {
  position: relative;
}

.select::after {
  content: " ";
  display: block;
  position: absolute;
  top: 50%;
  width: 0.625em;
  height: 0.625em;
  border: 2px solid var(--color-contrast-lighter);
  border-radius: 2px;
  border-right: 0;
  border-top: 0;
  margin-top: -0.4375em;
  transform: rotate(-45deg);
  transform-origin: center;
  pointer-events: none;
  color: var(--input-arrow-color);
  right: var(--input-x-space);
}

:root {
  --help-text-size: var(--text-xs, .6875rem);
  --help-text-top-space: var(--space-xxs, .75rem);
  --help-text-error-color: #ff4757;
  --help-text-success-color: #46c93a;
}

.help-text {
  display: inline-block;
  font-size: var(--help-text-size);
  margin-top: var(--help-text-top-space);
}

.help-text.success {
  color: var(--help-text-success-color);
}

.help-text.error {
  color: var(--help-text-error-color);
}

.justify-content-center {
  justify-content: center !important;
}

.justify-content-start {
  justify-content: flex-start !important;
}

.justify-content-end {
  justify-content: flex-end !important;
}

.justify-content-between {
  justify-content: space-between !important;
}

.justify-content-around {
  justify-content: space-around !important;
}

.justify-content-evenly {
  justify-content: space-evenly !important;
}

.justify-content-stretch {
  justify-content: stretch !important;
}

.align-content-center {
  align-content: center !important;
}

.align-content-start {
  align-content: flex-start !important;
}

.align-content-end {
  align-content: flex-end !important;
}

.align-content-between {
  align-content: space-between !important;
}

.align-content-around {
  align-content: space-around !important;
}

.align-content-evenly {
  align-content: space-evenly !important;
}

.align-content-stretch {
  align-content: stretch !important;
}

@media (min-width: 576px) {
  .sm\:justify-content-center {
    justify-content: center !important;
  }
}
@media (min-width: 576px) {
  .sm\:justify-content-start {
    justify-content: flex-start !important;
  }
}
@media (min-width: 576px) {
  .sm\:justify-content-end {
    justify-content: flex-end !important;
  }
}
@media (min-width: 576px) {
  .sm\:justify-content-between {
    justify-content: space-between !important;
  }
}
@media (min-width: 576px) {
  .sm\:justify-content-around {
    justify-content: space-around !important;
  }
}
@media (min-width: 576px) {
  .sm\:justify-content-evenly {
    justify-content: space-evenly !important;
  }
}
@media (min-width: 576px) {
  .sm\:justify-content-stretch {
    justify-content: stretch !important;
  }
}
@media (min-width: 768px) {
  .md\:justify-content-center {
    justify-content: center !important;
  }
}
@media (min-width: 768px) {
  .md\:justify-content-start {
    justify-content: flex-start !important;
  }
}
@media (min-width: 768px) {
  .md\:justify-content-end {
    justify-content: flex-end !important;
  }
}
@media (min-width: 768px) {
  .md\:justify-content-between {
    justify-content: space-between !important;
  }
}
@media (min-width: 768px) {
  .md\:justify-content-around {
    justify-content: space-around !important;
  }
}
@media (min-width: 768px) {
  .md\:justify-content-evenly {
    justify-content: space-evenly !important;
  }
}
@media (min-width: 768px) {
  .md\:justify-content-stretch {
    justify-content: stretch !important;
  }
}
@media (min-width: 1200px) {
  .lg\:justify-content-center {
    justify-content: center !important;
  }
}
@media (min-width: 1200px) {
  .lg\:justify-content-start {
    justify-content: flex-start !important;
  }
}
@media (min-width: 1200px) {
  .lg\:justify-content-end {
    justify-content: flex-end !important;
  }
}
@media (min-width: 1200px) {
  .lg\:justify-content-between {
    justify-content: space-between !important;
  }
}
@media (min-width: 1200px) {
  .lg\:justify-content-around {
    justify-content: space-around !important;
  }
}
@media (min-width: 1200px) {
  .lg\:justify-content-evenly {
    justify-content: space-evenly !important;
  }
}
@media (min-width: 1200px) {
  .lg\:justify-content-stretch {
    justify-content: stretch !important;
  }
}
@media (min-width: 576px) {
  .sm\:align-content-center {
    align-content: center !important;
  }
}
@media (min-width: 576px) {
  .sm\:align-content-start {
    align-content: flex-start !important;
  }
}
@media (min-width: 576px) {
  .sm\:align-content-end {
    align-content: flex-end !important;
  }
}
@media (min-width: 576px) {
  .sm\:align-content-between {
    align-content: space-between !important;
  }
}
@media (min-width: 576px) {
  .sm\:align-content-around {
    align-content: space-around !important;
  }
}
@media (min-width: 576px) {
  .sm\:align-content-evenly {
    align-content: space-evenly !important;
  }
}
@media (min-width: 576px) {
  .sm\:align-content-stretch {
    align-content: stretch !important;
  }
}
@media (min-width: 768px) {
  .md\:align-content-center {
    align-content: center !important;
  }
}
@media (min-width: 768px) {
  .md\:align-content-start {
    align-content: flex-start !important;
  }
}
@media (min-width: 768px) {
  .md\:align-content-end {
    align-content: flex-end !important;
  }
}
@media (min-width: 768px) {
  .md\:align-content-between {
    align-content: space-between !important;
  }
}
@media (min-width: 768px) {
  .md\:align-content-around {
    align-content: space-around !important;
  }
}
@media (min-width: 768px) {
  .md\:align-content-evenly {
    align-content: space-evenly !important;
  }
}
@media (min-width: 768px) {
  .md\:align-content-stretch {
    align-content: stretch !important;
  }
}
@media (min-width: 1200px) {
  .lg\:align-content-center {
    align-content: center !important;
  }
}
@media (min-width: 1200px) {
  .lg\:align-content-start {
    align-content: flex-start !important;
  }
}
@media (min-width: 1200px) {
  .lg\:align-content-end {
    align-content: flex-end !important;
  }
}
@media (min-width: 1200px) {
  .lg\:align-content-between {
    align-content: space-between !important;
  }
}
@media (min-width: 1200px) {
  .lg\:align-content-around {
    align-content: space-around !important;
  }
}
@media (min-width: 1200px) {
  .lg\:align-content-evenly {
    align-content: space-evenly !important;
  }
}
@media (min-width: 1200px) {
  .lg\:align-content-stretch {
    align-content: stretch !important;
  }
}
.justify-items-center {
  justify-items: center !important;
}

.justify-items-start {
  justify-items: flex-start !important;
}

.justify-items-end {
  justify-items: flex-end !important;
}

.justify-items-stretch {
  justify-items: stretch !important;
}

.justify-items-baseline {
  justify-items: baseline !important;
}

.justify-self-center {
  justify-self: center !important;
}

.justify-self-start {
  justify-self: flex-start !important;
}

.justify-self-end {
  justify-self: flex-end !important;
}

.justify-self-stretch {
  justify-self: stretch !important;
}

.justify-self-baseline {
  justify-self: baseline !important;
}

.align-items-center {
  align-items: center !important;
}

.align-items-start {
  align-items: flex-start !important;
}

.align-items-end {
  align-items: flex-end !important;
}

.align-items-stretch {
  align-items: stretch !important;
}

.align-items-baseline {
  align-items: baseline !important;
}

.align-self-center {
  align-self: center !important;
}

.align-self-start {
  align-self: flex-start !important;
}

.align-self-end {
  align-self: flex-end !important;
}

.align-self-stretch {
  align-self: stretch !important;
}

.align-self-baseline {
  align-self: baseline !important;
}

@media (min-width: 576px) {
  .sm\:justify-items-center {
    justify-items: center !important;
  }
}
@media (min-width: 576px) {
  .sm\:justify-items-start {
    justify-items: flex-start !important;
  }
}
@media (min-width: 576px) {
  .sm\:justify-items-end {
    justify-items: flex-end !important;
  }
}
@media (min-width: 576px) {
  .sm\:justify-items-stretch {
    justify-items: stretch !important;
  }
}
@media (min-width: 576px) {
  .sm\:justify-items-baseline {
    justify-items: baseline !important;
  }
}
@media (min-width: 768px) {
  .md\:justify-items-center {
    justify-items: center !important;
  }
}
@media (min-width: 768px) {
  .md\:justify-items-start {
    justify-items: flex-start !important;
  }
}
@media (min-width: 768px) {
  .md\:justify-items-end {
    justify-items: flex-end !important;
  }
}
@media (min-width: 768px) {
  .md\:justify-items-stretch {
    justify-items: stretch !important;
  }
}
@media (min-width: 768px) {
  .md\:justify-items-baseline {
    justify-items: baseline !important;
  }
}
@media (min-width: 1200px) {
  .lg\:justify-items-center {
    justify-items: center !important;
  }
}
@media (min-width: 1200px) {
  .lg\:justify-items-start {
    justify-items: flex-start !important;
  }
}
@media (min-width: 1200px) {
  .lg\:justify-items-end {
    justify-items: flex-end !important;
  }
}
@media (min-width: 1200px) {
  .lg\:justify-items-stretch {
    justify-items: stretch !important;
  }
}
@media (min-width: 1200px) {
  .lg\:justify-items-baseline {
    justify-items: baseline !important;
  }
}
@media (min-width: 576px) {
  .sm\:justify-self-center {
    justify-self: center !important;
  }
}
@media (min-width: 576px) {
  .sm\:justify-self-start {
    justify-self: flex-start !important;
  }
}
@media (min-width: 576px) {
  .sm\:justify-self-end {
    justify-self: flex-end !important;
  }
}
@media (min-width: 576px) {
  .sm\:justify-self-stretch {
    justify-self: stretch !important;
  }
}
@media (min-width: 576px) {
  .sm\:justify-self-baseline {
    justify-self: baseline !important;
  }
}
@media (min-width: 768px) {
  .md\:justify-self-center {
    justify-self: center !important;
  }
}
@media (min-width: 768px) {
  .md\:justify-self-start {
    justify-self: flex-start !important;
  }
}
@media (min-width: 768px) {
  .md\:justify-self-end {
    justify-self: flex-end !important;
  }
}
@media (min-width: 768px) {
  .md\:justify-self-stretch {
    justify-self: stretch !important;
  }
}
@media (min-width: 768px) {
  .md\:justify-self-baseline {
    justify-self: baseline !important;
  }
}
@media (min-width: 1200px) {
  .lg\:justify-self-center {
    justify-self: center !important;
  }
}
@media (min-width: 1200px) {
  .lg\:justify-self-start {
    justify-self: flex-start !important;
  }
}
@media (min-width: 1200px) {
  .lg\:justify-self-end {
    justify-self: flex-end !important;
  }
}
@media (min-width: 1200px) {
  .lg\:justify-self-stretch {
    justify-self: stretch !important;
  }
}
@media (min-width: 1200px) {
  .lg\:justify-self-baseline {
    justify-self: baseline !important;
  }
}
@media (min-width: 576px) {
  .sm\:align-items-center {
    align-items: center !important;
  }
}
@media (min-width: 576px) {
  .sm\:align-items-start {
    align-items: flex-start !important;
  }
}
@media (min-width: 576px) {
  .sm\:align-items-end {
    align-items: flex-end !important;
  }
}
@media (min-width: 576px) {
  .sm\:align-items-stretch {
    align-items: stretch !important;
  }
}
@media (min-width: 576px) {
  .sm\:align-items-baseline {
    align-items: baseline !important;
  }
}
@media (min-width: 768px) {
  .md\:align-items-center {
    align-items: center !important;
  }
}
@media (min-width: 768px) {
  .md\:align-items-start {
    align-items: flex-start !important;
  }
}
@media (min-width: 768px) {
  .md\:align-items-end {
    align-items: flex-end !important;
  }
}
@media (min-width: 768px) {
  .md\:align-items-stretch {
    align-items: stretch !important;
  }
}
@media (min-width: 768px) {
  .md\:align-items-baseline {
    align-items: baseline !important;
  }
}
@media (min-width: 1200px) {
  .lg\:align-items-center {
    align-items: center !important;
  }
}
@media (min-width: 1200px) {
  .lg\:align-items-start {
    align-items: flex-start !important;
  }
}
@media (min-width: 1200px) {
  .lg\:align-items-end {
    align-items: flex-end !important;
  }
}
@media (min-width: 1200px) {
  .lg\:align-items-stretch {
    align-items: stretch !important;
  }
}
@media (min-width: 1200px) {
  .lg\:align-items-baseline {
    align-items: baseline !important;
  }
}
@media (min-width: 576px) {
  .sm\:align-self-center {
    align-self: center !important;
  }
}
@media (min-width: 576px) {
  .sm\:align-self-start {
    align-self: flex-start !important;
  }
}
@media (min-width: 576px) {
  .sm\:align-self-end {
    align-self: flex-end !important;
  }
}
@media (min-width: 576px) {
  .sm\:align-self-stretch {
    align-self: stretch !important;
  }
}
@media (min-width: 576px) {
  .sm\:align-self-baseline {
    align-self: baseline !important;
  }
}
@media (min-width: 768px) {
  .md\:align-self-center {
    align-self: center !important;
  }
}
@media (min-width: 768px) {
  .md\:align-self-start {
    align-self: flex-start !important;
  }
}
@media (min-width: 768px) {
  .md\:align-self-end {
    align-self: flex-end !important;
  }
}
@media (min-width: 768px) {
  .md\:align-self-stretch {
    align-self: stretch !important;
  }
}
@media (min-width: 768px) {
  .md\:align-self-baseline {
    align-self: baseline !important;
  }
}
@media (min-width: 1200px) {
  .lg\:align-self-center {
    align-self: center !important;
  }
}
@media (min-width: 1200px) {
  .lg\:align-self-start {
    align-self: flex-start !important;
  }
}
@media (min-width: 1200px) {
  .lg\:align-self-end {
    align-self: flex-end !important;
  }
}
@media (min-width: 1200px) {
  .lg\:align-self-stretch {
    align-self: stretch !important;
  }
}
@media (min-width: 1200px) {
  .lg\:align-self-baseline {
    align-self: baseline !important;
  }
}
.is-width-min {
  max-width: var(--breakpoint-min) !important;
}

.is-width-mobile {
  max-width: var(--breakpoint-mobile) !important;
}

.is-width-tablet {
  max-width: var(--breakpoint-tablet) !important;
}

.is-width-laptop {
  max-width: var(--breakpoint-laptop) !important;
}

.is-width-menu {
  max-width: var(--breakpoint-menu) !important;
}

.is-width-desktop {
  max-width: var(--breakpoint-desktop) !important;
}

.is-width-large {
  max-width: var(--breakpoint-large) !important;
}

@media (min-width: 576px) {
  .sm\:is-width-min {
    max-width: var(--breakpoint-min) !important;
  }
}
@media (min-width: 576px) {
  .sm\:is-width-mobile {
    max-width: var(--breakpoint-mobile) !important;
  }
}
@media (min-width: 576px) {
  .sm\:is-width-tablet {
    max-width: var(--breakpoint-tablet) !important;
  }
}
@media (min-width: 576px) {
  .sm\:is-width-laptop {
    max-width: var(--breakpoint-laptop) !important;
  }
}
@media (min-width: 576px) {
  .sm\:is-width-menu {
    max-width: var(--breakpoint-menu) !important;
  }
}
@media (min-width: 576px) {
  .sm\:is-width-desktop {
    max-width: var(--breakpoint-desktop) !important;
  }
}
@media (min-width: 576px) {
  .sm\:is-width-large {
    max-width: var(--breakpoint-large) !important;
  }
}
@media (min-width: 768px) {
  .md\:is-width-min {
    max-width: var(--breakpoint-min) !important;
  }
}
@media (min-width: 768px) {
  .md\:is-width-mobile {
    max-width: var(--breakpoint-mobile) !important;
  }
}
@media (min-width: 768px) {
  .md\:is-width-tablet {
    max-width: var(--breakpoint-tablet) !important;
  }
}
@media (min-width: 768px) {
  .md\:is-width-laptop {
    max-width: var(--breakpoint-laptop) !important;
  }
}
@media (min-width: 768px) {
  .md\:is-width-menu {
    max-width: var(--breakpoint-menu) !important;
  }
}
@media (min-width: 768px) {
  .md\:is-width-desktop {
    max-width: var(--breakpoint-desktop) !important;
  }
}
@media (min-width: 768px) {
  .md\:is-width-large {
    max-width: var(--breakpoint-large) !important;
  }
}
@media (min-width: 1200px) {
  .lg\:is-width-min {
    max-width: var(--breakpoint-min) !important;
  }
}
@media (min-width: 1200px) {
  .lg\:is-width-mobile {
    max-width: var(--breakpoint-mobile) !important;
  }
}
@media (min-width: 1200px) {
  .lg\:is-width-tablet {
    max-width: var(--breakpoint-tablet) !important;
  }
}
@media (min-width: 1200px) {
  .lg\:is-width-laptop {
    max-width: var(--breakpoint-laptop) !important;
  }
}
@media (min-width: 1200px) {
  .lg\:is-width-menu {
    max-width: var(--breakpoint-menu) !important;
  }
}
@media (min-width: 1200px) {
  .lg\:is-width-desktop {
    max-width: var(--breakpoint-desktop) !important;
  }
}
@media (min-width: 1200px) {
  .lg\:is-width-large {
    max-width: var(--breakpoint-large) !important;
  }
}
.is-color-contrast-darker {
  color: var(--color-contrast-darker) !important;
}

.is-color-contrast-dark {
  color: var(--color-contrast-dark) !important;
}

.is-color-contrast {
  color: var(--color-contrast) !important;
}

.is-color-contrast-lower {
  color: var(--color-contrast-lower) !important;
}

.is-color-contrast-light {
  color: var(--color-contrast-light) !important;
}

.is-color-contrast-light-lower {
  color: var(--color-contrast-light-lower) !important;
}

.is-color-contrast-lighter {
  color: var(--color-contrast-lighter) !important;
}

.is-color-contrast-background {
  color: var(--color-contrast-background) !important;
}

.is-color-contrast-background-light {
  color: var(--color-contrast-background-light) !important;
}

.has-background-contrast-darker {
  background-color: var(--color-contrast-darker) !important;
}

.has-background-contrast-dark {
  background-color: var(--color-contrast-dark) !important;
}

.has-background-contrast {
  background-color: var(--color-contrast) !important;
}

.has-background-contrast-lower {
  background-color: var(--color-contrast-lower) !important;
}

.has-background-contrast-light {
  background-color: var(--color-contrast-light) !important;
}

.has-background-contrast-light-lower {
  background-color: var(--color-contrast-light-lower) !important;
}

.has-background-contrast-lighter {
  background-color: var(--color-contrast-lighter) !important;
}

.has-background-contrast-background {
  background-color: var(--color-contrast-background) !important;
}

.has-background-contrast-background-light {
  background-color: var(--color-contrast-background-light) !important;
}

.is-color-primary-dark {
  color: var(--color-primary-dark) !important;
}

.is-color-primary {
  color: var(--color-primary) !important;
}

.is-color-primary-light {
  color: var(--color-primary-light) !important;
}

.is-color-primary-lighter {
  color: var(--color-primary-lighter) !important;
}

.has-background-primary-dark {
  background-color: var(--color-primary-dark) !important;
}

.has-background-primary {
  background-color: var(--color-primary) !important;
}

.has-background-primary-light {
  background-color: var(--color-primary-light) !important;
}

.has-background-primary-lighter {
  background-color: var(--color-primary-lighter) !important;
}

.is-color-secondary-dark {
  color: var(--color-secondary-dark) !important;
}

.is-color-secondary {
  color: var(--color-secondary) !important;
}

.is-color-secondary-light {
  color: var(--color-secondary-light) !important;
}

.is-color-secondary-lighter {
  color: var(--color-secondary-lighter) !important;
}

.has-background-secondary-dark {
  background-color: var(--color-secondary-dark) !important;
}

.has-background-secondary {
  background-color: var(--color-secondary) !important;
}

.has-background-secondary-light {
  background-color: var(--color-secondary-light) !important;
}

.has-background-secondary-lighter {
  background-color: var(--color-secondary-lighter) !important;
}

.is-color-accent-dark {
  color: var(--color-accent-dark) !important;
}

.is-color-accent {
  color: var(--color-accent) !important;
}

.is-color-accent-light {
  color: var(--color-accent-light) !important;
}

.is-color-accent-lighter {
  color: var(--color-accent-lighter) !important;
}

.has-background-accent-dark {
  background-color: var(--color-accent-dark) !important;
}

.has-background-accent {
  background-color: var(--color-accent) !important;
}

.has-background-accent-light {
  background-color: var(--color-accent-light) !important;
}

.has-background-accent-lighter {
  background-color: var(--color-accent-lighter) !important;
}

.is-color-danger {
  color: var(--color-danger) !important;
}

.is-color-danger-light {
  color: var(--color-danger-light) !important;
}

.is-color-danger-background {
  color: var(--color-danger-background) !important;
}

.has-background-danger {
  background-color: var(--color-danger) !important;
}

.has-background-danger-light {
  background-color: var(--color-danger-light) !important;
}

.has-background-danger-background {
  background-color: var(--color-danger-background) !important;
}

.is-color-warning {
  color: var(--color-warning) !important;
}

.is-color-warning-light {
  color: var(--color-warning-light) !important;
}

.is-color-warning-background {
  color: var(--color-warning-background) !important;
}

.has-background-warning {
  background-color: var(--color-warning) !important;
}

.has-background-warning-light {
  background-color: var(--color-warning-light) !important;
}

.has-background-warning-background {
  background-color: var(--color-warning-background) !important;
}

.is-color-success {
  color: var(--color-success) !important;
}

.is-color-success-light {
  color: var(--color-success-light) !important;
}

.is-color-success-background {
  color: var(--color-success-background) !important;
}

.has-background-success {
  background-color: var(--color-success) !important;
}

.has-background-success-light {
  background-color: var(--color-success-light) !important;
}

.has-background-success-background {
  background-color: var(--color-success-background) !important;
}

.is-color-info {
  color: var(--color-info) !important;
}

.is-color-info-light {
  color: var(--color-info-light) !important;
}

.is-color-info-background {
  color: var(--color-info-background) !important;
}

.has-background-info {
  background-color: var(--color-info) !important;
}

.has-background-info-light {
  background-color: var(--color-info-light) !important;
}

.has-background-info-background {
  background-color: var(--color-info-background) !important;
}

:root {
  --radius-none: 0;
  --radius-xs: .125rem;
  --radius-sm: .25rem;
  --radius-md: .375rem;
  --radius-lg: .5rem;
  --radius-xl: .75rem;
  --radius-xxl: 1rem;
  --radius-full: 9999px;
}

.is-rounded-none {
  border-radius: var(--radius-none) !important;
}

.is-rounded-xs {
  border-radius: var(--radius-xs) !important;
}

.is-rounded-sm {
  border-radius: var(--radius-sm) !important;
}

.is-rounded-md {
  border-radius: var(--radius-md) !important;
}

.is-rounded-lg {
  border-radius: var(--radius-lg) !important;
}

.is-rounded-xl {
  border-radius: var(--radius-xl) !important;
}

.is-rounded-xxl {
  border-radius: var(--radius-xxl) !important;
}

.is-rounded-full {
  border-radius: var(--radius-full) !important;
}

@media (min-width: 576px) {
  .sm\:is-rounded-none {
    border-radius: var(--radius-none) !important;
  }
}
@media (min-width: 576px) {
  .sm\:is-rounded-xs {
    border-radius: var(--radius-xs) !important;
  }
}
@media (min-width: 576px) {
  .sm\:is-rounded-sm {
    border-radius: var(--radius-sm) !important;
  }
}
@media (min-width: 576px) {
  .sm\:is-rounded-md {
    border-radius: var(--radius-md) !important;
  }
}
@media (min-width: 576px) {
  .sm\:is-rounded-lg {
    border-radius: var(--radius-lg) !important;
  }
}
@media (min-width: 576px) {
  .sm\:is-rounded-xl {
    border-radius: var(--radius-xl) !important;
  }
}
@media (min-width: 576px) {
  .sm\:is-rounded-xxl {
    border-radius: var(--radius-xxl) !important;
  }
}
@media (min-width: 576px) {
  .sm\:is-rounded-full {
    border-radius: var(--radius-full) !important;
  }
}
@media (min-width: 768px) {
  .md\:is-rounded-none {
    border-radius: var(--radius-none) !important;
  }
}
@media (min-width: 768px) {
  .md\:is-rounded-xs {
    border-radius: var(--radius-xs) !important;
  }
}
@media (min-width: 768px) {
  .md\:is-rounded-sm {
    border-radius: var(--radius-sm) !important;
  }
}
@media (min-width: 768px) {
  .md\:is-rounded-md {
    border-radius: var(--radius-md) !important;
  }
}
@media (min-width: 768px) {
  .md\:is-rounded-lg {
    border-radius: var(--radius-lg) !important;
  }
}
@media (min-width: 768px) {
  .md\:is-rounded-xl {
    border-radius: var(--radius-xl) !important;
  }
}
@media (min-width: 768px) {
  .md\:is-rounded-xxl {
    border-radius: var(--radius-xxl) !important;
  }
}
@media (min-width: 768px) {
  .md\:is-rounded-full {
    border-radius: var(--radius-full) !important;
  }
}
@media (min-width: 1200px) {
  .lg\:is-rounded-none {
    border-radius: var(--radius-none) !important;
  }
}
@media (min-width: 1200px) {
  .lg\:is-rounded-xs {
    border-radius: var(--radius-xs) !important;
  }
}
@media (min-width: 1200px) {
  .lg\:is-rounded-sm {
    border-radius: var(--radius-sm) !important;
  }
}
@media (min-width: 1200px) {
  .lg\:is-rounded-md {
    border-radius: var(--radius-md) !important;
  }
}
@media (min-width: 1200px) {
  .lg\:is-rounded-lg {
    border-radius: var(--radius-lg) !important;
  }
}
@media (min-width: 1200px) {
  .lg\:is-rounded-xl {
    border-radius: var(--radius-xl) !important;
  }
}
@media (min-width: 1200px) {
  .lg\:is-rounded-xxl {
    border-radius: var(--radius-xxl) !important;
  }
}
@media (min-width: 1200px) {
  .lg\:is-rounded-full {
    border-radius: var(--radius-full) !important;
  }
}
:root {
  --shadow-none: none;
  --shadow-xs: 0px 1px 3px rgba(0, 0, 0, 0.3) ;
  --shadow-sm: 0px 2px 6px rgba(0, 0, 0, 0.25);
  --shadow-md: 0px 4px 10px rgba(0, 0, 0, 0.26);
  --shadow-lg: 0px 8px 20px rgba(0, 0, 0, 0.2);
  --shadow-xl: 0px 12px 25px rgba(0, 0, 0, 0.25);
  --shadow-xxl: 0px 15px 30px -3px rgba(0, 0, 0, 0.2);
}

.has-shadow-none {
  box-shadow: var(--shadow-none) !important;
}

.has-shadow-xs {
  box-shadow: var(--shadow-xs) !important;
}

.has-shadow-sm {
  box-shadow: var(--shadow-sm) !important;
}

.has-shadow-md {
  box-shadow: var(--shadow-md) !important;
}

.has-shadow-lg {
  box-shadow: var(--shadow-lg) !important;
}

.has-shadow-xl {
  box-shadow: var(--shadow-xl) !important;
}

.has-shadow-xxl {
  box-shadow: var(--shadow-xxl) !important;
}

@media (min-width: 576px) {
  .sm\:has-shadow-none {
    box-shadow: var(--shadow-none) !important;
  }
}
@media (min-width: 576px) {
  .sm\:has-shadow-xs {
    box-shadow: var(--shadow-xs) !important;
  }
}
@media (min-width: 576px) {
  .sm\:has-shadow-sm {
    box-shadow: var(--shadow-sm) !important;
  }
}
@media (min-width: 576px) {
  .sm\:has-shadow-md {
    box-shadow: var(--shadow-md) !important;
  }
}
@media (min-width: 576px) {
  .sm\:has-shadow-lg {
    box-shadow: var(--shadow-lg) !important;
  }
}
@media (min-width: 576px) {
  .sm\:has-shadow-xl {
    box-shadow: var(--shadow-xl) !important;
  }
}
@media (min-width: 576px) {
  .sm\:has-shadow-xxl {
    box-shadow: var(--shadow-xxl) !important;
  }
}
@media (min-width: 768px) {
  .md\:has-shadow-none {
    box-shadow: var(--shadow-none) !important;
  }
}
@media (min-width: 768px) {
  .md\:has-shadow-xs {
    box-shadow: var(--shadow-xs) !important;
  }
}
@media (min-width: 768px) {
  .md\:has-shadow-sm {
    box-shadow: var(--shadow-sm) !important;
  }
}
@media (min-width: 768px) {
  .md\:has-shadow-md {
    box-shadow: var(--shadow-md) !important;
  }
}
@media (min-width: 768px) {
  .md\:has-shadow-lg {
    box-shadow: var(--shadow-lg) !important;
  }
}
@media (min-width: 768px) {
  .md\:has-shadow-xl {
    box-shadow: var(--shadow-xl) !important;
  }
}
@media (min-width: 768px) {
  .md\:has-shadow-xxl {
    box-shadow: var(--shadow-xxl) !important;
  }
}
@media (min-width: 1200px) {
  .lg\:has-shadow-none {
    box-shadow: var(--shadow-none) !important;
  }
}
@media (min-width: 1200px) {
  .lg\:has-shadow-xs {
    box-shadow: var(--shadow-xs) !important;
  }
}
@media (min-width: 1200px) {
  .lg\:has-shadow-sm {
    box-shadow: var(--shadow-sm) !important;
  }
}
@media (min-width: 1200px) {
  .lg\:has-shadow-md {
    box-shadow: var(--shadow-md) !important;
  }
}
@media (min-width: 1200px) {
  .lg\:has-shadow-lg {
    box-shadow: var(--shadow-lg) !important;
  }
}
@media (min-width: 1200px) {
  .lg\:has-shadow-xl {
    box-shadow: var(--shadow-xl) !important;
  }
}
@media (min-width: 1200px) {
  .lg\:has-shadow-xxl {
    box-shadow: var(--shadow-xxl) !important;
  }
}
:root {
  --column-size-xs: 5rem;
  --column-size-sm: 6.25rem;
  --column-size-md: 9.375rem;
  --column-size-lg: 12.5rem;
  --column-size-xl: 15.625rem;
  --column-size-xxl: 21.875rem;
  --grid-auto-min-width: var(--column-size-xs);
}

[class*=grid-fit-] {
  grid-template-columns: repeat(auto-fit, minmax(var(--grid-auto-min-width), 1fr));
}

[class*=grid-fill-] {
  grid-template-columns: repeat(auto-fill, minmax(var(--grid-auto-min-width), 1fr));
}

[class*=grid-fit-xs] {
  --grid-auto-min-width: var(--column-size-xs);
}

[class*=grid-fill-xs] {
  --grid-auto-min-width: var(--column-size-xs);
}

[class*=grid-fit-sm] {
  --grid-auto-min-width: var(--column-size-sm);
}

[class*=grid-fill-sm] {
  --grid-auto-min-width: var(--column-size-sm);
}

[class*=grid-fit-md] {
  --grid-auto-min-width: var(--column-size-md);
}

[class*=grid-fill-md] {
  --grid-auto-min-width: var(--column-size-md);
}

[class*=grid-fit-lg] {
  --grid-auto-min-width: var(--column-size-lg);
}

[class*=grid-fill-lg] {
  --grid-auto-min-width: var(--column-size-lg);
}

[class*=grid-fit-xl] {
  --grid-auto-min-width: var(--column-size-xl);
}

[class*=grid-fill-xl] {
  --grid-auto-min-width: var(--column-size-xl);
}

[class*=grid-fit-xxl] {
  --grid-auto-min-width: var(--column-size-xxl);
}

[class*=grid-fill-xxl] {
  --grid-auto-min-width: var(--column-size-xxl);
}

@media (min-width: 576px) {
  .sm\:grid-fit-xs {
    grid-template-columns: repeat(auto-fit, minmax(var(--grid-auto-min-width), 1fr));
  }
}
@media (min-width: 576px) {
  .sm\:grid-fit-sm {
    grid-template-columns: repeat(auto-fit, minmax(var(--grid-auto-min-width), 1fr));
  }
}
@media (min-width: 576px) {
  .sm\:grid-fit-md {
    grid-template-columns: repeat(auto-fit, minmax(var(--grid-auto-min-width), 1fr));
  }
}
@media (min-width: 576px) {
  .sm\:grid-fit-lg {
    grid-template-columns: repeat(auto-fit, minmax(var(--grid-auto-min-width), 1fr));
  }
}
@media (min-width: 576px) {
  .sm\:grid-fit-xl {
    grid-template-columns: repeat(auto-fit, minmax(var(--grid-auto-min-width), 1fr));
  }
}
@media (min-width: 576px) {
  .sm\:grid-fit-xxl {
    grid-template-columns: repeat(auto-fit, minmax(var(--grid-auto-min-width), 1fr));
  }
}
@media (min-width: 768px) {
  .md\:grid-fit-xs {
    grid-template-columns: repeat(auto-fit, minmax(var(--grid-auto-min-width), 1fr));
  }
}
@media (min-width: 768px) {
  .md\:grid-fit-sm {
    grid-template-columns: repeat(auto-fit, minmax(var(--grid-auto-min-width), 1fr));
  }
}
@media (min-width: 768px) {
  .md\:grid-fit-md {
    grid-template-columns: repeat(auto-fit, minmax(var(--grid-auto-min-width), 1fr));
  }
}
@media (min-width: 768px) {
  .md\:grid-fit-lg {
    grid-template-columns: repeat(auto-fit, minmax(var(--grid-auto-min-width), 1fr));
  }
}
@media (min-width: 768px) {
  .md\:grid-fit-xl {
    grid-template-columns: repeat(auto-fit, minmax(var(--grid-auto-min-width), 1fr));
  }
}
@media (min-width: 768px) {
  .md\:grid-fit-xxl {
    grid-template-columns: repeat(auto-fit, minmax(var(--grid-auto-min-width), 1fr));
  }
}
@media (min-width: 1200px) {
  .lg\:grid-fit-xs {
    grid-template-columns: repeat(auto-fit, minmax(var(--grid-auto-min-width), 1fr));
  }
}
@media (min-width: 1200px) {
  .lg\:grid-fit-sm {
    grid-template-columns: repeat(auto-fit, minmax(var(--grid-auto-min-width), 1fr));
  }
}
@media (min-width: 1200px) {
  .lg\:grid-fit-md {
    grid-template-columns: repeat(auto-fit, minmax(var(--grid-auto-min-width), 1fr));
  }
}
@media (min-width: 1200px) {
  .lg\:grid-fit-lg {
    grid-template-columns: repeat(auto-fit, minmax(var(--grid-auto-min-width), 1fr));
  }
}
@media (min-width: 1200px) {
  .lg\:grid-fit-xl {
    grid-template-columns: repeat(auto-fit, minmax(var(--grid-auto-min-width), 1fr));
  }
}
@media (min-width: 1200px) {
  .lg\:grid-fit-xxl {
    grid-template-columns: repeat(auto-fit, minmax(var(--grid-auto-min-width), 1fr));
  }
}
@media (min-width: 576px) {
  .sm\:grid-fill-xs {
    grid-template-columns: repeat(auto-fill, minmax(var(--grid-auto-min-width), 1fr));
  }
}
@media (min-width: 576px) {
  .sm\:grid-fill-sm {
    grid-template-columns: repeat(auto-fill, minmax(var(--grid-auto-min-width), 1fr));
  }
}
@media (min-width: 576px) {
  .sm\:grid-fill-md {
    grid-template-columns: repeat(auto-fill, minmax(var(--grid-auto-min-width), 1fr));
  }
}
@media (min-width: 576px) {
  .sm\:grid-fill-lg {
    grid-template-columns: repeat(auto-fill, minmax(var(--grid-auto-min-width), 1fr));
  }
}
@media (min-width: 576px) {
  .sm\:grid-fill-xl {
    grid-template-columns: repeat(auto-fill, minmax(var(--grid-auto-min-width), 1fr));
  }
}
@media (min-width: 576px) {
  .sm\:grid-fill-xxl {
    grid-template-columns: repeat(auto-fill, minmax(var(--grid-auto-min-width), 1fr));
  }
}
@media (min-width: 768px) {
  .md\:grid-fill-xs {
    grid-template-columns: repeat(auto-fill, minmax(var(--grid-auto-min-width), 1fr));
  }
}
@media (min-width: 768px) {
  .md\:grid-fill-sm {
    grid-template-columns: repeat(auto-fill, minmax(var(--grid-auto-min-width), 1fr));
  }
}
@media (min-width: 768px) {
  .md\:grid-fill-md {
    grid-template-columns: repeat(auto-fill, minmax(var(--grid-auto-min-width), 1fr));
  }
}
@media (min-width: 768px) {
  .md\:grid-fill-lg {
    grid-template-columns: repeat(auto-fill, minmax(var(--grid-auto-min-width), 1fr));
  }
}
@media (min-width: 768px) {
  .md\:grid-fill-xl {
    grid-template-columns: repeat(auto-fill, minmax(var(--grid-auto-min-width), 1fr));
  }
}
@media (min-width: 768px) {
  .md\:grid-fill-xxl {
    grid-template-columns: repeat(auto-fill, minmax(var(--grid-auto-min-width), 1fr));
  }
}
@media (min-width: 1200px) {
  .lg\:grid-fill-xs {
    grid-template-columns: repeat(auto-fill, minmax(var(--grid-auto-min-width), 1fr));
  }
}
@media (min-width: 1200px) {
  .lg\:grid-fill-sm {
    grid-template-columns: repeat(auto-fill, minmax(var(--grid-auto-min-width), 1fr));
  }
}
@media (min-width: 1200px) {
  .lg\:grid-fill-md {
    grid-template-columns: repeat(auto-fill, minmax(var(--grid-auto-min-width), 1fr));
  }
}
@media (min-width: 1200px) {
  .lg\:grid-fill-lg {
    grid-template-columns: repeat(auto-fill, minmax(var(--grid-auto-min-width), 1fr));
  }
}
@media (min-width: 1200px) {
  .lg\:grid-fill-xl {
    grid-template-columns: repeat(auto-fill, minmax(var(--grid-auto-min-width), 1fr));
  }
}
@media (min-width: 1200px) {
  .lg\:grid-fill-xxl {
    grid-template-columns: repeat(auto-fill, minmax(var(--grid-auto-min-width), 1fr));
  }
}
.grid-cols-1 {
  grid-template-columns: repeat(1, 1fr);
}

.grid-cols-2 {
  grid-template-columns: repeat(2, 1fr);
}

.grid-cols-3 {
  grid-template-columns: repeat(3, 1fr);
}

.grid-cols-4 {
  grid-template-columns: repeat(4, 1fr);
}

.grid-cols-5 {
  grid-template-columns: repeat(5, 1fr);
}

.grid-cols-6 {
  grid-template-columns: repeat(6, 1fr);
}

.grid-cols-7 {
  grid-template-columns: repeat(7, 1fr);
}

.grid-cols-8 {
  grid-template-columns: repeat(8, 1fr);
}

.grid-cols-9 {
  grid-template-columns: repeat(9, 1fr);
}

.grid-cols-10 {
  grid-template-columns: repeat(10, 1fr);
}

.grid-cols-11 {
  grid-template-columns: repeat(11, 1fr);
}

.grid-cols-12 {
  grid-template-columns: repeat(12, 1fr);
}

@media (min-width: 576px) {
  .sm\:grid-cols-1 {
    grid-template-columns: repeat(1, 1fr);
  }
}
@media (min-width: 576px) {
  .sm\:grid-cols-2 {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 576px) {
  .sm\:grid-cols-3 {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 576px) {
  .sm\:grid-cols-4 {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (min-width: 576px) {
  .sm\:grid-cols-5 {
    grid-template-columns: repeat(5, 1fr);
  }
}
@media (min-width: 576px) {
  .sm\:grid-cols-6 {
    grid-template-columns: repeat(6, 1fr);
  }
}
@media (min-width: 576px) {
  .sm\:grid-cols-7 {
    grid-template-columns: repeat(7, 1fr);
  }
}
@media (min-width: 576px) {
  .sm\:grid-cols-8 {
    grid-template-columns: repeat(8, 1fr);
  }
}
@media (min-width: 576px) {
  .sm\:grid-cols-9 {
    grid-template-columns: repeat(9, 1fr);
  }
}
@media (min-width: 576px) {
  .sm\:grid-cols-10 {
    grid-template-columns: repeat(10, 1fr);
  }
}
@media (min-width: 576px) {
  .sm\:grid-cols-11 {
    grid-template-columns: repeat(11, 1fr);
  }
}
@media (min-width: 576px) {
  .sm\:grid-cols-12 {
    grid-template-columns: repeat(12, 1fr);
  }
}
@media (min-width: 768px) {
  .md\:grid-cols-1 {
    grid-template-columns: repeat(1, 1fr);
  }
}
@media (min-width: 768px) {
  .md\:grid-cols-2 {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 768px) {
  .md\:grid-cols-3 {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 768px) {
  .md\:grid-cols-4 {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (min-width: 768px) {
  .md\:grid-cols-5 {
    grid-template-columns: repeat(5, 1fr);
  }
}
@media (min-width: 768px) {
  .md\:grid-cols-6 {
    grid-template-columns: repeat(6, 1fr);
  }
}
@media (min-width: 768px) {
  .md\:grid-cols-7 {
    grid-template-columns: repeat(7, 1fr);
  }
}
@media (min-width: 768px) {
  .md\:grid-cols-8 {
    grid-template-columns: repeat(8, 1fr);
  }
}
@media (min-width: 768px) {
  .md\:grid-cols-9 {
    grid-template-columns: repeat(9, 1fr);
  }
}
@media (min-width: 768px) {
  .md\:grid-cols-10 {
    grid-template-columns: repeat(10, 1fr);
  }
}
@media (min-width: 768px) {
  .md\:grid-cols-11 {
    grid-template-columns: repeat(11, 1fr);
  }
}
@media (min-width: 768px) {
  .md\:grid-cols-12 {
    grid-template-columns: repeat(12, 1fr);
  }
}
@media (min-width: 1200px) {
  .lg\:grid-cols-1 {
    grid-template-columns: repeat(1, 1fr);
  }
}
@media (min-width: 1200px) {
  .lg\:grid-cols-2 {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 1200px) {
  .lg\:grid-cols-3 {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 1200px) {
  .lg\:grid-cols-4 {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (min-width: 1200px) {
  .lg\:grid-cols-5 {
    grid-template-columns: repeat(5, 1fr);
  }
}
@media (min-width: 1200px) {
  .lg\:grid-cols-6 {
    grid-template-columns: repeat(6, 1fr);
  }
}
@media (min-width: 1200px) {
  .lg\:grid-cols-7 {
    grid-template-columns: repeat(7, 1fr);
  }
}
@media (min-width: 1200px) {
  .lg\:grid-cols-8 {
    grid-template-columns: repeat(8, 1fr);
  }
}
@media (min-width: 1200px) {
  .lg\:grid-cols-9 {
    grid-template-columns: repeat(9, 1fr);
  }
}
@media (min-width: 1200px) {
  .lg\:grid-cols-10 {
    grid-template-columns: repeat(10, 1fr);
  }
}
@media (min-width: 1200px) {
  .lg\:grid-cols-11 {
    grid-template-columns: repeat(11, 1fr);
  }
}
@media (min-width: 1200px) {
  .lg\:grid-cols-12 {
    grid-template-columns: repeat(12, 1fr);
  }
}
.col-span-1 {
  grid-column: span 1;
}

.col-span-2 {
  grid-column: span 2;
}

.col-span-3 {
  grid-column: span 3;
}

.col-span-4 {
  grid-column: span 4;
}

.col-span-5 {
  grid-column: span 5;
}

.col-span-6 {
  grid-column: span 6;
}

.col-span-7 {
  grid-column: span 7;
}

.col-span-8 {
  grid-column: span 8;
}

.col-span-9 {
  grid-column: span 9;
}

.col-span-10 {
  grid-column: span 10;
}

.col-span-11 {
  grid-column: span 11;
}

.col-span-12 {
  grid-column: span 12;
}

@media (min-width: 576px) {
  .sm\:col-span-1 {
    grid-column: span 1;
  }
}
@media (min-width: 576px) {
  .sm\:col-span-2 {
    grid-column: span 2;
  }
}
@media (min-width: 576px) {
  .sm\:col-span-3 {
    grid-column: span 3;
  }
}
@media (min-width: 576px) {
  .sm\:col-span-4 {
    grid-column: span 4;
  }
}
@media (min-width: 576px) {
  .sm\:col-span-5 {
    grid-column: span 5;
  }
}
@media (min-width: 576px) {
  .sm\:col-span-6 {
    grid-column: span 6;
  }
}
@media (min-width: 576px) {
  .sm\:col-span-7 {
    grid-column: span 7;
  }
}
@media (min-width: 576px) {
  .sm\:col-span-8 {
    grid-column: span 8;
  }
}
@media (min-width: 576px) {
  .sm\:col-span-9 {
    grid-column: span 9;
  }
}
@media (min-width: 576px) {
  .sm\:col-span-10 {
    grid-column: span 10;
  }
}
@media (min-width: 576px) {
  .sm\:col-span-11 {
    grid-column: span 11;
  }
}
@media (min-width: 576px) {
  .sm\:col-span-12 {
    grid-column: span 12;
  }
}
@media (min-width: 768px) {
  .md\:col-span-1 {
    grid-column: span 1;
  }
}
@media (min-width: 768px) {
  .md\:col-span-2 {
    grid-column: span 2;
  }
}
@media (min-width: 768px) {
  .md\:col-span-3 {
    grid-column: span 3;
  }
}
@media (min-width: 768px) {
  .md\:col-span-4 {
    grid-column: span 4;
  }
}
@media (min-width: 768px) {
  .md\:col-span-5 {
    grid-column: span 5;
  }
}
@media (min-width: 768px) {
  .md\:col-span-6 {
    grid-column: span 6;
  }
}
@media (min-width: 768px) {
  .md\:col-span-7 {
    grid-column: span 7;
  }
}
@media (min-width: 768px) {
  .md\:col-span-8 {
    grid-column: span 8;
  }
}
@media (min-width: 768px) {
  .md\:col-span-9 {
    grid-column: span 9;
  }
}
@media (min-width: 768px) {
  .md\:col-span-10 {
    grid-column: span 10;
  }
}
@media (min-width: 768px) {
  .md\:col-span-11 {
    grid-column: span 11;
  }
}
@media (min-width: 768px) {
  .md\:col-span-12 {
    grid-column: span 12;
  }
}
@media (min-width: 1200px) {
  .lg\:col-span-1 {
    grid-column: span 1;
  }
}
@media (min-width: 1200px) {
  .lg\:col-span-2 {
    grid-column: span 2;
  }
}
@media (min-width: 1200px) {
  .lg\:col-span-3 {
    grid-column: span 3;
  }
}
@media (min-width: 1200px) {
  .lg\:col-span-4 {
    grid-column: span 4;
  }
}
@media (min-width: 1200px) {
  .lg\:col-span-5 {
    grid-column: span 5;
  }
}
@media (min-width: 1200px) {
  .lg\:col-span-6 {
    grid-column: span 6;
  }
}
@media (min-width: 1200px) {
  .lg\:col-span-7 {
    grid-column: span 7;
  }
}
@media (min-width: 1200px) {
  .lg\:col-span-8 {
    grid-column: span 8;
  }
}
@media (min-width: 1200px) {
  .lg\:col-span-9 {
    grid-column: span 9;
  }
}
@media (min-width: 1200px) {
  .lg\:col-span-10 {
    grid-column: span 10;
  }
}
@media (min-width: 1200px) {
  .lg\:col-span-11 {
    grid-column: span 11;
  }
}
@media (min-width: 1200px) {
  .lg\:col-span-12 {
    grid-column: span 12;
  }
}
.col-start-1 {
  grid-column-start: 1;
}

.col-start-2 {
  grid-column-start: 2;
}

.col-start-3 {
  grid-column-start: 3;
}

.col-start-4 {
  grid-column-start: 4;
}

.col-start-5 {
  grid-column-start: 5;
}

.col-start-6 {
  grid-column-start: 6;
}

.col-start-7 {
  grid-column-start: 7;
}

.col-start-8 {
  grid-column-start: 8;
}

.col-start-9 {
  grid-column-start: 9;
}

.col-start-10 {
  grid-column-start: 10;
}

.col-start-11 {
  grid-column-start: 11;
}

.col-start-12 {
  grid-column-start: 12;
}

@media (min-width: 576px) {
  .sm\:col-start-1 {
    grid-column-start: 1;
  }
}
@media (min-width: 576px) {
  .sm\:col-start-2 {
    grid-column-start: 2;
  }
}
@media (min-width: 576px) {
  .sm\:col-start-3 {
    grid-column-start: 3;
  }
}
@media (min-width: 576px) {
  .sm\:col-start-4 {
    grid-column-start: 4;
  }
}
@media (min-width: 576px) {
  .sm\:col-start-5 {
    grid-column-start: 5;
  }
}
@media (min-width: 576px) {
  .sm\:col-start-6 {
    grid-column-start: 6;
  }
}
@media (min-width: 576px) {
  .sm\:col-start-7 {
    grid-column-start: 7;
  }
}
@media (min-width: 576px) {
  .sm\:col-start-8 {
    grid-column-start: 8;
  }
}
@media (min-width: 576px) {
  .sm\:col-start-9 {
    grid-column-start: 9;
  }
}
@media (min-width: 576px) {
  .sm\:col-start-10 {
    grid-column-start: 10;
  }
}
@media (min-width: 576px) {
  .sm\:col-start-11 {
    grid-column-start: 11;
  }
}
@media (min-width: 576px) {
  .sm\:col-start-12 {
    grid-column-start: 12;
  }
}
@media (min-width: 768px) {
  .md\:col-start-1 {
    grid-column-start: 1;
  }
}
@media (min-width: 768px) {
  .md\:col-start-2 {
    grid-column-start: 2;
  }
}
@media (min-width: 768px) {
  .md\:col-start-3 {
    grid-column-start: 3;
  }
}
@media (min-width: 768px) {
  .md\:col-start-4 {
    grid-column-start: 4;
  }
}
@media (min-width: 768px) {
  .md\:col-start-5 {
    grid-column-start: 5;
  }
}
@media (min-width: 768px) {
  .md\:col-start-6 {
    grid-column-start: 6;
  }
}
@media (min-width: 768px) {
  .md\:col-start-7 {
    grid-column-start: 7;
  }
}
@media (min-width: 768px) {
  .md\:col-start-8 {
    grid-column-start: 8;
  }
}
@media (min-width: 768px) {
  .md\:col-start-9 {
    grid-column-start: 9;
  }
}
@media (min-width: 768px) {
  .md\:col-start-10 {
    grid-column-start: 10;
  }
}
@media (min-width: 768px) {
  .md\:col-start-11 {
    grid-column-start: 11;
  }
}
@media (min-width: 768px) {
  .md\:col-start-12 {
    grid-column-start: 12;
  }
}
@media (min-width: 1200px) {
  .lg\:col-start-1 {
    grid-column-start: 1;
  }
}
@media (min-width: 1200px) {
  .lg\:col-start-2 {
    grid-column-start: 2;
  }
}
@media (min-width: 1200px) {
  .lg\:col-start-3 {
    grid-column-start: 3;
  }
}
@media (min-width: 1200px) {
  .lg\:col-start-4 {
    grid-column-start: 4;
  }
}
@media (min-width: 1200px) {
  .lg\:col-start-5 {
    grid-column-start: 5;
  }
}
@media (min-width: 1200px) {
  .lg\:col-start-6 {
    grid-column-start: 6;
  }
}
@media (min-width: 1200px) {
  .lg\:col-start-7 {
    grid-column-start: 7;
  }
}
@media (min-width: 1200px) {
  .lg\:col-start-8 {
    grid-column-start: 8;
  }
}
@media (min-width: 1200px) {
  .lg\:col-start-9 {
    grid-column-start: 9;
  }
}
@media (min-width: 1200px) {
  .lg\:col-start-10 {
    grid-column-start: 10;
  }
}
@media (min-width: 1200px) {
  .lg\:col-start-11 {
    grid-column-start: 11;
  }
}
@media (min-width: 1200px) {
  .lg\:col-start-12 {
    grid-column-start: 12;
  }
}
.col-end-1 {
  grid-column-end: 1;
}

.col-end-2 {
  grid-column-end: 2;
}

.col-end-3 {
  grid-column-end: 3;
}

.col-end-4 {
  grid-column-end: 4;
}

.col-end-5 {
  grid-column-end: 5;
}

.col-end-6 {
  grid-column-end: 6;
}

.col-end-7 {
  grid-column-end: 7;
}

.col-end-8 {
  grid-column-end: 8;
}

.col-end-9 {
  grid-column-end: 9;
}

.col-end-10 {
  grid-column-end: 10;
}

.col-end-11 {
  grid-column-end: 11;
}

.col-end-12 {
  grid-column-end: 12;
}

@media (min-width: 576px) {
  .sm\:col-end-1 {
    grid-column-end: 1;
  }
}
@media (min-width: 576px) {
  .sm\:col-end-2 {
    grid-column-end: 2;
  }
}
@media (min-width: 576px) {
  .sm\:col-end-3 {
    grid-column-end: 3;
  }
}
@media (min-width: 576px) {
  .sm\:col-end-4 {
    grid-column-end: 4;
  }
}
@media (min-width: 576px) {
  .sm\:col-end-5 {
    grid-column-end: 5;
  }
}
@media (min-width: 576px) {
  .sm\:col-end-6 {
    grid-column-end: 6;
  }
}
@media (min-width: 576px) {
  .sm\:col-end-7 {
    grid-column-end: 7;
  }
}
@media (min-width: 576px) {
  .sm\:col-end-8 {
    grid-column-end: 8;
  }
}
@media (min-width: 576px) {
  .sm\:col-end-9 {
    grid-column-end: 9;
  }
}
@media (min-width: 576px) {
  .sm\:col-end-10 {
    grid-column-end: 10;
  }
}
@media (min-width: 576px) {
  .sm\:col-end-11 {
    grid-column-end: 11;
  }
}
@media (min-width: 576px) {
  .sm\:col-end-12 {
    grid-column-end: 12;
  }
}
@media (min-width: 768px) {
  .md\:col-end-1 {
    grid-column-end: 1;
  }
}
@media (min-width: 768px) {
  .md\:col-end-2 {
    grid-column-end: 2;
  }
}
@media (min-width: 768px) {
  .md\:col-end-3 {
    grid-column-end: 3;
  }
}
@media (min-width: 768px) {
  .md\:col-end-4 {
    grid-column-end: 4;
  }
}
@media (min-width: 768px) {
  .md\:col-end-5 {
    grid-column-end: 5;
  }
}
@media (min-width: 768px) {
  .md\:col-end-6 {
    grid-column-end: 6;
  }
}
@media (min-width: 768px) {
  .md\:col-end-7 {
    grid-column-end: 7;
  }
}
@media (min-width: 768px) {
  .md\:col-end-8 {
    grid-column-end: 8;
  }
}
@media (min-width: 768px) {
  .md\:col-end-9 {
    grid-column-end: 9;
  }
}
@media (min-width: 768px) {
  .md\:col-end-10 {
    grid-column-end: 10;
  }
}
@media (min-width: 768px) {
  .md\:col-end-11 {
    grid-column-end: 11;
  }
}
@media (min-width: 768px) {
  .md\:col-end-12 {
    grid-column-end: 12;
  }
}
@media (min-width: 1200px) {
  .lg\:col-end-1 {
    grid-column-end: 1;
  }
}
@media (min-width: 1200px) {
  .lg\:col-end-2 {
    grid-column-end: 2;
  }
}
@media (min-width: 1200px) {
  .lg\:col-end-3 {
    grid-column-end: 3;
  }
}
@media (min-width: 1200px) {
  .lg\:col-end-4 {
    grid-column-end: 4;
  }
}
@media (min-width: 1200px) {
  .lg\:col-end-5 {
    grid-column-end: 5;
  }
}
@media (min-width: 1200px) {
  .lg\:col-end-6 {
    grid-column-end: 6;
  }
}
@media (min-width: 1200px) {
  .lg\:col-end-7 {
    grid-column-end: 7;
  }
}
@media (min-width: 1200px) {
  .lg\:col-end-8 {
    grid-column-end: 8;
  }
}
@media (min-width: 1200px) {
  .lg\:col-end-9 {
    grid-column-end: 9;
  }
}
@media (min-width: 1200px) {
  .lg\:col-end-10 {
    grid-column-end: 10;
  }
}
@media (min-width: 1200px) {
  .lg\:col-end-11 {
    grid-column-end: 11;
  }
}
@media (min-width: 1200px) {
  .lg\:col-end-12 {
    grid-column-end: 12;
  }
}
.row-start-1 {
  grid-row-start: 1;
}

.row-start-2 {
  grid-row-start: 2;
}

.row-start-3 {
  grid-row-start: 3;
}

.row-start-4 {
  grid-row-start: 4;
}

.row-start-5 {
  grid-row-start: 5;
}

.row-start-6 {
  grid-row-start: 6;
}

.row-start-7 {
  grid-row-start: 7;
}

.row-start-8 {
  grid-row-start: 8;
}

.row-start-9 {
  grid-row-start: 9;
}

.row-start-10 {
  grid-row-start: 10;
}

.row-start-11 {
  grid-row-start: 11;
}

.row-start-12 {
  grid-row-start: 12;
}

@media (min-width: 576px) {
  .sm\:row-start-1 {
    grid-row-start: 1;
  }
}
@media (min-width: 576px) {
  .sm\:row-start-2 {
    grid-row-start: 2;
  }
}
@media (min-width: 576px) {
  .sm\:row-start-3 {
    grid-row-start: 3;
  }
}
@media (min-width: 576px) {
  .sm\:row-start-4 {
    grid-row-start: 4;
  }
}
@media (min-width: 576px) {
  .sm\:row-start-5 {
    grid-row-start: 5;
  }
}
@media (min-width: 576px) {
  .sm\:row-start-6 {
    grid-row-start: 6;
  }
}
@media (min-width: 576px) {
  .sm\:row-start-7 {
    grid-row-start: 7;
  }
}
@media (min-width: 576px) {
  .sm\:row-start-8 {
    grid-row-start: 8;
  }
}
@media (min-width: 576px) {
  .sm\:row-start-9 {
    grid-row-start: 9;
  }
}
@media (min-width: 576px) {
  .sm\:row-start-10 {
    grid-row-start: 10;
  }
}
@media (min-width: 576px) {
  .sm\:row-start-11 {
    grid-row-start: 11;
  }
}
@media (min-width: 576px) {
  .sm\:row-start-12 {
    grid-row-start: 12;
  }
}
@media (min-width: 768px) {
  .md\:row-start-1 {
    grid-row-start: 1;
  }
}
@media (min-width: 768px) {
  .md\:row-start-2 {
    grid-row-start: 2;
  }
}
@media (min-width: 768px) {
  .md\:row-start-3 {
    grid-row-start: 3;
  }
}
@media (min-width: 768px) {
  .md\:row-start-4 {
    grid-row-start: 4;
  }
}
@media (min-width: 768px) {
  .md\:row-start-5 {
    grid-row-start: 5;
  }
}
@media (min-width: 768px) {
  .md\:row-start-6 {
    grid-row-start: 6;
  }
}
@media (min-width: 768px) {
  .md\:row-start-7 {
    grid-row-start: 7;
  }
}
@media (min-width: 768px) {
  .md\:row-start-8 {
    grid-row-start: 8;
  }
}
@media (min-width: 768px) {
  .md\:row-start-9 {
    grid-row-start: 9;
  }
}
@media (min-width: 768px) {
  .md\:row-start-10 {
    grid-row-start: 10;
  }
}
@media (min-width: 768px) {
  .md\:row-start-11 {
    grid-row-start: 11;
  }
}
@media (min-width: 768px) {
  .md\:row-start-12 {
    grid-row-start: 12;
  }
}
@media (min-width: 1200px) {
  .lg\:row-start-1 {
    grid-row-start: 1;
  }
}
@media (min-width: 1200px) {
  .lg\:row-start-2 {
    grid-row-start: 2;
  }
}
@media (min-width: 1200px) {
  .lg\:row-start-3 {
    grid-row-start: 3;
  }
}
@media (min-width: 1200px) {
  .lg\:row-start-4 {
    grid-row-start: 4;
  }
}
@media (min-width: 1200px) {
  .lg\:row-start-5 {
    grid-row-start: 5;
  }
}
@media (min-width: 1200px) {
  .lg\:row-start-6 {
    grid-row-start: 6;
  }
}
@media (min-width: 1200px) {
  .lg\:row-start-7 {
    grid-row-start: 7;
  }
}
@media (min-width: 1200px) {
  .lg\:row-start-8 {
    grid-row-start: 8;
  }
}
@media (min-width: 1200px) {
  .lg\:row-start-9 {
    grid-row-start: 9;
  }
}
@media (min-width: 1200px) {
  .lg\:row-start-10 {
    grid-row-start: 10;
  }
}
@media (min-width: 1200px) {
  .lg\:row-start-11 {
    grid-row-start: 11;
  }
}
@media (min-width: 1200px) {
  .lg\:row-start-12 {
    grid-row-start: 12;
  }
}
.row-end-1 {
  grid-row-end: 1;
}

.row-end-2 {
  grid-row-end: 2;
}

.row-end-3 {
  grid-row-end: 3;
}

.row-end-4 {
  grid-row-end: 4;
}

.row-end-5 {
  grid-row-end: 5;
}

.row-end-6 {
  grid-row-end: 6;
}

.row-end-7 {
  grid-row-end: 7;
}

.row-end-8 {
  grid-row-end: 8;
}

.row-end-9 {
  grid-row-end: 9;
}

.row-end-10 {
  grid-row-end: 10;
}

.row-end-11 {
  grid-row-end: 11;
}

.row-end-12 {
  grid-row-end: 12;
}

@media (min-width: 576px) {
  .sm\:row-end-1 {
    grid-row-end: 1;
  }
}
@media (min-width: 576px) {
  .sm\:row-end-2 {
    grid-row-end: 2;
  }
}
@media (min-width: 576px) {
  .sm\:row-end-3 {
    grid-row-end: 3;
  }
}
@media (min-width: 576px) {
  .sm\:row-end-4 {
    grid-row-end: 4;
  }
}
@media (min-width: 576px) {
  .sm\:row-end-5 {
    grid-row-end: 5;
  }
}
@media (min-width: 576px) {
  .sm\:row-end-6 {
    grid-row-end: 6;
  }
}
@media (min-width: 576px) {
  .sm\:row-end-7 {
    grid-row-end: 7;
  }
}
@media (min-width: 576px) {
  .sm\:row-end-8 {
    grid-row-end: 8;
  }
}
@media (min-width: 576px) {
  .sm\:row-end-9 {
    grid-row-end: 9;
  }
}
@media (min-width: 576px) {
  .sm\:row-end-10 {
    grid-row-end: 10;
  }
}
@media (min-width: 576px) {
  .sm\:row-end-11 {
    grid-row-end: 11;
  }
}
@media (min-width: 576px) {
  .sm\:row-end-12 {
    grid-row-end: 12;
  }
}
@media (min-width: 768px) {
  .md\:row-end-1 {
    grid-row-end: 1;
  }
}
@media (min-width: 768px) {
  .md\:row-end-2 {
    grid-row-end: 2;
  }
}
@media (min-width: 768px) {
  .md\:row-end-3 {
    grid-row-end: 3;
  }
}
@media (min-width: 768px) {
  .md\:row-end-4 {
    grid-row-end: 4;
  }
}
@media (min-width: 768px) {
  .md\:row-end-5 {
    grid-row-end: 5;
  }
}
@media (min-width: 768px) {
  .md\:row-end-6 {
    grid-row-end: 6;
  }
}
@media (min-width: 768px) {
  .md\:row-end-7 {
    grid-row-end: 7;
  }
}
@media (min-width: 768px) {
  .md\:row-end-8 {
    grid-row-end: 8;
  }
}
@media (min-width: 768px) {
  .md\:row-end-9 {
    grid-row-end: 9;
  }
}
@media (min-width: 768px) {
  .md\:row-end-10 {
    grid-row-end: 10;
  }
}
@media (min-width: 768px) {
  .md\:row-end-11 {
    grid-row-end: 11;
  }
}
@media (min-width: 768px) {
  .md\:row-end-12 {
    grid-row-end: 12;
  }
}
@media (min-width: 1200px) {
  .lg\:row-end-1 {
    grid-row-end: 1;
  }
}
@media (min-width: 1200px) {
  .lg\:row-end-2 {
    grid-row-end: 2;
  }
}
@media (min-width: 1200px) {
  .lg\:row-end-3 {
    grid-row-end: 3;
  }
}
@media (min-width: 1200px) {
  .lg\:row-end-4 {
    grid-row-end: 4;
  }
}
@media (min-width: 1200px) {
  .lg\:row-end-5 {
    grid-row-end: 5;
  }
}
@media (min-width: 1200px) {
  .lg\:row-end-6 {
    grid-row-end: 6;
  }
}
@media (min-width: 1200px) {
  .lg\:row-end-7 {
    grid-row-end: 7;
  }
}
@media (min-width: 1200px) {
  .lg\:row-end-8 {
    grid-row-end: 8;
  }
}
@media (min-width: 1200px) {
  .lg\:row-end-9 {
    grid-row-end: 9;
  }
}
@media (min-width: 1200px) {
  .lg\:row-end-10 {
    grid-row-end: 10;
  }
}
@media (min-width: 1200px) {
  .lg\:row-end-11 {
    grid-row-end: 11;
  }
}
@media (min-width: 1200px) {
  .lg\:row-end-12 {
    grid-row-end: 12;
  }
}
.flex-1 {
  flex: 1 1 0% !important;
}

.flex-auto {
  flex: 1 1 auto !important;
}

.flex-initial {
  flex: 0 1 auto !important;
}

.flex-block {
  flex: 0 0 100% !important;
}

.flex-wrap {
  flex-wrap: wrap !important;
}

.flex-nowrap {
  flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}

.flex-row {
  flex-direction: row !important;
}

.flex-row-reverse {
  flex-direction: row-reverse !important;
}

.flex-col {
  flex-direction: column !important;
}

.flex-col-reverse {
  flex-direction: column-reverse !important;
}

@media (min-width: 576px) {
  .sm\:flex-1 {
    flex: 1 1 0% !important;
  }
}
@media (min-width: 576px) {
  .sm\:flex-auto {
    flex: 1 1 auto !important;
  }
}
@media (min-width: 576px) {
  .sm\:flex-initial {
    flex: 0 1 auto !important;
  }
}
@media (min-width: 576px) {
  .sm\:flex-block {
    flex: 0 0 100% !important;
  }
}
@media (min-width: 768px) {
  .md\:flex-1 {
    flex: 1 1 0% !important;
  }
}
@media (min-width: 768px) {
  .md\:flex-auto {
    flex: 1 1 auto !important;
  }
}
@media (min-width: 768px) {
  .md\:flex-initial {
    flex: 0 1 auto !important;
  }
}
@media (min-width: 768px) {
  .md\:flex-block {
    flex: 0 0 100% !important;
  }
}
@media (min-width: 1200px) {
  .lg\:flex-1 {
    flex: 1 1 0% !important;
  }
}
@media (min-width: 1200px) {
  .lg\:flex-auto {
    flex: 1 1 auto !important;
  }
}
@media (min-width: 1200px) {
  .lg\:flex-initial {
    flex: 0 1 auto !important;
  }
}
@media (min-width: 1200px) {
  .lg\:flex-block {
    flex: 0 0 100% !important;
  }
}
@media (min-width: 576px) {
  .sm\:flex-wrap {
    flex-wrap: wrap !important;
  }
}
@media (min-width: 576px) {
  .sm\:flex-nowrap {
    flex-wrap: nowrap !important;
  }
}
@media (min-width: 576px) {
  .sm\:flex-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
}
@media (min-width: 768px) {
  .md\:flex-wrap {
    flex-wrap: wrap !important;
  }
}
@media (min-width: 768px) {
  .md\:flex-nowrap {
    flex-wrap: nowrap !important;
  }
}
@media (min-width: 768px) {
  .md\:flex-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
}
@media (min-width: 1200px) {
  .lg\:flex-wrap {
    flex-wrap: wrap !important;
  }
}
@media (min-width: 1200px) {
  .lg\:flex-nowrap {
    flex-wrap: nowrap !important;
  }
}
@media (min-width: 1200px) {
  .lg\:flex-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
}
@media (min-width: 576px) {
  .sm\:flex-row {
    flex-direction: row !important;
  }
}
@media (min-width: 576px) {
  .sm\:flex-row-reverse {
    flex-direction: row-reverse !important;
  }
}
@media (min-width: 576px) {
  .sm\:flex-col {
    flex-direction: column !important;
  }
}
@media (min-width: 576px) {
  .sm\:flex-col-reverse {
    flex-direction: column-reverse !important;
  }
}
@media (min-width: 768px) {
  .md\:flex-row {
    flex-direction: row !important;
  }
}
@media (min-width: 768px) {
  .md\:flex-row-reverse {
    flex-direction: row-reverse !important;
  }
}
@media (min-width: 768px) {
  .md\:flex-col {
    flex-direction: column !important;
  }
}
@media (min-width: 768px) {
  .md\:flex-col-reverse {
    flex-direction: column-reverse !important;
  }
}
@media (min-width: 1200px) {
  .lg\:flex-row {
    flex-direction: row !important;
  }
}
@media (min-width: 1200px) {
  .lg\:flex-row-reverse {
    flex-direction: row-reverse !important;
  }
}
@media (min-width: 1200px) {
  .lg\:flex-col {
    flex-direction: column !important;
  }
}
@media (min-width: 1200px) {
  .lg\:flex-col-reverse {
    flex-direction: column-reverse !important;
  }
}
.flex-center {
  justify-content: center;
  align-items: center;
}

.flex-swap > :last-child {
  order: -1;
}

.is-flex {
  display: flex !important;
}

.is-grid {
  display: grid !important;
}

.is-block {
  display: block !important;
}

.is-inline {
  display: inline !important;
}

.is-inline-flex {
  display: inline-flex !important;
}

.is-inline-grid {
  display: inline-grid !important;
}

.is-inline-block {
  display: inline-block !important;
}

.is-hidden {
  display: none !important;
}

@media (min-width: 576px) {
  .sm\:is-flex {
    display: flex !important;
  }
}
@media (min-width: 576px) {
  .sm\:is-grid {
    display: grid !important;
  }
}
@media (min-width: 576px) {
  .sm\:is-block {
    display: block !important;
  }
}
@media (min-width: 576px) {
  .sm\:is-inline {
    display: inline !important;
  }
}
@media (min-width: 576px) {
  .sm\:is-inline-flex {
    display: inline-flex !important;
  }
}
@media (min-width: 576px) {
  .sm\:is-inline-grid {
    display: inline-grid !important;
  }
}
@media (min-width: 576px) {
  .sm\:is-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 576px) {
  .sm\:is-hidden {
    display: none !important;
  }
}
@media (min-width: 768px) {
  .md\:is-flex {
    display: flex !important;
  }
}
@media (min-width: 768px) {
  .md\:is-grid {
    display: grid !important;
  }
}
@media (min-width: 768px) {
  .md\:is-block {
    display: block !important;
  }
}
@media (min-width: 768px) {
  .md\:is-inline {
    display: inline !important;
  }
}
@media (min-width: 768px) {
  .md\:is-inline-flex {
    display: inline-flex !important;
  }
}
@media (min-width: 768px) {
  .md\:is-inline-grid {
    display: inline-grid !important;
  }
}
@media (min-width: 768px) {
  .md\:is-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 768px) {
  .md\:is-hidden {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .lg\:is-flex {
    display: flex !important;
  }
}
@media (min-width: 1200px) {
  .lg\:is-grid {
    display: grid !important;
  }
}
@media (min-width: 1200px) {
  .lg\:is-block {
    display: block !important;
  }
}
@media (min-width: 1200px) {
  .lg\:is-inline {
    display: inline !important;
  }
}
@media (min-width: 1200px) {
  .lg\:is-inline-flex {
    display: inline-flex !important;
  }
}
@media (min-width: 1200px) {
  .lg\:is-inline-grid {
    display: inline-grid !important;
  }
}
@media (min-width: 1200px) {
  .lg\:is-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 1200px) {
  .lg\:is-hidden {
    display: none !important;
  }
}
.wrapper {
  width: 100%;
  margin: 0 auto;
  box-sizing: border-box;
  max-width: var(--module-max-width, 780px);
  padding: var(--space-sm) 16px;
}

@media (min-width: 768px) {
  .wrapper {
    padding-top: var(--space-md);
    padding-bottom: var(--space-md);
  }
}
@media (min-width: 1200px) {
  .wrapper {
    padding-top: var(--space-lg);
    padding-bottom: var(--space-lg);
  }
}
.wrapper .wrapper {
  padding: 0;
  max-width: 100%;
}

:root {
  --color-contrast--lower: var(--color-primary--10);
  --color-contrast--low: var(--color-primary--40);
  --color-contrast--medium: var(--color-primary--60);
  --color-contrast--high: var(--color-primary);
  --color-text--link: var(--color-accent);
  --color-theme--background: var(--color-white);
  --theme-mode-transition: .3s;
}

[data-theme] {
  color: var(--color-contrast--medium);
  background-color: var(--color-theme--background);
  transition: var(--theme-mode-transition);
}

[data-theme=dark] {
  --color-contrast--lower: var(--color-contrast-light);
  --color-contrast--medium: var(--color-contrast-light-lower);
  --color-contrast--high: var(--color-contrast-lighter);
  --color-theme--background: var(--color-contrast-dark);
}

.modules-group > .module .wrapper {
  padding: 0;
  max-width: 100%;
}

.related-ebooks {
  --module-max-width: 1200px;
}

.related-ebooks .module__item-link figure {
  transition: 0.4s;
}

.related-ebooks .module__item-link:hover figure {
  box-shadow: 0 2px 20px -2px var(--color-rgba-black-50);
  transform: translateY(-5px);
}

.footer {
  --module-max-width: 1200px;
}

.footer .wrapper {
  padding: var(--space-sm) 16px;
}

.footer .module__logo {
  height: 52px;
}

.footer .module__logo img {
  width: auto;
  height: 100%;
}

.topbar {
  position: relative;
}

.topbar__body {
  display: grid;
  grid-template-columns: 1fr 50px;
  align-items: stretch;
  gap: 1rem;
}

.topbar__branding a {
  display: flex;
  align-items: center;
  gap: 16px;
}

.topbar__branding-title {
  font-size: 1.4em;
  font-weight: bold;
}

.topbar__navigation {
  display: flex;
  align-items: center;
}

.topbar__navigation__menu {
  list-style: none;
  padding: 0px;
  margin: 0px;
}

.topbar .toggle__checkbox:checked ~ [class$=__content] {
  background: blue;
  position: absolute;
  top: 100%;
  left: 0px;
  width: 100%;
}

@media (max-width: 768px) {
  .topbar--expand-menu-mobile .topbar__body {
    grid-template-columns: auto auto min-content;
  }
  .topbar--expand-menu-mobile .topbar__navigation {
    justify-content: flex-end;
  }
  .topbar--expand-menu-mobile .topbar__navigation .toggle__button {
    display: none;
  }
  .topbar--expand-menu-mobile .topbar__navigation .toggle__content {
    opacity: unset;
    visibility: visible;
    height: unset;
    width: unset;
    overflow: unset;
    grid-column-start: unset;
    grid-column-end: unset;
  }
  .topbar--expand-menu-mobile .topbar__search {
    position: relative;
    display: flex;
    align-items: center;
  }
  .topbar--expand-menu-mobile .topbar__search .toggle__content {
    top: 0px;
    right: 100%;
    left: unset;
    width: 0px;
    height: 0px;
    position: absolute;
    transition: width 1s;
  }
  .topbar--expand-menu-mobile .topbar__search .toggle__checkbox:checked ~ [class$=__content] {
    width: 600px;
    top: 0;
    left: unset;
    width: 600px;
    right: calc(100% + 16px);
    transition: width 1s;
  }
  .topbar--expand-menu-mobile .navigation__menu {
    display: flex;
    gap: 16px;
  }
  .topbar--expand-menu-mobile .navigation__item--has-children {
    position: relative;
  }
  .topbar--expand-menu-mobile .navigation__item--has-children .sub-menu {
    position: absolute;
    top: 100%;
    visibility: hidden;
    opacity: 0;
    height: 0px;
    overflow: hidden;
  }
  .topbar--expand-menu-mobile .navigation__item--has-children:hover .sub-menu {
    visibility: visible;
    opacity: 1;
    height: auto;
  }
  .topbar--expand-menu-mobile .navigation__item--has-children > a:after {
    content: "⌄";
    display: inline-block;
    vertical-align: middle;
    line-height: 0.5em;
    padding: 0 0 0.5em 0.4em;
    opacity: 0.5;
  }
}
@media (min-width: 768px) {
  .topbar--expand-menu-tablet .topbar__body {
    grid-template-columns: auto auto min-content;
  }
  .topbar--expand-menu-tablet .topbar__navigation {
    justify-content: flex-end;
  }
  .topbar--expand-menu-tablet .topbar__navigation .toggle__button {
    display: none;
  }
  .topbar--expand-menu-tablet .topbar__navigation .toggle__content {
    opacity: unset;
    visibility: visible;
    height: unset;
    width: unset;
    overflow: unset;
    grid-column-start: unset;
    grid-column-end: unset;
  }
  .topbar--expand-menu-tablet .topbar__search {
    position: relative;
    display: flex;
    align-items: center;
  }
  .topbar--expand-menu-tablet .topbar__search .toggle__content {
    top: 0px;
    right: 100%;
    left: unset;
    width: 0px;
    height: 0px;
    position: absolute;
    transition: width 1s;
  }
  .topbar--expand-menu-tablet .topbar__search .toggle__checkbox:checked ~ [class$=__content] {
    width: 600px;
    top: 0;
    left: unset;
    width: 600px;
    right: calc(100% + 16px);
    transition: width 1s;
  }
  .topbar--expand-menu-tablet .navigation__menu {
    display: flex;
    gap: 16px;
  }
  .topbar--expand-menu-tablet .navigation__item--has-children {
    position: relative;
  }
  .topbar--expand-menu-tablet .navigation__item--has-children .sub-menu {
    position: absolute;
    top: 100%;
    visibility: hidden;
    opacity: 0;
    height: 0px;
    overflow: hidden;
  }
  .topbar--expand-menu-tablet .navigation__item--has-children:hover .sub-menu {
    visibility: visible;
    opacity: 1;
    height: auto;
  }
  .topbar--expand-menu-tablet .navigation__item--has-children > a:after {
    content: "⌄";
    display: inline-block;
    vertical-align: middle;
    line-height: 0.5em;
    padding: 0 0 0.5em 0.4em;
    opacity: 0.5;
  }
}
@media (min-width: 1200px) {
  .topbar--expand-menu-desktop .topbar__body {
    grid-template-columns: auto auto min-content;
  }
  .topbar--expand-menu-desktop .topbar__navigation {
    justify-content: flex-end;
  }
  .topbar--expand-menu-desktop .topbar__navigation .toggle__button {
    display: none;
  }
  .topbar--expand-menu-desktop .topbar__navigation .toggle__content {
    opacity: unset;
    visibility: visible;
    height: unset;
    width: unset;
    overflow: unset;
    grid-column-start: unset;
    grid-column-end: unset;
  }
  .topbar--expand-menu-desktop .topbar__search {
    position: relative;
    display: flex;
    align-items: center;
  }
  .topbar--expand-menu-desktop .topbar__search .toggle__content {
    top: 0px;
    right: 100%;
    left: unset;
    width: 0px;
    height: 0px;
    position: absolute;
    transition: width 1s;
  }
  .topbar--expand-menu-desktop .topbar__search .toggle__checkbox:checked ~ [class$=__content] {
    width: 600px;
    top: 0;
    left: unset;
    width: 600px;
    right: calc(100% + 16px);
    transition: width 1s;
  }
  .topbar--expand-menu-desktop .navigation__menu {
    display: flex;
    gap: 16px;
  }
  .topbar--expand-menu-desktop .navigation__item--has-children {
    position: relative;
  }
  .topbar--expand-menu-desktop .navigation__item--has-children .sub-menu {
    position: absolute;
    top: 100%;
    visibility: hidden;
    opacity: 0;
    height: 0px;
    overflow: hidden;
  }
  .topbar--expand-menu-desktop .navigation__item--has-children:hover .sub-menu {
    visibility: visible;
    opacity: 1;
    height: auto;
  }
  .topbar--expand-menu-desktop .navigation__item--has-children > a:after {
    content: "⌄";
    display: inline-block;
    vertical-align: middle;
    line-height: 0.5em;
    padding: 0 0 0.5em 0.4em;
    opacity: 0.5;
  }
}
@media (min-width: 1400px) {
  .topbar--expand-menu-large_desktop .topbar__body {
    grid-template-columns: auto auto min-content;
  }
  .topbar--expand-menu-large_desktop .topbar__navigation {
    justify-content: flex-end;
  }
  .topbar--expand-menu-large_desktop .topbar__navigation .toggle__button {
    display: none;
  }
  .topbar--expand-menu-large_desktop .topbar__navigation .toggle__content {
    opacity: unset;
    visibility: visible;
    height: unset;
    width: unset;
    overflow: unset;
    grid-column-start: unset;
    grid-column-end: unset;
  }
  .topbar--expand-menu-large_desktop .topbar__search {
    position: relative;
    display: flex;
    align-items: center;
  }
  .topbar--expand-menu-large_desktop .topbar__search .toggle__content {
    top: 0px;
    right: 100%;
    left: unset;
    width: 0px;
    height: 0px;
    position: absolute;
    transition: width 1s;
  }
  .topbar--expand-menu-large_desktop .topbar__search .toggle__checkbox:checked ~ [class$=__content] {
    width: 600px;
    top: 0;
    left: unset;
    width: 600px;
    right: calc(100% + 16px);
    transition: width 1s;
  }
  .topbar--expand-menu-large_desktop .navigation__menu {
    display: flex;
    gap: 16px;
  }
  .topbar--expand-menu-large_desktop .navigation__item--has-children {
    position: relative;
  }
  .topbar--expand-menu-large_desktop .navigation__item--has-children .sub-menu {
    position: absolute;
    top: 100%;
    visibility: hidden;
    opacity: 0;
    height: 0px;
    overflow: hidden;
  }
  .topbar--expand-menu-large_desktop .navigation__item--has-children:hover .sub-menu {
    visibility: visible;
    opacity: 1;
    height: auto;
  }
  .topbar--expand-menu-large_desktop .navigation__item--has-children > a:after {
    content: "⌄";
    display: inline-block;
    vertical-align: middle;
    line-height: 0.5em;
    padding: 0 0 0.5em 0.4em;
    opacity: 0.5;
  }
} /*# sourceMappingURL=rosetta.css.map */
:root {
  --breakpoint-min: 320px;
  --breakpoint-mobile: 576px;
  --breakpoint-tablet: 768px;
  --breakpoint-laptop: 992px;
  --breakpoint-menu: 890px;
  --breakpoint-desktop: 1200px;
  --breakpoint-large: 1400px;
}

/* -----------------------------------------------------------------------------
 * Breakpoints
 */ /* -----------------------------------------------------------------------------
 * Misc mixins */
/* -----------------------------------------------------------------------------
 * Elements mixins */
/* -----------------------------------------------------------------------------
 * Typography mixins */
/* -----------------------------------------------------------------------------
* Wrappers */
/* -----------------------------------------------------------------------------
* Flexbox */
/* -----------------------------------------------------------------------------
  * Atlas colors */
.bg-violet {
  background-color: #9B96EF !important;
}

.bg-light-violet {
  background-color: #DFDDFA !important;
}

@font-face {
  font-family: "Jet Brains";
  src: url("https://www.inboundcycle.com/hubfs/theme-master/fonts/jet-brains/JetBrainsMono-Regular.woff2");
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: "Jet Brains";
  src: url("https://www.inboundcycle.com/hubfs/theme-master/fonts/jet-brains/JetBrainsMono-Medium.woff2");
  font-weight: 500;
  font-display: swap;
}
@font-face {
  font-family: "Jet Brains";
  src: url("https://www.inboundcycle.com/hubfs/theme-master/fonts/jet-brains/JetBrainsMono-SemiBold.woff2&display=swap");
  font-weight: 600;
  font-display: swap;
}
@font-face {
  font-family: "Jet Brains";
  src: url("https://www.inboundcycle.com/hubfs/theme-master/fonts/jet-brains/JetBrainsMono-Bold.woff2");
  font-weight: 700;
  font-display: swap;
}
code:not(.js-copier-text), .atlas-playground__details code:not(.js-copier-text) {
  display: inline-block;
  font-family: "Jet Brains", monospace;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.6px;
  color: #fff;
  background-color: #7b67f6;
  border: none;
  border-radius: 0.3rem;
  padding: 4px 8px 5px;
  margin: 10px 0;
  -webkit-font-smoothing: antialiased;
}

.background-mask {
  visibility: hidden;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  background-color: rgba(0, 0, 0, 0.3);
  transition: all 0.4s;
}
.menu-open .background-mask {
  visibility: visible;
  opacity: 1;
  z-index: 999;
}

.mobile-menu {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 250px;
  z-index: 999;
  transform: translateX(-100%);
  transition: transform 0.4s;
}
.menu-open .mobile-menu {
  transform: translateX(0);
}
.mobile-menu__wrapper {
  position: relative;
  height: 100%;
  width: 100%;
  background-color: #fff;
  box-shadow: 0 0 10px -2px rgba(0, 0, 0, 0.4);
  overflow-y: scroll;
}
.mobile-menu__button {
  position: absolute;
  top: 10px;
  right: -40px;
  width: 40px;
  height: 40px;
  z-index: 9999;
  border: none;
  color: #fff;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  background-color: #4f46e5;
  opacity: 0.5;
  cursor: pointer;
}
.mobile-menu__button:hover {
  opacity: 1;
}
.mobile-menu .atlas-nav__item {
  margin: 6px 0 6px;
  background-color: transparent;
}
@media (max-width: 768px) {
  .mobile-menu {
    display: block;
  }
}

.home-page,
.home {
  min-height: 100%;
}

body.home {
  --font-family: "Poppins", sans-serif!important;
  background-color: #fff;
}
@media (min-width: 768px) {
  body.home {
    background-color: #fff;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: right center;
  }
}

.container {
  width: 100%;
  height: 100vh;
}
.container__wrapper {
  max-width: 1200px;
  flex: 0 0 100%;
}
.container .title {
  color: #7b67f6;
  text-shadow: 0 2px 2px rgba(0, 0, 0, 0.5);
  letter-spacing: 7px;
}
.container .title span {
  display: block;
  color: #0f172a;
  text-shadow: none;
  letter-spacing: 3px;
}
.container .logo {
  width: 100%;
  max-width: 600px;
}
.container .logo.figure {
  --logo-height: 50px;
  overflow: visible;
}
@media (min-width: 576px) {
  .container .logo.figure {
    --logo-height: 80px;
  }
}
.container .logo svg {
  overflow: visible;
}
.container .logo svg g {
  filter: drop-shadow(0 2px 1px rgba(0, 0, 0, 0.3));
}
.container .subtitle {
  font-family: "Roboto";
  font-weight: 400;
  color: #0f172a;
  text-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}
.container .subtitle i {
  position: relative;
  animation: up 1.3s infinite alternate;
  will-change: transform;
}
.container .subtitle i::after {
  content: "";
  position: absolute;
  bottom: -10px;
  left: 0;
  right: 0;
  width: 100%;
  height: 10px;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.2);
  animation: down 1.3s infinite alternate;
  will-change: transform;
}
.container .menu {
  max-width: 80%;
  margin-left: auto;
  margin-right: auto;
}
.container .menu__link {
  --button-color-subtle: #aec1ef;
  --button-bg-subtle: #aec1ef;
  font-family: "Roboto";
  font-weight: 600;
  text-decoration: none;
  width: 100%;
  letter-spacing: 0.4px;
  white-space: nowrap;
  word-break: normal;
  transition: all 0.3s;
}
.container .menu__link i {
  font-size: 20px;
  backface-visibility: hidden;
  will-change: transform;
  transition: 0.4s transform cubic-bezier(0.4, 2, 0.67, 1);
}
.container .menu__link i.scale {
  color: #4f46e5;
  transform: scale(1.1);
}
.container .menu__link:hover {
  --button-color-subtle: #4f46e5;
  --button-hover-bg-subtle: transparent;
  border-color: #4f46e5 !important;
}
@keyframes up {
  from {
    transform: translateY(0);
  }
  to {
    transform: translateY(-5px);
  }
}
@keyframes down {
  from {
    transform: translateY(0);
  }
  to {
    transform: scale(0.7) translateY(5px);
  }
}

/* -----------------------------------------------------------------------------
 * Helpers sections styles
*/
table .box {
  display: block;
  width: 90px;
  height: 60px;
  padding: 0;
}

.l-atlas-container__main {
  padding-left: 15px;
}
.l-atlas-container__main .atlas-overline {
  font-family: "Roboto", sans-serif;
}
@media (max-width: 768px) {
  .l-atlas-container__main {
    margin: 0 !important;
  }
  .l-atlas-container__main .atlas-landing__head {
    padding-left: 0;
    margin: 0;
  }
}

.altas-page .l-atlas-container {
  font-family: "Poppins", sans-serif !important;
}

.atlas-header__logo {
  padding: 10px 0 15px;
}
.atlas-header__logo a {
  display: inline-block;
}

.atlas-landing__head {
  background: #fff;
}
.atlas-landing__head .atlas-welcome {
  color: #0f172a;
}
.atlas-landing__head .atlas-welcome__title {
  font-family: "Poppins", sans-serif;
  margin-top: 40px;
}
.atlas-landing__head .atlas-welcome__title strong {
  display: inline;
  color: #7b67f6;
}
.atlas-landing__head .atlas-welcome__column {
  min-width: 60%;
}
@media (max-width: 768px) {
  .atlas-landing__head .atlas-welcome__column {
    min-width: 100%;
    padding: 0;
  }
}
.atlas-landing__head .atlas-coverage {
  color: #0f172a;
}
.atlas-landing__head .atlas-coverage__covered {
  fill: #4f46e5;
}
.atlas-landing__head .atlas-coverage__all {
  fill: rgba(79, 70, 229, 0.4);
}

.atlas-landing__content {
  display: none;
}

header + .l-atlas-container__aside {
  display: none;
  width: 250px;
}
.l-atlas-container__aside .atlas-search__icon {
  top: 10px;
}
.l-atlas-container__aside .atlas-search__input {
  padding: 10px;
  height: 100%;
  box-shadow: 0 0 10px -2px rgba(79, 70, 229, 0.2);
}
.l-atlas-container__aside .atlas-search__input:focus {
  background-color: #fff;
}
.l-atlas-container__aside .atlas-aside {
  background-color: #fff;
}
.l-atlas-container__aside .atlas-aside__content {
  display: block !important;
}
.l-atlas-container__aside .atlas-aside__content .atlas-nav {
  padding-right: 10px;
}
.l-atlas-container__aside .atlas-aside__content .atlas-nav__item {
  margin: 6px 0 6px;
  background-color: transparent;
}
.l-atlas-container__aside .atlas-aside__content .atlas-nav__item.home {
  border-bottom: 1px solid #e5e7eb;
}
.l-atlas-container__aside .atlas-aside__content .atlas-nav__item.home a {
  padding-top: 15px;
  padding-bottom: 15px;
}
.l-atlas-container__aside .atlas-aside__content .atlas-nav__item.home a:hover {
  color: #4f46e5;
}
.l-atlas-container__aside .atlas-aside__header {
  display: block;
}
.l-atlas-container__aside .atlas-aside__footer {
  display: none;
}
@media (min-width: 768px) {
  header + .l-atlas-container__aside {
    display: block;
  }
}

.atlas-content__inner {
  width: 100%;
  max-width: 100vw;
}
.atlas-content__inner .atlas-section .atlas {
  font-family: "Poppins", sans-serif;
}
.atlas-content__inner .atlas-section .atlas-p,
.atlas-content__inner .atlas-section .atlas-ul {
  font-family: "Roboto", sans-serif;
  font-size: 17px;
  line-height: 1.7;
}
.atlas-content__inner .atlas-title_1 {
  position: relative;
}
.atlas-content__inner .atlas-title_1 img[alt=icon] {
  position: absolute;
  max-width: 40px;
  right: -50%;
}
.atlas-content__inner .atlas-title_1 + .atlas-p {
  margin-bottom: 30px;
}
.atlas-content__inner .atlas-playground__example {
  border-color: #e5e7eb;
  padding: 32px 20px !important;
  border-radius: 6px;
  background-repeat: repeat;
  background-size: 30px;
  overflow-x: scroll;
}
.atlas-content__inner .atlas-playground__example::-webkit-scrollbar {
  opacity: 0;
}
.atlas-content__inner .atlas-playground__example .atlas-playground-test-frame {
  width: 100%;
  padding: 0;
  margin-bottom: -10px;
}
.atlas-content__inner .atlas-playground__example .atlas-playground-test-frame > section:not([data-theme=dark]), .atlas-content__inner .atlas-playground__example .atlas-playground-test-frame > div:not([data-theme=dark]), .atlas-content__inner .atlas-playground__example .atlas-playground-test-frame > footer:not([data-theme=dark]) {
  background-color: transparent;
}
.atlas-content__inner button.atlas-playground__summary {
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  letter-spacing: 0.4px;
  color: #0ea5e9;
  padding: 15px 0;
}
.atlas-content__inner button.atlas-playground__summary span {
  position: relative;
  display: inline-block;
}
.atlas-content__inner button.atlas-playground__summary span:after {
  content: "";
  position: absolute;
  font-size: 24px;
  right: -25px;
  width: 20px;
  height: 20px;
  background: url("https://cdn-icons-png.flaticon.com/512/7324/7324707.png") no-repeat center;
  background-size: 100%;
}
.atlas-content__inner .atlas-component-footer {
  display: none;
}

.atlas-style-space__item {
  margin-top: 10px;
}
.atlas-style-space__item .atlas-style-space__text {
  font-size: var(--text-sm);
  background-color: #fff;
  color: #000;
}
.atlas-style-space__item .atlas-style-space__spacer {
  background-color: #020544;
}
.atlas-style-space__item .atlas-copier__text {
  position: relative;
}
.atlas-style-space__item .atlas-copier__text,
.atlas-style-space__item .atlas-style-space-ruler {
  font-size: var(--text-xs);
  font-weight: 700;
  color: #6a6cb8;
}
.atlas-style-space__item .atlas-copier__text {
  left: 0;
}

.atlas-playground {
  display: block;
  max-width: calc(94vw - var(--main-margin-left, 0px));
  margin: 20px auto 60px;
}
.atlas-playground .js-copier-button {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-size: var(--button-font-size);
  font-weight: var(--button-font-weight);
  line-height: 1.25;
  color: var(--button-color);
  text-align: center;
  width: max-content;
  padding-top: 0.7em;
  padding-bottom: 0.7em;
  padding-left: 1.2em;
  padding-right: 1.2em;
  border-width: 2px;
  border-style: solid;
  border-radius: var(--button-radius);
  border-color: var(--button-border-color);
  background-color: var(--button-bg);
  cursor: pointer;
  text-decoration: none;
  white-space: nowrap;
  padding: 0.7em 1.5em;
  color: var(--color-white);
  border-color: var(--color-accent);
  background-color: var(--color-accent);
}
.atlas-playground .js-copier-button:hover {
  background-color: transparent;
}
.atlas-playground.js-opened .atlas-playground__summary[aria-expanded=true]::after {
  background-color: #1E2A3B;
}
.atlas-playground__details code:not(.js-copier-text) {
  font-weight: 400;
  line-height: 2;
  color: rgba(255, 255, 255, 0.9);
}

[class*=atlas-title_] {
  border: none;
}
[class*=atlas-title_] span {
  color: #0f172a;
}

.atlas-title_2 {
  margin-bottom: 0;
}

.atlas-title_4 {
  font-size: 18px;
}

.atlas-title_5 {
  font-size: 15px;
}

.atlas-title_3,
.atlas-title_4,
.atlas-title_5 {
  font-weight: 700;
  margin: 40px 0 30px;
  text-transform: none;
  letter-spacing: 0.5px;
}
.atlas-title_3 span,
.atlas-title_4 span,
.atlas-title_5 span {
  color: #0f172a;
}

.atlas-code pre {
  background-color: #fff;
  border: none;
}

code:not(.js-copier-text).language-scss {
  font-weight: 400;
  color: #0f172a;
  line-height: 25px;
}
code:not(.js-copier-text) .token.selector {
  color: #f472b6;
}
code:not(.js-copier-text) .token.property {
  color: #4f46e5;
}

.atlas-section:last-of-type .atlas-code pre {
  border: 1px solid #f2f2f2;
}

.atlas-section table code {
  background-color: transparent;
}

.atlas-component-aside {
  display: none;
  max-height: 200px;
  overflow: scroll;
}

.atlas-section > blockquote {
  margin: 10px 0 30px;
  padding: 0;
  border-radius: 4px;
}
.atlas-section > blockquote ::before {
  font-family: var(--font-awesome);
  font-style: normal;
  content: "\e165";
  color: #4f46e5;
  width: 20px;
  height: 20px;
  margin-right: 10px;
}
.atlas-section > blockquote p {
  font: inherit;
  font-size: 14px !important;
  color: inherit;
  margin: 0;
}

.atlas-table {
  font-size: var(--table-font-size);
  line-height: var(--table-lh);
  border-color: var(--table-border-color);
  background-color: var(--table-background);
  display: inline-block;
  max-width: 95vw;
  overflow-x: scroll;
}
.atlas-table.is-alternate tr:nth-child(odd) {
  background-color: var(--table-row-odd-background);
}
.atlas-table.is-alternate tr:nth-child(even) {
  background-color: var(--table-row-even-background);
}
.atlas-table thead th {
  color: var(--table-header-text-color);
  background-color: var(--table-header-background);
}
.atlas-table tfoot th {
  color: var(--table-footer-text-color);
  background-color: var(--table-footer-background);
}
.atlas-table:not(.is-alternate) tbody tr {
  color: var(--table-body-text-color);
  background-color: var(--table-body-background);
}
.atlas-table th,
.atlas-table td {
  font-size: inherit;
  border: 1px solid;
  border-color: inherit;
  border-width: 0 0 1px;
  padding-top: var(--table-cell-spacing-y);
  padding-bottom: var(--table-cell-spacing-y);
  padding-left: var(--table-cell-spacing-x);
  padding-right: var(--table-cell-spacing-x);
}
.atlas-table tfoot th {
  border-width: 1px 0 0;
}
.atlas-table tbody tr {
  color: #0f172a !important;
}
.atlas-table::-webkit-scrollbar {
  opacity: 0;
}
.atlas-table td {
  font-size: 14px;
  padding: 20px;
  white-space: nowrap;
}
.atlas-table td code {
  font-weight: 500;
  color: #0ea5e9;
}

section #js-mode-trigger.switch {
  display: none;
  position: relative;
  top: -22px;
}

.aside-ctrl {
  background: rgba(0, 0, 0, 0);
  border: none;
  bottom: 0;
  color: rgba(0, 0, 0, 0.2);
  cursor: ew-resize;
  outline: none;
  position: absolute;
  top: 0;
  right: -5px;
  transition: opacity ease 0.2s;
  width: 10px;
  z-index: 10;
  opacity: 0.4;
}
.aside-ctrl:hover, .aside-ctrl.is-dragging {
  color: #4f46e5;
  opacity: 1;
}
.aside-ctrl:before {
  position: absolute;
  border-left: 2px solid;
  border-radius: 5px;
  content: "";
  top: 50%;
  height: 20px;
  margin: auto;
  right: -2px;
}
.aside-ctrl:after {
  border-left: 2px solid;
  bottom: 0;
  content: "";
  position: absolute;
  top: 0;
}
@media (max-width: 768px) {
  .aside-ctrl {
    display: none;
  }
}

/* -----------------------------------------------------------------------------
 * Temporary Utility classes */
.is-rounded {
  border-radius: 9999px !important;
}

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

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

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

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

.color-accent {
  color: var(--color-accent);
}

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

.color-violet {
  color: #9B96EF;
}

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

.mobile-menu .atlas-nav__ln, .l-atlas-container__aside .atlas-aside__content .atlas-nav__ln {
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  font-weight: 400;
  text-transform: capitalize;
  padding: 10px 0 10px 32px;
  background-color: transparent;
  color: #0f172a;
}
.mobile-menu ._category.atlas-nav__ln, .l-atlas-container__aside .atlas-aside__content ._category.atlas-nav__ln {
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.5px;
  margin-top: 15px;
  padding-left: 0px;
  color: #001951;
  background-color: #fff;
  border-radius: 20px;
  max-width: 80%;
  margin: 0 auto;
}
.mobile-menu .atlas-nav__ln::after, .l-atlas-container__aside .atlas-aside__content .atlas-nav__ln::after {
  background: transparent;
}
.mobile-menu ._about.atlas-nav__ln, .l-atlas-container__aside .atlas-aside__content ._about.atlas-nav__ln {
  padding-top: 20px;
  border-top: 1px solid #e5e7eb;
}
.mobile-menu .js-current-page.atlas-nav__ln, .l-atlas-container__aside .atlas-aside__content .js-current-page.atlas-nav__ln {
  color: #4f46e5;
  background-color: #fff;
}
.mobile-menu .atlas-nav__ln svg, .l-atlas-container__aside .atlas-aside__content .atlas-nav__ln svg {
  margin-right: 10px;
}
.mobile-menu .atlas-nav__ln:hover, .l-atlas-container__aside .atlas-aside__content .atlas-nav__ln:hover {
  background-color: #fff;
}
.mobile-menu .atlas-nav__ln:hover svg, .l-atlas-container__aside .atlas-aside__content .atlas-nav__ln:hover svg {
  color: #4f46e5;
}

/*# sourceMappingURL=atlas.css.map */