:root {
  --primary: #565557;
  --body-copy: rgba(0, 24, 77, .8);
  --blue-800: #00184d;
  --blue-600: #0244d1;
  --subhead: rgba(0, 24, 77, .6);
  --blue-500: #1957de;
  --blue-50-2: #f1f5fe;
  --white: #eee;
  --primary-shade-1: #444445;
  --primary-shade-2: #333334;
  --warm-grey-200: #e8e6e3;
  --warm-grey-100: #f2f0ee;
  --secondary: #dc7d3c;
  --primary-tint-1: #777778;
  --primary-tint-2: #99999a;
  --secondary-shade-1: #b06330;
  --secondary-shade-2: #844a24;
  --secondary-tint-1: #e39663;
  --secondary-tint-2: #eab08a;
  --black: #333;
  --error: #b00020;
  --blue-100: #e3ebfd;
  --red-600: #c21823;
  --blue-700: #012f92;
  --warm-grey-50: #f8f7f5;
  --warm-grey-200-2: #e8e6e3;
  --subhead-reverse: rgba(255, 255, 255, .8);
  --green-600: #247900;
  --red-50: #fdf1f2;
  --warm-grey-600: #6b6966;
  --warm-grey-500: #91908d;
  --red-100: #fce4e6;
  --red-700: #880e16;
  --blue-200: #bbcffb;
}

.w-layout-grid {
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

body {
  background-color: var(--primary);
  color: var(--body-copy);
  flex-direction: column;
  font-family: Tt norms pro, sans-serif;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.438rem;
  display: flex;
}

h1 {
  color: var(--blue-800);
  margin-top: 0;
  margin-bottom: 12px;
  font-size: 4rem;
  font-weight: 600;
  line-height: 3.75rem;
}

h2 {
  color: var(--blue-800);
  margin-top: 12px;
  margin-bottom: 12px;
  font-size: 3rem;
  font-weight: 600;
  line-height: 3rem;
}

h3 {
  color: var(--blue-600);
  margin-top: 8px;
  margin-bottom: 12px;
  font-size: 1.875rem;
  font-weight: 600;
  line-height: 1.875rem;
}

h4 {
  color: var(--blue-600);
  margin-top: 32px;
  margin-bottom: 4px;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.625rem;
}

h5 {
  color: var(--blue-800);
  margin-top: 24px;
  margin-bottom: 4px;
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.438rem;
}

h6 {
  color: var(--body-copy);
  margin-top: 24px;
  margin-bottom: 8px;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.313rem;
}

p {
  color: var(--subhead);
  margin-bottom: 12px;
}

a {
  color: var(--blue-500);
  cursor: pointer;
  text-decoration: underline;
  transition: color .4s;
}

ul {
  margin-top: 0;
  margin-bottom: 24px;
  padding-left: 32px;
}

ol {
  margin-top: 0;
  margin-bottom: 10px;
  padding-left: 40px;
}

li {
  margin-bottom: -12px;
}

img {
  max-width: 100%;
  display: inline-block;
}

strong {
  font-weight: 600;
}

blockquote {
  border-left: 5px solid #e2e2e2;
  margin-bottom: 10px;
  padding: 10px 20px;
  font-size: 18px;
  line-height: 22px;
}

figure {
  margin-bottom: 10px;
}

figcaption {
  text-align: center;
  margin-top: 5px;
}

.left-top-wrapper {
  background-color: var(--blue-50-2);
  flex-direction: column;
  align-items: flex-start;
  min-height: 100vh;
  display: flex;
  position: -webkit-sticky;
  position: sticky;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: auto;
  overflow: scroll;
}

.right-bottom-wrapper {
  flex-direction: column;
  width: 100%;
  min-height: 100vh;
}

.main-wrapper {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-direction: row;
  grid-template-rows: auto auto;
  grid-template-columns: minmax(260px, 260px) 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: stretch;
  justify-items: start;
  width: auto;
  display: grid;
}

.return-to-top-lb {
  z-index: 100;
  background-color: var(--blue-500);
  color: var(--white);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  transition: background-color .4s;
  display: flex;
  position: fixed;
  top: auto;
  bottom: 16px;
  left: auto;
  right: 16px;
  box-shadow: 6px 6px 16px rgba(51, 51, 51, .15);
}

.return-to-top-lb:hover {
  background-color: var(--blue-600);
  color: rgba(238, 238, 238, .75);
}

.sg-brand-wrapper {
  z-index: 1;
  background-color: var(--blue-50-2);
  align-items: flex-start;
  width: 100%;
  padding: 32px 24px;
  display: flex;
  position: relative;
}

.sg-anchor-links-wrapper {
  flex-direction: column;
  width: 100%;
  padding-top: 32px;
  padding-bottom: 32px;
  display: none;
  overflow: auto;
}

.sg-return-to-home-lb {
  background-color: var(--primary-shade-1);
  color: #eee;
  border-top: .5px solid rgba(238, 238, 238, .5);
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 32px;
  text-decoration: none;
  transition: background-color .4s;
  display: flex;
}

.sg-return-to-home-lb:hover {
  background-color: var(--primary-shade-2);
}

.sg-return-to-home-lb.desktop-only {
  margin-top: auto;
}

.sg-return-to-home-lb.mobile-only {
  border-top-style: none;
  height: 0;
  padding: 0;
}

.sg-anchor-lb {
  color: var(--blue-800);
  align-items: center;
  padding: 8px 32px;
  text-decoration: none;
  transition: background-color .4s;
  display: flex;
}

.sg-anchor-lb:hover {
  background-color: var(--warm-grey-200);
}

.sg-anchor-lb.w--current {
  background-color: var(--warm-grey-100);
  box-shadow: inset 3px 0 0 0 var(--blue-500);
  color: var(--blue-800);
}

.subhead {
  color: var(--subhead);
  font-size: 1.5rem;
  line-height: 1.625rem;
}

.sg-divider {
  background-color: rgba(238, 238, 238, .25);
  width: 100%;
  height: .5px;
  min-height: .5px;
  margin-top: 32px;
  margin-bottom: 32px;
}

.sg-divider.typography {
  width: 32px;
  margin-top: 16px;
  margin-bottom: 16px;
}

.global-section {
  border-bottom: 1px solid var(--warm-grey-200);
  width: 100%;
  max-width: 100%;
  padding: 64px;
}

.global-section.sg {
  border-style: solid;
  border-width: 0 0 1px;
  border-color: black black var(--warm-grey-200);
}

.global-section.sg.bottom {
  border-bottom-style: none;
}

.global-container {
  width: 100%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}

.logo-lb {
  max-width: 100%;
}

.logo-lb.sidebar {
  margin-bottom: 0;
  text-decoration: none;
}

.logo-img {
  width: 24px;
}

.return-to-top-icon {
  width: 33.33%;
}

.sg-return-to-home-icon {
  height: 16px;
  margin-right: 8px;
}

.sg-return-to-home-icon.mobile-only {
  display: none;
}

.sg-typography-block {
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.text {
  max-width: 65ch;
  font-size: 1em;
}

.text.sg-typography-label {
  text-transform: uppercase;
  font-weight: 700;
}

.text.sg-typography-label.non-caps {
  text-transform: none;
}

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

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

.text.mobile-only {
  display: none;
}

.text.sg-colour-label {
  text-align: center;
  margin-bottom: 2px;
  font-size: .78em;
}

.text.sg-colour-label.main {
  font-weight: 700;
}

.text.sg-colour-label.hex {
  text-transform: uppercase;
  margin-top: 2px;
  margin-bottom: 0;
}

.top {
  width: 100%;
  height: 0;
}

.sg-heading-wrapper {
  max-width: 550px;
  margin-bottom: -16px;
}

.sg-heading-wrapper.h2 {
  max-width: 440px;
}

.sg-heading-wrapper.h3 {
  max-width: 350px;
}

.sg-heading-wrapper.h4 {
  max-width: 275px;
}

.sg-heading-wrapper.h5 {
  max-width: 220px;
}

.sg-heading-wrapper.h6 {
  max-width: 210px;
}

.inline-link:hover {
  color: rgba(238, 238, 238, .75);
}

.sg-colours-grid {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  max-width: 575px;
  margin-left: -16px;
  margin-right: -16px;
}

.sg-colour-wrapper {
  border-radius: 5px;
  flex-direction: column;
  align-items: center;
  width: 100%;
  padding: 16px;
  display: flex;
}

.sg-colour-wrapper.main {
  background-color: var(--primary-shade-1);
  border-radius: 5px;
}

.sg-colour-swatch {
  background-color: var(--primary);
  border-radius: 50%;
  width: 100%;
  margin-bottom: 16px;
  padding-top: 100%;
}

.sg-colour-swatch.primary-shade-1 {
  background-color: var(--primary-shade-1);
}

.sg-colour-swatch.primary-shade-2 {
  background-color: var(--primary-shade-2);
}

.sg-colour-swatch.primary-tint-1 {
  background-color: var(--primary-tint-1);
}

.sg-colour-swatch.primary-tint-2 {
  background-color: var(--primary-tint-2);
}

.sg-colour-swatch.secondary-hue {
  background-color: var(--secondary);
}

.sg-colour-swatch.secondary-shade-1 {
  background-color: var(--secondary-shade-1);
}

.sg-colour-swatch.secondary-shade-2 {
  background-color: var(--secondary-shade-2);
}

.sg-colour-swatch.secondary-tint-1 {
  background-color: var(--secondary-tint-1);
}

.sg-colour-swatch.secondary-tint-2 {
  background-color: var(--secondary-tint-2);
}

.sg-colour-swatch.black {
  background-color: var(--black);
}

.sg-colour-swatch.white {
  background-color: var(--white);
}

.sg-colour-swatch.error {
  background-color: var(--error);
}

.sg-colour-swatch.success {
  background-color: #00b04f;
}

.sg-colour-label-wrapper {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.sg-logos-grid {
  grid-row-gap: 48px;
  grid-template-rows: auto;
}

.rtb p {
  margin-bottom: 16px;
}

.rtb h3, .rtb h4, .rtb h5, .rtb h6 {
  margin-bottom: 8px;
}

.rtb img {
  border-radius: 5px;
  width: 100%;
}

.rtb figcaption {
  color: rgba(238, 238, 238, .75);
  margin-top: 8px;
  font-size: .78em;
}

.rtb figure {
  margin-bottom: 16px;
}

.rtb ol {
  margin-bottom: 0;
  padding-left: 40px;
  list-style-type: decimal;
}

.rtb ul {
  margin-bottom: 0;
  padding-left: 40px;
  list-style-type: disc;
}

.rtb blockquote {
  background-color: var(--primary-shade-1);
  box-shadow: inset 3px 0 0 0 var(--secondary);
  border-left-style: none;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  margin-bottom: 0;
  padding: 24px;
}

.blog-post-first-letter {
  float: left;
  color: var(--secondary);
  margin-top: 4px;
  margin-right: 8px;
  font-size: 2.8em;
  font-weight: 700;
  line-height: 1;
}

.sg-buttons-grid {
  grid-row-gap: 48px;
  grid-template-rows: auto auto auto;
}

.sg-button-wrapper {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.sg-button-block {
  border: .5px solid rgba(238, 238, 238, .5);
  border-radius: 5px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  margin-bottom: 16px;
  padding: 64px 32px;
  display: flex;
}

.button {
  border: 1px solid var(--blue-500);
  color: var(--blue-500);
  text-align: center;
  background-color: rgba(0, 0, 0, 0);
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  margin-right: 8px;
  padding: 12px 24px;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.2rem;
  text-decoration: none;
  transition: transform .4s, border-color .4s, background-color .4s;
  display: inline-block;
}

.button:hover {
  border-color: var(--blue-500);
  background-color: var(--blue-500);
  color: #fff;
  transform: translate(0, -1.5px);
}

.button.outlined {
  background-color: rgba(0, 0, 0, 0);
}

.button.outlined:hover {
  border-color: var(--secondary);
  background-color: var(--secondary);
}

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

.button.outlined.secondary:hover, .button.secondary {
  border-color: var(--primary-shade-1);
  background-color: var(--primary-shade-1);
}

.button.secondary:hover {
  border-color: var(--primary-shade-2);
  background-color: var(--primary-shade-2);
}

.button.arrow:hover {
  transform: none;
}

.button-icon {
  height: 14px;
  margin-left: 16px;
}

.delete-me {
  border: .5px solid rgba(238, 238, 238, .5);
  border-radius: 5px;
  margin-top: 32px;
  padding: 32px;
}

.sg-logo-wrapper {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.sg-logo-block {
  border: .5px solid rgba(238, 238, 238, .5);
  border-radius: 5px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  margin-bottom: 16px;
  padding: 64px 32px;
  display: flex;
}

.favicon {
  width: 32px;
  height: 32px;
}

.webclip {
  object-fit: contain;
  width: 256px;
  height: 256px;
}

.code-span {
  background-color: var(--primary-shade-1);
  color: #dfcb6c;
  padding: 6px 10px 4px;
  font-family: Courier Prime, sans-serif;
  font-size: .78em;
  font-weight: 400;
  line-height: 1;
  display: inline-block;
}

.body {
  background-color: #fff;
  display: block;
}

.faq---old {
  background-color: rgba(255, 255, 255, .95);
  max-width: 840px;
  box-shadow: 0 20px 100px rgba(196, 202, 227, .25);
}

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

.accordion-toggle---old {
  align-items: center;
  padding-top: 16px;
  padding-bottom: 16px;
  font-size: .9rem;
  line-height: 1rem;
  display: flex;
}

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

.dropdown-list {
  background-color: #fff;
  padding: 8px 20px 20px;
  font-size: .9rem;
  display: block;
  position: static;
}

.accordion-wrapper {
  flex-direction: column;
  flex: 0 auto;
  align-self: stretch;
  display: flex;
}

.accordion-wrapper.last-item {
  padding-bottom: 16px;
}

.accordion-item {
  padding: 8px 24px;
}

.accordion-item-trigger---old {
  color: var(--blue-800);
  text-transform: uppercase;
  cursor: pointer;
  justify-content: space-between;
  align-items: stretch;
  font-size: .9rem;
  font-weight: 400;
  display: flex;
}

.accordion-item-content---old {
  align-self: stretch;
  overflow: hidden;
}

.nav-menu {
  flex-direction: column;
  flex: 1;
  align-content: flex-start;
  align-items: flex-start;
  padding-left: 32px;
  padding-right: 24px;
  display: block;
}

.navbar {
  background-color: rgba(0, 0, 0, 0);
}

.container {
  justify-content: flex-start;
  display: flex;
}

.nav-link {
  color: var(--subhead);
  border-radius: 4px;
  flex: 0 auto;
  align-self: auto;
  margin-bottom: 0;
  padding: 2px 0 2px 12px;
  font-size: .9rem;
  display: block;
}

.nav-link:hover {
  background-color: var(--blue-100);
}

.nav-link.w--current:hover {
  display: block;
}

.accordion-toggle-row {
  color: var(--blue-800);
  text-transform: none;
  cursor: pointer;
  justify-content: flex-start;
  padding: 4px 24px;
  font-size: .9rem;
  font-weight: 400;
  display: flex;
}

.accordion-content {
  align-self: stretch;
  overflow: hidden;
}

.accordion-trigger {
  padding-left: 0;
  padding-right: 0;
}

.accordion-arrow {
  width: 12px;
  margin-left: 8px;
  margin-right: 8px;
}

.accordion-eyebrow {
  color: var(--subhead);
  text-transform: uppercase;
  margin-bottom: 0;
  padding: 24px 24px 8px;
  font-size: .9rem;
}

.accordion-toggle-hover-area {
  border-radius: 4px;
  flex: 1;
  align-items: stretch;
  margin-bottom: 0;
  padding: 2px 0;
  display: flex;
}

.accordion-toggle-hover-area:hover, .accordion-toggle-hover-area:focus {
  background-color: var(--blue-100);
}

.accordion-toggle-text {
  color: var(--blue-800);
  margin-bottom: 0;
  padding-left: 12px;
  text-decoration: none;
}

.table {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border-style: solid;
  border-width: 1px 1px 1px 0;
  border-color: var(--blue-100);
  background-color: #fff;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  margin-top: 24px;
  margin-bottom: 12px;
}

.table._4-columns {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.table._5-columns {
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}

.table._4-columns---no-collapse {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.table.spacing-rules {
  border-left-width: 1px;
  border-right-width: 0;
  grid-template-rows: auto auto auto auto auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-flow: row;
}

.table._3-columns---no-collapse {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.table.spacing-rules---3-columns {
  border-left-width: 1px;
  border-right-width: 0;
  grid-template-rows: auto auto auto auto auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-flow: row;
}

.table-column---borders {
  border-style: solid;
  border-width: 0 0 0 1px;
  border-color: black var(--blue-100) black var(--blue-50-2);
}

.callout---info {
  background-color: var(--blue-50-2);
  color: var(--subhead);
  margin-top: 24px;
  padding: 12px 12px 1px;
}

.table-contents {
  padding: 0 12px;
  font-size: .9rem;
  line-height: 1.1rem;
}

.table-contents.header {
  padding-top: 12px;
}

.link-block {
  flex: 1;
  text-decoration: none;
  display: flex;
}

.eyebrow-toggle---old {
  margin-bottom: 0;
}

.fineprint {
  font-size: 1rem;
  line-height: 1.313rem;
}

.fineprint.warning {
  color: var(--red-600);
}

.fineprint.info {
  color: var(--blue-700);
}

.callout-header {
  margin-bottom: 0;
  font-size: 1rem;
}

.table-header {
  background-color: var(--blue-50-2);
  color: var(--body-copy);
  padding: 8px 12px;
  font-size: 1rem;
  font-weight: 500;
}

.table-header.spacing-rules {
  border-right: 1px solid var(--blue-100);
  margin-bottom: 0;
}

.list {
  margin-bottom: 16px;
}

.callout---note {
  background-color: var(--warm-grey-50);
  color: var(--subhead);
  margin-top: 24px;
  margin-bottom: 24px;
  padding: 12px 12px 1px;
}

.image-border {
  border: 1px solid var(--warm-grey-200-2);
}

.table-column---images {
  border-style: solid;
  border-width: 0;
  border-color: black var(--blue-100) black var(--blue-50-2);
  padding-bottom: 8px;
  padding-left: 8px;
  padding-right: 8px;
}

.table---images {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border: 0px solid var(--blue-100);
  background-color: #fff;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  margin-top: 12px;
  margin-bottom: 12px;
}

.table---images._4-columns {
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.table---images._3-columns---no-text {
  grid-template-rows: auto auto;
}

.table---images._3-columns---images {
  grid-template-rows: auto auto;
  margin-left: -8px;
}

.table-contents---no-border {
  margin-top: 12px;
  padding: 0;
  font-size: .9rem;
  line-height: 1.1rem;
}

.table-contents---no-border.header {
  padding-top: 12px;
}

.captions {
  margin-bottom: 12px;
  padding-top: 8px;
  font-size: .8rem;
  line-height: 1.1rem;
}

.eyebrow-bar {
  background-color: var(--blue-50-2);
  margin-bottom: 24px;
  padding: 8px 12px;
  font-size: 1rem;
  font-weight: 500;
}

.eyebrow {
  color: var(--blue-800);
  margin-bottom: 0;
}

.nav-header {
  margin-top: 0;
  margin-bottom: -1px;
  padding-left: 12px;
}

.intro-section {
  background-color: var(--blue-500);
  width: 100%;
  max-width: 100%;
  padding: 64px;
}

.intro-section.sg {
  border-style: solid;
  border-width: 0 0 1px;
  border-color: black black var(--warm-grey-200);
}

.intro-section.sg.bottom {
  border-bottom-style: none;
}

.intro-section---header {
  color: #fff;
  font-size: 3em;
}

.intro-section---subhead {
  color: var(--subhead-reverse);
  font-size: 1.5rem;
  line-height: 1.625rem;
}

.intro-section---text {
  color: var(--subhead-reverse);
}

.dos-donts {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 32px;
  display: grid;
}

.dos {
  align-items: flex-start;
  margin-bottom: 8px;
  display: flex;
}

.dos---text {
  color: var(--green-600);
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 8px;
}

.dos-donts---image {
  width: 24px;
}

.bold-text-2 {
  color: var(--red-600);
}

.donts---text {
  color: var(--red-600);
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 8px;
}

.donts {
  align-items: flex-start;
  margin-bottom: 8px;
  display: flex;
}

.callout---warning {
  background-color: var(--red-50);
  margin-top: 24px;
  margin-bottom: 24px;
  padding: 12px 12px 1px;
}

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

.list-border---item {
  border-style: solid;
  border-width: 0 0 1px;
  border-color: var(--blue-100) black;
  margin-bottom: 1px;
  padding-top: 0;
  padding-bottom: 0;
}

.list-0-margins {
  border-bottom: 0px solid var(--blue-100);
  margin-bottom: 0;
  padding: 8px 12px;
  font-size: .9rem;
  line-height: 1.1rem;
}

.list-0-margins.header {
  padding-top: 12px;
}

.list-border {
  margin-top: -12px;
  margin-bottom: -2px;
}

.captions---header {
  margin-bottom: 0;
  padding-top: 8px;
  font-size: .8rem;
  font-weight: 600;
  line-height: 1.1rem;
}

.captions---subhead {
  margin-bottom: 12px;
  padding-top: 0;
  font-size: .8rem;
  line-height: 1.1rem;
}

.margin-2 {
  margin-bottom: 2px;
}

.table-item-borders {
  border-bottom: 1px solid var(--blue-100);
  margin-bottom: 0;
  padding: 8px 12px;
  font-size: .9rem;
  line-height: 1.1rem;
}

.table-item-borders.header {
  padding-top: 12px;
}

.lottie-animation {
  width: 48px;
  display: none;
}

.side-nav---links {
  width: auto;
}

.smartsheet-nav-logo {
  align-items: flex-start;
  display: flex;
}

.text-decoration-none {
  text-decoration: none;
}

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

.grid-2 {
  grid-template-rows: auto;
}

.button-text {
  color: var(--blue-500);
  margin-bottom: 0;
}

.button---alternate {
  background-color: var(--blue-100);
  color: var(--blue-500);
  text-align: center;
  border: 0 solid rgba(187, 207, 251, .5);
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  margin-bottom: 8px;
  margin-right: 8px;
  padding: 8px 17px;
  font-size: .9rem;
  font-weight: 400;
  line-height: 1rem;
  text-decoration: none;
  transition: transform .4s, border-color .4s, background-color .4s;
  display: inline-block;
}

.button---alternate:hover {
  border-color: var(--blue-500);
  background-color: var(--blue-500);
  color: #fff;
  transform: translate(0, -1.5px);
}

.button---alternate.w--current {
  border-width: 1px;
  border-color: var(--blue-100);
}

.button---alternate.outlined {
  background-color: rgba(0, 0, 0, 0);
}

.button---alternate.outlined:hover {
  border-color: var(--secondary);
  background-color: var(--secondary);
}

.button---alternate.outlined.secondary {
  background-color: rgba(0, 0, 0, 0);
}

.button---alternate.outlined.secondary:hover, .button---alternate.secondary {
  border-color: var(--primary-shade-1);
  background-color: var(--primary-shade-1);
}

.button---alternate.secondary:hover {
  border-color: var(--primary-shade-2);
  background-color: var(--primary-shade-2);
}

.button---alternate.arrow:hover {
  transform: none;
}

.button---alternate.margin-top {
  margin-top: 16px;
  margin-bottom: 8px;
}

.gallery-item {
  border: 1px solid var(--warm-grey-100);
  background-color: var(--warm-grey-50);
  margin-bottom: 24px;
  padding: 8px;
}

.gallery-headline {
  margin-top: 0;
  margin-bottom: 0;
  padding-right: 12px;
}

.gallery-links {
  align-items: center;
  padding: 12px 12px 0;
  display: flex;
}

.last-paragraph {
  margin-bottom: 24px;
}

.image-100 {
  width: 100%;
}

.image-100.gallery-stroke {
  border: 1px solid var(--warm-grey-200);
}

.list-3 {
  list-style-type: none;
}

.component-grid {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  margin-top: 4px;
}

.component-grid---value {
  border-bottom: 1px solid var(--warm-grey-200);
  margin-bottom: 0;
  padding-top: 8px;
  padding-bottom: 6px;
  padding-left: 8px;
  font-size: .9rem;
  line-height: 1rem;
}

.component-grid---name {
  border-bottom: 1px solid var(--warm-grey-200);
  color: var(--body-copy);
  margin-bottom: 0;
  padding-top: 8px;
  padding-bottom: 6px;
  padding-left: 8px;
  font-size: .9rem;
  line-height: 1rem;
}

.component-grid---name.no-line {
  border: 0 solid #000;
}

.component-details-grid {
  grid-column-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  margin-bottom: 24px;
}

.div-block {
  align-items: flex-start;
  display: flex;
}

.annotation-circle {
  background-color: var(--blue-500);
  border-radius: 20px;
  flex: none;
  align-self: flex-start;
  width: 24px;
  height: 24px;
  margin-left: auto;
  margin-right: 8px;
  padding-top: 1px;
  padding-bottom: 1px;
}

.annotation-circle.allen-1 {
  top: 14%;
  left: 39%;
}

.annotation-circle.allen-2 {
  position: absolute;
  top: 27%;
  bottom: auto;
  left: 21%;
  right: auto;
}

.annotation-circle.allen-3 {
  position: absolute;
  top: 43%;
  bottom: auto;
  left: 14%;
  right: auto;
}

.annotation-circle.allen-4 {
  position: absolute;
  top: 67%;
  bottom: auto;
  left: 40%;
  right: auto;
}

.annotation-circle.allen-5 {
  position: absolute;
  top: 17%;
  bottom: auto;
  left: 93%;
  right: auto;
}

.annotation-circle.allen-slider-1 {
  position: absolute;
  top: 14%;
  left: 30%;
}

.annotation-circle.allen-slider-2 {
  position: absolute;
  top: 27%;
  bottom: auto;
  left: 13%;
  right: auto;
}

.annotation-circle.allen-slider-3 {
  position: absolute;
  top: 50%;
  bottom: auto;
  left: 41%;
  right: auto;
}

.annotation-circle.allen-slider-4 {
  position: absolute;
  top: 80%;
  bottom: auto;
  left: 44%;
  right: auto;
}

.annotation-circle.allen-slider-5 {
  position: absolute;
  top: 17%;
  bottom: auto;
  left: 93%;
  right: auto;
}

.annotation-circle.elena-1 {
  position: absolute;
  top: 14%;
  left: 16%;
}

.annotation-circle.elena-2 {
  position: absolute;
  top: 33%;
  bottom: auto;
  left: 75%;
  right: auto;
}

.annotation-circle.ernie-1 {
  position: absolute;
  top: 11%;
  left: 1%;
}

.annotation-circle.ernie-2 {
  position: absolute;
  top: 39%;
  bottom: auto;
  left: 1%;
  right: auto;
}

.annotation-circle.ernie-3 {
  position: absolute;
  top: 43%;
  bottom: auto;
  left: 78%;
  right: auto;
}

.annotation-circle.carmen-1 {
  position: absolute;
  top: 12%;
  left: 37%;
}

.annotation-circle.carmen-2 {
  position: absolute;
  top: 48%;
  bottom: auto;
  left: 25%;
  right: auto;
}

.annotation-circle.carmen-3 {
  position: absolute;
  top: 81%;
  bottom: auto;
  left: 10%;
  right: auto;
}

.annotation-circle.carmen-4 {
  position: absolute;
  top: 44%;
  bottom: auto;
  left: 54%;
  right: auto;
}

.annotation-circle.carmen-5 {
  position: absolute;
  top: 44%;
  bottom: auto;
  left: 87%;
  right: auto;
}

.annotation-circle.carmen-6 {
  position: absolute;
  top: 58%;
  bottom: auto;
  left: 54%;
  right: auto;
}

.annotation-circle.carmen-7 {
  position: absolute;
  top: 58%;
  bottom: auto;
  left: 87%;
  right: auto;
}

.annotation-circle.felix-1 {
  position: absolute;
  top: 40%;
  left: 3%;
}

.annotation-circle.felix-2 {
  position: absolute;
  top: 29%;
  bottom: auto;
  left: 33%;
  right: auto;
}

.annotation-circle.felix-3 {
  position: absolute;
  top: 50%;
  bottom: auto;
  left: 33%;
  right: auto;
}

.annotation-circle.felix-4 {
  position: absolute;
  top: 40%;
  bottom: auto;
  left: 78%;
  right: auto;
}

.annotation-circle.felix-5 {
  position: absolute;
  top: 11%;
  bottom: auto;
  left: 95%;
  right: auto;
}

.annotation-circle.isidore-2 {
  position: absolute;
  top: 48%;
  bottom: auto;
  left: 71%;
  right: auto;
}

.annotation-circle.isidore-1 {
  position: absolute;
  top: 21%;
  left: 13%;
}

.annotation-circle.janet-1 {
  position: absolute;
  top: 50%;
  left: 50%;
}

.annotation-circle.roxanne-1 {
  position: absolute;
  top: 15%;
  left: 12%;
}

.annotation-circle.roxanne-2 {
  position: absolute;
  top: 28%;
  bottom: auto;
  left: 12%;
  right: auto;
}

.annotation-circle.roxanne-3 {
  position: absolute;
  top: 47%;
  bottom: auto;
  left: 12%;
  right: auto;
}

.annotation-circle.roxanne-4 {
  position: absolute;
  top: 57%;
  bottom: auto;
  left: 12%;
  right: auto;
}

.annotation-circle.roxanne-5 {
  position: absolute;
  top: 66%;
  bottom: auto;
  left: 12%;
  right: auto;
}

.annotation-circle.roxanne-6 {
  position: absolute;
  top: 64%;
  bottom: auto;
  left: 31%;
  right: auto;
}

.annotation-circle.roxanne-7 {
  position: absolute;
  top: 69%;
  bottom: auto;
  left: 31%;
  right: auto;
}

.annotation-circle.roxanne-8 {
  position: absolute;
  top: 79%;
  bottom: auto;
  left: 12%;
  right: auto;
}

.annotation-circle.wysiwyg-1 {
  position: absolute;
  top: 7%;
  left: 2%;
}

.annotation-circle.wysiwyg-2 {
  position: absolute;
  top: 13%;
  bottom: auto;
  left: 2%;
  right: auto;
}

.annotation-circle.wysiwyg-3 {
  position: absolute;
  top: 19%;
  bottom: auto;
  left: 2%;
  right: auto;
}

.annotation-circle.wysiwyg-4 {
  position: absolute;
  top: 29%;
  bottom: auto;
  left: 2%;
  right: auto;
}

.annotation-circle.wysiwyg-5 {
  position: absolute;
  top: 49%;
  bottom: auto;
  left: 4%;
  right: auto;
}

.annotation-circle.wysiwyg-6 {
  position: absolute;
  top: 36%;
  bottom: auto;
  left: 66%;
  right: auto;
}

.annotation-circle.wysiwyg-7 {
  position: absolute;
  top: 81%;
  bottom: auto;
  left: 2%;
  right: auto;
}

.annotation-circle.wysiwyg-8 {
  position: absolute;
  top: 88%;
  bottom: auto;
  left: 2%;
  right: auto;
}

.annotation-circle.table-default-1 {
  position: absolute;
  top: 12%;
  left: 91%;
}

.annotation-circle.table-default-2 {
  position: absolute;
  top: 22%;
  bottom: auto;
  left: 91%;
  right: auto;
}

.annotation-circle.table-default-3 {
  position: absolute;
  top: 44%;
  bottom: auto;
  left: 87%;
  right: auto;
}

.annotation-circle.table-hazel-1---1 {
  position: absolute;
  top: 33%;
  left: 94%;
}

.annotation-circle.table-hazel-1---2 {
  position: absolute;
  top: 54%;
  bottom: auto;
  left: 40%;
  right: auto;
}

.annotation-circle.table-hazel-1---3 {
  position: absolute;
  top: 76%;
  bottom: auto;
  left: 40%;
  right: auto;
}

.annotation-circle.table-hazel-2---1 {
  position: absolute;
  top: 6%;
  left: 94%;
}

.annotation-circle.table-hazel-2---2 {
  position: absolute;
  top: 16%;
  bottom: auto;
  left: 94%;
  right: auto;
}

.annotation-circle.table-hazel-2---3 {
  position: absolute;
  top: 47%;
  bottom: auto;
  left: 91%;
  right: auto;
}

.annotation-circle.table-borderless-1 {
  position: absolute;
  top: 8%;
  left: 94%;
}

.annotation-circle.table-borderless-2 {
  position: absolute;
  top: 82%;
  bottom: auto;
  left: 28%;
  right: auto;
}

.annotation-circle.cleo-1 {
  position: absolute;
  top: 9%;
  left: 37%;
}

.annotation-circle.cleo-2 {
  position: absolute;
  top: 29%;
  bottom: auto;
  left: 27%;
  right: auto;
}

.annotation-circle.cleo-3 {
  position: absolute;
  top: 78%;
  bottom: auto;
  left: 41%;
  right: auto;
}

.annotation-circle.cleo-4 {
  position: absolute;
  top: 27%;
  bottom: auto;
  left: 65%;
  right: auto;
}

.annotation-circle.cleo-5 {
  position: absolute;
  top: 37%;
  bottom: auto;
  left: 65%;
  right: auto;
}

.annotation-circle.cleo-6 {
  position: absolute;
  top: 48%;
  bottom: auto;
  left: 65%;
  right: auto;
}

.annotation-circle.cleo-7 {
  position: absolute;
  top: 20%;
  bottom: auto;
  left: 95%;
  right: auto;
}

.annotation-circle.cleo-standard-1 {
  position: absolute;
  top: 29%;
  left: 27%;
}

.annotation-circle.cleo-standard-2 {
  position: absolute;
  top: 62%;
  bottom: auto;
  left: 65%;
  right: auto;
}

.annotation-circle.cleo-standard-3 {
  position: absolute;
  top: 6%;
  bottom: auto;
  left: 95%;
  right: auto;
}

.annotation-circle.dora-1 {
  position: absolute;
  top: 9%;
  left: 44%;
}

.annotation-circle.dora-2 {
  position: absolute;
  top: 16%;
  bottom: auto;
  left: 30%;
  right: auto;
}

.annotation-circle.dora-3 {
  position: absolute;
  top: 25.2%;
  bottom: auto;
  left: 26%;
  right: auto;
}

.annotation-circle.dora-4 {
  position: absolute;
  top: 31%;
  bottom: auto;
  left: 42%;
  right: auto;
}

.annotation-circle.dora-5 {
  position: absolute;
  top: 50%;
  bottom: auto;
  left: 12.8%;
  right: auto;
}

.annotation-circle.dora-6 {
  position: absolute;
  top: 65%;
  bottom: auto;
  left: 6%;
  right: auto;
}

.annotation-circle.floyd-1 {
  position: absolute;
  top: 7%;
  left: 28%;
}

.annotation-circle.floyd-2 {
  position: absolute;
  top: 15%;
  bottom: auto;
  left: 39%;
  right: auto;
}

.annotation-circle.floyd-3 {
  position: absolute;
  top: 21%;
  bottom: auto;
  left: 18%;
  right: auto;
}

.annotation-circle.floyd-4 {
  position: absolute;
  top: 53%;
  bottom: auto;
  left: 3%;
  right: auto;
}

.annotation-circle.floyd-5 {
  position: absolute;
  top: 59%;
  bottom: auto;
  left: 3%;
  right: auto;
}

.annotation-circle.floyd-6 {
  position: absolute;
  top: 76%;
  bottom: auto;
  left: 3%;
  right: auto;
}

.annotation-circle.floyd-7 {
  position: absolute;
  top: 55%;
  bottom: auto;
  left: 97%;
  right: auto;
}

.annotation-circle.hilda-1 {
  position: absolute;
  top: 45.8203px;
}

.annotation-circle.hilda-4 {
  position: absolute;
  top: 30%;
  bottom: auto;
  left: 48%;
  right: auto;
}

.annotation-circle.hilda-5 {
  position: absolute;
  top: 43%;
  bottom: auto;
  left: 48%;
  right: auto;
}

.annotation-circle.hilda-clickable-1 {
  position: absolute;
  top: 15%;
  left: 43%;
}

.annotation-circle.hilda-clickable-2 {
  position: absolute;
  top: 15%;
  bottom: auto;
  left: 20%;
  right: auto;
}

.annotation-circle.hilda-clickable-3 {
  position: absolute;
  top: 22%;
  bottom: auto;
  left: 73%;
  right: auto;
}

.annotation-circle.ivan-1 {
  position: absolute;
  top: 6%;
  left: 37%;
}

.annotation-circle.ivan-2 {
  position: absolute;
  top: 12%;
  bottom: auto;
  left: 22%;
  right: auto;
}

.annotation-circle.ivan-3 {
  position: absolute;
  top: 25%;
  bottom: auto;
  left: 30%;
  right: auto;
}

.annotation-circle.ivan-4 {
  position: absolute;
  top: 38%;
  bottom: auto;
  left: 30%;
  right: auto;
}

.annotation-circle.ivan-5 {
  position: absolute;
  top: 25%;
  bottom: auto;
  left: 61%;
  right: auto;
}

.annotation-circle.ivan-6 {
  position: absolute;
  top: 25%;
  bottom: auto;
  left: 92%;
  right: auto;
}

.annotation-circle.hilda-1 {
  position: absolute;
  top: 10%;
  left: 22%;
}

.annotation-circle.hilda-2 {
  position: absolute;
  top: 44%;
  bottom: auto;
  left: 3%;
  right: auto;
}

.annotation-circle.kevin-1 {
  position: absolute;
  top: 10%;
  left: 43%;
}

.annotation-circle.kevin-2 {
  position: absolute;
  top: 18%;
  bottom: auto;
  left: 36%;
  right: auto;
}

.annotation-circle.kevin-3 {
  position: absolute;
  top: 28%;
  bottom: auto;
  left: 14%;
  right: auto;
}

.annotation-circle.kevin-4 {
  position: absolute;
  top: 53%;
  bottom: auto;
  left: 2%;
  right: auto;
}

.annotation-circle.kevin-5 {
  position: absolute;
  top: 51%;
  bottom: auto;
  left: 24%;
  right: auto;
}

.annotation-circle.kevin-6 {
  position: absolute;
  top: 60%;
  bottom: auto;
  left: 24%;
  right: auto;
}

.annotation-circle.kevin-standard-1 {
  position: absolute;
  top: 37%;
  left: 17%;
}

.annotation-circle.kevin-standard-2 {
  position: absolute;
  top: 28%;
  bottom: auto;
  left: 42%;
  right: auto;
}

.annotation-circle.hilda-3 {
  position: absolute;
  top: 69%;
  bottom: auto;
  left: 83%;
  right: auto;
}

.annotation-circle.kevin-standard-3 {
  position: absolute;
  top: 82%;
  bottom: auto;
  left: 35%;
  right: auto;
}

.annotation-circle.lenny-1 {
  position: absolute;
  top: 41%;
  left: 56%;
}

.annotation-circle.dora-7 {
  position: absolute;
  top: 73%;
  bottom: auto;
  left: 4%;
  right: auto;
}

.annotation-circle.dora-8 {
  position: absolute;
  top: 74%;
  bottom: auto;
  left: 73%;
  right: auto;
}

.annotation-circle.marilyn-1 {
  position: absolute;
  top: 11%;
  left: 43.5%;
}

.annotation-circle.marilyn-2 {
  position: absolute;
  top: 19%;
  bottom: auto;
  left: 27%;
  right: auto;
}

.annotation-circle.marilyn-3 {
  position: absolute;
  top: 28.2%;
  bottom: auto;
  left: 14%;
  right: auto;
}

.annotation-circle.marilyn-4 {
  position: absolute;
  top: 40%;
  bottom: auto;
  left: 41%;
  right: auto;
}

.annotation-circle.marilyn-5 {
  position: absolute;
  top: 61%;
  bottom: auto;
  left: 9%;
  right: auto;
}

.annotation-circle.marilyn-6 {
  position: absolute;
  top: 61%;
  bottom: auto;
  left: 29%;
  right: auto;
}

.annotation-circle.marilyn-7 {
  position: absolute;
  top: 69%;
  bottom: auto;
  left: 5%;
  right: auto;
}

.annotation-circle.marilyn-stacked-1 {
  position: absolute;
  top: 12%;
  left: 5%;
}

.annotation-circle.marilyn-stacked-2 {
  position: absolute;
  top: 3%;
  bottom: auto;
  left: 79%;
  right: auto;
}

.annotation-circle.marilyn-stacked-3 {
  position: absolute;
  top: 41%;
  bottom: auto;
  left: 72%;
  right: auto;
}

.annotation-circle.omar-1 {
  position: absolute;
  top: 4%;
  left: 2%;
}

.annotation-circle.omar-2 {
  position: absolute;
  top: 25%;
  bottom: auto;
  left: 3%;
  right: auto;
}

.annotation-circle.omar-3 {
  position: absolute;
  top: 38.2%;
  bottom: auto;
  left: 3%;
  right: auto;
}

.annotation-circle.omar-4 {
  position: absolute;
  top: 21%;
  bottom: auto;
  left: 27%;
  right: auto;
}

.annotation-circle.omar-5 {
  position: absolute;
  top: 20%;
  bottom: auto;
  left: 84%;
  right: auto;
}

.annotation-circle.omar-6 {
  position: absolute;
  top: 33%;
  bottom: auto;
  left: 84%;
  right: auto;
}

.annotation-circle.omar-7 {
  position: absolute;
  top: 50%;
  bottom: auto;
  left: 26%;
  right: auto;
}

.annotation-circle.omar-8 {
  position: absolute;
  top: 50%;
  bottom: auto;
  left: 60%;
  right: auto;
}

.annotation-circle.omar-9 {
  position: absolute;
  top: 50%;
  bottom: auto;
  left: 84%;
  right: auto;
}

.annotation-circle.omar-standard-1 {
  position: absolute;
  top: 40%;
  left: 18%;
}

.annotation-circle.omar-standard-2 {
  position: absolute;
  top: 40%;
  bottom: auto;
  left: 3%;
  right: auto;
}

.annotation-circle.omar-standard-3 {
  position: absolute;
  top: 85%;
  bottom: auto;
  left: 3%;
  right: auto;
}

.annotation-circle.ivan-standard-1 {
  position: absolute;
  top: 10%;
  left: 22%;
}

.annotation-circle.ivan-standard-2 {
  position: absolute;
  top: 44%;
  bottom: auto;
  left: 3%;
  right: auto;
}

.annotation-circle.ivan-standard-3 {
  position: absolute;
  top: 69%;
  bottom: auto;
  left: 83%;
  right: auto;
}

.annotation-circle.hilda-new-1 {
  position: absolute;
  top: 30%;
  bottom: auto;
  left: 24%;
  right: auto;
}

.annotation-circle.hilda-new-2 {
  position: absolute;
  top: 15%;
  bottom: auto;
  left: 48%;
  right: auto;
}

.annotation-circle.hilda-new-3 {
  position: absolute;
  top: 23%;
  bottom: auto;
  left: 48%;
  right: auto;
}

.annotation-circle.kevin-7 {
  position: absolute;
  top: 52%;
  bottom: auto;
  left: 91%;
  right: auto;
}

.annotation-circle.flora-1 {
  position: absolute;
  top: 11%;
  left: 1.5%;
}

.annotation-circle.flora-2 {
  position: absolute;
  top: 18%;
  bottom: auto;
  left: 1.5%;
  right: auto;
}

.annotation-circle.flora-3 {
  position: absolute;
  top: 29%;
  bottom: auto;
  left: 1.5%;
  right: auto;
}

.annotation-circle.flora-4 {
  position: absolute;
  top: 45%;
  bottom: auto;
  left: 1.5%;
  right: auto;
}

.annotation-circle.flora-5 {
  position: absolute;
  top: 14%;
  bottom: auto;
  left: 50%;
  right: auto;
}

.annotation-circle.flora-6 {
  position: absolute;
  top: 32%;
  bottom: auto;
  left: 50%;
  right: auto;
}

.annotation-circle.kirk-1 {
  position: absolute;
  top: 23%;
  left: 42%;
}

.annotation-circle.kirk-2 {
  position: absolute;
  top: 37%;
  bottom: auto;
  left: 29%;
  right: auto;
}

.annotation-circle.kirk-3 {
  position: absolute;
  top: 57%;
  bottom: auto;
  left: 39%;
  right: auto;
}

.annotation-circle.kirk-open-1 {
  position: absolute;
  top: 48%;
  bottom: auto;
  left: 90%;
  right: auto;
}

.annotation-circle.kirk-open-2 {
  position: absolute;
  top: 48%;
  bottom: auto;
  left: 93%;
  right: auto;
}

.annotation-circle.rita-1 {
  position: absolute;
  top: 7%;
  left: 43%;
}

.annotation-circle.rita-2 {
  position: absolute;
  top: 12%;
  bottom: auto;
  left: 29%;
  right: auto;
}

.annotation-circle.rita-3 {
  position: absolute;
  top: 19%;
  bottom: auto;
  left: 14%;
  right: auto;
}

.annotation-circle.rita-4 {
  position: absolute;
  top: 26%;
  bottom: auto;
  left: 41%;
  right: auto;
}

.annotation-circle.rita-5 {
  position: absolute;
  top: 41%;
  bottom: auto;
  left: 63%;
  right: auto;
}

.annotation-circle.rita-6 {
  position: absolute;
  top: 55%;
  bottom: auto;
  left: 63%;
  right: auto;
}

.annotation-circle.rita-7 {
  position: absolute;
  top: 61%;
  bottom: auto;
  left: 63%;
  right: auto;
}

.annotation-circle.rita-8 {
  position: absolute;
  top: 76%;
  bottom: auto;
  left: 63%;
  right: auto;
}

.annotation-circle.rita-9 {
  position: absolute;
  top: 60%;
  bottom: auto;
  left: 32%;
  right: auto;
}

.annotation-circle.wilma-1 {
  position: absolute;
  top: 6%;
  left: 28%;
}

.annotation-circle.wilma-2 {
  position: absolute;
  top: 11%;
  bottom: auto;
  left: 24%;
  right: auto;
}

.annotation-circle.wilma-3 {
  position: absolute;
  top: 19%;
  bottom: auto;
  left: 11%;
  right: auto;
}

.annotation-circle.wilma-4 {
  position: absolute;
  top: 24%;
  bottom: auto;
  left: 14%;
  right: auto;
}

.annotation-circle.wilma-5 {
  position: absolute;
  top: 34%;
  bottom: auto;
  left: 87%;
  right: auto;
}

.annotation-circle.wilma-6 {
  position: absolute;
  top: 34%;
  bottom: auto;
  left: 90%;
  right: auto;
}

.annotation-circle.winifred-1 {
  position: absolute;
  top: 9%;
  left: 26%;
}

.annotation-circle.winifred-2 {
  position: absolute;
  top: 15%;
  bottom: auto;
  left: 15%;
  right: auto;
}

.annotation-circle.winifred-3 {
  position: absolute;
  top: 28%;
  bottom: auto;
  left: 21%;
  right: auto;
}

.annotation-circle.winifred-4 {
  position: absolute;
  top: 31%;
  bottom: auto;
  left: 28%;
  right: auto;
}

.annotation-circle.winifred-5 {
  position: absolute;
  top: 41%;
  bottom: auto;
  left: 90%;
  right: auto;
}

.annotation-circle.winfired-6 {
  position: absolute;
  top: 41%;
  bottom: auto;
  left: 93%;
  right: auto;
}

.annotation-number {
  color: #fff;
  text-align: center;
  flex: none;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  padding-top: 5px;
  font-size: .9rem;
  line-height: .9rem;
}

.annotations-text {
  border-bottom: 0px solid var(--blue-100);
  flex: 1;
  align-self: auto;
  margin-bottom: 0;
  font-size: 1rem;
  line-height: 1.3rem;
}

.annotations-text.header {
  padding-top: 12px;
}

.annotation-container {
  align-items: center;
  margin-bottom: 8px;
  display: flex;
}

.annotations-grid {
  grid-column-gap: 12px;
  grid-row-gap: 0px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-flow: column;
  align-content: start;
  justify-content: start;
  align-items: start;
  justify-items: start;
  margin-top: 12px;
  margin-bottom: 12px;
  display: flex;
}

.annotations-grid.short {
  grid-template-rows: auto auto;
}

.annotations-grid.long {
  grid-template-rows: auto;
  display: flex;
}

.annotations-grid._1-row {
  grid-template-rows: auto;
}

.allen-1 {
  z-index: 2;
  background-color: var(--blue-500);
  border-radius: 20px;
  flex: none;
  align-self: flex-start;
  width: 24px;
  height: 24px;
  margin-left: auto;
  margin-right: 8px;
  padding-top: 1px;
  padding-bottom: 1px;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: auto;
}

.allen-1.allen {
  top: 14%;
  left: 42%;
}

.annotations-image {
  position: relative;
}

.annotation-circle-2 {
  z-index: 2;
  background-color: var(--blue-500);
  border-radius: 20px;
  flex: none;
  align-self: flex-start;
  width: 24px;
  height: 24px;
  margin-left: auto;
  margin-right: 8px;
  padding-top: 1px;
  padding-bottom: 1px;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: auto;
}

.annotation-circle-2.allen {
  top: 28%;
  left: 23%;
}

.annotation-circle-3 {
  z-index: 2;
  background-color: var(--blue-500);
  border-radius: 20px;
  flex: none;
  align-self: flex-start;
  width: 24px;
  height: 24px;
  margin-left: auto;
  margin-right: 8px;
  padding-top: 1px;
  padding-bottom: 1px;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: auto;
}

.annotation-circle-3.allen {
  top: 47%;
  left: 23%;
}

.annotation-circle-4 {
  z-index: 2;
  background-color: var(--blue-500);
  border-radius: 20px;
  flex: none;
  align-self: flex-start;
  width: 24px;
  height: 24px;
  margin-left: auto;
  margin-right: 8px;
  padding-top: 1px;
  padding-bottom: 1px;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: auto;
}

.annotation-circle-4.allen {
  top: 69%;
  left: 41%;
}

._33 {
  width: 33%;
}

.table-strokes {
  border-style: solid;
  border-width: 1px 1px 0 0;
  border-color: var(--blue-100);
  margin-bottom: 0;
  padding: 8px 12px;
  font-size: .9rem;
  line-height: 1.1rem;
}

.table-strokes.header {
  padding-top: 12px;
}

.table-strokes-list {
  border: 0px solid var(--blue-100);
  margin-bottom: 0;
  margin-left: 0;
  padding: 0 0 0 12px;
  font-size: .9rem;
  line-height: 1.1rem;
}

.table-strokes-list.header {
  padding-top: 12px;
}

.italic {
  margin-left: 16px;
  font-style: italic;
  font-weight: 300;
}

.last-list {
  margin-bottom: 32px;
}

@media screen and (min-width: 1280px) {
  .sg-colours-grid {
    max-width: 600px;
  }

  .sg-logos-grid {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .sg-buttons-grid {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr;
  }
}

@media screen and (min-width: 1440px) {
  .sg-colours-grid {
    max-width: 625px;
  }
}

@media screen and (min-width: 1920px) {
  .global-section.sg {
    padding-top: 192px;
    padding-bottom: 192px;
  }

  .sg-colours-grid {
    max-width: 650px;
  }

  .intro-section.sg {
    padding-top: 192px;
    padding-bottom: 192px;
  }
}

@media screen and (max-width: 991px) {
  h1 {
    font-size: 2.75rem;
    line-height: 2.75rem;
  }

  h2 {
    font-size: 2.125rem;
    line-height: 2.9rem;
  }

  h3 {
    font-size: 1.5rem;
    line-height: 1.625rem;
  }

  h4 {
    font-size: 1.188rem;
    line-height: 1.438rem;
  }

  h5 {
    font-size: 1rem;
    line-height: 1.313rem;
  }

  h6 {
    font-size: .875rem;
    line-height: 1.188rem;
  }

  p {
    font-size: 1rem;
    line-height: 1.313rem;
  }

  .left-top-wrapper {
    z-index: 5;
    width: 100%;
    max-width: none;
    min-height: auto;
    padding-bottom: 16px;
    display: block;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    overflow: hidden;
  }

  .right-bottom-wrapper {
    width: 100%;
    min-height: auto;
    margin-left: 0;
  }

  .main-wrapper {
    flex-direction: column;
    grid-template-columns: 1fr;
    align-items: stretch;
  }

  .return-to-top-lb {
    width: 56px;
    height: 56px;
  }

  .sg-brand-wrapper {
    justify-content: space-between;
    align-items: center;
    padding: 16px 64px 0;
  }

  .sg-anchor-links-wrapper {
    z-index: 1;
    flex-direction: row;
    padding-top: 0;
    padding-bottom: 0;
    position: static;
    top: 0;
    bottom: -150px;
    left: 0%;
    right: 0%;
  }

  .sg-return-to-home-lb.desktop-only {
    display: none;
  }

  .sg-return-to-home-lb.mobile-only {
    border-top-style: solid;
    height: auto;
    padding: 32px;
    display: flex;
  }

  .sg-anchor-lb {
    flex: none;
  }

  .sg-anchor-lb.w--current {
    box-shadow: inset 0 -3px 0 0 var(--secondary);
  }

  .subhead {
    font-size: 1.188rem;
    line-height: 1.438rem;
  }

  .logo-lb.sidebar {
    height: 48%;
  }

  .sg-return-to-home-icon.mobile-only, .text.mobile-only {
    display: block;
  }

  .sg-logos-grid {
    grid-template-columns: 1fr 1fr;
  }

  .sg-buttons-grid {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .table._5-columns {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .table-contents {
    font-size: .875rem;
    line-height: 1.1rem;
  }

  .fineprint, .table-header {
    font-size: .875rem;
    line-height: 1.188rem;
  }

  .heading {
    font-size: 2.125rem;
  }

  .table-contents---no-border {
    font-size: .875rem;
    line-height: 1.1rem;
  }

  .captions, .eyebrow-bar {
    font-size: .875rem;
    line-height: 1.188rem;
  }

  .nav-header {
    margin-bottom: 0;
  }

  .intro-section---subhead {
    font-size: 1.188rem;
    line-height: 1.438rem;
  }

  .list-0-margins {
    font-size: .875rem;
    line-height: 1.1rem;
  }

  .captions---header, .captions---subhead {
    font-size: .875rem;
    line-height: 1.188rem;
  }

  .table-item-borders {
    font-size: .875rem;
    line-height: 1.1rem;
  }

  .lottie-animation {
    width: 40px;
    margin-top: -4px;
    margin-bottom: -12px;
    display: block;
    overflow: visible;
  }

  .side-nav---links {
    margin-left: 40px;
  }

  .smartsheet-nav-logo {
    align-items: center;
  }

  .annotation-circle {
    width: 16px;
    height: 16px;
  }

  .annotation-number {
    padding-top: 2px;
    font-size: .7rem;
    line-height: .7rem;
  }

  .annotations-text {
    font-size: .875rem;
    line-height: 1.1rem;
  }

  .allen-1.allen, .annotation-circle-2.allen, .annotation-circle-3.allen, .annotation-circle-4.allen {
    width: 16px;
    height: 16px;
  }

  .table-strokes, .table-strokes-list {
    font-size: .875rem;
    line-height: 1.1rem;
  }
}

@media screen and (max-width: 767px) {
  .sg-brand-wrapper {
    padding-left: 32px;
    padding-right: 32px;
  }

  .global-section {
    padding: 64px 40px;
  }

  .text.sg-colour-label {
    font-size: 1em;
  }

  .text.sg-colour-label.main {
    margin-bottom: 2px;
  }

  .text.sg-colour-label.hex {
    font-size: .78em;
  }

  .sg-colours-grid {
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr;
  }

  .sg-colour-wrapper {
    flex-direction: row;
  }

  .sg-colour-swatch {
    width: 25%;
    margin-bottom: 0;
    margin-right: 16px;
    padding-top: 25%;
  }

  .sg-colour-label-wrapper {
    align-items: flex-start;
  }

  .sg-logos-grid {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  .sg-buttons-grid {
    grid-template-rows: auto auto auto auto auto auto;
    grid-template-columns: 1fr;
  }

  .table._4-columns {
    grid-template-columns: 1fr 1fr;
  }

  .table._3-columns {
    grid-template-columns: 1fr;
  }

  .table._5-columns {
    grid-template-columns: 1fr 1fr;
  }

  .table._4-columns---no-collapse, .table._3-columns---no-collapse {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .table---images._4-columns {
    grid-template-columns: 1fr 1fr;
  }

  .table---images._3-columns---no-text {
    grid-template-columns: 1fr;
  }

  .table---images._3-columns---images {
    grid-template-columns: 1fr 1fr;
  }

  .intro-section {
    padding: 64px 32px;
  }

  .side-nav---links {
    margin-left: 8px;
  }

  .component-details-grid {
    grid-template-columns: 1fr;
  }

  .annotations-grid {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-flow: column dense;
  }

  ._33 {
    width: 50%;
  }
}

@media screen and (max-width: 479px) {
  .sg-brand-wrapper {
    padding-left: 24px;
    padding-right: 24px;
  }

  .global-section {
    padding-left: 32px;
    padding-right: 32px;
  }

  .sg-colours-grid {
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr;
  }

  .sg-colour-swatch {
    margin-bottom: 0;
  }

  .sg-button-block {
    padding: 16px;
  }

  .button {
    width: 100%;
  }

  .delete-me {
    margin-top: 16px;
    padding: 16px;
  }

  .sg-logo-block {
    padding-left: 16px;
    padding-right: 16px;
  }

  .table._4-columns, .table._5-columns {
    grid-template-columns: 1fr;
  }

  .table._4-columns---no-collapse {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .table.spacing-rules {
    grid-template-columns: 1fr;
  }

  .table._3-columns---no-collapse {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .table.spacing-rules---3-columns, .table---images._4-columns, .table---images._3-columns---images {
    grid-template-columns: 1fr;
  }

  .intro-section {
    padding-left: 24px;
    padding-right: 24px;
  }

  .side-nav---links {
    margin-left: 0;
  }

  .button---alternate {
    width: 100%;
  }

  .annotations-grid {
    flex-direction: column;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .annotations-grid.short {
    grid-template-rows: auto auto auto;
  }

  .annotations-grid.long {
    flex-wrap: wrap;
    grid-template-rows: auto auto;
  }

  .annotations-grid._1-row {
    grid-template-rows: auto auto auto;
  }

  ._33 {
    width: 100%;
  }
}

#w-node-_48f056a1-c6d7-9030-674f-0129e5b0d959-f42c5e64 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: start;
  justify-self: start;
}

#w-node-_48f056a1-c6d7-9030-674f-0129e5b0d97a-f42c5e64 {
  justify-self: start;
}

#w-node-_47160332-46be-537e-3d18-bc44055002aa-f42c5e64, #w-node-_47160332-46be-537e-3d18-bc44055002c5-f42c5e64 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_57095a14-192a-94da-6bca-7e2f00975831-f42c5e64 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: auto;
}

#w-node-_57095a14-192a-94da-6bca-7e2f00975836-f42c5e64, #w-node-_57095a14-192a-94da-6bca-7e2f0097583b-f42c5e64 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_0614ee98-0f1d-b48d-df15-2864109a5270-f42c5e64, #w-node-_420fa72d-530f-820b-5c4e-74f2c07e97d1-f42c5e64, #w-node-c03ebb1b-0a01-f9a8-c5d6-61b59980d3fb-f42c5e64, #w-node-c6242f88-f54c-b116-9b3c-592bcb253253-f42c5e64, #w-node-_34677597-e7bf-a0d2-8671-710bfde263c5-f42c5e64, #w-node-f9a2e70b-35ec-6bd4-2ccd-8bef1de9ce5f-f42c5e64, #w-node-f82cc877-fea4-cf5c-2dd2-6993d5722265-f42c5e64, #w-node-f82cc877-fea4-cf5c-2dd2-6993d5722269-f42c5e64, #w-node-f82cc877-fea4-cf5c-2dd2-6993d572226d-f42c5e64, #w-node-f82cc877-fea4-cf5c-2dd2-6993d5722271-f42c5e64, #w-node-f82cc877-fea4-cf5c-2dd2-6993d5722275-f42c5e64, #w-node-f82cc877-fea4-cf5c-2dd2-6993d5722279-f42c5e64, #w-node-_7b02787c-46da-dc07-19d0-351095b54cb1-f42c5e64, #w-node-_7b02787c-46da-dc07-19d0-351095b54cb5-f42c5e64, #w-node-_7b02787c-46da-dc07-19d0-351095b54cb9-f42c5e64, #w-node-_7b02787c-46da-dc07-19d0-351095b54cbd-f42c5e64, #w-node-_7b02787c-46da-dc07-19d0-351095b54cc1-f42c5e64, #w-node-_7b02787c-46da-dc07-19d0-351095b54cc5-f42c5e64, #w-node-_3ef3adc6-72f8-9e12-71d0-c98d6b64f0a4-f42c5e64 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: auto;
}

#w-node-_3ef3adc6-72f8-9e12-71d0-c98d6b64f0a9-f42c5e64, #w-node-_3ef3adc6-72f8-9e12-71d0-c98d6b64f0ae-f42c5e64 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-b019688b-67d5-84de-9d48-f7a83f3a3759-f42c5e64 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: auto;
}

#w-node-b019688b-67d5-84de-9d48-f7a83f3a3785-f42c5e64, #w-node-b019688b-67d5-84de-9d48-f7a83f3a37b1-f42c5e64, #w-node-fbf96c31-a795-c3e1-ed2a-ac72aa023e0a-f42c5e64 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_48f056a1-c6d7-9030-674f-0129e5b0d959-bcd16130, #w-node-_48f056a1-c6d7-9030-674f-0129e5b0d959-19a9f055 {
  align-self: start;
}

#w-node-_869b61dd-2ee5-11c9-f2e1-ce5046fe9778-19a9f055 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: auto;
}

#w-node-_869b61dd-2ee5-11c9-f2e1-ce5046fe97a4-19a9f055, #w-node-_869b61dd-2ee5-11c9-f2e1-ce5046fe97d8-19a9f055 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-c57b37ca-ee6c-05c0-0a14-56572ce7f4e5-19a9f055 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: auto;
}

#w-node-c57b37ca-ee6c-05c0-0a14-56572ce7f505-19a9f055, #w-node-c57b37ca-ee6c-05c0-0a14-56572ce7f525-19a9f055 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_0614ee98-0f1d-b48d-df15-2864109a5270-19a9f055, #w-node-_420fa72d-530f-820b-5c4e-74f2c07e97d1-19a9f055, #w-node-c03ebb1b-0a01-f9a8-c5d6-61b59980d3fb-19a9f055, #w-node-c6242f88-f54c-b116-9b3c-592bcb253253-19a9f055, #w-node-c631bc25-a68b-c8ce-5c87-dce97e9b8f7f-19a9f055, #w-node-_49be19cb-b89d-10b7-97fe-cd48bb7c4d29-19a9f055, #w-node-_634776e9-e929-01f5-6863-983e615b8835-19a9f055, #w-node-_675b678b-a335-17e2-6fd6-de5197e0e641-19a9f055, #w-node-fec54d41-12f7-0f4b-5884-a557456b6e14-19a9f055, #w-node-b47f12df-68a2-be40-6cea-98e820049e6c-19a9f055, #w-node-_830d5084-c2a5-3b29-b3e7-64c085902fef-19a9f055, #w-node-e099d282-15ea-3655-8b8a-d2a089c855b5-19a9f055 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: auto;
}

#w-node-e099d282-15ea-3655-8b8a-d2a089c855dd-19a9f055, #w-node-e099d282-15ea-3655-8b8a-d2a089c855fd-19a9f055, #w-node-b99d3b5b-1778-9ac7-a198-9374266633c2-19a9f055, #w-node-_47360f47-d0dc-f7c7-2ca8-9cddc7d2a842-19a9f055, #w-node-f3a39658-36f0-c870-80e0-fce4546096f7-19a9f055, #w-node-_45e00fd2-86e5-61f9-df7d-ee7ca7a88357-19a9f055, #w-node-f54bc635-f099-2feb-681c-dabb4eb0d6ac-19a9f055, #w-node-a4a6d406-5f4f-8312-0fe1-8bce29fc556f-19a9f055, #w-node-_31578599-4059-81f3-3e47-c4aa9124dde0-19a9f055, #w-node-d5542b1c-2acc-b924-290d-f4d6ca7f3668-19a9f055 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_48f056a1-c6d7-9030-674f-0129e5b0d959-4971332f {
  align-self: start;
}

#w-node-cc4d697f-effa-6c73-fa0f-9c66e1383ef1-4971332f {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: auto;
}

#w-node-d59c1226-eb16-6c44-53c7-b9b812bb22ca-4971332f, #w-node-e0404fbd-2834-44f8-867b-f87485cb9d12-4971332f, #w-node-_94921478-9865-6c86-ce5e-4d634db96dcc-4971332f {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_05066792-d562-aa0e-b488-a4a5aedcabc6-4971332f {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: auto;
}

#w-node-_05066792-d562-aa0e-b488-a4a5aedcabcc-4971332f, #w-node-_05066792-d562-aa0e-b488-a4a5aedcabd2-4971332f, #w-node-_05066792-d562-aa0e-b488-a4a5aedcabd8-4971332f, #w-node-_37d51d04-9049-62e7-2bf2-cbdbdb9f3448-4971332f {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_48f056a1-c6d7-9030-674f-0129e5b0d959-119a03d5, #w-node-_48f056a1-c6d7-9030-674f-0129e5b0d959-442d957b {
  align-self: start;
}

#w-node-_42d567cd-cadd-13b1-c346-bf63ab4a1f91-442d957b, #w-node-_2dd7cde7-8807-b31a-2ef4-d21fa367af7a-442d957b, #w-node-_5ee3a805-649b-66c4-d0cf-7c2b13836bb5-442d957b, #w-node-_5ee3a805-649b-66c4-d0cf-7c2b13836bb6-442d957b, #w-node-_3bfce47e-5638-153a-f32b-eaa741637be9-442d957b, #w-node-d8b7323b-92e8-74a0-a41a-0925f72675ab-442d957b {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_48f056a1-c6d7-9030-674f-0129e5b0d959-eb595084 {
  align-self: start;
}

#w-node-ff4f2f9d-3804-bcb3-903f-7d518b71152e-eb595084, #w-node-_8295d57a-2b9f-03d3-2e07-c5b580d033fb-eb595084, #w-node-_03ee967a-757c-daec-363b-6d6e37557400-eb595084, #w-node-_03ee967a-757c-daec-363b-6d6e37557406-eb595084 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: start;
  justify-self: start;
}

#w-node-e72e0707-65ff-d1a4-36e1-93cba7c1fa6b-eb595084, #w-node-aacc2a6c-b301-2a9b-058d-55917796ba9b-eb595084 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_06b43fa9-3fa6-2079-084e-ad4edf92ecc5-eb595084 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: start;
  justify-self: start;
}

#w-node-_06b43fa9-3fa6-2079-084e-ad4edf92ecf0-eb595084, #w-node-_06b43fa9-3fa6-2079-084e-ad4edf92ecf4-eb595084 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-e1eb4406-aaf1-cca1-2999-7c1766796780-eb595084, #w-node-e1eb4406-aaf1-cca1-2999-7c176679678d-eb595084 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: start;
  justify-self: start;
}

#w-node-e1eb4406-aaf1-cca1-2999-7c17667967b2-eb595084, #w-node-e1eb4406-aaf1-cca1-2999-7c17667967b6-eb595084, #w-node-ab09f8c7-89a5-2625-b9f1-6cacaf3237f3-af3237ef, #w-node-ab09f8c7-89a5-2625-b9f1-6cacaf3237f5-af3237ef, #w-node-e9c5ccc3-fcbf-e5cb-fc65-13eff6557c54-af3237ef, #w-node-f917bed0-3562-e7e0-135b-fb7fde52fa3b-af3237ef, #w-node-dddfd85c-769f-b4a1-fb7b-940e33a9f334-33a9f334, #w-node-dddfd85c-769f-b4a1-fb7b-940e33a9f338-33a9f334, #w-node-dddfd85c-769f-b4a1-fb7b-940e33a9f33a-33a9f334, #w-node-dddfd85c-769f-b4a1-fb7b-940e33a9f33c-33a9f334, #w-node-dddfd85c-769f-b4a1-fb7b-940e33a9f33e-33a9f334, #w-node-dddfd85c-769f-b4a1-fb7b-940e33a9f340-33a9f334, #w-node-dddfd85c-769f-b4a1-fb7b-940e33a9f342-33a9f334, #w-node-_638e904c-f214-66f7-2738-f4f717c15b72-17c15b72, #w-node-_638e904c-f214-66f7-2738-f4f717c15b73-17c15b72, #w-node-_638e904c-f214-66f7-2738-f4f717c15b77-17c15b72, #w-node-_638e904c-f214-66f7-2738-f4f717c15b79-17c15b72, #w-node-_638e904c-f214-66f7-2738-f4f717c15b7b-17c15b72, #w-node-_638e904c-f214-66f7-2738-f4f717c15b7d-17c15b72, #w-node-_638e904c-f214-66f7-2738-f4f717c15b7f-17c15b72, #w-node-_638e904c-f214-66f7-2738-f4f717c15b81-17c15b72, #w-node-_8075cff2-5de2-8b78-b3c6-0ba4c1fcec35-c1fcec35, #w-node-_8075cff2-5de2-8b78-b3c6-0ba4c1fcec39-c1fcec35, #w-node-_8075cff2-5de2-8b78-b3c6-0ba4c1fcec3b-c1fcec35, #w-node-_8075cff2-5de2-8b78-b3c6-0ba4c1fcec3d-c1fcec35, #w-node-_8075cff2-5de2-8b78-b3c6-0ba4c1fcec3f-c1fcec35, #w-node-_8075cff2-5de2-8b78-b3c6-0ba4c1fcec41-c1fcec35, #w-node-_8075cff2-5de2-8b78-b3c6-0ba4c1fcec43-c1fcec35, #w-node-_8075cff2-5de2-8b78-b3c6-0ba4c1fcec45-c1fcec35, #w-node-_8075cff2-5de2-8b78-b3c6-0ba4c1fcec47-c1fcec35, #w-node-_8075cff2-5de2-8b78-b3c6-0ba4c1fcec49-c1fcec35, #w-node-_8075cff2-5de2-8b78-b3c6-0ba4c1fcec4b-c1fcec35, #w-node-c01a667c-2b46-d266-b966-47d9b99b70b2-b99b70b1, #w-node-c01a667c-2b46-d266-b966-47d9b99b70b6-b99b70b1, #w-node-c01a667c-2b46-d266-b966-47d9b99b70b8-b99b70b1, #w-node-c01a667c-2b46-d266-b966-47d9b99b70ba-b99b70b1, #w-node-c01a667c-2b46-d266-b966-47d9b99b70bc-b99b70b1, #w-node-c01a667c-2b46-d266-b966-47d9b99b70be-b99b70b1, #w-node-c01a667c-2b46-d266-b966-47d9b99b70c0-b99b70b1, #w-node-c01a667c-2b46-d266-b966-47d9b99b70c2-b99b70b1, #w-node-c01a667c-2b46-d266-b966-47d9b99b70c4-b99b70b1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_48f056a1-c6d7-9030-674f-0129e5b0d959-6de310b7 {
  align-self: start;
}

#w-node-ff4f2f9d-3804-bcb3-903f-7d518b71152e-6de310b7, #w-node-_8295d57a-2b9f-03d3-2e07-c5b580d033fb-6de310b7, #w-node-_03ee967a-757c-daec-363b-6d6e37557406-6de310b7, #w-node-_03ee967a-757c-daec-363b-6d6e37557400-6de310b7 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: start;
  justify-self: start;
}

#w-node-e72e0707-65ff-d1a4-36e1-93cba7c1fa6b-6de310b7, #w-node-aacc2a6c-b301-2a9b-058d-55917796ba9b-6de310b7 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_5cf5078f-b1c7-3528-d776-2c816f568ad0-6de310b7, #w-node-_5cf5078f-b1c7-3528-d776-2c816f568ad6-6de310b7, #w-node-_5cf5078f-b1c7-3528-d776-2c816f568ae3-6de310b7, #w-node-_5cf5078f-b1c7-3528-d776-2c816f568ae9-6de310b7 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: start;
  justify-self: start;
}

#w-node-_5cf5078f-b1c7-3528-d776-2c816f568b14-6de310b7, #w-node-_5cf5078f-b1c7-3528-d776-2c816f568b18-6de310b7 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_3893a3e2-b09b-4847-ec3f-520573509411-6de310b7, #w-node-_3893a3e2-b09b-4847-ec3f-52057350941e-6de310b7 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: start;
  justify-self: start;
}

#w-node-_3893a3e2-b09b-4847-ec3f-520573509443-6de310b7, #w-node-_3893a3e2-b09b-4847-ec3f-520573509447-6de310b7 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_32ecd06d-cea9-6109-2963-342040b8a4a7-6de310b7 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: start;
  justify-self: start;
}

#w-node-_32ecd06d-cea9-6109-2963-342040b8a4bd-6de310b7, #w-node-_32ecd06d-cea9-6109-2963-342040b8a4c1-6de310b7 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-bc646870-a28e-6b96-fbe6-7dd0452b2640-6de310b7, #w-node-bc646870-a28e-6b96-fbe6-7dd0452b2646-6de310b7, #w-node-bc646870-a28e-6b96-fbe6-7dd0452b2653-6de310b7, #w-node-bc646870-a28e-6b96-fbe6-7dd0452b264d-6de310b7 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: start;
  justify-self: start;
}

#w-node-bc646870-a28e-6b96-fbe6-7dd0452b2672-6de310b7, #w-node-bc646870-a28e-6b96-fbe6-7dd0452b2676-6de310b7 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-f059cf1a-ae3f-961c-2cbd-59290b8844b0-6de310b7, #w-node-f059cf1a-ae3f-961c-2cbd-59290b8844b6-6de310b7, #w-node-f059cf1a-ae3f-961c-2cbd-59290b8844c3-6de310b7, #w-node-f059cf1a-ae3f-961c-2cbd-59290b8844c9-6de310b7 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: start;
  justify-self: start;
}

#w-node-f059cf1a-ae3f-961c-2cbd-59290b8844fd-6de310b7, #w-node-f059cf1a-ae3f-961c-2cbd-59290b884500-6de310b7 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-b62f7442-8d46-cbba-1178-04695f09037b-6de310b7, #w-node-b62f7442-8d46-cbba-1178-04695f09038e-6de310b7, #w-node-_1baedc87-f077-3ac0-d26e-eb9b09f1261e-6de310b7, #w-node-_1baedc87-f077-3ac0-d26e-eb9b09f12625-6de310b7, #w-node-_4caf64c4-f281-5655-26dd-cb25822c9e92-6de310b7, #w-node-_4caf64c4-f281-5655-26dd-cb25822c9e99-6de310b7, #w-node-b04c38fe-c60b-e69f-0739-3531442ffb40-6de310b7, #w-node-b04c38fe-c60b-e69f-0739-3531442ffb47-6de310b7 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: start;
  justify-self: start;
}

#w-node-b62f7442-8d46-cbba-1178-04695f0903cb-6de310b7, #w-node-b62f7442-8d46-cbba-1178-04695f0903ce-6de310b7 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_48f056a1-c6d7-9030-674f-0129e5b0d959-b769f71f {
  align-self: start;
}

#w-node-ff4f2f9d-3804-bcb3-903f-7d518b71152e-b769f71f, #w-node-_8295d57a-2b9f-03d3-2e07-c5b580d033fb-b769f71f, #w-node-_03ee967a-757c-daec-363b-6d6e37557406-b769f71f, #w-node-_03ee967a-757c-daec-363b-6d6e37557400-b769f71f, #w-node-ef58fe2f-4f73-c4f4-94db-5f955c0a4678-b769f71f, #w-node-ef58fe2f-4f73-c4f4-94db-5f955c0a468b-b769f71f {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: start;
  justify-self: start;
}

#w-node-e72e0707-65ff-d1a4-36e1-93cba7c1fa6b-b769f71f, #w-node-aacc2a6c-b301-2a9b-058d-55917796ba9b-b769f71f {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_7861710d-8694-ea01-c2c4-f777bf38ffd6-b769f71f, #w-node-_7861710d-8694-ea01-c2c4-f777bf38ffdc-b769f71f, #w-node-_7861710d-8694-ea01-c2c4-f777bf38ffe9-b769f71f {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: start;
  justify-self: start;
}

#w-node-_7861710d-8694-ea01-c2c4-f777bf39003c-b769f71f, #w-node-_7861710d-8694-ea01-c2c4-f777bf39003f-b769f71f {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_2a90df65-315c-bc4b-ceb9-61c8515fde78-b769f71f, #w-node-_2a90df65-315c-bc4b-ceb9-61c8515fde7e-b769f71f, #w-node-_2a90df65-315c-bc4b-ceb9-61c8515fde8b-b769f71f {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: start;
  justify-self: start;
}

#w-node-_2a90df65-315c-bc4b-ceb9-61c8515fdeb3-b769f71f, #w-node-_2a90df65-315c-bc4b-ceb9-61c8515fdeb6-b769f71f {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_47449c45-fae1-b591-2643-d3251888b887-b769f71f, #w-node-_47449c45-fae1-b591-2643-d3251888b88d-b769f71f, #w-node-_47449c45-fae1-b591-2643-d3251888b8bb-b769f71f {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: start;
  justify-self: start;
}

#w-node-_47449c45-fae1-b591-2643-d3251888b8db-b769f71f, #w-node-_47449c45-fae1-b591-2643-d3251888b8de-b769f71f {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-e548a361-450e-c6c0-81f6-175970e24b7e-b769f71f, #w-node-e548a361-450e-c6c0-81f6-175970e24b84-b769f71f, #w-node-e548a361-450e-c6c0-81f6-175970e24bbb-b769f71f {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: start;
  justify-self: start;
}

#w-node-e548a361-450e-c6c0-81f6-175970e24bd2-b769f71f, #w-node-e548a361-450e-c6c0-81f6-175970e24bd5-b769f71f {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-a5d3fbd5-a77d-2c86-d3d2-40eff990f868-b769f71f {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: start;
  justify-self: start;
}

#w-node-a5d3fbd5-a77d-2c86-d3d2-40eff990f8a3-b769f71f, #w-node-a5d3fbd5-a77d-2c86-d3d2-40eff990f8a6-b769f71f {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_3746f45e-3ef2-071c-c480-f34244b45ba0-b769f71f, #w-node-_3746f45e-3ef2-071c-c480-f34244b45ba6-b769f71f, #w-node-_3746f45e-3ef2-071c-c480-f34244b45bb3-b769f71f {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: start;
  justify-self: start;
}

#w-node-_3746f45e-3ef2-071c-c480-f34244b45be7-b769f71f, #w-node-_3746f45e-3ef2-071c-c480-f34244b45bea-b769f71f {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_4ea60c99-9822-7368-0cee-e07ac456ddfd-b769f71f, #w-node-_4ea60c99-9822-7368-0cee-e07ac456de03-b769f71f, #w-node-_4ea60c99-9822-7368-0cee-e07ac456de10-b769f71f {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: start;
  justify-self: start;
}

#w-node-_4ea60c99-9822-7368-0cee-e07ac456de5d-b769f71f, #w-node-_4ea60c99-9822-7368-0cee-e07ac456de60-b769f71f {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_48f056a1-c6d7-9030-674f-0129e5b0d959-81b5b050 {
  align-self: start;
}

#w-node-c720d193-98cf-5bad-ae19-29aceecba1fd-81b5b050, #w-node-c720d193-98cf-5bad-ae19-29aceecba218-81b5b050 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-eadb235d-ac1c-0a03-8d50-22bd4af2349d-81b5b050, #w-node-eadb235d-ac1c-0a03-8d50-22bd4af234a3-81b5b050, #w-node-eadb235d-ac1c-0a03-8d50-22bd4af234aa-81b5b050, #w-node-eadb235d-ac1c-0a03-8d50-22bd4af234b0-81b5b050 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: start;
  justify-self: start;
}

#w-node-eadb235d-ac1c-0a03-8d50-22bd4af234d8-81b5b050, #w-node-eadb235d-ac1c-0a03-8d50-22bd4af234db-81b5b050 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-f5b08282-807f-8c02-e675-67b994f9c480-81b5b050, #w-node-f5b08282-807f-8c02-e675-67b994f9c48d-81b5b050, #w-node-c5687f52-d180-4744-ae2c-f4e8c55f5875-81b5b050, #w-node-c5687f52-d180-4744-ae2c-f4e8c55f5882-81b5b050 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: start;
  justify-self: start;
}

#w-node-f5b08282-807f-8c02-e675-67b994f9c4be-81b5b050, #w-node-f5b08282-807f-8c02-e675-67b994f9c4c1-81b5b050 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_9c9a92aa-5668-2958-37f3-84940b1829dd-81b5b050, #w-node-_9c9a92aa-5668-2958-37f3-84940b1829e4-81b5b050 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: start;
  justify-self: start;
}

#w-node-_9c9a92aa-5668-2958-37f3-84940b182a16-81b5b050, #w-node-_9c9a92aa-5668-2958-37f3-84940b182a19-81b5b050 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_2b7089bc-4ee0-10b7-1317-923d37cf5b80-81b5b050, #w-node-_2b7089bc-4ee0-10b7-1317-923d37cf5b93-81b5b050 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: start;
  justify-self: start;
}

#w-node-_2b7089bc-4ee0-10b7-1317-923d37cf5bd6-81b5b050, #w-node-_2b7089bc-4ee0-10b7-1317-923d37cf5bd9-81b5b050 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d2a9b1f1-46a4-6bf1-2eff-bc443be2ecce-81b5b050, #w-node-d2a9b1f1-46a4-6bf1-2eff-bc443be2ecdb-81b5b050 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: start;
  justify-self: start;
}

#w-node-d2a9b1f1-46a4-6bf1-2eff-bc443be2ed09-81b5b050, #w-node-d2a9b1f1-46a4-6bf1-2eff-bc443be2ed0c-81b5b050 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_48f056a1-c6d7-9030-674f-0129e5b0d959-274fa89d, #w-node-_48f056a1-c6d7-9030-674f-0129e5b0d959-6e9d0204 {
  align-self: start;
}

#w-node-_00b837bb-a009-b253-bdb7-7b0388ec81c4-6e9d0204 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_00b837bb-a009-b253-bdb7-7b0388ec81c5-6e9d0204 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: start;
  justify-self: start;
}

#w-node-_00b837bb-a009-b253-bdb7-7b0388ec81cb-6e9d0204 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_00b837bb-a009-b253-bdb7-7b0388ec81cc-6e9d0204 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: start;
  justify-self: start;
}

#w-node-_00b837bb-a009-b253-bdb7-7b0388ec81d2-6e9d0204 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_00b837bb-a009-b253-bdb7-7b0388ec81d3-6e9d0204, #w-node-_00b837bb-a009-b253-bdb7-7b0388ec81d9-6e9d0204, #w-node-_00b837bb-a009-b253-bdb7-7b0388ec81df-6e9d0204 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: start;
  justify-self: start;
}

#w-node-_00b837bb-a009-b253-bdb7-7b0388ec81f7-6e9d0204, #w-node-_00b837bb-a009-b253-bdb7-7b0388ec81fa-6e9d0204 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_01c3f2b2-132d-0be7-667d-7e2eab1447ab-6e9d0204, #w-node-_01c3f2b2-132d-0be7-667d-7e2eab1447b1-6e9d0204, #w-node-_01c3f2b2-132d-0be7-667d-7e2eab1447c4-6e9d0204, #w-node-_2a9c5529-7958-aea1-e0bb-c80843cfd299-6e9d0204 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: start;
  justify-self: start;
}

#w-node-_01c3f2b2-132d-0be7-667d-7e2eab1447ef-6e9d0204, #w-node-_01c3f2b2-132d-0be7-667d-7e2eab1447f2-6e9d0204 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}


@font-face {
  font-family: 'Tt norms pro';
  src: url('../fonts/TT_Norms_Pro_Black_Italic.woff') format('woff'), url('../fonts/TT_Norms_Pro_ExtraBlack_Italic.woff') format('woff');
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Tt norms pro';
  src: url('../fonts/TT_Norms_Pro_Normal_Italic.woff') format('woff'), url('../fonts/TT_Norms_Pro_Italic.woff') format('woff');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Tt norms pro';
  src: url('../fonts/TT_Norms_Pro_DemiBold.woff') format('woff');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Tt norms pro';
  src: url('../fonts/TT_Norms_Pro_ExtraBold.woff') format('woff'), url('../fonts/TT_Norms_Pro_Bold.woff') format('woff');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Tt norms pro';
  src: url('../fonts/TT_Norms_Pro_Regular.woff') format('woff'), url('../fonts/TT_Norms_Pro_Normal.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Tt norms pro';
  src: url('../fonts/TT_Norms_Pro_ExtraLight.woff') format('woff');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Tt norms pro';
  src: url('../fonts/TT_Norms_Pro_Thin.woff') format('woff');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Tt norms pro';
  src: url('../fonts/TT_Norms_Pro_Medium.woff') format('woff');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Tt norms pro';
  src: url('../fonts/TT_Norms_Pro_ExtraBold_Italic.woff') format('woff'), url('../fonts/TT_Norms_Pro_Bold_Italic.woff') format('woff');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Tt norms pro';
  src: url('../fonts/TT_Norms_Pro_Light.woff') format('woff');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Tt norms pro';
  src: url('../fonts/TT_Norms_Pro_Medium_Italic.woff') format('woff');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Tt norms pro';
  src: url('../fonts/TT_Norms_Pro_Thin_Italic.woff') format('woff');
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Tt norms pro';
  src: url('../fonts/TT_Norms_Pro_DemiBold_Italic.woff') format('woff');
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Tt norms pro';
  src: url('../fonts/TT_Norms_Pro_Light_Italic.woff') format('woff');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Tt norms pro';
  src: url('../fonts/TT_Norms_Pro_ExtraLight_Italic.woff') format('woff');
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Tt norms pro';
  src: url('../fonts/TT_Norms_Pro_Black.woff') format('woff'), url('../fonts/TT_Norms_Pro_ExtraBlack.woff') format('woff');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}