html {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  font-family: sans-serif;
}

body {
  margin: 0;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}

audio, canvas, progress, video {
  vertical-align: baseline;
  display: inline-block;
}

audio:not([controls]) {
  height: 0;
  display: none;
}

[hidden], template {
  display: none;
}

a {
  background-color: #0000;
}

a:active, a:hover {
  outline: 0;
}

abbr[title] {
  border-bottom: 1px dotted;
}

b, strong {
  font-weight: bold;
}

dfn {
  font-style: italic;
}

h1 {
  margin: .67em 0;
  font-size: 2em;
}

mark {
  color: #000;
  background: #ff0;
}

small {
  font-size: 80%;
}

sub, sup {
  vertical-align: baseline;
  font-size: 75%;
  line-height: 0;
  position: relative;
}

sup {
  top: -.5em;
}

sub {
  bottom: -.25em;
}

img {
  border: 0;
}

svg:not(:root) {
  overflow: hidden;
}

hr {
  box-sizing: content-box;
  height: 0;
}

pre {
  overflow: auto;
}

code, kbd, pre, samp {
  font-family: monospace;
  font-size: 1em;
}

button, input, optgroup, select, textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}

button {
  overflow: visible;
}

button, select {
  text-transform: none;
}

button, html input[type="button"], input[type="reset"] {
  -webkit-appearance: button;
  cursor: pointer;
}

button[disabled], html input[disabled] {
  cursor: default;
}

button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

input {
  line-height: normal;
}

input[type="checkbox"], input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}

input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

input[type="search"] {
  -webkit-appearance: none;
}

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

legend {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
}

optgroup {
  font-weight: bold;
}

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

td, th {
  padding: 0;
}

@font-face {
  font-family: webflow-icons;
  src: url("data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBiUAAAC8AAAAYGNtYXDpP+a4AAABHAAAAFxnYXNwAAAAEAAAAXgAAAAIZ2x5ZmhS2XEAAAGAAAADHGhlYWQTFw3HAAAEnAAAADZoaGVhCXYFgQAABNQAAAAkaG10eCe4A1oAAAT4AAAAMGxvY2EDtALGAAAFKAAAABptYXhwABAAPgAABUQAAAAgbmFtZSoCsMsAAAVkAAABznBvc3QAAwAAAAAHNAAAACAAAwP4AZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpAwPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAQAAAAAwACAACAAQAAQAg5gPpA//9//8AAAAAACDmAOkA//3//wAB/+MaBBcIAAMAAQAAAAAAAAAAAAAAAAABAAH//wAPAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEBIAAAAyADgAAFAAAJAQcJARcDIP5AQAGA/oBAAcABwED+gP6AQAABAOAAAALgA4AABQAAEwEXCQEH4AHAQP6AAYBAAcABwED+gP6AQAAAAwDAAOADQALAAA8AHwAvAAABISIGHQEUFjMhMjY9ATQmByEiBh0BFBYzITI2PQE0JgchIgYdARQWMyEyNj0BNCYDIP3ADRMTDQJADRMTDf3ADRMTDQJADRMTDf3ADRMTDQJADRMTAsATDSANExMNIA0TwBMNIA0TEw0gDRPAEw0gDRMTDSANEwAAAAABAJ0AtAOBApUABQAACQIHCQEDJP7r/upcAXEBcgKU/usBFVz+fAGEAAAAAAL//f+9BAMDwwAEAAkAABcBJwEXAwE3AQdpA5ps/GZsbAOabPxmbEMDmmz8ZmwDmvxmbAOabAAAAgAA/8AEAAPAAB0AOwAABSInLgEnJjU0Nz4BNzYzMTIXHgEXFhUUBw4BBwYjNTI3PgE3NjU0Jy4BJyYjMSIHDgEHBhUUFx4BFxYzAgBqXV6LKCgoKIteXWpqXV6LKCgoKIteXWpVSktvICEhIG9LSlVVSktvICEhIG9LSlVAKCiLXl1qal1eiygoKCiLXl1qal1eiygoZiEgb0tKVVVKS28gISEgb0tKVVVKS28gIQABAAABwAIAA8AAEgAAEzQ3PgE3NjMxFSIHDgEHBhUxIwAoKIteXWpVSktvICFmAcBqXV6LKChmISBvS0pVAAAAAgAA/8AFtgPAADIAOgAAARYXHgEXFhUUBw4BBwYHIxUhIicuAScmNTQ3PgE3NjMxOAExNDc+ATc2MzIXHgEXFhcVATMJATMVMzUEjD83NlAXFxYXTjU1PQL8kz01Nk8XFxcXTzY1PSIjd1BQWlJJSXInJw3+mdv+2/7c25MCUQYcHFg5OUA/ODlXHBwIAhcXTzY1PTw1Nk8XF1tQUHcjIhwcYUNDTgL+3QFt/pOTkwABAAAAAQAAmM7nP18PPPUACwQAAAAAANciZKUAAAAA1yJkpf/9/70FtgPDAAAACAACAAAAAAAAAAEAAAPA/8AAAAW3//3//QW2AAEAAAAAAAAAAAAAAAAAAAAMBAAAAAAAAAAAAAAAAgAAAAQAASAEAADgBAAAwAQAAJ0EAP/9BAAAAAQAAAAFtwAAAAAAAAAKABQAHgAyAEYAjACiAL4BFgE2AY4AAAABAAAADAA8AAMAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEADQAAAAEAAAAAAAIABwCWAAEAAAAAAAMADQBIAAEAAAAAAAQADQCrAAEAAAAAAAUACwAnAAEAAAAAAAYADQBvAAEAAAAAAAoAGgDSAAMAAQQJAAEAGgANAAMAAQQJAAIADgCdAAMAAQQJAAMAGgBVAAMAAQQJAAQAGgC4AAMAAQQJAAUAFgAyAAMAAQQJAAYAGgB8AAMAAQQJAAoANADsd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzVmVyc2lvbiAxLjAAVgBlAHIAcwBpAG8AbgAgADEALgAwd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzUmVndWxhcgBSAGUAZwB1AGwAYQByd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzRm9udCBnZW5lcmF0ZWQgYnkgSWNvTW9vbi4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==") format("truetype");
  font-weight: normal;
  font-style: normal;
}

[class^="w-icon-"], [class*=" w-icon-"] {
  speak: none;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  font-family: webflow-icons !important;
}

.w-icon-slider-right:before {
  content: "";
}

.w-icon-slider-left:before {
  content: "";
}

.w-icon-nav-menu:before {
  content: "";
}

.w-icon-arrow-down:before, .w-icon-dropdown-toggle:before {
  content: "";
}

.w-icon-file-upload-remove:before {
  content: "";
}

.w-icon-file-upload-icon:before {
  content: "";
}

* {
  box-sizing: border-box;
}

html {
  height: 100%;
}

body {
  color: #333;
  background-color: #fff;
  min-height: 100%;
  margin: 0;
  font-family: Arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

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

html.w-mod-touch * {
  background-attachment: scroll !important;
}

.w-block {
  display: block;
}

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

.w-clearfix:before, .w-clearfix:after {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-clearfix:after {
  clear: both;
}

.w-hidden {
  display: none;
}

.w-button {
  color: #fff;
  line-height: inherit;
  cursor: pointer;
  background-color: #3898ec;
  border: 0;
  border-radius: 0;
  padding: 9px 15px;
  text-decoration: none;
  display: inline-block;
}

input.w-button {
  -webkit-appearance: button;
}

:where(button.w-popover-trigger) {
  color: inherit;
  cursor: pointer;
  font: inherit;
  line-height: inherit;
  text-align: inherit;
  -webkit-text-decoration: inherit;
  text-decoration: inherit;
  background-color: #0000;
  border: 0;
  margin: 0;
  padding: 0;
}

.w-popover {
  position-anchor: none;
}

.w-popover[popover]:not(:popover-open) {
  display: none;
}

html[data-w-dynpage] [data-w-cloak] {
  color: #0000 !important;
}

.w-code-block {
  margin: unset;
}

pre.w-code-block code {
  all: inherit;
}

pre.w-code-block code > span {
  display: block !important;
}

.w-optimization {
  display: contents;
}

.w-webflow-badge, .w-webflow-badge > img {
  box-sizing: unset;
  width: unset;
  height: unset;
  max-height: unset;
  max-width: unset;
  min-height: unset;
  min-width: unset;
  margin: unset;
  padding: unset;
  float: unset;
  clear: unset;
  border: unset;
  border-radius: unset;
  background: unset;
  background-image: unset;
  background-position: unset;
  background-size: unset;
  background-repeat: unset;
  background-origin: unset;
  background-clip: unset;
  background-attachment: unset;
  background-color: unset;
  box-shadow: unset;
  transform: unset;
  direction: unset;
  font-family: unset;
  font-weight: unset;
  color: unset;
  font-size: unset;
  line-height: unset;
  font-style: unset;
  font-variant: unset;
  text-align: unset;
  letter-spacing: unset;
  -webkit-text-decoration: unset;
  text-decoration: unset;
  text-indent: unset;
  text-transform: unset;
  list-style-type: unset;
  text-shadow: unset;
  vertical-align: unset;
  cursor: unset;
  white-space: unset;
  word-break: unset;
  word-spacing: unset;
  word-wrap: unset;
  transition: unset;
}

.w-webflow-badge {
  white-space: nowrap;
  cursor: pointer;
  box-shadow: 0 0 0 1px #0000001a, 0 1px 3px #0000001a;
  visibility: visible !important;
  opacity: 1 !important;
  z-index: 2147483647 !important;
  color: #aaadb0 !important;
  width: auto !important;
  height: auto !important;
  overflow: unset !important;
  background-color: #fff !important;
  border-radius: 3px !important;
  margin: 0 !important;
  padding: 6px !important;
  font-size: 12px !important;
  line-height: 14px !important;
  text-decoration: none !important;
  display: inline-block !important;
  position: fixed !important;
  inset: auto 12px 12px auto !important;
  transform: none !important;
}

.w-webflow-badge > img {
  position: unset;
  visibility: unset !important;
  opacity: 1 !important;
  vertical-align: middle !important;
  display: inline-block !important;
}

h1, h2, h3, h4, h5, h6 {
  margin-bottom: 10px;
  font-weight: bold;
}

h1 {
  margin-top: 20px;
  font-size: 38px;
  line-height: 44px;
}

h2 {
  margin-top: 20px;
  font-size: 32px;
  line-height: 36px;
}

h3 {
  margin-top: 20px;
  font-size: 24px;
  line-height: 30px;
}

h4 {
  margin-top: 10px;
  font-size: 18px;
  line-height: 24px;
}

h5 {
  margin-top: 10px;
  font-size: 14px;
  line-height: 20px;
}

h6 {
  margin-top: 10px;
  font-size: 12px;
  line-height: 18px;
}

p {
  margin-top: 0;
  margin-bottom: 10px;
}

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

figure {
  margin: 0 0 10px;
}

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

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

.w-list-unstyled {
  padding-left: 0;
  list-style: none;
}

.w-embed:before, .w-embed:after {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-embed:after {
  clear: both;
}

.w-video {
  width: 100%;
  padding: 0;
  position: relative;
}

.w-video iframe, .w-video object, .w-video embed {
  border: none;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

button, [type="button"], [type="reset"] {
  cursor: pointer;
  -webkit-appearance: button;
  border: 0;
}

.w-form {
  margin: 0 0 15px;
}

.w-form-done {
  text-align: center;
  background-color: #ddd;
  padding: 20px;
  display: none;
}

.w-form-fail {
  background-color: #ffdede;
  margin-top: 10px;
  padding: 10px;
  display: none;
}

label {
  margin-bottom: 5px;
  font-weight: bold;
  display: block;
}

.w-input, .w-select {
  color: #333;
  vertical-align: middle;
  background-color: #fff;
  border: 1px solid #ccc;
  width: 100%;
  height: 38px;
  margin-bottom: 10px;
  padding: 8px 12px;
  font-size: 14px;
  line-height: 1.42857;
  display: block;
}

.w-input::placeholder, .w-select::placeholder {
  color: #999;
}

.w-input:focus, .w-select:focus {
  border-color: #3898ec;
  outline: 0;
}

.w-input[disabled], .w-select[disabled], .w-input[readonly], .w-select[readonly], fieldset[disabled] .w-input, fieldset[disabled] .w-select {
  cursor: not-allowed;
}

.w-input[disabled]:not(.w-input-disabled), .w-select[disabled]:not(.w-input-disabled), .w-input[readonly], .w-select[readonly], fieldset[disabled]:not(.w-input-disabled) .w-input, fieldset[disabled]:not(.w-input-disabled) .w-select {
  background-color: #eee;
}

textarea.w-input, textarea.w-select {
  height: auto;
}

.w-select {
  background-color: #f3f3f3;
}

.w-select[multiple] {
  height: auto;
}

.w-form-label {
  cursor: pointer;
  margin-bottom: 0;
  font-weight: normal;
  display: inline-block;
}

.w-radio {
  margin-bottom: 5px;
  padding-left: 20px;
  display: block;
}

.w-radio:before, .w-radio:after {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-radio:after {
  clear: both;
}

.w-radio-input {
  float: left;
  margin: 3px 0 0 -20px;
  line-height: normal;
}

.w-file-upload {
  margin-bottom: 10px;
  display: block;
}

.w-file-upload-input {
  opacity: 0;
  z-index: -100;
  width: .1px;
  height: .1px;
  position: absolute;
  overflow: hidden;
}

.w-file-upload-default, .w-file-upload-uploading, .w-file-upload-success {
  color: #333;
  display: inline-block;
}

.w-file-upload-error {
  margin-top: 10px;
  display: block;
}

.w-file-upload-default.w-hidden, .w-file-upload-uploading.w-hidden, .w-file-upload-error.w-hidden, .w-file-upload-success.w-hidden {
  display: none;
}

.w-file-upload-uploading-btn {
  cursor: pointer;
  background-color: #fafafa;
  border: 1px solid #ccc;
  margin: 0;
  padding: 8px 12px;
  font-size: 14px;
  font-weight: normal;
  display: flex;
}

.w-file-upload-file {
  background-color: #fafafa;
  border: 1px solid #ccc;
  flex-grow: 1;
  justify-content: space-between;
  margin: 0;
  padding: 8px 9px 8px 11px;
  display: flex;
}

.w-file-upload-file-name {
  font-size: 14px;
  font-weight: normal;
  display: block;
}

.w-file-remove-link {
  cursor: pointer;
  width: auto;
  height: auto;
  margin-top: 3px;
  margin-left: 10px;
  padding: 3px;
  display: block;
}

.w-icon-file-upload-remove {
  margin: auto;
  font-size: 10px;
}

.w-file-upload-error-msg {
  color: #ea384c;
  padding: 2px 0;
  display: inline-block;
}

.w-file-upload-info {
  padding: 0 12px;
  line-height: 38px;
  display: inline-block;
}

.w-file-upload-label {
  cursor: pointer;
  background-color: #fafafa;
  border: 1px solid #ccc;
  margin: 0;
  padding: 8px 12px;
  font-size: 14px;
  font-weight: normal;
  display: inline-block;
}

.w-icon-file-upload-icon, .w-icon-file-upload-uploading {
  width: 20px;
  margin-right: 8px;
  display: inline-block;
}

.w-icon-file-upload-uploading {
  height: 20px;
}

.w-container {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
}

.w-container:before, .w-container:after {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-container:after {
  clear: both;
}

.w-container .w-row {
  margin-left: -10px;
  margin-right: -10px;
}

.w-row:before, .w-row:after {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-row:after {
  clear: both;
}

.w-row .w-row {
  margin-left: 0;
  margin-right: 0;
}

.w-col {
  float: left;
  width: 100%;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  position: relative;
}

.w-col .w-col {
  padding-left: 0;
  padding-right: 0;
}

.w-col-1 {
  width: 8.33333%;
}

.w-col-2 {
  width: 16.6667%;
}

.w-col-3 {
  width: 25%;
}

.w-col-4 {
  width: 33.3333%;
}

.w-col-5 {
  width: 41.6667%;
}

.w-col-6 {
  width: 50%;
}

.w-col-7 {
  width: 58.3333%;
}

.w-col-8 {
  width: 66.6667%;
}

.w-col-9 {
  width: 75%;
}

.w-col-10 {
  width: 83.3333%;
}

.w-col-11 {
  width: 91.6667%;
}

.w-col-12 {
  width: 100%;
}

.w-hidden-main {
  display: none !important;
}

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

  .w-hidden-main {
    display: inherit !important;
  }

  .w-hidden-medium {
    display: none !important;
  }

  .w-col-medium-1 {
    width: 8.33333%;
  }

  .w-col-medium-2 {
    width: 16.6667%;
  }

  .w-col-medium-3 {
    width: 25%;
  }

  .w-col-medium-4 {
    width: 33.3333%;
  }

  .w-col-medium-5 {
    width: 41.6667%;
  }

  .w-col-medium-6 {
    width: 50%;
  }

  .w-col-medium-7 {
    width: 58.3333%;
  }

  .w-col-medium-8 {
    width: 66.6667%;
  }

  .w-col-medium-9 {
    width: 75%;
  }

  .w-col-medium-10 {
    width: 83.3333%;
  }

  .w-col-medium-11 {
    width: 91.6667%;
  }

  .w-col-medium-12 {
    width: 100%;
  }

  .w-col-stack {
    width: 100%;
    left: auto;
    right: auto;
  }
}

@media screen and (max-width: 767px) {
  .w-hidden-main, .w-hidden-medium {
    display: inherit !important;
  }

  .w-hidden-small {
    display: none !important;
  }

  .w-row, .w-container .w-row {
    margin-left: 0;
    margin-right: 0;
  }

  .w-col {
    width: 100%;
    left: auto;
    right: auto;
  }

  .w-col-small-1 {
    width: 8.33333%;
  }

  .w-col-small-2 {
    width: 16.6667%;
  }

  .w-col-small-3 {
    width: 25%;
  }

  .w-col-small-4 {
    width: 33.3333%;
  }

  .w-col-small-5 {
    width: 41.6667%;
  }

  .w-col-small-6 {
    width: 50%;
  }

  .w-col-small-7 {
    width: 58.3333%;
  }

  .w-col-small-8 {
    width: 66.6667%;
  }

  .w-col-small-9 {
    width: 75%;
  }

  .w-col-small-10 {
    width: 83.3333%;
  }

  .w-col-small-11 {
    width: 91.6667%;
  }

  .w-col-small-12 {
    width: 100%;
  }
}

@media screen and (max-width: 479px) {
  .w-container {
    max-width: none;
  }

  .w-hidden-main, .w-hidden-medium, .w-hidden-small {
    display: inherit !important;
  }

  .w-hidden-tiny {
    display: none !important;
  }

  .w-col {
    width: 100%;
  }

  .w-col-tiny-1 {
    width: 8.33333%;
  }

  .w-col-tiny-2 {
    width: 16.6667%;
  }

  .w-col-tiny-3 {
    width: 25%;
  }

  .w-col-tiny-4 {
    width: 33.3333%;
  }

  .w-col-tiny-5 {
    width: 41.6667%;
  }

  .w-col-tiny-6 {
    width: 50%;
  }

  .w-col-tiny-7 {
    width: 58.3333%;
  }

  .w-col-tiny-8 {
    width: 66.6667%;
  }

  .w-col-tiny-9 {
    width: 75%;
  }

  .w-col-tiny-10 {
    width: 83.3333%;
  }

  .w-col-tiny-11 {
    width: 91.6667%;
  }

  .w-col-tiny-12 {
    width: 100%;
  }
}

.w-widget {
  position: relative;
}

.w-widget-map {
  width: 100%;
  height: 400px;
}

.w-widget-map label {
  width: auto;
  display: inline;
}

.w-widget-map img {
  max-width: inherit;
}

.w-widget-map .gm-style-iw {
  text-align: center;
}

.w-widget-map .gm-style-iw > button {
  display: none !important;
}

.w-widget-twitter {
  overflow: hidden;
}

.w-widget-twitter-count-shim {
  vertical-align: top;
  text-align: center;
  background: #fff;
  border: 1px solid #758696;
  border-radius: 3px;
  width: 28px;
  height: 20px;
  display: inline-block;
  position: relative;
}

.w-widget-twitter-count-shim * {
  pointer-events: none;
  -webkit-user-select: none;
  user-select: none;
}

.w-widget-twitter-count-shim .w-widget-twitter-count-inner {
  text-align: center;
  color: #999;
  font-family: serif;
  font-size: 15px;
  line-height: 12px;
  position: relative;
}

.w-widget-twitter-count-shim .w-widget-twitter-count-clear {
  display: block;
  position: relative;
}

.w-widget-twitter-count-shim.w--large {
  width: 36px;
  height: 28px;
}

.w-widget-twitter-count-shim.w--large .w-widget-twitter-count-inner {
  font-size: 18px;
  line-height: 18px;
}

.w-widget-twitter-count-shim:not(.w--vertical) {
  margin-left: 5px;
  margin-right: 8px;
}

.w-widget-twitter-count-shim:not(.w--vertical).w--large {
  margin-left: 6px;
}

.w-widget-twitter-count-shim:not(.w--vertical):before, .w-widget-twitter-count-shim:not(.w--vertical):after {
  content: " ";
  pointer-events: none;
  border: solid #0000;
  width: 0;
  height: 0;
  position: absolute;
  top: 50%;
  left: 0;
}

.w-widget-twitter-count-shim:not(.w--vertical):before {
  border-width: 4px;
  border-color: #75869600 #5d6c7b #75869600 #75869600;
  margin-top: -4px;
  margin-left: -9px;
}

.w-widget-twitter-count-shim:not(.w--vertical).w--large:before {
  border-width: 5px;
  margin-top: -5px;
  margin-left: -10px;
}

.w-widget-twitter-count-shim:not(.w--vertical):after {
  border-width: 4px;
  border-color: #fff0 #fff #fff0 #fff0;
  margin-top: -4px;
  margin-left: -8px;
}

.w-widget-twitter-count-shim:not(.w--vertical).w--large:after {
  border-width: 5px;
  margin-top: -5px;
  margin-left: -9px;
}

.w-widget-twitter-count-shim.w--vertical {
  width: 61px;
  height: 33px;
  margin-bottom: 8px;
}

.w-widget-twitter-count-shim.w--vertical:before, .w-widget-twitter-count-shim.w--vertical:after {
  content: " ";
  pointer-events: none;
  border: solid #0000;
  width: 0;
  height: 0;
  position: absolute;
  top: 100%;
  left: 50%;
}

.w-widget-twitter-count-shim.w--vertical:before {
  border-width: 5px;
  border-color: #5d6c7b #75869600 #75869600;
  margin-left: -5px;
}

.w-widget-twitter-count-shim.w--vertical:after {
  border-width: 4px;
  border-color: #fff #fff0 #fff0;
  margin-left: -4px;
}

.w-widget-twitter-count-shim.w--vertical .w-widget-twitter-count-inner {
  font-size: 18px;
  line-height: 22px;
}

.w-widget-twitter-count-shim.w--vertical.w--large {
  width: 76px;
}

.w-background-video {
  color: #fff;
  height: 500px;
  position: relative;
  overflow: hidden;
}

.w-background-video > video {
  object-fit: cover;
  z-index: -100;
  background-position: 50%;
  background-size: cover;
  width: 100%;
  height: 100%;
  margin: auto;
  position: absolute;
  inset: -100%;
}

.w-background-video > video::-webkit-media-controls-start-playback-button {
  -webkit-appearance: none;
  display: none !important;
}

.w-background-video--control {
  background-color: #0000;
  padding: 0;
  position: absolute;
  bottom: 1em;
  right: 1em;
}

.w-background-video--control > [hidden] {
  display: none !important;
}

.w-slider {
  text-align: center;
  clear: both;
  -webkit-tap-highlight-color: #0000;
  tap-highlight-color: #0000;
  background: #ddd;
  height: 300px;
  position: relative;
}

.w-slider-mask {
  z-index: 1;
  white-space: nowrap;
  height: 100%;
  display: block;
  position: relative;
  left: 0;
  right: 0;
  overflow: hidden;
}

.w-slide {
  vertical-align: top;
  white-space: normal;
  text-align: left;
  width: 100%;
  height: 100%;
  display: inline-block;
  position: relative;
}

.w-slider-nav {
  z-index: 2;
  text-align: center;
  -webkit-tap-highlight-color: #0000;
  tap-highlight-color: #0000;
  height: 40px;
  margin: auto;
  padding-top: 10px;
  position: absolute;
  inset: auto 0 0;
}

.w-slider-nav.w-round > div {
  border-radius: 100%;
}

.w-slider-nav.w-num > div {
  width: auto;
  height: auto;
  font-size: inherit;
  line-height: inherit;
  padding: .2em .5em;
}

.w-slider-nav.w-shadow > div {
  box-shadow: 0 0 3px #3336;
}

.w-slider-nav-invert {
  color: #fff;
}

.w-slider-nav-invert > div {
  background-color: #2226;
}

.w-slider-nav-invert > div.w-active {
  background-color: #222;
}

.w-slider-dot {
  cursor: pointer;
  background-color: #fff6;
  width: 1em;
  height: 1em;
  margin: 0 3px .5em;
  transition: background-color .1s, color .1s;
  display: inline-block;
  position: relative;
}

.w-slider-dot.w-active {
  background-color: #fff;
}

.w-slider-dot:focus {
  outline: none;
  box-shadow: 0 0 0 2px #fff;
}

.w-slider-dot:focus.w-active {
  box-shadow: none;
}

.w-slider-arrow-left, .w-slider-arrow-right {
  cursor: pointer;
  color: #fff;
  -webkit-tap-highlight-color: #0000;
  tap-highlight-color: #0000;
  -webkit-user-select: none;
  user-select: none;
  width: 80px;
  margin: auto;
  font-size: 40px;
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.w-slider-arrow-left [class^="w-icon-"], .w-slider-arrow-right [class^="w-icon-"], .w-slider-arrow-left [class*=" w-icon-"], .w-slider-arrow-right [class*=" w-icon-"] {
  position: absolute;
}

.w-slider-arrow-left:focus, .w-slider-arrow-right:focus {
  outline: 0;
}

.w-slider-arrow-left {
  z-index: 3;
  right: auto;
}

.w-slider-arrow-right {
  z-index: 4;
  left: auto;
}

.w-icon-slider-left, .w-icon-slider-right {
  width: 1em;
  height: 1em;
  margin: auto;
  inset: 0;
}

.w-slider-aria-label {
  clip: rect(0 0 0 0);
  border: 0;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  position: absolute;
  overflow: hidden;
}

.w-slider-force-show {
  display: block !important;
}

.w-dropdown {
  text-align: left;
  z-index: 900;
  margin-left: auto;
  margin-right: auto;
  display: inline-block;
  position: relative;
}

.w-dropdown-btn, .w-dropdown-toggle, .w-dropdown-link {
  vertical-align: top;
  color: #222;
  text-align: left;
  white-space: nowrap;
  margin-left: auto;
  margin-right: auto;
  padding: 20px;
  text-decoration: none;
  position: relative;
}

.w-dropdown-toggle {
  -webkit-user-select: none;
  user-select: none;
  cursor: pointer;
  padding-right: 40px;
  display: inline-block;
}

.w-dropdown-toggle:focus {
  outline: 0;
}

.w-icon-dropdown-toggle {
  width: 1em;
  height: 1em;
  margin: auto 20px auto auto;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
}

.w-dropdown-list {
  background: #ddd;
  min-width: 100%;
  display: none;
  position: absolute;
}

.w-dropdown-list.w--open {
  display: block;
}

.w-dropdown-link {
  color: #222;
  padding: 10px 20px;
  display: block;
}

.w-dropdown-link.w--current {
  color: #0082f3;
}

.w-dropdown-link:focus {
  outline: 0;
}

.w-lightbox-backdrop {
  cursor: auto;
  letter-spacing: normal;
  text-indent: 0;
  text-shadow: none;
  text-transform: none;
  visibility: visible;
  white-space: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  color: #fff;
  text-align: center;
  z-index: 2000;
  opacity: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -webkit-tap-highlight-color: transparent;
  background: #000000e6;
  outline: 0;
  font-family: Helvetica Neue, Helvetica, Ubuntu, Segoe UI, Verdana, sans-serif;
  font-size: 17px;
  font-style: normal;
  font-weight: 300;
  line-height: 1.2;
  list-style: disc;
  position: fixed;
  inset: 0;
  -webkit-transform: translate(0);
}

.w-lightbox-backdrop, .w-lightbox-container {
  -webkit-overflow-scrolling: touch;
  height: 100%;
  overflow: auto;
}

.w-lightbox-content {
  height: 100vh;
  position: relative;
  overflow: hidden;
}

.w-lightbox-view {
  opacity: 0;
  width: 100vw;
  height: 100vh;
  position: absolute;
}

.w-lightbox-view:before {
  content: "";
  height: 100vh;
}

.w-lightbox-group, .w-lightbox-group .w-lightbox-view, .w-lightbox-group .w-lightbox-view:before {
  height: 86vh;
}

.w-lightbox-frame, .w-lightbox-view:before {
  vertical-align: middle;
  display: inline-block;
}

.w-lightbox-figure {
  margin: 0;
  position: relative;
}

.w-lightbox-group .w-lightbox-figure {
  cursor: pointer;
}

.w-lightbox-img {
  width: auto;
  max-width: none;
  height: auto;
}

.w-lightbox-image {
  float: none;
  max-width: 100vw;
  max-height: 100vh;
  display: block;
}

.w-lightbox-group .w-lightbox-image {
  max-height: 86vh;
}

.w-lightbox-caption {
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  background: #0006;
  padding: .5em 1em;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
}

.w-lightbox-embed {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
}

.w-lightbox-control {
  cursor: pointer;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 24px;
  width: 4em;
  transition: all .3s;
  position: absolute;
  top: 0;
}

.w-lightbox-left {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0yMCAwIDI0IDQwIiB3aWR0aD0iMjQiIGhlaWdodD0iNDAiPjxnIHRyYW5zZm9ybT0icm90YXRlKDQ1KSI+PHBhdGggZD0ibTAgMGg1djIzaDIzdjVoLTI4eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDN2MjNoMjN2M2gtMjZ6IiBmaWxsPSIjZmZmIi8+PC9nPjwvc3ZnPg==");
  display: none;
  bottom: 0;
  left: 0;
}

.w-lightbox-right {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMjQgNDAiIHdpZHRoPSIyNCIgaGVpZ2h0PSI0MCI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMC0waDI4djI4aC01di0yM2gtMjN6IiBvcGFjaXR5PSIuNCIvPjxwYXRoIGQ9Im0xIDFoMjZ2MjZoLTN2LTIzaC0yM3oiIGZpbGw9IiNmZmYiLz48L2c+PC9zdmc+");
  display: none;
  bottom: 0;
  right: 0;
}

.w-lightbox-close {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMTggMTciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxNyI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMCAwaDd2LTdoNXY3aDd2NWgtN3Y3aC01di03aC03eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDd2LTdoM3Y3aDd2M2gtN3Y3aC0zdi03aC03eiIgZmlsbD0iI2ZmZiIvPjwvZz48L3N2Zz4=");
  background-size: 18px;
  height: 2.6em;
  right: 0;
}

.w-lightbox-strip {
  white-space: nowrap;
  padding: 0 1vh;
  line-height: 0;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: auto hidden;
}

.w-lightbox-item {
  box-sizing: content-box;
  cursor: pointer;
  width: 10vh;
  padding: 2vh 1vh;
  display: inline-block;
  -webkit-transform: translate3d(0, 0, 0);
}

.w-lightbox-active {
  opacity: .3;
}

.w-lightbox-thumbnail {
  background: #222;
  height: 10vh;
  position: relative;
  overflow: hidden;
}

.w-lightbox-thumbnail-image {
  position: absolute;
  top: 0;
  left: 0;
}

.w-lightbox-thumbnail .w-lightbox-tall {
  width: 100%;
  top: 50%;
  transform: translate(0, -50%);
}

.w-lightbox-thumbnail .w-lightbox-wide {
  height: 100%;
  left: 50%;
  transform: translate(-50%);
}

.w-lightbox-spinner {
  box-sizing: border-box;
  border: 5px solid #0006;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  margin-top: -20px;
  margin-left: -20px;
  animation: .8s linear infinite spin;
  position: absolute;
  top: 50%;
  left: 50%;
}

.w-lightbox-spinner:after {
  content: "";
  border: 3px solid #0000;
  border-bottom-color: #fff;
  border-radius: 50%;
  position: absolute;
  inset: -4px;
}

.w-lightbox-hide {
  display: none;
}

.w-lightbox-noscroll {
  overflow: hidden;
}

@media (min-width: 768px) {
  .w-lightbox-content {
    height: 96vh;
    margin-top: 2vh;
  }

  .w-lightbox-view, .w-lightbox-view:before {
    height: 96vh;
  }

  .w-lightbox-group, .w-lightbox-group .w-lightbox-view, .w-lightbox-group .w-lightbox-view:before {
    height: 84vh;
  }

  .w-lightbox-image {
    max-width: 96vw;
    max-height: 96vh;
  }

  .w-lightbox-group .w-lightbox-image {
    max-width: 82.3vw;
    max-height: 84vh;
  }

  .w-lightbox-left, .w-lightbox-right {
    opacity: .5;
    display: block;
  }

  .w-lightbox-close {
    opacity: .8;
  }

  .w-lightbox-control:hover {
    opacity: 1;
  }
}

.w-lightbox-inactive, .w-lightbox-inactive:hover {
  opacity: 0;
}

.w-richtext:before, .w-richtext:after {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-richtext:after {
  clear: both;
}

.w-richtext[contenteditable="true"]:before, .w-richtext[contenteditable="true"]:after {
  white-space: initial;
}

.w-richtext ol, .w-richtext ul {
  overflow: hidden;
}

.w-richtext .w-richtext-figure-selected.w-richtext-figure-type-video div:after, .w-richtext .w-richtext-figure-selected[data-rt-type="video"] div:after, .w-richtext .w-richtext-figure-selected.w-richtext-figure-type-image div, .w-richtext .w-richtext-figure-selected[data-rt-type="image"] div {
  outline: 2px solid #2895f7;
}

.w-richtext figure.w-richtext-figure-type-video > div:after, .w-richtext figure[data-rt-type="video"] > div:after {
  content: "";
  display: none;
  position: absolute;
  inset: 0;
}

.w-richtext figure {
  max-width: 60%;
  position: relative;
}

.w-richtext figure > div:before {
  cursor: default !important;
}

.w-richtext figure img {
  width: 100%;
}

.w-richtext figure figcaption.w-richtext-figcaption-placeholder {
  opacity: .6;
}

.w-richtext figure div {
  color: #0000;
  font-size: 0;
}

.w-richtext figure.w-richtext-figure-type-image, .w-richtext figure[data-rt-type="image"] {
  display: table;
}

.w-richtext figure.w-richtext-figure-type-image > div, .w-richtext figure[data-rt-type="image"] > div {
  display: inline-block;
}

.w-richtext figure.w-richtext-figure-type-image > figcaption, .w-richtext figure[data-rt-type="image"] > figcaption {
  caption-side: bottom;
  display: table-caption;
}

.w-richtext figure.w-richtext-figure-type-video, .w-richtext figure[data-rt-type="video"] {
  width: 60%;
  height: 0;
}

.w-richtext figure.w-richtext-figure-type-video iframe, .w-richtext figure[data-rt-type="video"] iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.w-richtext figure.w-richtext-figure-type-video > div, .w-richtext figure[data-rt-type="video"] > div {
  width: 100%;
}

.w-richtext figure.w-richtext-align-center {
  clear: both;
  margin-left: auto;
  margin-right: auto;
}

.w-richtext figure.w-richtext-align-center.w-richtext-figure-type-image > div, .w-richtext figure.w-richtext-align-center[data-rt-type="image"] > div {
  max-width: 100%;
}

.w-richtext figure.w-richtext-align-normal {
  clear: both;
}

.w-richtext figure.w-richtext-align-fullwidth {
  text-align: center;
  clear: both;
  width: 100%;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.w-richtext figure.w-richtext-align-fullwidth > div {
  padding-bottom: inherit;
  display: inline-block;
}

.w-richtext figure.w-richtext-align-fullwidth > figcaption {
  display: block;
}

.w-richtext figure.w-richtext-align-floatleft {
  float: left;
  clear: none;
  margin-right: 15px;
}

.w-richtext figure.w-richtext-align-floatright {
  float: right;
  clear: none;
  margin-left: 15px;
}

.w-nav {
  z-index: 1000;
  background: #ddd;
  position: relative;
}

.w-nav:before, .w-nav:after {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-nav:after {
  clear: both;
}

.w-nav-brand {
  float: left;
  color: #333;
  text-decoration: none;
  position: relative;
}

.w-nav-link {
  vertical-align: top;
  color: #222;
  text-align: left;
  margin-left: auto;
  margin-right: auto;
  padding: 20px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.w-nav-link.w--current {
  color: #0082f3;
}

.w-nav-menu {
  float: right;
  position: relative;
}

[data-nav-menu-open] {
  text-align: center;
  background: #c8c8c8;
  min-width: 200px;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  overflow: visible;
  display: block !important;
}

.w--nav-link-open {
  display: block;
  position: relative;
}

.w-nav-overlay {
  width: 100%;
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  overflow: hidden;
}

.w-nav-overlay [data-nav-menu-open] {
  top: 0;
}

.w-nav[data-animation="over-left"] .w-nav-overlay {
  width: auto;
}

.w-nav[data-animation="over-left"] .w-nav-overlay, .w-nav[data-animation="over-left"] [data-nav-menu-open] {
  z-index: 1;
  top: 0;
  right: auto;
}

.w-nav[data-animation="over-right"] .w-nav-overlay {
  width: auto;
}

.w-nav[data-animation="over-right"] .w-nav-overlay, .w-nav[data-animation="over-right"] [data-nav-menu-open] {
  z-index: 1;
  top: 0;
  left: auto;
}

.w-nav-button {
  float: right;
  cursor: pointer;
  -webkit-tap-highlight-color: #0000;
  tap-highlight-color: #0000;
  -webkit-user-select: none;
  user-select: none;
  padding: 18px;
  font-size: 24px;
  display: none;
  position: relative;
}

.w-nav-button:focus {
  outline: 0;
}

.w-nav-button.w--open {
  color: #fff;
  background-color: #c8c8c8;
}

.w-nav[data-collapse="all"] .w-nav-menu {
  display: none;
}

.w-nav[data-collapse="all"] .w-nav-button, .w--nav-dropdown-open, .w--nav-dropdown-toggle-open {
  display: block;
}

.w--nav-dropdown-list-open {
  position: static;
}

@media screen and (max-width: 991px) {
  .w-nav[data-collapse="medium"] .w-nav-menu {
    display: none;
  }

  .w-nav[data-collapse="medium"] .w-nav-button {
    display: block;
  }
}

@media screen and (max-width: 767px) {
  .w-nav[data-collapse="small"] .w-nav-menu {
    display: none;
  }

  .w-nav[data-collapse="small"] .w-nav-button {
    display: block;
  }

  .w-nav-brand {
    padding-left: 10px;
  }
}

@media screen and (max-width: 479px) {
  .w-nav[data-collapse="tiny"] .w-nav-menu {
    display: none;
  }

  .w-nav[data-collapse="tiny"] .w-nav-button {
    display: block;
  }
}

.w-tabs {
  position: relative;
}

.w-tabs:before, .w-tabs:after {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-tabs:after {
  clear: both;
}

.w-tab-menu {
  position: relative;
}

.w-tab-link {
  vertical-align: top;
  text-align: left;
  cursor: pointer;
  color: #222;
  background-color: #ddd;
  padding: 9px 30px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.w-tab-link.w--current {
  background-color: #c8c8c8;
}

.w-tab-link:focus {
  outline: 0;
}

.w-tab-content {
  display: block;
  position: relative;
  overflow: hidden;
}

.w-tab-pane {
  display: none;
  position: relative;
}

.w--tab-active {
  display: block;
}

@media screen and (max-width: 479px) {
  .w-tab-link {
    display: block;
  }
}

.w-ix-emptyfix:after {
  content: "";
}

@keyframes spin {
  0% {
    transform: rotate(0);
  }

  100% {
    transform: rotate(360deg);
  }
}

.w-dyn-empty {
  background-color: #ddd;
  padding: 10px;
}

.w-dyn-hide, .w-dyn-bind-empty, .w-condition-invisible {
  display: none !important;
}

.wf-layout-layout {
  display: grid;
}

.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;
}

@font-face {
  font-family: "Fa 400";
  src: url("https://cdn.prod.website-files.com/64ad825cb4f1c31ad69490d2/650248002214b5567d80db53_fa-regular-400.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Fa 300";
  src: url("https://cdn.prod.website-files.com/64ad825cb4f1c31ad69490d2/650248007a7547736fc3a75a_fa-light-300.woff2") format("woff2");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Fa Solid 900";
  src: url("https://cdn.prod.website-files.com/64ad825cb4f1c31ad69490d2/65024800e0e962bab5c2fcdd_fa-solid-900.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Satoshi;
  src: url("https://cdn.prod.website-files.com/64ad825cb4f1c31ad69490d2/650471be592c2a68398ba39e_Satoshi-Italic.woff2") format("woff2");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Satoshi;
  src: url("https://cdn.prod.website-files.com/64ad825cb4f1c31ad69490d2/6501dcd72d9508d68fe90c94_Satoshi-MediumItalic.woff") format("woff"), url("https://cdn.prod.website-files.com/64ad825cb4f1c31ad69490d2/664bf7b39a73a2e8b8765981_Satoshi-MediumItalic.woff") format("woff");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Satoshi;
  src: url("https://cdn.prod.website-files.com/64ad825cb4f1c31ad69490d2/6501dcd7b9d665f5fc73cb33_Satoshi-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Satoshi;
  src: url("https://cdn.prod.website-files.com/64ad825cb4f1c31ad69490d2/6501dcd70b6d1fd410c5b5d6_Satoshi-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Satoshi;
  src: url("https://cdn.prod.website-files.com/64ad825cb4f1c31ad69490d2/6501dcd7bba0cb8444ad74a0_Satoshi-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Satoshi;
  src: url("https://cdn.prod.website-files.com/64ad825cb4f1c31ad69490d2/6501dcd7f470c79def0f3b4a_Satoshi-Black.woff") format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Overpass;
  src: url("https://cdn.prod.website-files.com/64ad825cb4f1c31ad69490d2/66ca5cb468f8cb7f1c5f0fbe_Overpass-Italic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Overpass;
  src: url("https://cdn.prod.website-files.com/64ad825cb4f1c31ad69490d2/66ca5cb44d9df16f0cd383c8_Overpass-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Overpass;
  src: url("https://cdn.prod.website-files.com/64ad825cb4f1c31ad69490d2/66ca5cb49d127e2b13495181_Overpass-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Overpass;
  src: url("https://cdn.prod.website-files.com/64ad825cb4f1c31ad69490d2/66ca5cb5d8975283934cd4cb_Overpass-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Overpass;
  src: url("https://cdn.prod.website-files.com/64ad825cb4f1c31ad69490d2/66ca5cb5d8975283934cd4e1_Overpass-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Overpass;
  src: url("https://cdn.prod.website-files.com/64ad825cb4f1c31ad69490d2/66cb6993edabdad890871e5c_Overpass-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Overpass;
  src: url("https://cdn.prod.website-files.com/64ad825cb4f1c31ad69490d2/66cb888acf17e96d437de9f2_Overpass-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Inter Variablefont Opsz Wght;
  src: url("https://cdn.prod.website-files.com/64ad825cb4f1c31ad69490d2/66f84f02bae4fed7d5e614e5_Inter-VariableFont_opsz%2Cwght.ttf") format("truetype");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Font Awesome 6 Brands 400";
  src: url("https://cdn.prod.website-files.com/64ad825cb4f1c31ad69490d2/66ac5eefc9e20d8d3cbee0fb_Font%20Awesome%206%20Brands-Regular-400.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

:root {
  --main--white: white;
  --case-studies--text: #020f1f;
  --main--page-max-width: 90rem;
  --main-bg: white;
  --spacing--horiz-padding-md: 3rem;
  --spacing--horiz-padding-lg: 5.5rem;
  --spacing--horiz-padding-sm: 1.5rem;
  --spacing--horiz-padding-xs: 1rem;
  --meal-log--primary-accent: #bb025e;
  --case-studies--text-inverse: #ffffffde;
  --ifit--dark-bg: #121624;
  --ifit--light-bg: #dfe5f2;
  --intro-max-width: 47.5rem;
  --case-studies--border: #666;
  --case-studies--success: #148720;
  --card-border: #cbd5e1;
  --case-studies--failure: #e52312;
  --radius--card-radius: .75rem;
  --neutral--neutral-100: #f1f5f9;
  --ifit--card-bg: #1c2338;
  --case-studies--text-med: #4f5a67;
  --blue-500: #146fe1;
  --neutral--neutral-200: #e2e8f0;
  --case-studies--connector: #85b6ff;
  --radius--connector-radius: .5rem;
  --case-studies--success-100: #d9fadc;
  --main--neutral-medium: #5c647c;
  --ifit--seafoam-bright: #53e7b7;
  --meal-log--primary-light: #fbe4ee;
  --walmart--accent-light: #ffd9f0;
  --ifit--elevation-2: #242d47;
  --client-recruiter--secondary-highlight: #ffdbd1;
  --neutral--neutral-300: #cbd5e1;
  --neutral--neutral-400: #94a3b8;
  --client-recruiter--secondary-light: #fbebe9;
  --client-recruiter--secondary-accent: #f4511f;
  --radius--table-radius: .5rem;
  --main--neutral-dark: #242b40;
  --case-studies--success-200: #bdf4c2;
  --button-radius: .5rem;
  --main--neutral-light: #f4f4f5;
  --ifit--elevation-3: #2e395c;
  --walmart--walmart-blue: #0069cc;
  --walmart--bg-medium: #e3e4e8;
  --walmart--component-purple: #9747ff;
  --walmart--accent: #cc1382;
  --main--neutral-bright: #8e919e;
  --radius--token-radius: .25rem;
  --walmart--border: #b7bac7;
  --case-studies--figma-blue: #087fe5;
  --walmart--accent-bright: #f41e9e;
  --ifit--seafoam-light: #c2eddf;
  --ifit--seafoam-medium: #83ceb5;
  --ifit--border: #6c6f77;
  --ifit--ifit-blue: #adddf2;
  --ifit--science-blue: #0069d2;
  --case-studies--text-inverse-med: #fff9;
  --button: #005194;
  --spacer: #fcd44f;
  --main--horiz-padding-lg: 10rem;
}

.w-embed-youtubevideo {
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/static/youtube-placeholder.2b05e7d68d.svg");
  background-position: 50%;
  background-size: cover;
  width: 100%;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  position: relative;
}

.w-embed-youtubevideo:empty {
  min-height: 75px;
  padding-bottom: 56.25%;
}

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

body {
  background-color: var(--main--white);
  color: var(--case-studies--text);
  overscroll-behavior: none;
  font-family: Satoshi, sans-serif;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.5rem;
}

h1 {
  letter-spacing: -.01em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 1.25em;
}

h2 {
  letter-spacing: -.01em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 2.25rem;
  font-weight: 700;
  line-height: 3rem;
}

h3 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.625rem;
  font-weight: 700;
  line-height: 2.5rem;
}

h4 {
  margin-top: 0;
  margin-bottom: 0;
  line-height: 1.5rem;
}

p {
  margin-bottom: 0;
}

a {
  color: var(--case-studies--text);
  text-decoration: none;
}

img {
  object-fit: cover;
  width: 100%;
  display: inline-block;
}

.page-wrapper {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #000;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.tag {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border: 1.5px solid #ffffffe6;
  border-radius: 9999px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: .0625rem 1.25rem .1875rem;
  display: flex;
}

.text-style-label {
  color: #fff;
  text-align: center;
  font-size: 1.125rem;
  line-height: 2.25rem;
}

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

.text-size-lg {
  font-size: 1.3125rem;
  line-height: 2rem;
}

.text-size-lg.tight {
  line-height: 2rem;
}

.link-underline {
  opacity: 0;
  background-color: currentColor;
  width: 100%;
  height: 1px;
}

.utility-page-wrap {
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  display: flex;
}

.utility-page-content {
  text-align: center;
  flex-direction: column;
  width: 260px;
  display: flex;
}

.utility-page-form {
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

.page-max-width {
  width: 100%;
  max-width: var(--main--page-max-width);
  background-color: var(--main-bg);
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  min-height: 100vh;
  display: flex;
  position: relative;
  overflow: hidden;
}

.main-wrapper {
  flex-direction: column;
  grid-template-rows: auto 1fr;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  width: 100%;
  display: flex;
}

.horiz-padding-global {
  width: 100%;
  padding-right: var(--spacing--horiz-padding-md);
  padding-left: var(--spacing--horiz-padding-md);
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.vert-padding-section {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-top: 5rem;
  padding-bottom: 5rem;
  display: flex;
}

.vert-padding-section.no-bottom-padding {
  padding-bottom: 0;
}

.overview-grid {
  grid-column-gap: 6rem;
  grid-template-rows: auto;
  grid-template-columns: auto 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  display: grid;
}

.section-title {
  grid-row-gap: .25rem;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.h2-number {
  letter-spacing: -.01em;
  font-size: 1.75rem;
  font-weight: 500;
  line-height: 1em;
}

.subsection-intro {
  grid-row-gap: .5rem;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 47.5rem;
  display: flex;
}

.subsection-intro.overview-problem {
  max-width: 45rem;
}

.text-overline-lg {
  letter-spacing: .12em;
  text-transform: uppercase;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5em;
}

.design-timeline {
  grid-column-gap: .375rem;
  flex-wrap: wrap;
  align-items: center;
  display: flex;
}

.seperator-dot {
  background-color: var(--case-studies--text);
  opacity: .7;
  border-radius: 20px;
  width: .25rem;
  height: .25rem;
}

.case_study_hero {
  grid-row-gap: 2.5rem;
  flex-direction: column;
  width: 100%;
  padding-top: 7.5rem;
  padding-bottom: 3rem;
  display: flex;
  position: relative;
}

.case_study_hero.wss {
  padding-bottom: 0;
}

.text-size-sm {
  font-size: 1rem;
  line-height: 1.5em;
}

.text-size-sm.text-style-avg-rating {
  color: #850052;
  font-weight: 500;
}

.text-size-sm.sub-system {
  width: 30ch;
}

.hero-title-max-width-ml {
  grid-row-gap: .5rem;
  max-width: 45rem;
  color: var(--meal-log--primary-accent);
  flex-direction: column;
}

.ml-hero-img-wrapper {
  z-index: 0;
  background-image: linear-gradient(168deg, #fdedf3 8.11%, #e2e8f0 66.48%, #94a3b8 91.92%);
  width: 100%;
  height: 80%;
  margin-top: 6%;
  margin-bottom: 6%;
  padding-left: 1rem;
  padding-right: 1rem;
}

.ml-hero-image {
  margin-top: -6%;
  margin-bottom: -6%;
}

.text-overline-sm {
  letter-spacing: .1em;
  text-transform: uppercase;
  font-size: .75rem;
  font-weight: 500;
  line-height: 1.5em;
}

.text-weight-bold {
  font-weight: 700;
}

.text-color-white {
  color: var(--case-studies--text-inverse);
}

.hmw-wrapper {
  justify-content: center;
  width: 100%;
  padding-top: 10rem;
  padding-bottom: 10rem;
  display: flex;
}

.hmw-wrapper.bg-ml {
  background-color: #850052;
}

.hmw-wrapper.bg-cr {
  background-color: #d73e14;
}

.hmw-wrapper.bg-ifit {
  padding-right: var(--spacing--horiz-padding-md);
  padding-left: var(--spacing--horiz-padding-md);
  background-color: #003367;
}

.ml-max-width-hmw {
  width: 100%;
  max-width: 33rem;
}

.text-quote-xl {
  font-size: 2.25rem;
  font-style: italic;
  font-weight: 500;
  line-height: 3.5rem;
}

.full-width-section {
  width: 100%;
  display: flex;
}

.full-width-section.ifit-dark {
  background-color: var(--ifit--dark-bg);
  color: var(--case-studies--text-inverse);
}

.full-width-section.ifit-light {
  background-color: var(--ifit--light-bg);
}

.section-intro {
  width: 100%;
  max-width: var(--intro-max-width);
  grid-row-gap: 1.5rem;
  flex-direction: column;
  display: flex;
}

.section-underline {
  border-bottom: 1px solid var(--case-studies--border);
}

.biz-impact-grid {
  grid-row-gap: 2.5rem;
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: auto 1fr;
  grid-auto-columns: 1fr;
  place-items: start;
  width: 100%;
  max-width: 55rem;
  display: grid;
}

.impact-value {
  grid-column-gap: .5rem;
  align-items: flex-start;
  font-size: 3.25rem;
  line-height: 1em;
  display: flex;
}

.text-metric-lg {
  font-weight: 900;
}

.text-percent-lg {
  margin-left: .25rem;
  font-size: .615385em;
  font-weight: 500;
}

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

.metric2-ml {
  grid-row-gap: 1rem;
  border-left: 1px solid var(--card-border);
  flex-flow: column;
  max-width: 34rem;
  padding-left: 3rem;
  display: flex;
}

.text-subtitle {
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 2rem;
}

.metric1-label-ml {
  width: 18rem;
  margin-left: .25rem;
}

.text-metric-md {
  font-size: 1.75rem;
  font-weight: 900;
}

.text-percent-md {
  margin-left: .125rem;
  font-size: 1.125rem;
  font-weight: 500;
}

.ml-metric-wrapper {
  grid-column-gap: .625rem;
  align-items: flex-start;
  width: 100%;
  margin-top: .75rem;
  display: flex;
}

.text-color-failure {
  color: var(--case-studies--failure);
}

.ml02-grid {
  grid-column-gap: 6rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 20rem;
  width: 100%;
  display: grid;
}

.video-w-iphone {
  justify-content: center;
  min-height: 38.3rem;
  display: flex;
  position: relative;
}

.video-wrapper-ml {
  width: 109.859%;
  margin-top: 1rem;
  margin-right: -5%;
  padding-top: 6%;
  padding-bottom: 6%;
}

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

.personas_wrapper {
  background-color: #ebf0f5;
  flex-direction: column;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 100%;
  padding-top: 5rem;
  padding-bottom: 7rem;
  display: flex;
  overflow: hidden;
}

.bullet {
  border-radius: 1px;
  width: .5rem;
  height: .5rem;
}

.bullet-item {
  grid-column-gap: .75rem;
  display: flex;
}

.bullet-wrapper {
  align-items: center;
  height: 1.75rem;
  padding-left: .25rem;
  display: flex;
}

.bullet-list {
  grid-row-gap: .75rem;
  flex-direction: column;
  display: flex;
}

.bullet-card {
  grid-row-gap: .75rem;
  border-radius: var(--radius--card-radius);
  background-color: var(--neutral--neutral-100);
  flex-direction: column;
  justify-content: flex-start;
  width: 100%;
  padding: 1.25rem 2.5rem 1.5rem 1.5rem;
  display: flex;
}

._3col-grid {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

._3col-grid.grid-competitors {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
}

.icon-cell-content {
  grid-row-gap: 1rem;
  flex-direction: column;
  display: flex;
}

.fa-icon-light {
  font-family: "Fa 300", sans-serif;
  font-weight: 300;
  position: relative;
}

.icon-offset-wrapper {
  justify-content: center;
  align-items: center;
  font-size: 2rem;
  line-height: 1em;
  position: relative;
}

.card {
  grid-row-gap: .75rem;
  border-radius: var(--radius--card-radius);
  background-color: var(--neutral--neutral-100);
  flex-flow: column;
  padding: 1rem 1.5rem;
  display: flex;
}

.card.ifit {
  background-color: var(--ifit--card-bg);
  padding: 1rem 1.25rem;
}

._2col-grid {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

._2col-grid.wrap {
  align-items: start;
}

._2col-grid.loose {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
}

.subsections-wrapper {
  grid-row-gap: 4rem;
  flex-direction: column;
  width: 100%;
  display: flex;
}

.gender-label {
  grid-column-gap: .375rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: grid;
}

.gender-split {
  grid-column-gap: .75rem;
  align-items: center;
  width: 100%;
  max-width: 31.875rem;
  display: flex;
}

.gender-split-bar {
  border-radius: 2px;
  grid-template-rows: auto;
  grid-template-columns: 33fr 67fr;
  grid-auto-columns: 1fr;
  width: 100%;
  height: .75rem;
  display: grid;
  overflow: hidden;
}

.bar-male {
  background-color: #cbd5e1;
  width: 100%;
  height: 100%;
}

.bar-female {
  background-color: var(--meal-log--primary-accent);
  width: 100%;
  height: 100%;
}

.age-dist-graph {
  grid-row-gap: .5rem;
  grid-template-rows: 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  max-width: 45rem;
  display: grid;
  position: relative;
}

.axis-label {
  border-top: 1px solid var(--case-studies--border);
  justify-content: center;
  align-items: flex-start;
  padding-top: .75rem;
  display: flex;
}

.bar-chart-item {
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  height: auto;
  padding-left: .5rem;
  padding-right: .5rem;
  display: flex;
}

.bar {
  background-color: #cbd5e1;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  align-items: flex-end;
  width: 100%;
  display: flex;
  position: relative;
}

.text-label-sm {
  font-size: 1rem;
  line-height: 1.25em;
}

.text-label-sm.text-weight-bold {
  color: var(--case-studies--text-med);
}

.bar-label-wrapper {
  margin-bottom: .5rem;
}

.text-label-md {
  line-height: 1.33333em;
}

.bar-height-30-39 {
  height: 14.5rem;
}

.text-weight-medium {
  font-weight: 500;
}

.text-size-xs {
  font-size: .875rem;
  line-height: 1.25rem;
}

.cell-competitor-card {
  grid-column-gap: .75rem;
  height: 100%;
  display: flex;
}

.competitor-image-wrapper {
  border-radius: .3333rem;
  width: 3.5rem;
  height: 3.5rem;
  overflow: hidden;
}

.competitor-cell-content {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.dot-med {
  background-color: var(--blue-500);
  border-radius: .5em;
  width: .5rem;
  height: .5rem;
}

.dot-med.dot-color-roadmap {
  background-color: #94a3b8;
}

.dot-med.dot-color-task {
  background-color: #850052;
}

.feature-subtext-wrapper {
  display: flex;
}

.feature-dot-wrapper {
  height: 1.5rem;
  padding-top: .375rem;
  padding-left: .25rem;
  display: inline-block;
}

.old-screens-grid-ml {
  grid-row-gap: .5rem;
  grid-template-rows: auto auto;
  grid-template-columns: auto 1fr 1fr auto 1fr 1fr auto;
  grid-auto-columns: 1fr;
  justify-items: start;
  margin-top: 1.5rem;
  margin-bottom: 3.5rem;
  display: grid;
}

.text-color-med {
  color: var(--case-studies--text-med);
}

.old-screen-text-wrapper {
  grid-column-gap: .5rem;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  padding-left: .125rem;
  display: flex;
}

.text-style-tag {
  letter-spacing: .12em;
  text-transform: uppercase;
  font-size: .6875rem;
  font-weight: 700;
  line-height: .75rem;
}

.text-style-tag.secondary, .text-style-tag.out-of-scope {
  display: none;
}

.tag-sm {
  background-color: #fbe4ee;
  border-radius: .125rem;
  padding: .25rem .375rem;
  display: flex;
}

.tag-sm.bg-cs {
  background-color: var(--neutral--neutral-200);
}

.tag-sm.outlined {
  border: .0625rem solid var(--case-studies--text);
  background-color: #0000;
  border-radius: .1875rem;
}

.screen-mockup-frame {
  border: 2px solid var(--case-studies--border);
  border-radius: .375rem;
  position: relative;
  overflow: hidden;
  box-shadow: 0 9px 18px #00000026;
}

.connector {
  border: 3px none var(--case-studies--connector);
  width: 100%;
  height: 100%;
  position: relative;
}

.connector.connector-left {
  border-bottom-right-radius: var(--radius--connector-radius);
  border-bottom-style: solid;
  border-right-style: solid;
  align-self: flex-end;
}

.connector.connector-right {
  border-top-left-radius: var(--radius--connector-radius);
  border-top-style: solid;
  border-left-style: solid;
  align-self: flex-start;
}

.connector.ml-improvement-connector {
  border-top-right-radius: var(--radius--connector-radius);
  border-bottom-right-radius: var(--radius--connector-radius);
  border-top-style: solid;
  border-bottom-style: solid;
  border-right-style: solid;
  width: 2.375rem;
  height: auto;
  position: absolute;
  top: 15.5%;
  bottom: 34%;
  right: -1.75rem;
}

.old-screen-ml {
  max-width: 14.5rem;
  height: 100%;
}

.stacked-very-loose {
  grid-row-gap: 2.5rem;
  flex-direction: column;
  width: 100%;
  display: flex;
}

.axis-tickmark {
  background-color: var(--case-studies--text-med);
  width: .0625rem;
  height: .6875rem;
  margin-bottom: .25rem;
}

.tickmark-label {
  width: 0;
  color: var(--case-studies--text-med);
  text-align: center;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.task-x-axis-labels {
  justify-content: space-between;
  display: flex;
}

.x-axis {
  background-color: var(--case-studies--text-med);
  height: .0625rem;
  margin-bottom: -.375rem;
}

.task-rating-point {
  grid-row-gap: .25rem;
  flex-direction: column;
  align-items: center;
  width: 0;
  margin-bottom: -.28125rem;
  display: flex;
}

.task-rating-point-wrapper {
  width: 0;
}

.avg-rating-1-4 {
  padding-left: 10%;
}

.avg-rating-1-9 {
  padding-left: 22.5%;
}

.avg-rating-1-1 {
  padding-left: 2.5%;
}

.avg-rating-graph {
  width: 100%;
  padding-left: 1rem;
  padding-right: 1.75rem;
}

.text-label-xs {
  font-size: .875rem;
  line-height: 1rem;
}

.avg-rating-1-3 {
  padding-left: 7.5%;
}

.avg-rating-1-6 {
  padding-left: 15%;
}

.text-quote-md {
  font-size: 1.25rem;
  font-style: italic;
  font-weight: 400;
  line-height: 1.5em;
  position: relative;
}

.quote-wrapper {
  grid-column-gap: 1.75rem;
  padding: .75rem 1.5rem .75rem 2rem;
  display: flex;
  position: relative;
}

.feedback-grid {
  grid-column-gap: 5rem;
  grid-template-rows: auto;
  grid-template-columns: minmax(18rem, auto) auto;
  grid-auto-columns: 1fr;
  display: grid;
}

.avatar-md {
  border: .25rem solid var(--main--white);
  border-radius: 50%;
  min-width: 4.5rem;
  max-width: 4.5rem;
  min-height: 4.5rem;
  max-height: 4.5rem;
  overflow: hidden;
  box-shadow: 0 6px 12px #0000001c;
}

.message-bubble {
  background-color: var(--case-studies--success-100);
  border-radius: .625rem;
  padding: .4375rem 1rem .5625rem;
}

.message-bubble.msg-right {
  border-bottom-left-radius: 0;
}

.message-bubble.msg-left {
  border-bottom-right-radius: 0;
}

.message-wrapper {
  grid-column-gap: 1rem;
  align-items: flex-end;
  max-width: 30.5rem;
  display: flex;
}

.message-author {
  padding-bottom: .25rem;
  padding-left: .75rem;
}

.footnote-divider {
  background-color: var(--case-studies--border);
  width: 5.5rem;
  height: .0625rem;
  margin-top: .25rem;
  margin-bottom: .75rem;
}

.ml-mockup-size {
  min-width: 18.75rem;
  max-width: 18.75rem;
  position: relative;
}

.screen-highlight-item {
  cursor: pointer;
  margin-bottom: -.0625rem;
  display: flex;
  position: relative;
}

.persona-header {
  background-image: linear-gradient(178deg, #1e293b 37%, #64748b);
  border-radius: .25rem;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-top: 2.5rem;
  margin-bottom: -1rem;
  padding: 1rem 1.5rem;
  display: flex;
  position: relative;
}

.max-width-persona {
  flex-flow: column;
  align-self: center;
  width: 100%;
  max-width: 56rem;
  display: flex;
}

.fa-icon-solid {
  font-family: "Fa Solid 900", sans-serif;
  position: relative;
}

.persona-text {
  grid-column-gap: .75rem;
  color: var(--main--white);
  display: flex;
}

.persona-text.fiona, .persona-text.roxanne, .persona-text.tristan, .persona-text.colton {
  display: none;
}

.persona-carousel {
  background-color: #0000;
  align-self: center;
  width: 100%;
  height: 100%;
}

.slider-nav {
  padding-top: 3rem;
  inset: auto 0% 0;
}

.slider-button {
  background-color: var(--main--white);
  width: 3.5rem;
  height: 3.5rem;
  color: var(--case-studies--text-med);
  border: 1px solid #e2e8f0;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1em;
  display: flex;
  position: static;
  box-shadow: 0 4px 8px #00000014;
}

.slider-button:hover {
  color: var(--case-studies--text);
  font-weight: 700;
  box-shadow: 0 9px 18px #00000026;
}

.persona-card {
  border-radius: .25rem;
  width: 100%;
  overflow: hidden;
  transform: scale(.9);
  box-shadow: 0 9px 18px #00000026;
}

.persona-card.persona-in-view {
  transform: scale(1);
}

.persona-carousel-mask {
  width: 100%;
  max-width: 56rem;
  margin-left: auto;
  margin-right: auto;
  padding-top: 2rem;
  padding-bottom: 2rem;
  overflow: visible;
}

.carousel-left-arrow {
  flex-flow: row;
  justify-content: flex-start;
  align-items: stretch;
  margin-left: 50%;
  display: flex;
  overflow: visible;
  transform: translate(-31.45rem);
}

.carousel-right-arrow {
  justify-content: flex-end;
  align-items: stretch;
  margin-right: 50%;
  display: flex;
  overflow: visible;
  transform: translate(31.45rem);
}

.persona-slide {
  margin-right: -1rem;
}

.persona-image {
  opacity: .15;
}

.persona-image.persona-in-view {
  opacity: 1;
}

.highlight-tabs {
  flex-flow: wrap;
  display: none;
}

.mockup-top {
  margin: -.03125rem;
  position: absolute;
  inset: 0% 0% auto;
}

.mockup-top.day-2, .mockup-top.yesterday, .mockup-top.empty, .mockup-top.edit-meal, .mockup-top.first-meal, .mockup-top.empty-snacks, .mockup-top.snack-convo, .mockup-top.article-selected {
  opacity: 0;
}

.mockup-top.mobile {
  transform: translate(66%);
}

.mockup-bottom {
  position: absolute;
  inset: auto 0% 0%;
}

.mockup-bottom.calendar {
  transform: translate(0, 101%);
}

.mockup-bottom.cr-bottom-sheet {
  cursor: pointer;
  transform: translate(0, 101%);
}

.mockup-scrim {
  opacity: 0;
  background-color: #00000080;
  margin: -.03125rem;
  position: absolute;
  inset: 0%;
}

.median-wrapper {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
  position: absolute;
  inset: auto auto 2rem 31.5%;
}

.median-wrapper.bar-height-30-39 {
  left: 31.1%;
}

.median-label-wrapper {
  grid-column-gap: .5rem;
  border-left: 2px solid var(--case-studies--text);
  min-width: 14rem;
  padding-bottom: .25rem;
  padding-left: .5rem;
  display: flex;
}

.connector-wrapper-left {
  z-index: 10;
  align-items: flex-end;
  margin-right: -.09375rem;
  display: flex;
  position: relative;
}

.connector-wrapper-left.ml-connector-1 {
  margin-left: -.75rem;
  padding-top: 8.0625rem;
  padding-bottom: 4.0625rem;
}

.connector-wrapper-left.ml-connector-2 {
  margin-left: -1.75rem;
  padding-top: 13.8125rem;
  padding-bottom: 6.5rem;
}

.connector-wrapper-right {
  z-index: 10;
  align-items: flex-start;
  margin-left: -.09375rem;
  display: flex;
  position: relative;
}

.connector-wrapper-right.ml-connector-1 {
  margin-right: -1.1875rem;
  padding-top: 6.5625rem;
  padding-bottom: 5.5625rem;
}

.connector-wrapper-right.ml-connector-2 {
  padding-top: 12.3125rem;
  padding-bottom: 8rem;
}

.arrow-head {
  color: #85b6ff;
  -webkit-text-stroke-color: var(--case-studies--connector);
  position: absolute;
}

.arrow-head.top-right {
  inset: -.84375rem -.125rem 0% auto;
}

.rounded-end {
  background-color: var(--case-studies--connector);
  border-radius: 100%;
  min-width: .1875rem;
  max-width: .1875rem;
  min-height: .1875rem;
  max-height: .1875rem;
  position: absolute;
}

.rounded-end.bottom-left {
  bottom: -.1875rem;
  left: -.09375rem;
}

.rounded-end.top-left {
  top: -.1875rem;
  left: -.09375rem;
}

.iphone-bezel {
  z-index: 10;
  position: absolute;
  top: -7%;
  bottom: 0%;
  left: auto;
}

.video-demo-ml {
  border-radius: 2.1rem;
  width: 80.5%;
  overflow: hidden;
}

.metric-label-ml {
  grid-column-gap: .3125rem;
  flex-wrap: wrap;
  line-height: 1.5rem;
  display: flex;
}

.text-overline-med {
  letter-spacing: .12em;
  text-transform: uppercase;
  font-size: .875rem;
  font-weight: 500;
  line-height: 1.25rem;
}

.text-overline-med.bold {
  color: var(--main--neutral-medium);
  font-weight: 700;
}

.old-version-size {
  max-width: 14.5rem;
}

.centered-accent-wrapper {
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  padding-top: 1.5rem;
  display: flex;
}

.accent-block {
  grid-column-gap: 1.25rem;
  max-width: 42rem;
  display: flex;
}

.accent-bar {
  background-color: var(--meal-log--primary-accent);
  border-top-right-radius: .5rem;
  border-bottom-right-radius: .5rem;
  min-width: .5rem;
}

.stacked-normal {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
  position: relative;
}

.subsection-underline {
  border-bottom: 1px solid var(--case-studies--border);
  padding-bottom: 4.5rem;
}

.text-color-accent-ml {
  color: var(--meal-log--primary-accent);
}

.text-highlight-ml {
  box-shadow: inset 0 -.8rem 0 0 var(--meal-log--primary-light);
  font-weight: 700;
  display: inline;
}

.text-italic {
  font-style: italic;
}

.stacked-super-tight {
  grid-row-gap: .25rem;
  flex-flow: column;
  align-items: flex-start;
  width: 100%;
  display: flex;
  position: relative;
}

.stacked-super-tight.next-cs {
  justify-content: flex-start;
  align-items: flex-end;
}

.stacked-tight {
  grid-row-gap: .5rem;
  flex-flow: column;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.bullet-item-lg {
  grid-column-gap: 1rem;
  display: flex;
}

.bullet-wrapper-lg {
  align-items: center;
  height: 2.25rem;
  padding-left: .25rem;
  display: flex;
}

.icon-button-wrapper {
  cursor: pointer;
  border-radius: .3125rem;
  justify-content: center;
  align-items: center;
  width: 2.5rem;
  height: 2.5rem;
  font-size: 1.5rem;
  line-height: 1em;
  display: flex;
}

.icon-button-wrapper:hover {
  background-color: #0000001a;
}

.nav-buttons-wrapper {
  grid-column-gap: .75rem;
  justify-content: flex-start;
  align-items: center;
  height: 3.5rem;
  padding-right: .5rem;
  display: flex;
  position: absolute;
  inset: 0% 0% auto auto;
}

.highlight-tabs-wrapper {
  z-index: 10;
  width: 100%;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.highlight-wrapper {
  flex: none;
  align-self: flex-start;
  width: 100%;
  padding: .75rem 1rem 1rem;
  position: relative;
}

.highlight-container {
  background-color: var(--neutral--neutral-100);
  border-bottom-right-radius: .375rem;
  border-bottom-left-radius: .375rem;
  padding: .75rem 1rem 1rem;
}

.highlight-container.text-size-lg {
  background-color: var(--neutral--neutral-100);
}

.phantom-text {
  opacity: 0;
}

.all-highlights {
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
  position: absolute;
  inset: 3.5rem 0% 0%;
}

.highlight-title {
  border-bottom: 1px solid var(--card-border);
  background-color: var(--neutral--neutral-100);
  border-top-left-radius: .375rem;
  border-top-right-radius: .375rem;
  justify-content: flex-start;
  align-items: center;
  height: 3.5rem;
  padding-left: 1rem;
  display: flex;
}

.pros-cons-header {
  grid-column-gap: .6rem;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: .25rem;
  font-size: 1.25rem;
  line-height: 1em;
  display: flex;
}

.button-disabled {
  opacity: .3;
  cursor: default;
}

.button-disabled:hover {
  background-color: #fff0;
}

.stacked-looser {
  grid-row-gap: 2rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.stacked-extremely-loose {
  grid-row-gap: 3.5rem;
  flex-direction: column;
  width: 100%;
  display: flex;
}

.stacked-loose {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-flow: column;
  width: 100%;
  display: flex;
  position: relative;
}

.design-showcase-grid {
  grid-column-gap: 5rem;
  grid-row-gap: 2.5rem;
  grid-template-rows: min-content auto auto;
  grid-template-columns: auto 1fr;
  grid-auto-columns: 1fr;
  place-items: start;
  display: grid;
}

.ml-hero-image-md {
  margin-top: -6%;
  margin-bottom: -6%;
  display: none;
}

.max-width-overview {
  width: 100%;
  max-width: 47rem;
}

.max-width-ml02 {
  width: 100%;
  max-width: 40rem;
}

.no-max {
  max-width: none;
}

.max-width-wire-desc {
  width: 100%;
  max-width: 31.25rem;
}

.max-width-mockup-desc {
  width: 100%;
  max-width: 40rem;
}

.text-color-male {
  color: #64748b;
}

.text-color-female {
  color: var(--meal-log--primary-accent);
}

.axis-label-wrapper {
  flex-flow: wrap;
  justify-content: center;
  align-items: stretch;
  display: flex;
}

.persona-messages-spacer, .bar-height-16-19 {
  height: 1.5rem;
}

.bar-height-20-29 {
  height: 16.5rem;
}

.bar-height-40-49 {
  height: 8.5rem;
}

.bar-height-50-59 {
  height: 5.5rem;
}

.bar-height-60-69 {
  height: 2.5rem;
}

.bar-height-70-79 {
  height: .5rem;
}

.bar-height-80-89 {
  height: .1rem;
}

.bar-wrapper {
  width: 100%;
}

.persona-image-compact {
  opacity: .15;
  display: none;
}

.persona-image-compact.persona-in-view {
  opacity: 1;
}

.specs-grid {
  border-top: 1px solid var(--case-studies--border);
  border-bottom: 1px solid var(--case-studies--border);
  grid-template-rows: auto;
  grid-template-columns: 1.3fr 1fr 1fr 1.3fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.spec-item {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

.spec-item.spec-1 {
  padding-right: 1.5rem;
  padding-left: var(--spacing--horiz-padding-md);
  border-right: 1px solid var(--case-studies--border);
}

.spec-item.spec-2, .spec-item.spec-3 {
  border-right: 1px solid var(--case-studies--border);
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.spec-item.spec-4 {
  padding-right: var(--spacing--horiz-padding-md);
  padding-left: 1.5rem;
}

.spec-item.wss-spec-1 {
  padding-right: 1.5rem;
  padding-left: var(--spacing--horiz-padding-md);
  border-right: 1px solid var(--case-studies--border);
}

.spec-item.wss-spec-2, .spec-item.wss-spec-3 {
  border-right: 1px solid var(--case-studies--border);
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.spec-item.wss-spec-4 {
  padding-right: var(--spacing--horiz-padding-md);
  padding-left: 1.5rem;
}

.side-by-side-loose {
  grid-column-gap: 3rem;
  width: 100%;
  display: flex;
}

.metric1-ml {
  padding-right: 3rem;
}

.ml_horiz_scroll {
  overflow: visible;
}

.quote-offset-bg {
  border-top-right-radius: var(--radius--card-radius);
  border-bottom-left-radius: var(--radius--card-radius);
  border-bottom-right-radius: var(--radius--card-radius);
  background-color: var(--case-studies--success-100);
  width: 100%;
  height: 100%;
  position: absolute;
  inset: .75rem auto auto .625rem;
}

.quote-offset-bg.inverse {
  border-top-left-radius: var(--radius--card-radius);
  border-top-right-radius: 0;
}

.quote-offset-bg.walmart-blue {
  background-color: #01509b;
}

.quote-offset-bg.walmart-pink {
  background-color: var(--walmart--accent-light);
}

.quote-offset-outline {
  border: .125rem solid var(--case-studies--border);
  border-top-right-radius: var(--radius--card-radius);
  border-bottom-left-radius: var(--radius--card-radius);
  border-bottom-right-radius: var(--radius--card-radius);
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0% auto auto 0%;
}

.quote-offset-outline.inverse {
  border-top-left-radius: var(--radius--card-radius);
  border-top-right-radius: 0;
}

.quote-offset-outline.on-dark {
  border-color: var(--main--white);
}

.elbow-line {
  grid-column-gap: .75rem;
  margin-top: .25rem;
  padding-left: .25rem;
  display: flex;
}

.elbow-icon-wrapper {
  justify-content: flex-start;
  align-items: center;
  height: 2.25rem;
  font-size: 1.25rem;
  line-height: 1em;
  display: flex;
}

.specimen-wrapper {
  border-radius: var(--radius--card-radius);
  background-color: var(--neutral--neutral-200);
  align-self: center;
  padding-left: 2.5rem;
  padding-right: 2.5rem;
  position: relative;
  overflow: hidden;
}

.specimen-wrapper.top {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.specimen-wrapper.middle {
  border-radius: 0;
}

.specimen-wrapper.bottom {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.improvement-image-wrapper {
  max-width: 18.75rem;
  position: relative;
  box-shadow: 0 9px 18px #00000026;
}

.arrow-head-left {
  color: #85b6ff;
  -webkit-text-stroke-color: var(--case-studies--connector);
  position: absolute;
}

.arrow-head-left.bottom-left {
  bottom: -1.213rem;
  left: -.125rem;
}

.caption-wrapper {
  padding-left: .25rem;
}

.launched-badge {
  float: right;
  aspect-ratio: auto;
  border: 1px solid var(--case-studies--border);
  border-radius: 50%;
  min-width: 7.5rem;
  max-width: 7.5rem;
  min-height: 7.5rem;
  max-height: 7.5rem;
  margin-top: -2rem;
  margin-left: 2rem;
  position: static;
  box-shadow: 0 6px 12px #0000001c;
}

.hero-headline-wrapper {
  justify-content: space-between;
  align-self: flex-start;
  align-items: flex-start;
  width: 100%;
}

.hero-text {
  grid-row-gap: .5rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  display: flex;
  position: relative;
}

.ml-hero-image-sm {
  margin-top: -6%;
  margin-bottom: -6%;
  display: none;
}

.improvement-2 {
  margin-top: -1rem;
}

.improvement-row {
  grid-column-gap: 4rem;
  grid-row-gap: 3rem;
  grid-template-rows: min-content;
  grid-template-columns: minmax(auto, 23.75rem) minmax(auto, 34rem);
  grid-auto-rows: min-content;
  grid-auto-columns: 1fr;
  display: grid;
}

.archetype-icon-wrapper {
  justify-content: flex-start;
  align-items: center;
  height: 1.5rem;
  font-size: 1.5rem;
  line-height: 1em;
  display: flex;
}

.back-to-top-button {
  z-index: 100;
  border: 1px solid var(--neutral--neutral-200);
  -webkit-backdrop-filter: blur(.375rem);
  backdrop-filter: blur(.375rem);
  background-color: #ffffffe6;
  border-radius: .6rem;
  justify-content: center;
  align-items: center;
  height: 3rem;
  padding-left: .875rem;
  padding-right: .875rem;
  display: flex;
  box-shadow: 0 .25rem .5rem #00000026;
}

.back-to-top-button.ifit-dark {
  background-color: var(--ifit--elevation-2);
  border-style: none;
}

.btt-label-wrapper {
  flex-flow: column;
  justify-content: center;
  align-items: flex-end;
  width: 7rem;
  padding-left: .25rem;
  padding-right: .75rem;
  display: flex;
}

.btt-label-reveal {
  width: 0;
  overflow: hidden;
}

.top-anchor {
  width: 100%;
  height: calc(100% - 60vh);
  position: absolute;
}

.median-connector-vertical {
  background-color: var(--case-studies--text);
  width: .125rem;
  height: 79%;
  position: absolute;
  inset: auto auto 0 0;
}

.btt-button-wrapper {
  z-index: 100;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 1.5rem;
  padding-right: 1.5rem;
  display: flex;
  position: fixed;
  inset: auto 0% 0%;
  transform: translate(0, 5rem);
}

.angled-line {
  background-color: var(--case-studies--text);
  width: 150%;
  height: .125rem;
  margin-left: -1rem;
  transform: rotate(-30deg);
}

.angled-line-wrapper {
  width: 4rem;
  height: 22%;
  padding-top: 1.875rem;
  overflow: hidden;
}

.hero-title-max-width-cr {
  grid-row-gap: .5rem;
  max-width: 34rem;
  color: var(--main--white);
  flex-direction: column;
}

.text-highlight-cr {
  box-shadow: inset 0 -.8rem 0 0 var(--client-recruiter--secondary-highlight);
  font-weight: 700;
}

.cr-hero-img-wrapper {
  z-index: 0;
  margin-top: -1rem;
  padding-left: 2rem;
  padding-right: 2rem;
}

.cr-gradient-bg {
  height: 64%;
  position: absolute;
  inset: 0% 0% auto;
}

.cr-max-width-hmw {
  width: 100%;
  max-width: 33rem;
}

.cr-hero-image-sm {
  display: none;
}

.offset-metric-label {
  margin-left: .25rem;
}

.cr-metrics-grid {
  grid-column-gap: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.metric-wrapper {
  border-right: 1px solid var(--neutral--neutral-300);
  width: 100%;
  padding-top: .5rem;
  padding-right: 1.5rem;
}

.metric-wrapper.no-border {
  border-right-style: none;
}

.cr-user-flow-grid {
  grid-column-gap: .25rem;
  grid-row-gap: 5rem;
  grid-template-rows: 5.5rem 5.5rem;
  grid-template-columns: auto 1fr auto 1fr auto 1fr auto;
  grid-auto-columns: 1fr;
  place-items: center;
  width: 100%;
  display: grid;
}

.flow-shape-circle {
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 5.5rem;
  height: 5.5rem;
  display: flex;
  box-shadow: 0 .375rem .75rem #0000001c;
}

.flow-shape-circle.bg-color-green {
  background-color: var(--case-studies--success);
}

.flow-shape-circle.bg-color-red {
  background-color: var(--case-studies--failure);
}

.flow-shape-rectangle {
  background-color: var(--neutral--neutral-100);
  border-radius: .25rem;
  justify-content: center;
  align-items: center;
  width: 16rem;
  height: 5rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  display: flex;
  box-shadow: 0 .375rem .75rem #0000001c;
}

.flow-line-horizontal {
  border-color: currentColor;
  border-bottom-style: solid;
  border-bottom-width: .125rem;
  flex-flow: column;
  justify-content: flex-end;
  align-items: stretch;
  width: 100%;
}

.rounded-end-thick {
  background-color: currentColor;
  border-radius: 100%;
  min-width: .1875rem;
  max-width: .1875rem;
  min-height: .1875rem;
  max-height: .1875rem;
  transform: translate(50%);
}

.arrowhead-right-small {
  margin-top: .15625rem;
  margin-left: -.5rem;
}

.arrowhead-right-small.bottom {
  align-self: flex-end;
  margin-top: 0;
  margin-bottom: -1.13rem;
}

.arrowhead-right-small.down {
  margin-top: -1.625rem;
  margin-left: 0;
  transform: translate(50%)rotate(90deg);
}

.flow-connector-wrapper {
  width: 100%;
  height: 100%;
  color: var(--neutral--neutral-400);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.flow-connector-wrapper.show-on-large {
  display: none;
}

.quote-author-wrapper {
  grid-row-gap: .75rem;
  flex-flow: column;
  align-items: flex-start;
  max-width: 29rem;
  display: flex;
}

.cr-quote-author {
  margin-left: .75rem;
}

.bg-cr {
  background-color: var(--client-recruiter--secondary-light);
}

.cr-plan-grid {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.text-color-accent-cr {
  color: var(--client-recruiter--secondary-accent);
}

.s-shape-top-wrapper {
  width: 100%;
  color: var(--neutral--neutral-400);
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 2.65625rem;
  display: flex;
}

.s-shape-top-line {
  border-top-style: solid;
  border-top-width: 3px;
  border-top-color: var(--neutral--neutral-400);
  border-bottom-style: solid;
  border-bottom-width: 3px;
  border-right-style: solid;
  border-right-width: 3px;
  border-bottom-color: var(--neutral--neutral-400);
  border-color: currentColor;
  border-top-right-radius: .55rem;
  border-bottom-right-radius: .5rem;
  flex-flow: column;
  justify-content: flex-end;
  align-items: stretch;
  width: 50%;
  height: 5.4375rem;
}

.s-shape-bottom-wrapper {
  width: 100%;
  color: var(--neutral--neutral-400);
  justify-content: flex-end;
  align-items: flex-start;
  padding-bottom: 2.65625rem;
  display: flex;
}

.s-shape-bottom-line {
  border-top-style: solid;
  border-top-width: 3px;
  border-bottom-style: solid;
  border-bottom-width: 3px;
  border-left-style: solid;
  border-left-width: 3px;
  border-top-left-radius: .5rem;
  border-bottom-left-radius: .5rem;
  flex-flow: column;
  justify-content: flex-end;
  align-items: stretch;
  width: 50%;
  height: 5.4375rem;
  margin-top: -.09375rem;
}

.s-shape-horiz-line {
  background-color: currentColor;
  justify-content: flex-start;
  align-items: flex-start;
  height: 3px;
}

.s-shape-horiz-wrapper {
  width: 65vw;
  height: 100%;
  color: var(--neutral--neutral-400);
  flex-flow: column;
  justify-content: center;
  align-items: stretch;
  display: flex;
}

.mobile-only {
  display: none;
}

.old-screens-grid {
  grid-column-gap: 1.5rem;
  grid-row-gap: 2.5rem;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.cr-accent {
  background-color: var(--client-recruiter--secondary-accent);
}

.accent-content-wrapper {
  padding-top: .25rem;
}

.fa-icon-brand {
  font-family: "Font Awesome 6 Brands 400", sans-serif;
  position: relative;
}

.limitation_icon_wrapper {
  justify-content: flex-start;
  align-items: center;
  height: 2.5rem;
  font-size: 1.75rem;
  line-height: 1em;
  display: flex;
}

.header-with-icon {
  grid-column-gap: .75rem;
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.table_cell {
  border-right: 1px solid var(--case-studies--border);
  border-bottom: 1px solid var(--case-studies--border);
  padding: .75rem;
}

.table_cell.first-col {
  border-left: 1px solid var(--case-studies--border);
}

.table_cell.bottom-left {
  border-left: 1px solid var(--case-studies--border);
  border-bottom-left-radius: var(--radius--table-radius);
}

.table_cell.bottom-right {
  border-bottom-right-radius: var(--radius--table-radius);
}

.limitations-row {
  grid-template-rows: auto;
  grid-template-columns: 14rem 1fr 1fr 1fr 1.25fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.table_header {
  border-top: 1px solid var(--case-studies--border);
  border-right: 1px solid var(--case-studies--border);
  border-bottom: 1px solid var(--case-studies--border);
  background-color: var(--neutral--neutral-100);
  padding: .75rem;
  font-weight: 400;
}

.table_header.top-left {
  border-left: 1px solid var(--case-studies--border);
  border-top-left-radius: var(--radius--table-radius);
}

.table_header.top-right {
  border-top-right-radius: var(--radius--table-radius);
}

.limitations-table {
  width: 100%;
}

.validation-wrapper {
  grid-column-gap: .5rem;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding-left: 1.25rem;
  display: flex;
}

.validation-wrapper.url-behavior {
  text-align: center;
}

.row-header {
  justify-content: flex-start;
  align-items: center;
  height: 100%;
  padding-left: .25rem;
  padding-right: .25rem;
  display: flex;
}

.fa-icon-validation {
  font-family: "Fa Solid 900", sans-serif;
  font-size: 1.25rem;
  line-height: 1em;
}

.text-style-project-overline {
  letter-spacing: .12em;
  text-transform: uppercase;
  padding-left: .25rem;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5em;
}

.limitation-grid {
  grid-column-gap: 2.5rem;
  grid-row-gap: 2.5rem;
  grid-template-rows: auto auto auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: start;
  display: grid;
}

.max-width-intro {
  max-width: var(--intro-max-width);
}

.instagram-mockup-wrapper {
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.twitter-resolution-wrapper {
  padding-top: .25rem;
}

.process-grid {
  grid-row-gap: 1rem;
  flex-flow: column;
  grid-template-rows: auto auto auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  max-width: 62rem;
  display: flex;
}

.process-thumbnail-wrapper {
  border-top-left-radius: var(--radius--card-radius);
  border-bottom-left-radius: var(--radius--card-radius);
  background-color: var(--neutral--neutral-100);
  width: 18.75rem;
  height: 100%;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  padding-left: 1.25rem;
}

.process-thumbnail-wrapper.top-padding-only {
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
}

.process-thumbnail-wrapper.tight-padding {
  padding: 1rem;
}

.image-fill-height {
  object-fit: cover;
  object-position: 0% 0%;
  width: auto;
  height: 100%;
}

.image-fill-height.center {
  object-position: 50% 0%;
}

.competitor-grid {
  grid-column-gap: .375rem;
  grid-row-gap: .375rem;
  border-radius: .375rem;
  grid-template-rows: auto auto auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  height: 100%;
  display: grid;
  overflow: hidden;
}

.competitor-wrapper {
  background-color: var(--main--white);
  justify-content: center;
  align-items: center;
  height: 2.375rem;
  padding-top: .125rem;
  padding-bottom: .125rem;
  display: flex;
}

.step-wrapper {
  grid-row-gap: .5rem;
  background-color: var(--neutral--neutral-100);
  flex-flow: column;
  justify-content: center;
  align-items: stretch;
  height: 100%;
  padding-left: 2rem;
  padding-right: .5rem;
  display: flex;
  position: relative;
}

.step-pointer {
  height: 100%;
}

.process-row-grid {
  grid-template-rows: 12.625rem;
  grid-template-columns: auto .5rem 1fr 4.25rem 4.25rem 4.25rem 4.25rem;
  grid-auto-rows: 12.625rem;
  grid-auto-columns: 1fr;
  width: 100%;
  height: 12.75rem;
  display: grid;
}

.cr-final-ui-grid {
  grid-row-gap: 1.5rem;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.cr-mockup-size {
  z-index: 1;
  max-width: var(--intro-max-width);
  position: relative;
}

.desktop-lg-only {
  display: none;
}

.final-ui-screens {
  justify-content: space-between;
  position: relative;
}

.responsive-mockups-wrapper {
  z-index: 2;
  width: 100%;
  max-width: var(--intro-max-width);
  grid-column-gap: 4rem;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.responsive-mockups-wrapper.select-content {
  padding-top: 3rem;
}

.responsive-mockups-wrapper.instructions {
  margin-top: -1.75rem;
  bottom: auto;
}

.responsive-mockups-wrapper.channel {
  padding-top: 3rem;
}

.cr-mockup-size-tablet {
  width: 49%;
  max-width: 23.25rem;
  position: relative;
  transform: translate(100vw);
}

.cr-mockup-size-tablet.post-content {
  width: 57%;
  max-width: 27rem;
}

.cr-mockup-size-mobile {
  width: 32%;
  max-width: 15rem;
  position: relative;
  transform: translate(100vw);
}

.cr-mockup-size-mobile.post-content {
  width: 34%;
  max-width: 17rem;
  transform: translate(100vw);
}

.highlight-cell {
  max-width: var(--intro-max-width);
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.highlight-min-height {
  width: 100%;
  padding-top: 3.5rem;
}

.max-length-text {
  opacity: 0;
}

.post-type-bounds {
  z-index: 10;
  width: 42%;
  height: 37.25%;
  position: absolute;
  inset: 53% auto auto 50%;
  transform: translate(-50%, -50%);
}

.post-preview-bounds {
  z-index: 10;
  width: 27.5%;
  height: 50%;
  position: absolute;
  top: 36.5%;
  right: 16.25%;
  transform: translate(50%, -50%);
}

.featured-bounds {
  z-index: 10;
  justify-content: center;
  align-items: flex-start;
  width: 67.5%;
  height: 10%;
  position: absolute;
  inset: 24.5% auto auto 34%;
  transform: translate(-50%, -50%);
}

.timestamp-bounds {
  z-index: 10;
  justify-content: center;
  align-items: flex-start;
  width: 29.5%;
  height: 16%;
  position: absolute;
  inset: 62% auto auto 14.9%;
  transform: translate(-50%, -50%);
}

.instructions-bounds {
  z-index: 10;
  justify-content: center;
  align-items: flex-start;
  width: 65%;
  height: 22.5%;
  position: absolute;
  inset: 52.5% auto auto 32.5%;
  transform: translate(-50%, -50%);
}

.arrow-pinned-right {
  position: absolute;
  transform: translate(100%, -50%);
}

.arrow-pinned-right.new-feature {
  top: 35%;
  right: 2%;
}

.arrow-pinned-right.coming-soon {
  top: 61.5%;
  right: 2%;
}

.arrow-pinned-right.caption {
  top: 20%;
  right: 5%;
}

.arrow-pinned-top {
  position: absolute;
  transform: translate(-50%, -100%);
}

.arrow-pinned-top.featured {
  top: 3%;
  left: 17%;
}

.arrow-pinned-top.toggle {
  top: 54%;
  left: 50%;
}

.arrow-pinned-top.preview {
  top: 13.5%;
  left: 50%;
}

.arrow-pinned-bottom-right {
  position: absolute;
  transform: translate(100%, 50%);
}

.arrow-pinned-bottom-right.timestamp {
  bottom: 15%;
  right: 0%;
}

.arrow-pinned-left {
  position: absolute;
  transform: translate(-100%, -50%);
}

.arrow-pinned-left.coach-avatar {
  top: 7.5%;
  left: 4%;
}

.arrow-pinned-left.touch-targets {
  top: 50%;
  left: 1%;
}

.arrow-pinned-left.instructions {
  top: 92%;
  left: 3%;
}

.ml-highlight-arrow {
  z-index: 10;
  width: 2.75rem;
  position: absolute;
}

.ml-highlight-arrow.time {
  inset: 78.6% auto 0% -2rem;
}

.ml-highlight-arrow.tags {
  top: 55.4%;
  left: .5rem;
}

.ml-highlight-arrow.message {
  inset: 68.5% -2rem 0% auto;
}

.ml-highlight-arrow.fasting {
  inset: 63.6% auto auto -2rem;
}

.ml-highlight-arrow.date {
  inset: 14.7% -2rem 0% auto;
}

.ml-highlight-arrow.meal-type {
  inset: 79.5% auto 0% -2rem;
}

.ml-highlight-arrow.date-time {
  inset: 26% 2% auto auto;
}

.ml-highlight-arrow.meal-photo {
  inset: 36% auto auto -2rem;
}

.ml-highlight-arrow.meal-type-filters {
  inset: 20.5% auto auto -2rem;
}

.ml-highlight-arrow.meal-convo {
  inset: 11% auto auto -1.9rem;
}

.ml-max-length-text {
  opacity: 0;
  display: none;
}

.pagination-dots-wrapper {
  width: 100%;
  max-width: var(--intro-max-width);
  grid-column-gap: .5rem;
  justify-content: center;
  align-items: flex-start;
  padding-top: 1.5rem;
  display: flex;
  position: absolute;
  inset: auto 0% -2.25rem;
}

.pagintation-dot {
  border: 1px solid var(--case-studies--border);
  border-radius: 100%;
  width: .75rem;
  height: .75rem;
  position: relative;
}

.filled-dot {
  background-color: var(--case-studies--border);
  border-radius: 100%;
  width: 100%;
  height: 100%;
  position: absolute;
}

.pointer {
  border: 3px solid var(--blue-500);
  background-color: #fff9;
  border-radius: 100%;
  width: 3rem;
  height: 3rem;
  position: absolute;
  inset: 32% 19% auto auto;
  transform: translate(200%, 410%);
}

.select-article {
  cursor: pointer;
  width: 100%;
  height: 23%;
  display: none;
  position: absolute;
  inset: 27% 0% auto auto;
}

.cr-video-wrapper {
  justify-content: center;
  align-self: center;
  align-items: flex-start;
  width: 100%;
  padding-bottom: 5.5%;
  display: flex;
  position: relative;
}

.computer-bezel {
  position: absolute;
}

.video-demo-cr {
  height: 100%;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.cr-video-aspect-ratio {
  justify-content: center;
  align-items: flex-start;
  width: 89%;
  padding-top: 56%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.cr-video-size {
  justify-content: center;
  align-items: flex-start;
  width: 82%;
  height: 100%;
  padding-top: 4%;
  display: flex;
}

.toggle-wrapper {
  z-index: 10;
  flex-flow: column;
  justify-content: center;
  align-items: stretch;
  width: 29.5%;
  padding-top: .25rem;
  padding-bottom: .25rem;
  display: flex;
  position: absolute;
  inset: 5% auto auto 47.75%;
  transform: translate(-50%, -50%);
}

.cr-mobile-ar {
  width: 100%;
  padding-top: 203.39%;
}

.cr-selector {
  border: 1px solid var(--neutral--neutral-300);
  background-color: var(--main--white);
  border-radius: 3px;
  width: 50%;
  height: 100%;
  position: absolute;
  inset: 0% auto 0% 0%;
  transform: translate(0);
  box-shadow: 0 6px 12px #00000026;
}

.toggle-label-wrapper {
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
  position: absolute;
}

.toggle-label {
  width: 50%;
}

.toggle-label.mobile {
  opacity: 0;
}

.mockup-right {
  width: auto;
  height: 100%;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.toggle-demo {
  position: absolute;
  inset: 0%;
}

.preview-bounds {
  z-index: 10;
  justify-content: center;
  align-items: flex-start;
  width: 35%;
  height: 60%;
  position: absolute;
  inset: 30% auto auto 82.5%;
  transform: translate(-50%, -50%);
}

.touch-target-bounds {
  z-index: 10;
  justify-content: center;
  align-items: flex-start;
  width: 80%;
  height: 27.5%;
  position: absolute;
  inset: 56% auto auto 50%;
  transform: translate(-50%, -50%);
}

.toggle-bounds {
  z-index: 10;
  flex-flow: column;
  justify-content: center;
  align-items: stretch;
  width: 29.5%;
  height: 7%;
  padding-top: .25rem;
  padding-bottom: .25rem;
  display: flex;
  position: absolute;
  inset: 3.5% auto auto 47.75%;
  transform: translate(-50%, -50%);
}

.instructions-arrow-position {
  height: 100%;
  position: relative;
}

.ml-in-line-link {
  color: var(--meal-log--primary-accent);
  font-weight: 700;
}

.ml-in-line-link:hover {
  text-decoration: underline;
}

.cr-highlight-arrow {
  z-index: 10;
  width: 2.75rem;
}

.cr-highlight-arrow.coming-soon {
  top: 62%;
  right: .5rem;
}

.cr-highlight-arrow.touch-targets {
  top: 50%;
  left: 1%;
}

.cr-highlight-arrow.timestamp {
  bottom: 14%;
  right: 0%;
}

.cr-highlight-arrow.caption {
  top: 21%;
  right: 6%;
}

.cr-highlight-arrow.featured {
  top: 8%;
  left: 16.9%;
}

.cr-highlight-arrow.coach-avatar {
  top: 7%;
  left: 4%;
}

.cr-highlight-arrow.preview {
  top: 8%;
  left: 16.9%;
}

.cr-logo {
  object-fit: cover;
  width: auto;
  height: 100%;
}

.stacked-somewhat-tight {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.mockup-main {
  margin: -.03125rem;
}

.body-main {
  color: var(--main--neutral-dark);
  font-family: Overpass, sans-serif;
  font-weight: 300;
}

.home_hero_section {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100svh;
  padding-top: 4rem;
  padding-left: 5.75rem;
  padding-right: 2.5rem;
  display: flex;
}

.text-style-display-light {
  font-size: 3rem;
  font-weight: 300;
  line-height: 4.5rem;
}

.text-style-display-bold {
  font-size: 4rem;
  font-weight: 600;
  line-height: 4.5rem;
}

.text-style-hero-small {
  font-family: Overpass, sans-serif;
  font-size: 1.75rem;
  font-weight: 300;
  line-height: 2.5rem;
}

.text-style-display-highlight {
  text-transform: uppercase;
  text-shadow: .25rem .25rem 0 var(--case-studies--success-200);
}

.case_study_button {
  border-radius: var(--button-radius);
  height: 3rem;
  color: var(--case-studies--text-inverse);
  background-color: #0000;
  border-style: solid;
  border-width: .09375rem;
  justify-content: center;
  align-self: flex-start;
  align-items: center;
  font-size: 1.125rem;
  display: flex;
}

.fa-icon-regular {
  font-family: "Fa 400", sans-serif;
  font-weight: 400;
  position: relative;
}

.case_study_overline_wrapper {
  grid-column-gap: .75rem;
  color: var(--case-studies--text-med);
  justify-content: flex-start;
  align-items: center;
  padding-left: .5rem;
}

.main_hero_text {
  font-family: Overpass, sans-serif;
}

.home_hero_wrapper.stacked-extremely-loose {
  max-width: 58ch;
}

.button-label-wrapper {
  padding-left: 1.75rem;
  padding-right: 1.75rem;
}

.trailing-button-icon {
  margin-left: -1rem;
  padding-right: 1.25rem;
}

.leading-button-icon {
  margin-right: -1rem;
  padding-left: 1.25rem;
}

.button-label {
  letter-spacing: .03em;
  font-weight: 700;
}

.home-button-link {
  align-self: flex-start;
}

.footer_button_wrapper {
  grid-column-gap: 2rem;
  grid-row-gap: .75rem;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 1.5rem;
  display: flex;
}

.footer {
  width: 100%;
  padding: 5rem var(--spacing--horiz-padding-md);
  position: relative;
}

.text_style_footer_header {
  letter-spacing: .04em;
  text-transform: uppercase;
  font-size: 2rem;
  line-height: 2.5rem;
}

.case_studies_section {
  width: 56rem;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 7.5rem;
}

.quotes_section {
  width: 100%;
  padding: 1.5rem 2.75rem 5rem 5.75rem;
}

.companies_section {
  width: 100%;
  padding-bottom: 8rem;
}

.companies_intro_text {
  grid-row-gap: .75rem;
  flex-flow: column;
  align-items: center;
  max-width: 71ch;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.company_logo_grid {
  grid-column-gap: 2.5rem;
  grid-row-gap: 1.25rem;
  flex-flow: wrap;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 54rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.companies_intro_wrapper {
  background-image: linear-gradient(#f8f8f9, #f8f8f900);
  padding-top: 7.5rem;
  padding-bottom: 3.5rem;
}

.case_studies_list {
  grid-row-gap: 6rem;
  flex-flow: column;
  width: 100%;
  display: flex;
}

.case-study-card {
  grid-column-gap: 3rem;
  grid-template-rows: auto;
  grid-template-columns: 50% 1fr;
  grid-auto-columns: 1fr;
  height: 23rem;
  position: relative;
}

.top-nav-wrapper {
  z-index: 100;
  width: 100%;
  max-width: var(--main--page-max-width);
  justify-content: center;
  align-items: flex-start;
  padding-top: .5rem;
  padding-left: 2rem;
  padding-right: 2rem;
  display: flex;
  position: fixed;
}

.menu-container {
  z-index: 100;
  -webkit-backdrop-filter: blur(.375rem);
  backdrop-filter: blur(.375rem);
  background-color: #ffffffe6;
  border-radius: .625rem;
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 3.5rem;
  padding-left: 1rem;
  padding-right: .5rem;
  font-family: Overpass, sans-serif;
  display: flex;
  position: relative;
  box-shadow: 0 .25rem .5rem #00000026;
}

.menu-container.inverse {
  background-color: var(--ifit--elevation-2);
  box-shadow: none;
  color: var(--case-studies--text-inverse);
}

.icon-offset {
  color: var(--neutral--neutral-400);
  position: absolute;
  inset: .125rem auto auto .125rem;
}

.large-icon-wrapper {
  font-size: 2.5rem;
  line-height: 1em;
}

.big-arrow-icon-wrapper {
  font-size: 3rem;
}

.company-logo-wrapper {
  height: 3rem;
  position: relative;
}

.company-logo-image {
  width: auto;
  height: 100%;
}

.mev_wrapper {
  grid-column-gap: 1rem;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  height: 100%;
  display: flex;
}

.heading_style_mev {
  letter-spacing: .01em;
  text-transform: lowercase;
  margin-top: .225rem;
  font-size: 1.1875rem;
}

.menu_wrapper {
  grid-column-gap: 2.5rem;
  letter-spacing: .05em;
  text-transform: uppercase;
  justify-content: flex-start;
  align-items: center;
  height: 100%;
  font-size: .875rem;
  font-weight: 600;
  line-height: 1em;
  display: flex;
  position: relative;
}

.menu_link {
  opacity: .6;
  justify-content: center;
  align-items: center;
  height: 100%;
  margin-top: .225rem;
  display: flex;
  position: relative;
}

.menu_link:hover {
  -webkit-text-stroke-width: .04rem;
}

.menu_link.w--current {
  opacity: .8;
  -webkit-text-stroke-width: .04em;
}

.menu_link.cs-menu {
  z-index: 10;
  opacity: 0;
  cursor: pointer;
  position: absolute;
  left: 5.7rem;
}

.menu_link.cs-selector {
  pointer-events: none;
}

.mev_logo {
  width: 1.75rem;
  padding-top: 3%;
}

.menu_underline_wrapper {
  z-index: 0;
  opacity: .8;
  width: 3.18875rem;
  height: 100%;
  padding-top: 2.75rem;
  position: absolute;
  inset: 0%;
}

.menu_underline_wrapper.resume {
  width: 3.78076rem;
  inset: 0% 0% 0% auto;
}

.menu_underline_wrapper.case-study {
  z-index: -1;
  width: 6.53125rem;
  left: 5.65rem;
}

.menu_underline {
  background-color: var(--main--neutral-dark);
  width: 100%;
  height: .1875rem;
}

.menu_underline.inverse {
  background-color: var(--case-studies--text-inverse);
}

.case_study_anchor {
  z-index: -1;
  height: calc(100% + 29.75rem - 60vh);
  position: absolute;
  inset: -8rem 0% 0;
}

.footer-anchor-offset {
  z-index: 0;
  height: 60vh;
  position: absolute;
  inset: auto 0% 0%;
}

.case_study_content {
  z-index: 1;
  width: 28rem;
  height: 100%;
  color: var(--main--white);
  flex-flow: column;
  justify-content: space-between;
  align-items: stretch;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  padding-left: 2rem;
  display: flex;
  position: relative;
}

.heading-style-large {
  font-size: 2rem;
  line-height: 2.5rem;
}

.case_study_cover {
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
  position: absolute;
  inset: -2rem -2.5rem -2rem auto;
  overflow: hidden;
}

.case_study_cover.sub-system {
  border-bottom-right-radius: 1.25rem;
  justify-content: flex-end;
  align-items: flex-end;
  top: -1rem;
  bottom: 0;
  right: 0;
}

.case_study_cover.ifit {
  justify-content: flex-start;
  align-items: center;
  padding-top: 2rem;
  padding-bottom: 2rem;
  top: 0;
  bottom: 0;
  right: 0;
}

.case_study_cover.client-recruiter {
  bottom: 1rem;
  right: -2rem;
}

.case_study_tag {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  letter-spacing: .02em;
  background-color: #ffffff26;
  border-radius: .875rem;
  justify-content: flex-start;
  align-items: center;
  height: 1.75rem;
  padding-bottom: .125rem;
  padding-left: .75rem;
  padding-right: .75rem;
  display: flex;
}

.case_study_tags {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.case_study_button_wrapper {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.case_study_bg {
  background-color: var(--main--neutral-medium);
  border-radius: 1.25rem;
  position: absolute;
  inset: 0%;
  box-shadow: 0 .25rem .5rem #00000026;
}

.case_study_bg.sub-system {
  background-image: linear-gradient(231deg, #0071dc 23%, #002d58 78%);
}

.case_study_bg.meal-log {
  background-image: linear-gradient(238deg, #a7015a 23%, #410023 75%);
}

.case_study_bg.client-recruiter {
  background-image: linear-gradient(231deg, #f4511f 23%, #9a154e 58%, #4a0422 77%);
}

.case_study_bg.ifit {
  background-image: linear-gradient(103deg, #054280 23%, #0069d2 54%, #299a75 79%, #28e1a5 88%);
}

.case_study_image {
  width: auto;
  height: 100%;
}

.home_top_sections {
  width: 100%;
  position: relative;
}

.hello_overline_wrapper {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  color: var(--case-studies--text-med);
  letter-spacing: .04rem;
  text-transform: uppercase;
  justify-content: flex-start;
  align-items: center;
  padding-left: .25rem;
  font-size: 1rem;
  line-height: 1.5rem;
  display: flex;
  position: relative;
}

.case_study_text {
  grid-row-gap: .25rem;
  flex-flow: column;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.glow_sub-system {
  opacity: .39;
  background-image: url("https://cdn.prod.website-files.com/64ad825cb4f1c31ad69490d2/66d49dc273e731c506763357_glow-ifit.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 25rem;
  height: 25rem;
  position: absolute;
  inset: -50% 22% 0% auto;
}

.case_study_glow {
  z-index: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.glow_meal-log {
  opacity: .35;
  background-image: url("https://cdn.prod.website-files.com/64ad825cb4f1c31ad69490d2/66d49e352a76eecfd1281261_glow-meal-log.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 30rem;
  height: 30rem;
  position: absolute;
  top: -57%;
  right: 19%;
}

.glow_client-recruiter {
  opacity: .4;
  background-image: url("https://cdn.prod.website-files.com/64ad825cb4f1c31ad69490d2/66d49e6473e731c50676ed2f_glow-client-recruiter.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 30rem;
  height: 30rem;
  position: absolute;
  inset: -55% 20% 0% auto;
}

.glow_ifit {
  opacity: .4;
  background-image: url("https://cdn.prod.website-files.com/64ad825cb4f1c31ad69490d2/66d49dc273e731c506763357_glow-ifit.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 30rem;
  height: 30rem;
  position: absolute;
  inset: -55% 22% 0% auto;
}

.footer_content {
  position: relative;
}

.footer_content.home {
  width: 56rem;
  margin-left: auto;
  margin-right: auto;
}

.desktop-only {
  display: block;
}

.last_2_companies {
  grid-column-gap: 2.5rem;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.tablet-down {
  display: none;
}

.contact_button {
  grid-column-gap: .75rem;
  letter-spacing: .02em;
  justify-content: flex-start;
  align-self: flex-start;
  align-items: center;
  font-weight: 500;
  display: flex;
}

.mobile-l-down {
  display: none;
}

.quote_author_wrapper {
  grid-column-gap: .25rem;
  grid-template-rows: auto;
  grid-template-columns: auto auto;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  place-items: start;
  margin-left: .75rem;
  display: grid;
}

.quote_author_wrapper.inverse {
  align-self: flex-end;
}

.hamburger_menu {
  flex-flow: column;
  justify-content: space-between;
  width: 2.5rem;
  height: 2.5rem;
  padding: .625rem .5rem;
  display: none;
}

.hamburger_line {
  background-color: var(--case-studies--text-inverse);
  border-radius: .0625rem;
  width: 100%;
  height: .125rem;
}

.resume_section {
  width: 100%;
}

.heading_style_resume_h2 {
  font-size: 2rem;
  line-height: 2.5rem;
}

.resume_grid {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr auto;
  grid-auto-columns: 1fr;
  width: 100%;
  padding: 6.5rem 2.5rem 6rem;
  display: grid;
}

.skills_section {
  grid-row-gap: 1.75rem;
  background-color: var(--main--neutral-light);
  border-radius: .75rem;
  flex-flow: column;
  width: 22.5rem;
  padding: 1.5rem 1.25rem 1.5rem 1.5rem;
  display: flex;
}

.heading_style_skills_h2 {
  font-size: 1.5rem;
  line-height: 2rem;
}

.skill_wrapper {
  grid-column-gap: .75rem;
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-start;
  font-size: 1.125rem;
  line-height: 1.5rem;
  display: flex;
}

.text-style-skill {
  letter-spacing: -.02em;
  margin-top: .125rem;
}

.skill_icon_wrapper {
  justify-content: center;
  align-items: flex-start;
  width: 1.5rem;
  display: flex;
}

.about_anchor {
  z-index: -1;
  position: absolute;
  inset: 0% 0% 8rem;
}

.contact_anchor {
  z-index: -1;
  height: 60vh;
  position: absolute;
  inset: auto 0% 0%;
}

.dark-bg {
  background-color: var(--main--neutral-dark);
}

.mev_quotes_grid {
  grid-row-gap: 1rem;
  grid-template-rows: auto auto auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  align-items: start;
  width: 53rem;
  display: grid;
  position: relative;
}

.quote_detail {
  width: 49ch;
}

.quote_influential {
  width: 45ch;
}

.quote_ai {
  width: 49ch;
}

.quote-artistic {
  width: 45ch;
}

.case_study_card_anchor {
  position: absolute;
  inset: -8rem 0% auto;
}

.case_study_preview {
  grid-row-gap: .5rem;
  cursor: pointer;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.case_study_preview.next {
  text-align: right;
  justify-content: flex-start;
  align-items: flex-end;
}

.more_case_studies_grid {
  grid-column-gap: 3rem;
  flex-flow: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr auto 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  width: 100%;
  display: grid;
}

.cs_preview_divider {
  background-color: var(--neutral--neutral-300);
  width: .0625rem;
  height: 100%;
}

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

.more_case_studies_bg, .more_case_studies_bg.full-width-section {
  background-color: var(--neutral--neutral-100);
}

.case_studies_menu_wrapper {
  z-index: 10;
  background-color: #fff;
  border-radius: 0 0 .6rem .6rem;
  flex-flow: column;
  grid-template-rows: auto auto auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  min-width: 13rem;
  font-family: Satoshi, sans-serif;
  font-weight: 400;
  display: none;
  position: absolute;
  inset: 4rem 11.1rem auto auto;
  overflow: hidden;
  transform: translate(0);
  box-shadow: 0 .25rem .5rem #00000026;
}

.case_study_menu {
  grid-column-gap: .75rem;
  justify-content: flex-start;
  align-items: center;
  padding: .75rem 1rem;
  font-size: 1rem;
  line-height: 1.5em;
  display: flex;
}

.case_study_menu:hover {
  background-color: var(--neutral--neutral-100);
}

.case_study_menu.w--current {
  font-weight: 700;
}

.prev_cs_icon_wrapper {
  opacity: 0;
  padding-right: .75rem;
  font-size: 1.125rem;
  line-height: 2rem;
  position: absolute;
  inset: 0% auto auto 0%;
}

.next_cs_icon_wrapper {
  opacity: 0;
  margin-top: .0625rem;
  padding-left: .75rem;
  font-size: 1.125rem;
  line-height: 2rem;
  position: absolute;
  inset: 0% 0% auto auto;
}

.menu_button {
  height: 2rem;
  color: var(--case-studies--text-med);
  background-color: #31364426;
  border: .09375rem solid #0000;
  border-radius: .375rem;
  justify-content: center;
  align-items: center;
  margin-left: -.625rem;
  padding: 1.225rem 1.25rem 1rem;
  transition: transform .25s ease-out;
  display: flex;
}

.menu_button:hover {
  color: var(--case-studies--text);
  transform: scale(1.1);
}

.menu_button.inverse {
  background-color: var(--ifit--elevation-3);
  color: #fff9;
}

.menu_button.inverse:hover {
  color: #fffc;
}

.coming_soon_overlay {
  padding: 1rem 3rem 1rem var(--spacing--horiz-padding-md);
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
  color: var(--main--white);
  background-color: #000000b3;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: none;
  position: absolute;
  inset: -2.5rem -3rem;
}

.text-overline-xl {
  letter-spacing: .12em;
  text-transform: uppercase;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.75em;
}

.leave-page-trigger {
  z-index: 1000;
  display: none;
}

.leave-page-trigger:hover {
  opacity: .63;
}

.button-large {
  border: .09375rem solid var(--case-studies--text);
  border-radius: var(--button-radius);
  justify-content: center;
  align-items: center;
  width: 18rem;
  height: 4rem;
  font-size: 1.3125rem;
  display: flex;
}

.coming_soon_pop_up {
  grid-row-gap: .75rem;
  border-radius: var(--button-radius);
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
  color: var(--case-studies--text-inverse);
  background-color: #000000e6;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 3.5rem;
  padding: .75rem 1rem 1.5rem 1.25rem;
  display: none;
  position: absolute;
  inset: auto 0 0% 0%;
}

.text-button {
  grid-column-gap: .75rem;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  height: 2.5rem;
  margin-bottom: -.75rem;
  display: flex;
}

.close_pop_up_wrapper {
  cursor: pointer;
  border-radius: .375rem;
  justify-content: center;
  align-items: center;
  width: 2rem;
  height: 2rem;
  display: flex;
  position: absolute;
  inset: .25rem .25rem auto auto;
}

.close_pop_up_wrapper:hover {
  background-color: #fff3;
}

.mev_sound_button {
  cursor: pointer;
  border-radius: .25rem;
  justify-content: center;
  align-items: center;
  width: 2rem;
  height: 2rem;
  display: flex;
}

.mev_sound_button:hover {
  color: var(--case-studies--text);
  background-color: #e0e0e2;
}

.sound_progress_wrapper {
  border: 1px solid var(--case-studies--border);
  border-radius: .5rem;
  height: .75rem;
  display: none;
  position: absolute;
  inset: auto .5rem -1rem 0%;
  overflow: hidden;
}

.sound_progress {
  transform-origin: 0%;
  background-color: #e0e0e2;
  width: 100%;
  height: 100%;
}

.case_study_title_wrapper {
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: relative;
}

.case_study_tile {
  position: relative;
}

.overlay_content {
  grid-row-gap: .5rem;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  height: 100%;
  display: flex;
}

.more_cs_vert_padding {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
  display: flex;
}

.ml_video_anchor {
  z-index: -1;
  position: absolute;
  inset: -1.5rem 0% 0%;
}

.hero-title-max-width-wss {
  grid-row-gap: .5rem;
  max-width: 51rem;
  color: var(--walmart--walmart-blue);
  flex-direction: column;
}

.wss_hero_img_wrapper {
  margin-left: -.8rem;
  margin-right: -.8rem;
}

.specs_grid_wss {
  border-top: 1px solid var(--case-studies--border);
  border-bottom: 1px solid var(--case-studies--border);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1.3fr 1.3fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.wss_hero_content {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.wss_hero_bg_wrapper {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  position: absolute;
  inset: -6rem 0% 0%;
  overflow: hidden;
}

.desktop-up {
  display: block;
}

.tablet-mobile-l {
  display: none;
}

.specimen {
  border: 1px solid var(--walmart--bg-medium);
  background-color: var(--walmart--bg-medium);
  border-radius: .75rem;
  width: 100%;
  position: relative;
  overflow: hidden;
}

.specimen.overflow {
  margin-top: 1rem;
  overflow: visible;
}

.specimen.allow-overflow {
  overflow: visible;
}

.circled-number-lg {
  z-index: 1;
  background-color: var(--case-studies--text);
  outline-color: var(--main--white);
  outline-offset: 0px;
  width: 2.5rem;
  height: 2.5rem;
  color: var(--main--white);
  border-radius: 1.75rem;
  outline-width: .5rem;
  outline-style: solid;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.pain_point_grid {
  grid-column-gap: 1.5rem;
  grid-template-rows: auto auto;
  grid-template-columns: 2.5rem 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  max-width: 62rem;
  padding-right: 8rem;
  display: grid;
  position: relative;
}

.pain_point_vert_line {
  background-color: var(--case-studies--text);
  width: .125rem;
  height: 100%;
  position: relative;
}

.pain_point_vert_line.pain_point_5 {
  background-image: linear-gradient(180deg, var(--case-studies--text), #80b8ee);
}

.pain_point_vert_line.goal {
  background-color: #0000;
  background-image: linear-gradient(#80b8ee, #80b8ee00 80%);
}

.pain_point_content {
  grid-row-gap: 1.5rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: .5rem;
  padding-bottom: 3.5rem;
  display: flex;
}

.pain_point_content.no-bottom-padding {
  padding-bottom: 0;
}

.figma-file-cover {
  border: 1px solid var(--card-border);
  border-radius: .5rem;
  overflow: hidden;
}

.file_cover_grid {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  padding: 2rem;
  display: grid;
}

.circled-designer_wrapper {
  width: 14rem;
  position: absolute;
  inset: -4.75rem -9.75rem auto auto;
}

.pain_point_2_specimen {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: flex-start;
  height: 28rem;
  display: flex;
}

.fill-height-wrapper {
  height: 100%;
  position: relative;
}

.specimen-canvas {
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  padding: 2rem;
  display: flex;
  position: relative;
}

.specimen-canvas.no-bottom-padding {
  padding-bottom: 0;
}

.specimen-canvas.left-aligned {
  justify-content: flex-start;
  align-items: flex-start;
}

.specimen-canvas.no-padding {
  padding: 0;
}

.specimen-canvas.prototype_canvas_width {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
}

.selector-outline {
  border: 1px solid var(--walmart--component-purple);
  pointer-events: none;
  position: absolute;
  inset: 0%;
}

.selector-outline.bottom-offset {
  bottom: -1rem;
}

.selector-outline.bottom_nav_offset {
  top: 6%;
}

.selector-handle {
  background-color: var(--main--white);
  border-style: solid;
  border-width: 1px;
  border-top-color: inherit;
  border-right-color: inherit;
  border-bottom-color: inherit;
  border-left-color: inherit;
  width: .5rem;
  height: .5rem;
  position: absolute;
}

.selector-handle.top-left {
  inset: -.25rem auto auto -.25rem;
}

.selector-handle.top-right {
  inset: -.25rem -.25rem auto auto;
}

.selector-handle.bottom-left {
  inset: auto auto -.25rem -.25rem;
}

.selector-handle.bottom-right {
  inset: auto -.25rem -.25rem auto;
}

.pain_point_3_specimen {
  height: 39rem;
}

.pain_point4_specimen {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 22.5rem;
  display: flex;
}

.lib_updates_button_wrapper {
  width: 50%;
  margin-bottom: -1.5rem;
}

.text-style-goal {
  font-size: 2.25rem;
  font-weight: 500;
  line-height: 3.5rem;
}

.wss-max-width-goal {
  width: 43.75rem;
}

.pain-point-anchor {
  z-index: -1;
  position: absolute;
  inset: -7rem 0% 0%;
}

._w-in-line-link {
  color: var(--walmart--walmart-blue);
  font-weight: 700;
}

._w-in-line-link:hover {
  text-decoration: underline;
}

._w-in-line-link.on-dark {
  color: var(--main--white);
}

.section-anchor {
  z-index: -1;
  position: absolute;
  inset: -3rem 0% 0%;
}

.interruptor-section {
  width: 100%;
  color: var(--case-studies--text-inverse);
  justify-content: center;
  display: flex;
}

.interruptor-section.bg-walmart {
  background-image: linear-gradient(#0071dc, #004f9a);
}

.open_peeps_credit_wrapper {
  padding-top: 1rem;
  padding-bottom: 2.5rem;
}

.thought_connector {
  position: absolute;
  inset: 20% -14% auto auto;
}

.designer_wrapper {
  height: 15rem;
  margin-top: -1rem;
  position: relative;
}

.pain_point5_specimen {
  justify-content: center;
  align-items: center;
  padding-right: 2rem;
  display: flex;
}

.text-style-thought {
  width: 19ch;
  font-style: italic;
  font-weight: 500;
  line-height: 1.5rem;
}

.thought_wrapper {
  border-radius: var(--radius--card-radius);
  background-color: var(--main--white);
  margin-top: -4%;
  margin-left: 1.75%;
  padding: .75rem 1rem;
  box-shadow: 0 .375rem .75rem #0000001c;
}

.goal_connector_wrapper {
  justify-content: center;
  align-items: flex-start;
  height: 100%;
  display: flex;
}

.interruptor-connector-wrapper {
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-top: .1875rem;
  padding-right: 1.25rem;
  display: flex;
}

.interruptor-connector {
  background-image: linear-gradient(90deg, #80b8ee00, #579ee1 37%, #80b8ee);
  width: 100%;
  height: .125rem;
}

.connector-circle {
  border: .125rem solid #80b8ee;
  border-radius: .5rem;
  width: 1rem;
  height: 1rem;
}

.section_wss_goal {
  grid-template-rows: 10rem auto 10rem;
  grid-template-columns: 3rem 2.5rem 1fr 41rem 1fr 2.5rem 3rem;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
}

.section_wss_goal.walmart-bg {
  color: var(--main--white);
}

.walmart-bg {
  background-image: linear-gradient(#0071dc, #004f9a);
}

.wss_goal_grid {
  grid-template-rows: 10rem auto 10rem;
  grid-template-columns: 3rem 2.5rem minmax(0, 1fr) auto minmax(0, 1fr) 2.5rem 3rem;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  display: grid;
}

.text-style-pp-number {
  font-size: 1.3125rem;
  font-weight: 700;
  line-height: 2.25rem;
}

.pain_point_desc_wrapper {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 97%;
}

.inturroptor_grid {
  grid-column-gap: 0rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: 3rem 1fr 1fr 1fr 3rem;
  grid-auto-columns: 1fr;
  width: 100%;
  padding-top: 6.5rem;
  padding-bottom: 6.5rem;
  display: grid;
}

.wss-max-width-interruptor {
  grid-row-gap: 1.5rem;
  flex-flow: column;
  width: 41.5rem;
  display: flex;
}

.text-size-xl {
  font-size: 1.5rem;
  line-height: 2.5rem;
  position: relative;
}

.text-style-author {
  font-size: 1.0625rem;
  line-height: 1.5rem;
}

.text-color-accent-wss {
  color: var(--walmart--accent);
}

.ax_impact_grid {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1.2fr;
  grid-auto-columns: 1fr;
  align-items: start;
  width: 100%;
  display: grid;
}

.utility_impact_grid {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  grid-template-rows: auto;
  grid-template-columns: 1.425fr 1fr;
  grid-auto-columns: 1fr;
  align-items: start;
  width: 100%;
  display: grid;
}

.text-style-wss-teams {
  color: var(--walmart--accent);
  font-size: 1.375rem;
  font-weight: 700;
}

.retro_grid {
  grid-column-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1.3fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.icon-card-content {
  grid-row-gap: .5rem;
  flex-flow: column;
  padding-top: .25rem;
  padding-bottom: .25rem;
  display: flex;
}

.thought_connector_wrapper {
  width: 6.25rem;
  position: absolute;
  top: 20%;
  right: -14%;
}

.wss_background_grid {
  grid-template-rows: 8.75rem 8.5rem 6.75rem auto;
  grid-template-columns: 30rem 3rem minmax(0, 28rem);
  grid-auto-columns: 1fr;
  align-items: start;
  width: 100%;
  display: grid;
}

.design_system_specimen {
  grid-row-gap: .5rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  height: 32.75rem;
  padding-top: .5rem;
  padding-left: .5rem;
  padding-right: .5rem;
  display: flex;
  position: relative;
}

.subsystem_grid {
  flex-flow: wrap;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  display: grid;
}

.subsystem_wrapper {
  margin-top: -.25rem;
  margin-bottom: -.25rem;
}

.subsystem_wrapper.left {
  margin-right: -.25rem;
}

.subsystem_wrapper.right {
  margin-left: -.25rem;
}

.wss_bg_callout_wrapper4 {
  position: relative;
}

.bg_connector_callout1 {
  z-index: 2;
  padding-top: 2.8rem;
  padding-left: 20.5rem;
  padding-right: .75rem;
  position: relative;
}

.wss_horiz_connector {
  background-color: var(--main--neutral-bright);
  height: .125rem;
}

.wss_diagonal_connector4 {
  background-color: var(--main--neutral-bright);
  clip-path: polygon(0 0, .15rem 0, 100% calc(100% - .15rem), 100% 100%);
  position: absolute;
  inset: 5rem 0% -1rem;
}

.diagonal_connector_wrapper {
  width: calc(100% - .25rem);
  height: 100%;
  margin-left: -.125rem;
  position: relative;
}

.bg_connector_callout2 {
  z-index: 2;
  padding-top: 5.8rem;
  padding-left: 28.25rem;
  position: relative;
}

.bg_connector_callout3 {
  z-index: 2;
  padding-top: .7rem;
  padding-left: 28.25rem;
  padding-right: .75rem;
  position: relative;
}

.bg_connector_callout4 {
  z-index: 2;
  padding-top: 5rem;
  padding-left: 25.5rem;
  position: relative;
}

.wss_diagonal_connector2 {
  background-color: var(--main--neutral-bright);
  clip-path: polygon(0 0, .13rem 0, 100% calc(100% - .2rem), 100% 100%);
  position: absolute;
  inset: 5.8rem 0% -1rem;
}

.wss_bg_callout_wrapper1 {
  padding-top: 2rem;
  position: relative;
}

.wss_bg_callout_wrapper2, .wss_bg_callout_wrapper3 {
  position: relative;
}

.foundations_intro_wrapper {
  grid-column-gap: 3rem;
  justify-content: space-between;
  align-items: flex-end;
  display: flex;
}

.core_library_cover_size {
  min-width: 16rem;
  max-width: 16rem;
}

.token_grid {
  grid-column-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.token_col {
  border: .1875rem solid var(--walmart--bg-medium);
  border-radius: var(--radius--card-radius) var(--radius--card-radius) .25rem .25rem;
  overflow: hidden;
}

.token_col_header {
  background-color: var(--walmart--bg-medium);
  justify-content: flex-start;
  align-items: center;
  padding: .5rem 1.5rem;
  display: flex;
}

.token_col_body {
  padding: 1rem 1.5rem;
}

.text-style-token-number {
  font-size: 2rem;
  font-weight: 700;
}

.token {
  border-radius: var(--radius--token-radius);
  background-color: var(--walmart--accent-light);
  max-width: 100%;
  padding: .5rem .75rem;
}

.convert_tag {
  z-index: 1;
  border-radius: var(--radius--token-radius);
  background-color: var(--walmart--bg-medium);
  outline-color: var(--main--white);
  outline-offset: 0px;
  outline-width: .25rem;
  outline-style: solid;
  padding: .0625rem .375rem .1875rem;
  position: relative;
}

.token_conversion_wrapper {
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  height: 12rem;
  display: flex;
  position: relative;
}

.arrow-line {
  background-color: var(--walmart--border);
  width: .125rem;
  height: 100%;
}

.token_conversion_arrow {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  height: 100%;
  padding-top: 2.5rem;
  padding-bottom: 2.25rem;
  display: flex;
  position: static;
  inset: 2.5rem auto 2.5rem 0;
}

.token_arrow_head {
  color: var(--walmart--border);
  margin-top: -1.25rem;
}

.ld_token_arrow_position {
  width: 3.125rem;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  top: 0%;
  bottom: 0%;
  right: auto;
}

.me-at_token_arrow_position {
  width: 2.5rem;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  top: 0%;
  bottom: 0%;
  right: auto;
}

.me-at_color_styles {
  grid-column-gap: .25rem;
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.color_style_fixed_height {
  height: 2.25rem;
}

.light-text {
  color: var(--case-studies--text-inverse);
}

.token_buckets_intro {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-flow: column;
  width: 42rem;
  display: flex;
}

.color_guide_specimen {
  grid-template-rows: min-content;
  grid-template-columns: 22% minmax(0, 1fr) 70%;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
  position: relative;
}

.shadow-md {
  width: 100%;
  box-shadow: 0 .5625rem 1.125rem #00000026;
}

.shadow-lg {
  position: relative;
  box-shadow: 0 .8125rem 2.3125rem #00000036;
}

.tip_overlay {
  border-top-right-radius: .5rem;
  border-bottom-right-radius: .5rem;
  width: 28%;
  position: absolute;
  inset: -1rem -1rem auto auto;
  overflow: hidden;
}

.overflow-img-wrapper {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}

.specimen-cropped-img {
  position: absolute;
  inset: 0%;
}

.testing_divider {
  background-color: var(--card-border);
  height: .0625rem;
  margin-left: 4%;
  margin-right: 4%;
}

.comp_testing_section {
  background-color: var(--main--white);
  width: 100%;
}

.comp_testing_grid {
  grid-template-rows: min-content min-content min-content min-content;
  grid-template-columns: 30rem 1fr;
  grid-auto-columns: 1fr;
  place-items: start stretch;
  width: 100%;
  display: grid;
  position: relative;
}

.connector_wrapper_lg {
  z-index: 2;
  padding-top: 1rem;
  padding-right: .75rem;
  position: relative;
}

.testing_callout_grid {
  grid-template-rows: auto;
  grid-template-columns: 30rem 2.5rem 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.testing_callout_text {
  grid-row-gap: .25rem;
  flex-flow: column;
  max-width: 34.5rem;
  display: flex;
}

.testing_connector_left1 {
  padding-left: 17rem;
}

.testing_callout1 {
  position: absolute;
  top: 10rem;
}

.testing_callout2 {
  position: absolute;
  top: 24.375rem;
}

.testing_connector_left2 {
  padding-left: 27.2rem;
}

.testing_callout3 {
  position: absolute;
  top: 39.3rem;
}

.testing_callout4 {
  position: absolute;
  top: 50.9rem;
}

.testing_connector_left4 {
  padding-left: 9rem;
}

.stacked_specimen_top {
  border-top-left-radius: var(--radius--card-radius);
  border-top-right-radius: var(--radius--card-radius);
  background-color: var(--walmart--bg-medium);
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  padding-top: 2rem;
  padding-left: 2rem;
  padding-right: 2rem;
  display: flex;
  overflow: hidden;
}

.stacked_specimen_bottom {
  border-bottom-left-radius: var(--radius--card-radius);
  border-bottom-right-radius: var(--radius--card-radius);
  background-color: var(--walmart--bg-medium);
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  padding-bottom: 2rem;
  padding-left: 2rem;
  padding-right: 2rem;
  display: flex;
  overflow: hidden;
}

.stacked_specimen_middle {
  background-color: var(--walmart--bg-medium);
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  padding-left: 2rem;
  padding-right: 2rem;
  display: flex;
  overflow: hidden;
}

.specimen_bg_wrapper {
  height: 100%;
  padding: 2rem;
}

.specimen_shadow {
  width: 100%;
  height: 100%;
}

.robustness_grid {
  grid-template-rows: auto;
  grid-template-columns: minmax(30rem, 1fr) 5rem 1fr;
  grid-auto-columns: 1fr;
  display: grid;
  position: relative;
}

.subsection-anchor {
  z-index: -1;
  position: absolute;
  inset: -8rem 0% 0%;
}

.test_items_wrapper {
  grid-row-gap: .5rem;
  flex-flow: column;
  max-width: 28rem;
  padding-top: .625rem;
  display: flex;
}

.test-item-card {
  grid-column-gap: 1rem;
  border: .0625rem solid var(--card-border);
  border-radius: var(--radius--card-radius);
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: .75rem 1rem;
  display: flex;
}

.circled_icon_checklist {
  background-color: var(--walmart--accent-light);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  min-width: 3rem;
  max-width: 3rem;
  min-height: 3rem;
  max-height: 3rem;
  font-size: 1.25rem;
  line-height: 1em;
  display: flex;
}

.icon_text_wrapper {
  grid-column-gap: 1rem;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.checkbox_wrapper {
  color: #11a92a;
  font-size: 1.25rem;
  line-height: 1em;
}

.text_styles_specimen {
  justify-content: space-between;
  height: 38rem;
  display: flex;
  position: relative;
}

.design-panel {
  border-left: .0625rem solid #e5e5e5;
  min-width: 13.5rem;
  max-width: 13.5rem;
  position: relative;
}

.text_styles_sheet {
  width: 30rem;
}

.no-bottom-padding {
  padding-bottom: 0;
}

.text_style_modal {
  width: 16rem;
}

.figma_modal_position {
  z-index: 1;
  padding-bottom: 1rem;
  padding-right: 13.5rem;
  position: absolute;
  inset: auto -.25rem 0% auto;
}

.instances_specimen {
  justify-content: space-between;
  height: 38rem;
  display: flex;
  position: relative;
}

.left-aligned {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.layers-panel {
  min-width: 14rem;
  max-width: 14rem;
}

.ax_bottom_nav {
  align-self: center;
  width: 15rem;
  position: relative;
}

.circled-number-sm {
  background-color: var(--case-studies--text);
  min-width: 1.5rem;
  max-width: 1.5rem;
  min-height: 1.5rem;
  max-height: 1.5rem;
  color: var(--main--white);
  border-radius: 1.75rem;
  justify-content: center;
  align-items: center;
  font-size: .875rem;
  font-weight: 700;
  line-height: 1em;
  display: flex;
  position: relative;
}

.horiz-pointer {
  grid-column-gap: .1875rem;
  justify-content: flex-start;
  align-items: center;
  width: 4.5rem;
  display: flex;
}

.instance_pointer1 {
  position: absolute;
  top: 43%;
  left: 4%;
  transform: translate(-100%, -50%);
}

.instance_pointer4 {
  position: absolute;
  top: 23%;
  right: .75rem;
  transform: translate(100%, -50%);
}

.instance_pointer2 {
  position: absolute;
  top: .3125rem;
  left: 10.5%;
  transform: translate(-50%, -100%);
}

.vertical-pointer {
  grid-row-gap: .1875rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  height: 4.5rem;
  display: flex;
}

.vertical-line {
  background-color: var(--case-studies--text);
  width: .125rem;
  height: 100%;
}

.vertical-line.on-dark {
  background-color: #ffffff61;
}

.instance_pointer3 {
  position: absolute;
  top: .3125rem;
  left: 70%;
  transform: translate(-50%, -100%);
}

.instance_legend1 {
  position: absolute;
  top: 15.9rem;
  transform: translate(-70%, -50%);
}

.instance_legend2 {
  position: absolute;
  top: 18.4rem;
  transform: translate(-70%, -50%);
}

.instance_legend3 {
  position: absolute;
  top: 22.6rem;
  transform: translate(-70%, -50%);
}

.instance_legend4 {
  position: absolute;
  top: 26.9rem;
  transform: translate(-70%, -50%);
}

.instance_pointer4-alt {
  position: absolute;
  top: .3125rem;
  left: 70%;
  transform: translate(-50%, -100%);
}

.instance_pointer1_alt {
  position: absolute;
  top: .3125rem;
  left: 10.5%;
  transform: translate(-50%, -100%);
}

.responsive_grid {
  max-width: var(--intro-max-width);
  grid-row-gap: 1.5rem;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.relative-wrapper {
  position: relative;
}

.normal-selection {
  border: 1px solid var(--case-studies--figma-blue);
}

.modular_approach_specimen {
  grid-row-gap: .25rem;
  flex-flow: column;
  height: 57.5rem;
  display: flex;
}

.offset_instance_name {
  grid-column-gap: .4375rem;
  color: var(--walmart--component-purple);
  margin-left: -1.3rem;
  display: flex;
}

.figma-layer-name {
  grid-column-gap: .4375rem;
  color: #0006;
  padding-bottom: .125rem;
  display: flex;
}

.figma-layer-name.component {
  color: var(--walmart--component-purple);
}

.figma-layer-name.selected {
  color: var(--case-studies--figma-blue);
}

.component_note {
  max-width: 37ch;
  position: absolute;
  inset: auto 3rem 2rem 2rem;
}

.component_note_arrow {
  width: 5rem;
  color: var(--walmart--accent-bright);
  position: absolute;
  inset: .5rem auto auto 2rem;
  transform: translate(-100%, -100%);
}

.resized_comp_arrow_top_left {
  position: absolute;
  top: .5rem;
  left: .5rem;
  transform: translate(-100%);
}

.resized_comp_arrow_top_right {
  position: absolute;
  inset: .5rem .5rem auto auto;
  transform: translate(100%);
}

.resized_comp_arrow_bottom_right {
  position: absolute;
  inset: auto 1rem .75rem auto;
  transform: translate(100%);
}

.callout_examples_grid {
  grid-column-gap: 1.5rem;
  grid-row-gap: .5rem;
  grid-template-rows: auto min-content;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  display: grid;
}

.callout_specimen {
  margin-top: -4%;
  margin-left: -1.45%;
  margin-right: -1.45%;
}

.circled-number-md {
  background-color: var(--case-studies--text);
  min-width: 1.75rem;
  max-width: 1.75rem;
  min-height: 1.75rem;
  max-height: 1.75rem;
  color: var(--main--white);
  border-radius: 1.75rem;
  justify-content: center;
  align-items: center;
  font-size: .875rem;
  font-weight: 700;
  line-height: 1em;
  display: flex;
  position: relative;
}

.bg_legend1, .bg_legend2, .bg_legend3, .bg_legend4, .in-line-mobile-only {
  display: none;
}

.text-color-accent-wss-bright {
  color: var(--walmart--accent-bright);
}

.callout_variants_specimen {
  max-width: 64rem;
  margin-bottom: -2%;
  margin-left: -1.31579%;
}

.versioning_template_specimen {
  max-width: 40rem;
  max-height: 34rem;
}

.callout_number {
  float: left;
  padding-right: .75rem;
}

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

.comp_sheet_specimen_grid {
  grid-template-rows: auto;
  grid-template-columns: 1fr 4.5fr;
  grid-auto-columns: 1fr;
  height: 44rem;
  display: grid;
}

.comp_sheet_callout_grid {
  grid-template-rows: auto;
  grid-template-columns: 26rem 1.5rem 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.comp_sheet_callout2 {
  position: absolute;
  top: 1.85rem;
}

.connector_wrapper_sm {
  padding-top: .75rem;
  padding-right: .5rem;
  position: relative;
}

.comp_sheet_connector_left2 {
  padding-left: 24rem;
}

.comp_sheet_callout3 {
  position: absolute;
  top: 9.15rem;
}

.comp_sheet_connector_left3 {
  padding-left: 11.75rem;
}

.comp_org_video_wrapper {
  aspect-ratio: 16 / 9;
  margin: -.125rem;
}

.comp_org_demo {
  border-radius: .5625rem .5625rem .75rem .75rem;
  flex-flow: column;
  display: flex;
  position: relative;
  overflow: hidden;
}

.text-style-figma-layer {
  font-family: Inter Variablefont Opsz Wght, sans-serif;
  font-size: .875rem;
  font-weight: 600;
  line-height: 1.5rem;
}

.comp_sheet_canvas_grid {
  grid-template-rows: min-content min-content 1.5rem min-content auto;
  grid-template-columns: 26rem 1fr;
  grid-auto-columns: 1fr;
  padding-left: 2rem;
  padding-right: 1rem;
  display: grid;
}

.comp_sheet_callout4 {
  position: absolute;
  top: 15.55rem;
}

.comp_sheet_connector_left4 {
  padding-left: 16.75rem;
}

.comp_sheet_callout1 {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.comp_sheet_connector1 {
  width: 2.1rem;
  padding-left: .5rem;
  padding-right: .25rem;
  display: flex;
  position: absolute;
  top: -1rem;
  bottom: 11.1rem;
}

.wss_elbow_connector {
  border-bottom: .125rem solid var(--main--neutral-bright);
  border-left: .125rem solid var(--main--neutral-bright);
  border-bottom-left-radius: .25rem;
  width: 100%;
  height: 100%;
}

.text-style-figma-layer-sm {
  font-family: Inter Variablefont Opsz Wght, sans-serif;
  font-size: .75rem;
  font-weight: 600;
  line-height: 1.25rem;
}

.base_parts_callout {
  position: absolute;
  top: 6.25rem;
}

.base_parts_connector_left {
  padding-left: 12.6rem;
}

.comp_sheet_callout_max_width {
  max-width: 30ch;
}

.comp_sheet_callouts {
  position: relative;
}

.comp_sheet_numbered_callouts, .comp_sheet_legend1, .comp_sheet_legend2, .comp_sheet_legend3, .comp_sheet_legend4, .base_parts_legend {
  display: none;
}

.vqa_template_grid {
  grid-column-gap: 2rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto auto;
  grid-template-columns: minmax(0, 47.5rem) minmax(17.5rem, 1fr);
  grid-auto-columns: 1fr;
  display: grid;
}

.vqa_quote_wrapper {
  padding-top: 2rem;
}

.vqa_template_specimen {
  width: 100%;
}

.warning-pointer {
  color: var(--client-recruiter--secondary-accent);
  font-size: 1.5rem;
}

.modes_demo_specimen {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1rem 15rem;
  grid-auto-columns: 1fr;
  height: 45.5rem;
  display: grid;
  position: relative;
}

.android_wrapper {
  width: 100%;
  position: relative;
}

.ios-notch-wrapper, .ios-no-notch-wrapper {
  width: 91.0194%;
  position: relative;
}

.fixed-bottom-nav {
  position: sticky;
  inset: auto 0% 0%;
  box-shadow: 0 -.0625rem .25rem #00000026;
}

.fixed-app-header {
  position: sticky;
  top: 0%;
  left: 0%;
  right: 0%;
}

.xcover_wrapper {
  width: 87.3786%;
  display: block;
  position: relative;
}

.xcover-aspect-ratio {
  aspect-ratio: 360 / 780;
  position: relative;
}

.size_pill {
  background-color: var(--walmart--component-purple);
  color: var(--main--white);
  text-align: center;
  border-radius: .25rem;
  justify-content: center;
  align-items: flex-start;
  padding-left: .625rem;
  padding-right: .625rem;
  font-family: Inter Variablefont Opsz Wght, sans-serif;
  font-size: .875rem;
  line-height: 1.5em;
}

.size_pill_wrapper {
  justify-content: center;
  align-items: flex-start;
  padding-top: .75rem;
  display: flex;
}

.android-aspect-ratio {
  aspect-ratio: 412 / 846;
  position: relative;
}

.ios-notch-aspect-ratio {
  aspect-ratio: 375 / 812;
  position: relative;
}

.ios-no-notch-aspect-ratio {
  aspect-ratio: 375 / 667;
  position: relative;
}

.scrollable_arrow_position {
  z-index: 1;
  width: 4.5rem;
  color: var(--walmart--accent-bright);
  position: absolute;
  inset: .3rem auto auto 7.75rem;
}

.scrollable_curved_arrow {
  aspect-ratio: 77 / 142;
}

.try_it_callout {
  grid-row-gap: .25rem;
  border-style: solid;
  border-width: .0625rem .0625rem .0625rem .3125rem;
  border-color: var(--card-border) var(--card-border) var(--card-border) var(--walmart--accent-bright);
  background-color: var(--main--white);
  border-top-right-radius: .5rem;
  border-bottom-right-radius: .5rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 13.75rem;
  padding: 1rem .75rem 1rem 1rem;
  display: flex;
  position: relative;
}

.try_it_callout.shadow-md {
  z-index: 3;
}

.try_it_curved_arrow {
  aspect-ratio: 48 / 129;
  color: var(--walmart--accent-bright);
}

.try_it_arrow_position {
  z-index: 3;
  width: 2.8rem;
  position: absolute;
  bottom: 1.8rem;
  left: 9rem;
  transform: translate(0, 100%);
}

.figma-dropdown {
  cursor: pointer;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.scrim {
  background-color: #00000080;
  position: absolute;
  inset: 0%;
}

.modular_approach_grid {
  grid-column-gap: 3rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.homescreen_max_width {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 18rem;
  display: flex;
  position: relative;
}

.layer_properties_grid {
  border: .0625rem solid var(--card-border);
  background-color: var(--main--white);
  grid-template-rows: 2rem;
  grid-template-columns: 2rem 1fr 1fr 3rem 2rem;
  grid-auto-rows: 2rem;
  grid-auto-columns: 1fr;
  width: 100%;
  padding: .5rem;
  font-family: Inter Variablefont Opsz Wght, sans-serif;
  font-size: .75rem;
  line-height: 2rem;
  display: grid;
  box-shadow: 0 .5625rem 1.125rem #00000026;
}

.interactive_modes_wrapper {
  grid-row-gap: 1rem;
  flex-flow: column;
  padding-top: 22.8rem;
  display: flex;
  position: relative;
}

.text-style-figma-title {
  font-weight: 600;
}

.figma-label-wrapper {
  padding-left: .5rem;
}

.figma-text-color-light {
  color: #00000080;
}

.figma-chevron {
  color: #b3b3b3;
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 1rem;
  display: flex;
}

.figma_layer_properties_blowout {
  z-index: 2;
  margin-right: -1rem;
  position: relative;
}

.modes_design_panel {
  border-top-right-radius: .75rem;
  border-bottom-right-radius: .75rem;
  height: 100%;
  position: relative;
  overflow: hidden;
}

.prototype_canvas_width {
  width: calc(50vw - 4.5rem);
}

.specimen-tabs-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border-radius: var(--radius--card-radius);
  background-color: var(--walmart--bg-medium);
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  height: 3rem;
  position: relative;
}

.specimen-tab {
  grid-column-gap: .75rem;
  opacity: .65;
  background-color: #0000;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding-left: 0;
  padding-right: .25rem;
  display: flex;
}

.specimen-tab:hover {
  opacity: 1;
  font-weight: 500;
}

.specimen-tab.w--current {
  opacity: 1;
  background-color: #0000;
  font-weight: 500;
}

.specimen-tab._4-tabs {
  width: 25%;
}

.specimen-tab._3-tabs {
  width: 33.3333%;
}

.specimen-tab-labels {
  justify-content: flex-start;
  width: 100%;
  height: 100%;
  display: inline-flex;
  position: relative;
}

.tab-selector {
  border: .0625rem solid var(--card-border);
  border-radius: var(--radius--card-radius);
  background-color: var(--main--white);
  height: 100%;
  margin-left: -.25rem;
  margin-right: -.25rem;
  box-shadow: 0 .375rem .75rem #0000001c;
}

.tab-selector-wrapper {
  height: calc(100% + .5rem);
  position: absolute;
  top: -.25rem;
  left: 0;
  transform: translate(0%);
}

.tab-selector-wrapper._4-tabs {
  width: 25%;
}

.tab-selector-wrapper._3-tabs {
  width: 33.3333%;
}

.specimen-tab-dividers {
  width: 100%;
  height: 100%;
  padding-top: .5rem;
  padding-bottom: .5rem;
  display: flex;
  position: absolute;
  top: 0%;
}

.specimen-tab-divider {
  grid-column-gap: .75rem;
  border-right: .0625rem solid #b7bac7;
  justify-content: center;
  align-items: center;
  height: 100%;
}

.specimen-tab-divider._4-tabs {
  width: 25%;
}

.specimen-tab-divider._3-tabs {
  width: 33.3333%;
}

.specimen-tabs-content {
  display: none;
}

.sticker_sheets_specimen {
  width: 100%;
  height: 41rem;
  padding-top: 2rem;
  padding-left: 2rem;
  padding-right: 2rem;
  display: flex;
}

.sticker_sheet {
  min-width: 40rem;
  max-width: 40rem;
}

.sticker_sheet.border {
  position: relative;
}

.sticker_sheets_wrapper {
  grid-column-gap: 2.5rem;
  width: 42.5rem;
  display: flex;
  transform: translate(0%);
}

.scrollable-mockup {
  overscroll-behavior: none;
  height: 100%;
  overflow: auto;
}

.scrollable-mockup.project_brief_height {
  height: 39rem;
}

.figma-toolbar {
  z-index: 5;
  background-color: #1e1e1e;
  justify-content: space-between;
  height: 2.5rem;
  display: flex;
  position: relative;
}

.figma-toolbar-group {
  height: 100%;
  display: flex;
}

.app-button {
  background-color: var(--main--neutral-bright);
  border-radius: 50%;
  min-width: .75rem;
  max-width: .75rem;
  min-height: .75rem;
  max-height: .75rem;
}

.app-button.close {
  background-color: #fe5f57;
}

.app-button.minimize {
  background-color: #fdbc2e;
}

.app-button.maximize {
  background-color: #2ac840;
}

.app-button-wrappers {
  grid-column-gap: .5rem;
  justify-content: flex-start;
  align-items: center;
  height: 100%;
  padding-left: .75rem;
  padding-right: .75rem;
  display: flex;
}

.figma-toolbar-icon {
  aspect-ratio: 1;
  color: #bbb;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding-top: .25rem;
  padding-left: .75rem;
  padding-right: .75rem;
  display: flex;
}

.figma-toolbar-icon.narrow {
  aspect-ratio: 9 / 10;
  padding-top: .125rem;
  padding-left: .675rem;
  padding-right: .675rem;
}

.figma-toolbar-icon.wide {
  aspect-ratio: 6 / 5;
  padding-top: .375rem;
  padding-left: .875rem;
  padding-right: .875rem;
}

.figma-vert-divider {
  background-color: #ffffff40;
  width: .0625rem;
  height: 100%;
}

.figma-tab {
  color: #ffffffe6;
  background-color: #333;
  justify-content: flex-start;
  align-items: center;
  height: 100%;
  padding-left: .25rem;
  padding-right: .25rem;
  font-family: Inter Variablefont Opsz Wght, sans-serif;
  font-size: .75rem;
  line-height: 1em;
  display: flex;
}

.figma-file-type {
  background-color: var(--case-studies--figma-blue);
  border-radius: .125rem;
  min-width: 1rem;
  max-width: 1rem;
  min-height: 1rem;
  max-height: 1rem;
  margin-left: .5rem;
  margin-right: .5rem;
}

.specimen-tabs {
  height: 100%;
}

.device_modes_dropdown {
  z-index: 5;
  background-color: #1e1e1e;
  width: 80%;
  margin-left: .5rem;
  padding-top: .5rem;
  padding-bottom: .5rem;
  display: none;
  position: absolute;
  top: 37rem;
}

.device_mode_tab {
  grid-column-gap: .5rem;
  color: #ffffffe6;
  cursor: pointer;
  background-color: #0000;
  justify-content: flex-start;
  align-items: center;
  padding: 0 .5rem;
  font-family: Inter Variablefont Opsz Wght, sans-serif;
  font-size: .75rem;
  line-height: 1.5rem;
  display: flex;
}

.device_mode_tab:hover {
  background-color: var(--case-studies--figma-blue);
}

.device_mode_tab.w--current {
  background-color: #0000;
}

.device_mode_tab.w--current:hover {
  background-color: var(--case-studies--figma-blue);
}

.device_option_checkmark {
  opacity: 0;
  justify-content: center;
  align-items: flex-start;
  width: 1rem;
  height: 1rem;
  display: flex;
}

.device_option_checkmark.current_mode {
  opacity: 1;
}

.device_modes_dropdown_isopen {
  z-index: 5;
  cursor: pointer;
  width: 100%;
  height: 100%;
  display: none;
}

.next-sheet-trigger {
  cursor: pointer;
  position: absolute;
  inset: 2rem 0% 0% 44.5rem;
}

.next-sheet-trigger.last-sheet {
  display: none;
}

.modes_demo_tabs {
  position: absolute;
  inset: 0%;
}

.modes_demo_tab {
  z-index: 1;
  width: 100%;
  max-width: 18rem;
  padding-top: 2rem;
}

.documentation_grid {
  grid-column-gap: 2.5rem;
  grid-row-gap: .5rem;
  grid-template-rows: auto auto;
  grid-template-columns: max-content 1fr;
  grid-auto-columns: 1fr;
  place-items: baseline start;
  width: 100%;
  display: grid;
}

.design_panel_portion {
  display: none;
}

.ifit_overview_grid {
  grid-column-gap: 5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 13rem;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.text-highlight-ifit {
  color: #87eecd;
  font-weight: 500;
  display: inline;
}

.ifit_project_specs {
  grid-row-gap: 2.5rem;
  opacity: .9;
  flex-flow: column;
  grid-template-rows: auto auto auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  margin-top: .5rem;
  display: flex;
}

.ifit-max-width-hmw {
  width: 100%;
  max-width: 45rem;
}

.sub-section-line-header {
  grid-column-gap: .75rem;
  flex-flow: row;
  grid-template-rows: auto;
  grid-template-columns: auto 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: grid;
}

.ifit_concepts_grid {
  grid-column-gap: 2.5rem;
  grid-row-gap: .75rem;
  grid-template-rows: min-content min-content min-content min-content min-content;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.ifit-seafoam-bg {
  background-color: var(--ifit--seafoam-light);
}

.text-color-seafoam {
  color: var(--ifit--seafoam-bright);
}

.ifit_final_ui_grid {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  flex-flow: column;
  grid-template-rows: 9rem auto;
  grid-template-columns: 1fr auto;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
  position: relative;
}

.ifit_card_header {
  grid-row-gap: .5rem;
  color: var(--ifit--seafoam-bright);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  font-size: 1.25rem;
  line-height: 1.5rem;
  display: flex;
}

.bullet-color-seafoam {
  background-color: var(--ifit--seafoam-medium);
}

.bullet-color-neutral {
  background-color: var(--neutral--neutral-300);
}

.bullet-color-neutral-dark {
  background-color: var(--neutral--neutral-400);
}

.ifit_process_grid {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  grid-template-rows: auto 5.5rem auto 5.5rem auto;
  grid-template-columns: 1fr 2rem 1fr 2rem 1fr;
  grid-auto-columns: 1fr;
  margin-top: 1rem;
  display: grid;
}

.ifit_overview_max_width {
  width: 100%;
  max-width: 42rem;
}

.ifit_arrow_left {
  width: 100%;
  height: 100%;
  color: var(--ifit--border);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.ifit_arrow_left.show-on-large {
  display: none;
}

.side-by-side-paragraphs {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: row;
  justify-content: flex-start;
  width: 100%;
  display: flex;
}

.vertical-line-wrapper {
  height: 100%;
}

.vert-line {
  width: 100%;
  height: 100%;
}

.line-color-neutral {
  background-color: var(--neutral--neutral-400);
}

.line-color-on-dark {
  background-color: var(--ifit--border);
}

.vert-line-weight-thin {
  width: .0625rem;
}

.horiz-line-weight-thin {
  height: .0625rem;
}

.horiz-line-weight-medium {
  height: .125rem;
}

.horiz-line-weight-thick {
  height: .1875rem;
}

.horizontal-line {
  width: 100%;
  height: 100%;
}

.horiz-line-wrapper {
  width: 100%;
}

.arrow-head-medium {
  margin-top: .45rem;
  margin-left: -.75rem;
}

.arrow-head-medium.bottom {
  align-self: flex-end;
  margin-top: 0;
  margin-bottom: -1.13rem;
}

.rounded-end-medium {
  background-color: currentColor;
  border-radius: 100%;
  min-width: .125rem;
  max-width: .125rem;
  min-height: .125rem;
  max-height: .125rem;
}

.rounded-end-medium.bottom-left {
  align-self: flex-start;
  transform: translate(0%, -50%);
}

.rounded-end-medium.top-right {
  align-self: flex-end;
  transform: translate(0%, 50%);
}

.ifit-dark {
  background-color: var(--ifit--dark-bg);
  color: var(--case-studies--text-inverse);
  position: relative;
}

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

.hero-title-max-width-ifit {
  grid-row-gap: .5rem;
  flex-direction: column;
  max-width: 25rem;
}

.elbow-left-down {
  border: .125rem;
  border-style: solid none none solid;
  border-top-left-radius: .5rem;
  width: 100%;
  height: 50%;
  padding-bottom: 1px;
  position: relative;
}

.s-curve-bottom-left {
  color: var(--ifit--border);
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-start;
  margin-top: -.125rem;
  margin-left: -.0625rem;
  padding-left: 50%;
  display: flex;
  position: relative;
}

.s-curve-bottom-left.tablet-only {
  display: none;
}

.s-curve-top-right {
  color: var(--ifit--border);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: .125rem;
  margin-right: -.0625rem;
  padding-right: 50%;
  display: flex;
}

.s-curve-top-right.tablet-only {
  display: none;
}

.elbow-down-left {
  border: .125rem solid;
  border-style: none solid solid none;
  border-bottom-right-radius: .5rem;
  width: 100%;
  height: 50%;
}

.s-curve-horizontal {
  flex-flow: column;
  justify-content: center;
  margin-left: -.5rem;
  margin-right: -.5rem;
  display: flex;
}

.s-curve-horizontal.tablet-only {
  display: none;
}

.arrowhead-down-small {
  margin-bottom: -.53125rem;
}

.arrowhead-down-small.bottom {
  align-self: flex-end;
  margin-top: 0;
  margin-bottom: -1.13rem;
}

.arrowhead-down-small.down {
  margin-top: -1.625rem;
  margin-left: 0;
  transform: translate(50%)rotate(90deg);
}

.arrowhead-down-bottom-left {
  position: absolute;
  bottom: 0;
  left: -.53125rem;
}

.ifit_arrow_down {
  width: 100%;
  height: 100%;
  color: var(--ifit--border);
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: relative;
}

.ifit_arrow_down.show-on-large {
  display: none;
}

.vert-line-weight-medium {
  width: .125rem;
}

.rounded-end-left {
  transform: translate(50%);
}

.rounded-end-top-right {
  align-self: flex-end;
  transform: translate(0, 50%);
}

.rounded-end-top {
  transform: translate(0, 50%);
}

.arrowhead-down-center {
  position: absolute;
  bottom: 0;
  left: auto;
}

.ifit_pattern {
  opacity: .04;
  background-image: url("https://cdn.prod.website-files.com/64ad825cb4f1c31ad69490d2/6702ae099cd01719052eb60c_ifit-pattern.png");
  background-position: 0 0;
  background-size: 8rem;
  width: 100%;
  height: 100%;
}

.ifit_pattern_top {
  opacity: .04;
  background-image: url("https://cdn.prod.website-files.com/64ad825cb4f1c31ad69490d2/6702b214ab354a1ef7948124_ifit-pattern-top.png");
  background-position: 0 0;
  background-size: 8rem;
  width: 100%;
  height: 9.93103rem;
  margin-top: -6rem;
}

.ifit_pattern_bg {
  z-index: 0;
  position: absolute;
  inset: 0%;
}

.inline-separator-dot {
  opacity: .7;
  margin-left: .375rem;
  margin-right: .375rem;
}

.ifit_hero_bg {
  z-index: 0;
  background-image: url("https://cdn.prod.website-files.com/64ad825cb4f1c31ad69490d2/670bf67d67cb0b7780ee56e1_mount-everest.png");
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  inset: 0%;
}

.ifit_hero_grid {
  grid-column-gap: 3rem;
  aspect-ratio: 3 / 2;
  grid-template-rows: auto;
  grid-template-columns: auto 1fr;
  grid-auto-columns: 1fr;
  place-items: center start;
  width: 100%;
  display: grid;
  position: relative;
}

.ifit_hero_img_wrapper {
  width: 100%;
  max-width: 40rem;
}

.ifit_spec_card {
  grid-row-gap: .25rem;
  flex-flow: column;
  align-items: flex-start;
  width: 100%;
  display: flex;
  position: relative;
}

.ifit_spec_card.next-cs {
  justify-content: flex-start;
  align-items: flex-end;
}

.ifit_specs_stacked {
  grid-row-gap: 2.5rem;
  flex-flow: column;
  width: 100%;
  display: flex;
}

.mev_logo-original {
  width: 1.75rem;
}

.tv-bezel {
  z-index: 5;
  justify-content: center;
  align-items: flex-start;
  width: 140vw;
  margin-left: -6%;
  margin-right: -6%;
  position: relative;
}

.ifit_demo_wrapper {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-top: 2.5rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

.tv_size {
  justify-content: center;
  width: calc(150.712vw - 9.0427rem);
  margin-bottom: -8.5%;
  display: flex;
  position: relative;
}

.ifit_video_size {
  margin-left: -.75%;
  margin-right: -1%;
  position: relative;
}

.ifit_video_opening {
  aspect-ratio: 619 / 352;
  width: 65%;
  margin-top: .8%;
  position: absolute;
  inset: 0% auto auto;
  overflow: hidden;
}

.cover_video_bottom_gap {
  background-color: #202020;
  height: .25rem;
  position: absolute;
  inset: auto 0% 0%;
}

.ifit_ideation_grid {
  min-width: 81rem;
  padding-right: var(--spacing--horiz-padding-md);
  grid-column-gap: 3rem;
  grid-row-gap: .75rem;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  display: grid;
}

.ifit_wire_intro_max_width {
  max-width: 29ch;
}

.ifit_wire_legend_row {
  grid-column-gap: .5rem;
  display: inline-flex;
}

.ifit_card_legend {
  border: 1px solid var(--card-border);
  background-color: #c4c4c4;
  border-radius: .25rem;
  width: 2rem;
  height: 1.5rem;
}

.ifit_card_legend.series {
  background-color: var(--ifit--ifit-blue);
}

.shadow-sm {
  box-shadow: 0 .25rem .5rem #0000001a;
}

.screen-wire-frame {
  border: .0625rem solid var(--card-border);
  border-radius: .25rem;
  width: 100%;
  position: relative;
  overflow: hidden;
}

.tv_fold_line {
  aspect-ratio: 16 / 9;
  border-bottom-style: solid;
  border-bottom-width: .125rem;
  border-bottom-color: var(--walmart--accent);
  color: var(--walmart--accent-bright);
  -webkit-text-stroke-color: var(--walmart--accent-bright);
  border-image: repeating-linear-gradient(90deg, currentColor 0 .5rem, #0000 .5rem 1rem) 48;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.ifit_fold_line_legend {
  border-bottom-style: solid;
  border-bottom-width: .125rem;
  border-bottom-color: var(--walmart--accent);
  width: 2rem;
  color: var(--walmart--accent-bright);
  -webkit-text-stroke-color: var(--walmart--accent-bright);
  border-image: repeating-linear-gradient(90deg, currentColor 0 .125rem, #0000 .125rem .25rem) 8;
  margin-top: .25rem;
}

.ifit_horiz_scroll {
  padding-left: var(--spacing--horiz-padding-md);
  margin-left: -3rem;
  margin-right: -3rem;
  overflow: scroll;
}

.ifit_pros_and_cons_wrapper {
  max-width: var(--intro-max-width);
  flex-flow: column;
  padding-top: 1.25rem;
  display: flex;
}

.ifit_wire_intro {
  padding-bottom: .5rem;
}

.side-by-side-normal {
  grid-column-gap: 1rem;
  width: 100%;
  display: flex;
}

.ellipsis_wrapper {
  align-self: center;
  padding-top: 2.75rem;
  padding-left: .5rem;
  padding-right: .5rem;
  font-size: 1.5rem;
}

.main_episode_wrapper {
  border: .09375rem solid var(--case-studies--text);
  border-radius: .25rem;
  width: 5rem;
  padding-top: .25rem;
  padding-bottom: .3125rem;
}

.season_wrapper {
  grid-row-gap: .5rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.episode_line {
  border-style: solid solid none;
  border-width: .09375rem;
  border-color: var(--case-studies--text);
  border-radius: .21875rem .21875rem 0 0;
  height: .25rem;
  margin-left: .25rem;
  margin-right: .25rem;
}

.episode_line.shorter {
  margin-left: .5rem;
  margin-right: .5rem;
}

.episodes_wrapper {
  grid-row-gap: .1875rem;
  flex-flow: column;
  display: flex;
}

.ifit_seasons_wrapper {
  grid-column-gap: 1.5rem;
  padding: .75rem 1rem 1rem;
  display: flex;
}

.header_with_icon {
  grid-column-gap: .5rem;
  border-bottom: .0625rem solid var(--card-border);
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: .75rem 1rem;
  line-height: 1.25rem;
  display: flex;
}

.ifit_parallel_wrapper {
  grid-template-rows: auto;
  grid-template-columns: 1fr min-content 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  display: flex;
}

.vs_wrapper {
  flex-flow: row;
  justify-content: center;
  align-items: center;
  padding-left: 2rem;
  padding-right: 2rem;
  display: flex;
}

.ifit_logo_bullet {
  color: var(--ifit--science-blue);
  margin-left: .25rem;
  font-size: 1.5rem;
}

.ifit_final_concept {
  grid-column-gap: .5rem;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.ifit_parallel_max_width {
  width: 100%;
  max-width: 30rem;
}

.line-color-dark {
  background-color: var(--case-studies--text);
}

.stretch-content-wrapper {
  flex: 1;
}

.ifit_sitemap_wrapper {
  position: relative;
}

.series_sitemap_highlight {
  grid-row-gap: .5rem;
  color: var(--ifit--seafoam-bright);
  flex-flow: column;
  margin-bottom: -1.75rem;
  display: flex;
  position: absolute;
  inset: 54% -1% 3.5% 38.2%;
  transform: translate(0, -1.75rem);
}

.series_outline {
  border: .125rem solid;
  border-radius: .5rem;
  width: 100%;
  height: 100%;
}

.ifit_sitemap_legend {
  grid-row-gap: .5rem;
  color: #ffffffb3;
  flex-flow: column;
  display: flex;
  position: absolute;
  inset: 0% 0% auto auto;
}

.side-by-side-tight {
  grid-column-gap: .5rem;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.ifit_sitemap_screen_legend {
  background-color: var(--ifit--elevation-2);
  border-radius: .25rem;
  width: 2.5rem;
  height: 1.25rem;
}

.ifit_sitemap_screen_legend.series {
  background-color: var(--ifit--ifit-blue);
}

.ifit_sitemap_screen_legend.roku {
  background-color: #6f1ab1;
}

.ifit_sitemap_screen_legend.apple-tv {
  background-color: #1a4db0;
}

.ifit_sitemap_screen_legend.chromecast {
  background-color: #39751e;
}

.ifit_sitemap_screen_legend.fire-tv {
  background-color: #b0471a;
}

.ifit_sitemap_image_wrapper {
  position: relative;
}

.underlined_title {
  border-bottom: .0625rem solid var(--ifit--border);
  padding-bottom: .25rem;
}

.ifit-highlight-tabs-wrapper {
  z-index: 10;
  width: var(--intro-max-width);
  max-width: var(--intro-max-width);
}

.ifit-in-line-link {
  color: var(--ifit--seafoam-bright);
  font-weight: 700;
}

.ifit-in-line-link:hover {
  text-decoration: underline;
}

.ifit-in-line-link.on-dark {
  color: var(--main--white);
}

.text-color-inverse-med {
  color: var(--case-studies--text-inverse-med);
}

.ifit_highlight {
  grid-row-gap: .5rem;
  flex-flow: column;
  align-items: flex-start;
  width: 100%;
  padding: 1rem 1.5rem;
  display: flex;
}

.tv-mockup-frame {
  background-image: linear-gradient(132deg, #0c1017 6.3%, #01040b 74%);
  width: 100%;
  padding: 2%;
  position: relative;
  box-shadow: 0 .125rem 1.25rem #ffffff0d;
}

.tv-glow {
  aspect-ratio: 2.39;
  border-radius: 50%;
  width: 40%;
  margin-left: auto;
  margin-right: auto;
  box-shadow: 0 3.5rem 8.5rem #72efce;
}

.tv_with_glow {
  position: relative;
}

.ifit-highlight-min-height {
  opacity: 0;
  cursor: none;
  width: 100%;
  min-height: 9rem;
}

.ifit_tabs {
  width: 100%;
  position: absolute;
  inset: 0%;
}

.roku_controller {
  aspect-ratio: 37 / 70;
  width: 5rem;
  margin-right: -.5rem;
  position: relative;
}

.roku-nav-buttons-wrapper {
  grid-row-gap: 1rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
}

.ifit_screen_wrapper {
  aspect-ratio: 16 / 9;
  background-image: linear-gradient(120deg, #010a1d 22%, #101631);
  flex-flow: row;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.ifit_row {
  flex-flow: column;
  width: 100%;
  display: flex;
  position: relative;
}

.ifit_glow {
  position: absolute;
  inset: 0% 0% auto;
}

.ifit_dimmed_row_title {
  background-color: #040d214f;
  width: 25%;
  height: 28%;
  position: absolute;
  inset: 0% auto auto 0%;
}

.ifit_sidenav {
  z-index: 2;
  min-width: 7.1%;
  max-width: 7.1%;
  height: 100%;
  position: relative;
}

.image-fill-all {
  height: 100%;
}

.ifit_feature_card {
  flex-flow: column;
  width: 38.6771%;
  display: flex;
  position: absolute;
  inset: 0% auto auto 30.75%;
}

.ifit_home_featured_row {
  width: 100%;
  margin-top: 7.635%;
  position: relative;
}

.ifit_card_title {
  opacity: .6;
}

.ifit_card_subtext {
  opacity: 0;
}

.ifit_card_tag {
  position: absolute;
  inset: 0% 0% auto;
}

.ifit_card_image_wrapper {
  opacity: .6;
  position: relative;
}

.ifit_card_image {
  transform: scale3d(1none, 1none, 1none);
  transform-style: preserve-3d;
}

.ifit_card_image.feature {
  transform-origin: 50% 100%;
}

.ifit_card_selector {
  height: .3125rem;
  transform-style: preserve-3d;
  background-image: linear-gradient(72deg, #0069d2 10%, #28e1a5 88%);
  margin-left: 0%;
  margin-right: -10%;
  transform: scale3d(0, 1, 1);
}

.ifit_card_selector.feature {
  margin-left: -4.25%;
  margin-right: -4.25%;
}

.ifit_screen_body {
  width: 100%;
  position: relative;
}

.ifit_card {
  flex-flow: column;
  width: 28.2511%;
  display: flex;
  position: absolute;
  inset: 0% auto auto 3.13901%;
}

.ifit_card.series {
  left: 7.29167%;
}

.ifit_card.btt_transition {
  opacity: 0;
}

.ifit_row_title {
  opacity: .43;
}

.ifit_screen_ceiling_fade {
  z-index: 1;
  opacity: 0;
  background-image: linear-gradient(0deg, #010a1d00, #010a1d99);
  height: 16%;
  position: absolute;
  inset: 0% 0% auto;
}

.ifit_screen_floor_fade {
  z-index: 1;
  background-image: linear-gradient(#010a1d00, #010a1dcc);
  height: 15.1%;
  position: absolute;
  inset: auto 0% 0%;
}

.ifit_card_duration {
  opacity: 0;
  position: absolute;
  transform: translate(5.5%);
}

.ifit_card_content {
  flex-flow: column;
  display: flex;
}

.roku-icon-button-wrapper {
  cursor: pointer;
  border-radius: .3125rem;
  justify-content: center;
  align-items: center;
  width: 3rem;
  height: 3rem;
  font-size: 1.75rem;
  line-height: 1em;
  display: flex;
}

.roku-icon-button-wrapper:hover {
  color: var(--main--white);
  -webkit-text-stroke-width: .125rem;
}

.roku-icon-button-wrapper.tab-prev.button-disabled {
  cursor: auto;
}

.roku-icon-button-wrapper.tab-prev.button-disabled:hover {
  -webkit-text-stroke-width: 0rem;
}

.roku-icon-button-wrapper.tab-next.button-disabled {
  cursor: auto;
}

.roku-icon-button-wrapper.tab-next.button-disabled:hover {
  -webkit-text-stroke-width: 0rem;
}

.ifit_highlight_wrapper {
  background-color: var(--ifit--card-bg);
  position: relative;
}

.ifit_final_screens_max_width {
  width: 100%;
  max-width: 64rem;
}

.ifit_card_completed {
  position: absolute;
  inset: 0% 0% auto;
}

.ifit_screen_bg {
  position: absolute;
  inset: 0%;
}

.ifit_series_section {
  position: relative;
  transform: translate(0, -60%);
}

.ifit_series_card {
  flex-flow: column;
  width: 26.25%;
  display: flex;
  position: absolute;
  inset: 0% auto auto 7.29167%;
}

.ifit_series_card.series {
  left: 7.29167%;
}

.ifit_focused_element, .ifit_challenge_element {
  opacity: 0;
  position: absolute;
  inset: 0% 0% auto;
}

.ifit_challenge_title {
  opacity: 0;
  position: absolute;
  inset: 0% 0% auto;
  transform: translate(0, -20%);
}

.ifit_similar_header {
  opacity: 0;
  position: absolute;
  inset: 0% 0% auto;
}

.ifit_final_ui_subsection {
  grid-row-gap: .5rem;
  flex-flow: column;
  align-items: flex-start;
  width: 100%;
  margin-bottom: 1rem;
  display: flex;
}

.ifit_mockup_wrapper {
  z-index: 1;
  width: 100%;
  position: relative;
}

.ifit_highlight_mobile_only {
  display: none;
}

.ifit_tip_header {
  grid-row-gap: .5rem;
  color: var(--ifit--seafoam-bright);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  font-size: 1.25rem;
  line-height: 1.5rem;
  display: flex;
}

.tv-glow-wrapper {
  margin-left: auto;
  margin-right: auto;
  padding-top: 35%;
  position: absolute;
  inset: 0%;
}

.ifit_workout_series {
  opacity: .4;
}

.ifit_success_screen {
  position: absolute;
  inset: 0%;
  transform: translate(0, 100%);
}

.div-block {
  width: 100%;
  position: relative;
}

.ifit_series_tab {
  width: 5.60538%;
  margin-left: 3.02691%;
  position: absolute;
  inset: 0% auto auto 0%;
}

.ifit_tab_selector {
  background-color: var(--case-studies--text-inverse);
  background-image: none;
  height: 6.9%;
  position: absolute;
  inset: auto 0% 0%;
}

.ifit_tab_selector.feature {
  margin-left: -4.25%;
  margin-right: -4.25%;
}

.ifit_tab_selector.focused {
  background-color: #0000;
  background-image: linear-gradient(72deg, #0069d2 10%, #28e1a5 88%);
  height: 7%;
}

.ifit_shortcut_row {
  margin-top: .28%;
  margin-bottom: -1.17713%;
  display: flex;
  position: relative;
}

.ifit_strength_shortcut {
  align-items: center;
  width: 2.69058%;
  height: 100%;
  position: absolute;
  inset: 0% 0% 0% 21.2%;
}

.ifit_shortcut_labels {
  opacity: 0;
  position: absolute;
  inset: auto 0% 0%;
}

.ifit_shortcut_selectors {
  opacity: 1;
  transform-origin: 50% 63%;
  transform-style: preserve-3d;
  position: absolute;
  inset: 16% 0% 0%;
  transform: translate(0)scale3d(1, 0, 1);
}

.div-block-3 {
  margin-top: auto;
  margin-bottom: auto;
}

.ifit_strength_underline {
  background-color: #727781;
  height: 3.44%;
  position: absolute;
  inset: auto 0% 28%;
}

.in-line-class {
  color: var(--main--white);
  background-color: #087ff0;
  border-radius: 4px;
  padding-bottom: .125rem;
  padding-left: .5rem;
  padding-right: .5rem;
  display: inline-block;
}

.ifit_series_parallel_card {
  background-color: var(--main--white);
  border-radius: .25rem;
}

.ifit_seasons_row {
  grid-column-gap: 1.5rem;
  display: flex;
}

@media screen and (min-width: 1280px) {
  h1 {
    font-size: 3rem;
  }

  h2 {
    font-size: 2.5rem;
    line-height: 1.2em;
  }

  .horiz-padding-global {
    padding-right: var(--spacing--horiz-padding-lg);
    padding-left: var(--spacing--horiz-padding-lg);
  }

  .h2-number {
    font-size: 2rem;
  }

  .hero-title-max-width-ml {
    max-width: 53rem;
  }

  .ml-hero-img-wrapper {
    padding-left: 3.5rem;
    padding-right: 3.5rem;
  }

  .ml-hero-image {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .hmw-wrapper.bg-ifit {
    padding-right: var(--spacing--horiz-padding-lg);
    padding-left: var(--spacing--horiz-padding-lg);
  }

  .ml-max-width-hmw {
    width: 46rem;
    max-width: 46rem;
  }

  .text-quote-xl {
    font-size: 2.5rem;
    line-height: 1.5em;
  }

  .biz-impact-grid {
    grid-auto-columns: 1fr;
  }

  .ml02-grid {
    grid-column-gap: 11rem;
    grid-template-columns: 1fr 24.1719rem;
  }

  .video-w-iphone {
    min-height: 46.3rem;
  }

  ._3col-grid {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .card.ifit {
    padding: 1.5rem 1.75rem;
  }

  ._2col-grid {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  ._2col-grid.loose {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
  }

  .text-quote-md {
    font-size: 1.375rem;
  }

  .quote-wrapper {
    padding: 1rem 1.75rem;
  }

  .feedback-grid {
    grid-template-columns: minmax(auto, 40rem) auto;
  }

  .ml-mockup-size {
    min-width: 22.5rem;
    max-width: 22.5rem;
  }

  .max-width-persona {
    max-width: 61.25rem;
  }

  .slider-button {
    width: 5rem;
    height: 5rem;
  }

  .slider-button.center-left-button {
    font-size: 1.5rem;
  }

  .persona-carousel-mask {
    max-width: 61.25rem;
  }

  .carousel-left-arrow {
    transform: translate(-36.5rem);
  }

  .carousel-right-arrow {
    transform: translate(36.5rem);
  }

  .persona-slide {
    margin-right: 0;
  }

  .mockup-top.edit-meal {
    opacity: 0;
  }

  .text-inline {
    display: inline;
  }

  .highlight-tabs-wrapper {
    position: relative;
  }

  .highlight-wrapper, .highlight-container {
    padding: 1rem 1.5rem 1.25rem;
  }

  .highlight-title {
    padding-left: 1.5rem;
  }

  .design-showcase-grid {
    grid-column-gap: 8rem;
  }

  .max-width-ml02 {
    max-width: none;
  }

  .launched-badge {
    margin-right: -2.5rem;
  }

  .improvement-with-specimen {
    width: 100%;
  }

  .hero-title-max-width-cr {
    max-width: 42rem;
  }

  .cr-hero-img-wrapper {
    padding-left: 3.5rem;
    padding-right: 3.5rem;
  }

  .cr-max-width-hmw {
    max-width: 36rem;
  }

  .cr-metrics-grid {
    grid-column-gap: 2rem;
  }

  .metric-wrapper {
    padding-right: 2rem;
  }

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

  .flow-shape-rectangle {
    width: 100%;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .flow-connector-wrapper {
    min-width: 2.5rem;
  }

  .flow-connector-wrapper.show-on-large {
    display: flex;
  }

  .quote-author-wrapper {
    max-width: 34rem;
  }

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

  .s-shape-top-wrapper, .s-shape-bottom-wrapper {
    min-width: 2.5rem;
    display: none;
  }

  .s-shape-horiz-wrapper {
    display: none;
  }

  .old-screens-grid {
    grid-column-gap: 2.5rem;
  }

  .table_cell {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .limitations-row {
    grid-template-columns: 18rem 1fr 1fr 1fr 1fr;
  }

  .table_header {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .row-header {
    padding-left: 0;
    padding-right: 0;
  }

  .limitation-grid {
    grid-column-gap: 5rem;
    grid-row-gap: 2.5rem;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    max-width: none;
  }

  .max-width-intro {
    max-width: none;
  }

  .twitter-resolution-wrapper {
    padding-top: 0;
  }

  .cr-final-ui-grid {
    grid-column-gap: 3rem;
    grid-row-gap: 0rem;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1.674fr;
  }

  .cr-mockup-size {
    max-width: none;
  }

  .desktop-lg-only {
    display: block;
  }

  .responsive-mockups-wrapper, .responsive-mockups-wrapper.select-content {
    padding-top: 2rem;
  }

  .responsive-mockups-wrapper.instructions {
    margin-top: 0;
    padding-top: 0;
  }

  .responsive-mockups-wrapper.channel {
    padding-top: 2rem;
  }

  .cr-mockup-size-tablet {
    width: 50%;
    max-width: none;
  }

  .cr-mockup-size-mobile {
    width: 32%;
    max-width: none;
  }

  .highlight-min-height, .max-length-text {
    display: none;
  }

  .ml-highlight-arrow.time {
    top: 79.2%;
    left: -1.75rem;
  }

  .ml-highlight-arrow.tags {
    top: 56%;
    left: 1.1rem;
  }

  .ml-highlight-arrow.message {
    top: 69.2%;
    right: -2rem;
  }

  .ml-highlight-arrow.fasting {
    top: 64.5%;
    left: -1.75rem;
  }

  .ml-highlight-arrow.date {
    top: 15.4%;
    right: -2rem;
  }

  .ml-highlight-arrow.meal-type {
    top: 80%;
  }

  .ml-highlight-arrow.date-time {
    top: 27.5%;
    right: 3.5%;
  }

  .ml-highlight-arrow.meal-photo {
    top: 37%;
  }

  .ml-highlight-arrow.meal-type-filters {
    top: 21%;
  }

  .home_hero_section {
    padding-left: 9.25rem;
  }

  .trailing-button-icon {
    transform: translate(0);
  }

  .footer {
    padding-right: var(--spacing--horiz-padding-lg);
    padding-left: var(--spacing--horiz-padding-lg);
  }

  .case_studies_section {
    width: 70rem;
  }

  .quotes_section {
    padding-left: 9.25rem;
  }

  .companies_section {
    padding-bottom: 12rem;
  }

  .company_logo_grid {
    grid-column-gap: 3rem;
    max-width: 62rem;
  }

  .case-study-card {
    grid-template-columns: 45% 1fr;
    height: 25.5rem;
  }

  .top-nav-wrapper {
    z-index: 1000;
    padding-top: 1rem;
  }

  .menu-container {
    height: 4rem;
    padding-right: .75rem;
  }

  .company-logo-wrapper {
    height: 3.5rem;
  }

  .menu_wrapper {
    grid-column-gap: 3rem;
  }

  .menu_underline_wrapper {
    padding-top: 3rem;
  }

  .menu_underline_wrapper.resume {
    width: 4.3208rem;
  }

  .menu_underline_wrapper.case-study {
    left: 6.2rem;
  }

  .case_study_content {
    width: 29rem;
    padding-top: 2rem;
    padding-bottom: 2rem;
    padding-left: 3rem;
  }

  .heading-style-large {
    font-size: 2.5rem;
    line-height: 3rem;
  }

  .case_study_cover {
    top: -2rem;
    bottom: -2rem;
    right: -2.5rem;
  }

  .case_study_cover.sub-system {
    top: -2rem;
  }

  .case_study_cover.ifit {
    justify-content: flex-start;
    align-items: flex-end;
    padding-top: 2.75rem;
    padding-bottom: 0;
    bottom: -1.5rem;
    right: -2rem;
  }

  .case_study_cover.client-recruiter {
    top: -2rem;
    bottom: -2rem;
    right: -2.5rem;
  }

  .case_study_image {
    position: relative;
  }

  .glow_sub-system {
    top: -40%;
    right: 31%;
  }

  .glow_meal-log {
    width: 35rem;
    height: 35rem;
    top: -56%;
    right: 25%;
  }

  .glow_client-recruiter {
    width: 30rem;
    top: -52%;
    right: 28%;
  }

  .glow_ifit {
    top: -45%;
    right: 32%;
  }

  .footer_content.home {
    width: 70rem;
  }

  .desktop-only {
    display: none;
  }

  .last_2_companies {
    grid-column-gap: 3rem;
  }

  .quote_author_wrapper {
    font-size: 1.125rem;
  }

  .about_anchor {
    top: 0;
  }

  .mev_quotes_grid {
    width: 68rem;
  }

  .quote_detail {
    width: 58ch;
  }

  .quote_influential {
    width: 48ch;
  }

  .quote_ai {
    width: 58ch;
  }

  .case_studies_menu_wrapper {
    top: 5rem;
    right: 12.3rem;
  }

  .coming_soon_overlay {
    padding-left: var(--spacing--horiz-padding-lg);
    left: -5.5rem;
  }

  .coming_soon_overlay.right {
    padding-right: var(--spacing--horiz-padding-lg);
    padding-left: 3rem;
    left: -3rem;
    right: -5.5rem;
  }

  .coming_soon_pop_up {
    padding-bottom: 1.25rem;
  }

  .ml_video_anchor {
    top: -2rem;
  }

  .hero-title-max-width-wss {
    max-width: 64rem;
  }

  .wss_hero_bg_wrapper {
    top: -10.5rem;
  }

  .specimen-canvas {
    width: 100%;
  }

  .text-style-goal {
    font-size: 2.51rem;
    line-height: 3.74rem;
  }

  .wss-max-width-goal {
    width: 49rem;
  }

  .pain-point-anchor, .section-anchor {
    top: -8rem;
  }

  .wss_goal_grid {
    grid-template-columns: 5.5rem 2.5rem minmax(0, 1fr) auto minmax(0, 1fr) 2.5rem 5.5rem;
  }

  .inturroptor_grid {
    grid-template-columns: 5.5rem 1fr 1fr 1fr 5.5rem;
    padding-top: 8rem;
    padding-bottom: 8rem;
  }

  .wss-max-width-interruptor {
    width: 47.5rem;
  }

  .text-style-author {
    font-size: 1.125rem;
    line-height: 1.5rem;
  }

  .ax_impact_grid {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    grid-template-columns: 1fr 1.2fr;
  }

  .utility_impact_grid {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    grid-template-columns: 1.23fr 1fr;
  }

  .retro_grid {
    grid-template-columns: 1fr 1.11fr;
  }

  .wss_background_grid {
    grid-template-rows: 8.75rem 9.75rem 7.25rem auto;
    grid-template-columns: 36rem 5rem minmax(0, 28rem);
  }

  .design_system_specimen {
    height: 36rem;
  }

  .bg_connector_callout1 {
    padding-top: 3.25rem;
    padding-left: 24.5rem;
  }

  .wss_diagonal_connector4 {
    top: .75rem;
    bottom: 4.35rem;
    left: -.05rem;
  }

  .diagonal_connector_wrapper {
    margin-left: 0;
  }

  .diagonal_connector_wrapper.hide-on-desktop-lg {
    display: none;
  }

  .bg_connector_callout2 {
    padding-top: 6.85rem;
    padding-left: 34rem;
  }

  .bg_connector_callout3 {
    padding-top: 2.6rem;
    padding-left: 34rem;
  }

  .bg_connector_callout4 {
    padding-top: .75rem;
    padding-left: 31rem;
    padding-right: .75rem;
  }

  .wss_diagonal_connector2 {
    clip-path: polygon(0 0, .25rem 0, 100% calc(100% - .15rem), 100% 100%);
    top: 6.85rem;
    left: -.2rem;
    right: .5rem;
  }

  .wss_bg_callout_wrapper1 {
    padding-top: 2.5rem;
  }

  .core_library_cover_size {
    min-width: 19rem;
    max-width: 19rem;
  }

  .token_grid {
    grid-column-gap: 1.5rem;
  }

  .token_col_header {
    padding-top: .75rem;
    padding-bottom: .75rem;
  }

  .token_buckets_intro {
    width: 48rem;
  }

  .color_guide_specimen {
    grid-template-columns: 20.9% 1fr 66.5%;
  }

  .comp_testing_grid {
    grid-template-columns: 40rem 1fr;
  }

  .testing_callout_grid {
    grid-template-columns: 40rem 5rem 1fr;
  }

  .testing_connector_left1 {
    padding-left: 22rem;
  }

  .testing_callout1 {
    top: 13.4rem;
  }

  .testing_callout2 {
    top: 33.4rem;
  }

  .testing_connector_left2 {
    padding-left: 37rem;
  }

  .testing_callout3 {
    top: 54rem;
  }

  .testing_callout4 {
    top: 70rem;
  }

  .testing_connector_left4 {
    padding-left: 11.7rem;
  }

  .robustness_grid {
    grid-template-columns: minmax(40rem, 1fr) 5rem auto;
  }

  .subsection-anchor {
    top: -8rem;
  }

  .text_styles_specimen {
    height: 48rem;
  }

  .design-panel {
    min-width: 15rem;
    max-width: 15rem;
  }

  .text_styles_sheet {
    width: 38rem;
  }

  .text_style_modal {
    width: 18rem;
  }

  .figma_modal_position {
    padding-right: 15rem;
  }

  .instances_specimen {
    height: 42rem;
  }

  .layers-panel {
    min-width: 15.5rem;
    max-width: 15.5rem;
  }

  .ax_bottom_nav {
    width: 20rem;
  }

  .circled-number-sm {
    min-width: 1.75rem;
    max-width: 1.75rem;
    min-height: 1.75rem;
    max-height: 1.75rem;
    font-size: 1rem;
  }

  .instance_legend1 {
    top: 17.6rem;
  }

  .instance_legend2 {
    top: 20.4rem;
  }

  .instance_legend3 {
    top: 25.1rem;
  }

  .instance_legend4 {
    top: 29.8rem;
  }

  .responsive_grid {
    grid-column-gap: 3rem;
    grid-row-gap: 0rem;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1.2fr;
    max-width: none;
  }

  .modular_approach_specimen {
    height: 57.5rem;
  }

  .callout_examples_grid {
    grid-row-gap: 1rem;
  }

  .circled-number-md {
    min-width: 1.75rem;
    max-width: 1.75rem;
    min-height: 1.75rem;
    max-height: 1.75rem;
    font-size: 1rem;
  }

  .versioning_template_specimen {
    max-width: 50rem;
    max-height: 44rem;
  }

  .comp_sheet_specimen_grid {
    height: 49.5rem;
  }

  .comp_sheet_callout_grid {
    grid-template-columns: 32rem 2.5rem 1fr;
  }

  .comp_sheet_callout2 {
    top: 2.35rem;
  }

  .comp_sheet_connector_left2 {
    padding-left: 29.5rem;
  }

  .comp_sheet_callout3 {
    top: 11.45rem;
  }

  .comp_sheet_connector_left3 {
    padding-left: 14.3rem;
  }

  .comp_sheet_canvas_grid {
    grid-template-columns: 32rem 1fr;
    padding-left: 2.5rem;
  }

  .comp_sheet_callout4 {
    top: 19.3rem;
  }

  .comp_sheet_connector_left4 {
    padding-left: 20.6rem;
  }

  .comp_sheet_connector1 {
    width: 2.3rem;
    bottom: 13.6rem;
  }

  .base_parts_callout {
    top: 7.9rem;
  }

  .base_parts_connector_left {
    padding-left: 15.5rem;
  }

  .vqa_template_grid {
    grid-column-gap: 2.5rem;
    grid-template-columns: minmax(0, 47.5rem) minmax(0, 24rem);
  }

  .modes_demo_specimen {
    aspect-ratio: 1 / 1.2;
    grid-template-columns: 1fr 1rem 13rem;
    width: 100%;
    max-height: 49.5rem;
  }

  .try_it_callout {
    margin-left: -1.5rem;
  }

  .try_it_curved_arrow {
    aspect-ratio: 48 / 129;
    color: var(--walmart--accent-bright);
  }

  .try_it_arrow_position {
    width: 2.8rem;
    position: absolute;
    transform: translate(0, 100%);
  }

  .figma-dropdown {
    height: 100%;
  }

  .modular_approach_grid {
    grid-template-columns: 1fr 1.2fr;
  }

  .interactive_modes_wrapper {
    grid-row-gap: .75rem;
    padding-top: 18rem;
  }

  .modes_design_panel, .prototype_canvas_width {
    width: 100%;
  }

  .sticker_sheets_specimen {
    height: 46rem;
  }

  .sticker_sheet {
    min-width: 46rem;
    max-width: 46rem;
  }

  .sticker_sheets_wrapper {
    grid-column-gap: 4rem;
    width: 50rem;
  }

  .scrollable-mockup.project_brief_height {
    height: 44rem;
  }

  .device_modes_dropdown {
    top: 32rem;
  }

  .next-sheet-trigger {
    left: 52rem;
  }

  .ifit_overview_grid {
    grid-column-gap: 8rem;
  }

  .ifit-max-width-hmw {
    max-width: 50rem;
  }

  .ifit_concepts_grid {
    grid-column-gap: 0rem;
    grid-template-rows: auto auto min-content auto;
    grid-template-columns: 18.5rem 5rem 1fr 2.5rem 1fr;
    width: 100%;
  }

  .ifit_process_grid {
    grid-template-columns: 1fr 3rem 1fr 3rem 1fr;
  }

  .ifit_overview_max_width {
    max-width: 47rem;
  }

  .ifit_arrow_left.show-on-large {
    display: flex;
  }

  .side-by-side-paragraphs {
    grid-column-gap: 3.5rem;
    grid-row-gap: 3.5rem;
    flex-flow: row;
    width: 100%;
    display: flex;
  }

  .hero-title-max-width-ifit {
    max-width: 30rem;
  }

  .ifit_arrow_down.show-on-large {
    display: flex;
  }

  .ifit_hero_grid {
    grid-column-gap: 2.5rem;
    grid-auto-columns: 1fr;
  }

  .ifit_hero_img_wrapper {
    max-width: 46rem;
  }

  .tv_size {
    width: calc(150.712vw - 16.5783rem);
    max-width: 119rem;
  }

  .ifit_ideation_grid {
    grid-column-gap: 2.5rem;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr;
    min-width: auto;
    padding-right: 0;
  }

  .ifit_horiz_scroll {
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
    overflow: visible;
  }

  .ifit_pros_and_cons_wrapper {
    grid-column-gap: 0rem;
    grid-row-gap: 1.5rem;
    flex-flow: column;
    padding-top: 1.25rem;
  }

  .ifit_wire_intro_max_width_2col {
    max-width: 32ch;
  }

  .ifit_wire_intro {
    padding-bottom: 0;
  }

  .ifit-highlight-tabs-wrapper {
    position: relative;
  }

  .tv_with_glow {
    width: 100%;
    position: relative;
  }

  .roku_controller {
    width: 5.5rem;
  }

  .ifit_card_selector {
    height: .4375rem;
  }
}

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

  .text-size-lg {
    font-size: 1.1255rem;
    line-height: 1.75rem;
  }

  .vert-padding-section {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .overview-grid {
    grid-row-gap: 1.5rem;
    grid-template-columns: auto;
  }

  .subsection-intro.overview-problem {
    max-width: none;
  }

  .case_study_hero {
    padding-top: 7rem;
  }

  .text-size-sm.sub-system {
    width: 29ch;
  }

  .ml-hero-img-wrapper {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .ml-hero-image {
    display: none;
  }

  .hmw-wrapper {
    padding-top: 8rem;
    padding-bottom: 8rem;
  }

  .section-intro {
    grid-row-gap: 1rem;
  }

  .biz-impact-grid {
    max-width: var(--intro-max-width);
    grid-row-gap: 2rem;
    grid-template-columns: auto;
    justify-content: flex-start;
    align-items: flex-start;
    display: block;
  }

  .metric2-ml {
    border-top: 1px solid var(--card-border);
    border-left-style: none;
    max-width: 31rem;
    padding-top: 1.5rem;
    padding-left: 0;
  }

  .ml02-grid {
    grid-column-gap: 3rem;
    grid-template-columns: 1fr 18rem;
  }

  .video-w-iphone {
    min-height: 34.5rem;
  }

  .personas_wrapper {
    padding-top: 4rem;
    padding-bottom: 6rem;
  }

  ._3col-grid {
    grid-template-columns: 1fr 1fr;
  }

  ._3col-grid.grid-competitors {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  ._2col-grid {
    max-width: var(--intro-max-width);
    flex-flow: wrap;
    grid-template-columns: 1fr;
  }

  ._2col-grid.loose {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .subsections-wrapper {
    grid-row-gap: 3rem;
  }

  .competitor-image-wrapper {
    align-self: center;
    width: 3rem;
    height: 3rem;
  }

  .old-screens-grid-ml {
    grid-template-columns: auto 1fr 1fr auto 1fr 1fr auto;
  }

  .old-screen-text-wrapper {
    grid-column-gap: 0rem;
    grid-row-gap: .25rem;
    flex-flow: column-reverse;
    justify-content: flex-end;
    align-items: flex-start;
  }

  .connector.ml-improvement-connector {
    border-top-right-radius: .5rem;
    border-bottom-right-radius: .5rem;
    width: 1.5rem;
    right: -1rem;
  }

  .old-screen-ml {
    max-width: 11.25rem;
  }

  .stacked-very-loose {
    grid-row-gap: 2rem;
  }

  .feedback-grid {
    grid-template-columns: minmax(18rem, auto);
  }

  .message-wrapper {
    align-self: flex-end;
  }

  .message-wrapper.msg-left {
    align-self: flex-start;
  }

  .ml-mockup-size {
    min-width: 16rem;
    max-width: 16rem;
  }

  .max-width-persona {
    max-width: 42rem;
  }

  .persona-carousel {
    height: auto;
  }

  .slider-nav {
    bottom: -2.5rem;
  }

  .persona-carousel-mask {
    max-width: 42rem;
  }

  .carousel-left-arrow {
    transform: translate(-24rem);
  }

  .carousel-right-arrow {
    transform: translate(24rem);
  }

  .connector-wrapper-left.ml-connector-1 {
    margin-left: -.6rem;
    padding-bottom: 3.2rem;
  }

  .connector-wrapper-left.ml-connector-2 {
    margin-left: -1.25rem;
    padding-bottom: 5.15rem;
  }

  .connector-wrapper-right.ml-connector-1 {
    padding-top: 5rem;
  }

  .connector-wrapper-right.ml-connector-2 {
    padding-top: 9.5rem;
  }

  .video-demo-ml {
    border-radius: 1.9rem;
  }

  .old-version-size {
    max-width: 11.25rem;
  }

  .centered-accent-wrapper {
    justify-content: flex-start;
    align-items: flex-start;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .subsection-underline {
    padding-bottom: 3rem;
  }

  .bullet-wrapper-lg {
    height: 1.755rem;
  }

  .nav-buttons-wrapper {
    height: 3.5rem;
  }

  .highlight-container {
    padding: .75rem 1rem 1rem;
  }

  .all-highlights {
    top: 3.5rem;
  }

  .stacked-extremely-loose {
    grid-row-gap: 2.5rem;
  }

  .design-showcase-grid {
    grid-column-gap: 3rem;
    grid-row-gap: 2rem;
  }

  .ml-hero-image-md {
    margin-top: -8%;
    margin-bottom: -8%;
    display: inline-block;
  }

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

  .spec-item.spec-1 {
    border-bottom: 1px solid var(--case-studies--border);
    padding-right: 2rem;
  }

  .spec-item.spec-2 {
    padding-right: var(--spacing--horiz-padding-md);
    border-bottom: 1px solid var(--case-studies--border);
    border-right-style: none;
    padding-left: 2rem;
  }

  .spec-item.spec-3 {
    padding-right: 2rem;
    padding-left: var(--spacing--horiz-padding-md);
  }

  .spec-item.spec-4 {
    padding-right: var(--spacing--horiz-padding-md);
    padding-left: 2rem;
  }

  .spec-item.wss-spec-1 {
    border-bottom: 1px solid var(--case-studies--border);
    padding-right: 2rem;
  }

  .spec-item.wss-spec-2 {
    padding-right: 2rem;
    padding-left: var(--spacing--horiz-padding-md);
    border-bottom: 1px none var(--case-studies--border);
    border-right-style: solid;
  }

  .spec-item.wss-spec-3 {
    padding-right: var(--spacing--horiz-padding-md);
    border-right-style: none;
    padding-left: 2rem;
  }

  .spec-item.wss-spec-4 {
    padding-right: var(--spacing--horiz-padding-md);
    border-bottom: 1px solid var(--case-studies--border);
    padding-left: 2rem;
  }

  .metric1-ml {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    padding-right: 0;
  }

  .elbow-icon-wrapper {
    height: 1.75rem;
  }

  .specimen-wrapper {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .ml-hero-image-sm {
    margin-top: -8%;
    margin-bottom: -8%;
    display: none;
  }

  .improvement-row {
    grid-column-gap: 2rem;
  }

  .btt-label-wrapper, .btt-label-reveal {
    width: auto;
  }

  .hero-title-max-width-cr {
    max-width: 30rem;
  }

  .cr-hero-img-wrapper {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .flow-shape-rectangle {
    width: 10rem;
  }

  .s-shape-top-line, .s-shape-bottom-line {
    width: 70%;
  }

  .s-shape-horiz-wrapper {
    width: 56vw;
  }

  .table_cell {
    border-style: solid none none solid;
    border-top-width: 1px;
    border-top-color: var(--case-studies--border);
    border-left-width: 1px;
    border-left-color: var(--case-studies--border);
  }

  .table_cell.first-col {
    border-top: 1px solid var(--case-studies--border);
    border-top-left-radius: var(--radius--table-radius);
    background-color: var(--neutral--neutral-100);
    border-bottom-style: none;
  }

  .table_cell.bottom-left {
    border-top-right-radius: var(--radius--table-radius);
    background-color: var(--neutral--neutral-100);
    border-right-style: solid;
    border-bottom-left-radius: 0;
  }

  .table_cell.bottom-right {
    border-bottom-style: solid;
    border-right-style: solid;
  }

  .table_cell.last-col {
    border-right-style: solid;
  }

  .table_cell.last-row {
    border-bottom-style: solid;
  }

  .limitations-row {
    grid-template-rows: 4.5rem 4.5rem 4.5rem 4.5rem 4.5rem;
    grid-template-columns: auto;
  }

  .table_body {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    width: 100%;
    display: grid;
  }

  .table_header {
    border-left: 1px solid var(--case-studies--border);
    background-color: #0000;
    border-bottom-style: none;
    border-right-style: none;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .table_header.top-left {
    color: #0000;
    border-style: none;
    border-top-left-radius: .5rem;
  }

  .table_header.top-right {
    border-top-right-radius: 0;
    border-bottom-left-radius: var(--radius--table-radius);
    border-bottom-style: solid;
  }

  .table_header.row-header-top {
    border-top-left-radius: var(--radius--table-radius);
  }

  .limitations-table {
    max-width: var(--intro-max-width);
    flex-flow: row;
    grid-template-rows: auto;
    grid-template-columns: 9rem 1fr;
    grid-auto-columns: 1fr;
    justify-content: flex-start;
    align-items: flex-start;
    display: grid;
  }

  .validation-wrapper, .validation-wrapper.url-behavior, .row-header {
    justify-content: center;
    align-items: center;
  }

  .platform-header {
    justify-content: flex-start;
    align-items: center;
    height: 100%;
    display: flex;
  }

  .row-header-label-wrapper {
    text-align: center;
    justify-content: flex-start;
    align-items: flex-start;
    font-weight: 700;
    display: flex;
  }

  .text-style-max-char {
    text-align: right;
    width: 3.75rem;
  }

  .limitation-grid {
    grid-column-gap: 3rem;
    grid-row-gap: 2rem;
    grid-template-columns: 1fr auto;
  }

  .instagram-mockup-wrapper {
    width: auto;
  }

  .twitter-resolution-wrapper {
    padding-top: 0;
  }

  .twitter-mockup-wrapper {
    width: 100%;
    max-width: 42rem;
  }

  .process-grid {
    width: 100%;
    max-width: none;
  }

  .process-thumbnail-wrapper {
    border-top-right-radius: var(--radius--card-radius);
    border-bottom-right-radius: var(--radius--card-radius);
  }

  .step-wrapper {
    background-color: #0000;
    justify-content: flex-start;
    align-items: stretch;
    padding-top: .5rem;
    padding-left: 0;
    padding-right: .25rem;
  }

  .step-pointer {
    display: none;
  }

  .process-row-grid {
    grid-column-gap: 1.5rem;
    grid-template-columns: auto 1fr;
  }

  .responsive-mockups-wrapper.select-content {
    padding-top: 1.5rem;
  }

  .responsive-mockups-wrapper.instructions {
    margin-top: 0;
  }

  .responsive-mockups-wrapper.channel {
    padding-top: 1.5rem;
  }

  .cr-mockup-size-tablet.post-content {
    width: 55%;
    max-width: 24rem;
  }

  .highlight-min-height {
    padding-top: 3.5rem;
  }

  .cr-video-wrapper {
    width: 105%;
  }

  .home_hero_section {
    padding-right: var(--spacing--horiz-padding-md);
    padding-left: var(--spacing--horiz-padding-md);
  }

  .footer {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .case_studies_section {
    width: 42rem;
    padding-bottom: 6rem;
  }

  .quotes_section {
    padding-right: var(--spacing--horiz-padding-md);
    padding-left: var(--spacing--horiz-padding-md);
  }

  .companies_section {
    padding-bottom: 7rem;
  }

  .company_logo_grid {
    max-width: 60rem;
    padding-right: var(--spacing--horiz-padding-md);
    padding-left: var(--spacing--horiz-padding-md);
    grid-column-gap: 2rem;
  }

  .companies_intro_wrapper {
    padding: 6rem var(--spacing--horiz-padding-md) 3rem;
  }

  .case-study-card {
    grid-column-gap: 0rem;
    flex-flow: column-reverse;
    justify-content: flex-end;
    align-items: stretch;
    height: auto;
    display: flex;
  }

  .top-nav-wrapper {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .menu_wrapper {
    grid-column-gap: 2rem;
  }

  .menu_underline_wrapper.case-study {
    left: 5.15rem;
  }

  .case_study_anchor {
    height: calc(100% + 27.25rem - 60vh);
  }

  .case_study_content {
    justify-content: flex-start;
    width: 100%;
    padding: 2rem;
  }

  .case_study_cover {
    justify-content: flex-start;
    align-items: flex-start;
    margin-top: -2rem;
    position: relative;
    inset: 0% 0 0% 0%;
  }

  .case_study_cover.sub-system {
    margin-top: -1rem;
    padding-left: .75rem;
    padding-right: .75rem;
    top: 0;
  }

  .case_study_cover.ifit {
    margin-top: -1.25rem;
    padding: 0 2rem;
  }

  .case_study_cover.client-recruiter {
    margin-bottom: -3rem;
    padding-left: 1rem;
    padding-right: 1rem;
    inset: 0%;
  }

  .case_study_tag {
    font-size: .875rem;
    line-height: 1.125rem;
  }

  .case_study_button_wrapper {
    padding-top: 2rem;
  }

  .case_study_bg.ifit {
    background-image: linear-gradient(200deg, #28e1a5 10%, #299a75 20%, #0069d2 47%, #054280 72%);
  }

  .glow_sub-system {
    top: -17%;
    right: 28%;
  }

  .glow_meal-log {
    background-size: contain;
    width: 40rem;
    height: 40rem;
    top: -32%;
    right: 18%;
  }

  .glow_client-recruiter {
    top: 14%;
    right: -5%;
  }

  .glow_ifit {
    top: 12%;
    right: 14%;
  }

  .footer_content.home {
    width: 42rem;
  }

  .desktop-only {
    display: none;
  }

  .last_2_companies {
    grid-column-gap: 2rem;
  }

  .tablet-down {
    display: block;
  }

  .contact_button {
    font-size: 1rem;
    line-height: 1.5rem;
  }

  .heading_style_resume_h2 {
    font-size: 2.5rem;
    line-height: 3rem;
  }

  .mev_quotes_grid, .case_study_preview {
    width: 100%;
  }

  .more_case_studies_grid {
    grid-column-gap: 1rem;
  }

  .case_studies_menu_wrapper {
    right: 10.1rem;
  }

  .coming_soon_overlay {
    padding-right: 1rem;
    left: -3rem;
    right: -1rem;
  }

  .coming_soon_overlay.right {
    padding-right: var(--spacing--horiz-padding-md);
    padding-left: var(--spacing--horiz-padding-md);
    left: -1rem;
    right: -3rem;
  }

  .ml_video_anchor {
    top: -2rem;
  }

  .hero-title-max-width-wss {
    max-width: none;
  }

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

  .wss_hero_content {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .wss_hero_bg_wrapper {
    top: 0;
  }

  .desktop-up {
    display: none;
  }

  .tablet-mobile-l {
    display: block;
  }

  .pain_point_grid {
    max-width: none;
    padding-right: 5rem;
  }

  .file_cover_grid {
    grid-column-gap: .75rem;
    grid-row-gap: .5rem;
    padding: 1rem;
  }

  .circled-designer_wrapper {
    width: 10rem;
    top: -3.375rem;
    right: -6.9375rem;
  }

  .pain_point_2_specimen {
    height: 24rem;
  }

  .pain_point_3_specimen {
    height: 36rem;
  }

  .pain_point4_specimen {
    width: 18rem;
  }

  .text-style-goal {
    font-size: 2rem;
    line-height: 3rem;
  }

  .wss-max-width-goal {
    width: 32.5rem;
  }

  .designer_wrapper {
    height: 13rem;
  }

  .pain_point5_specimen {
    padding-right: 1rem;
  }

  .thought_wrapper {
    border-radius: .5625rem;
  }

  .wss_goal_grid {
    grid-template-rows: 8rem auto 8rem;
  }

  .text-style-pp-number {
    font-size: 1.1255rem;
    line-height: 1.75rem;
  }

  .inturroptor_grid {
    grid-template-columns: 3rem 1fr auto 1fr 3rem;
  }

  .wss-max-width-interruptor {
    width: 34.5rem;
  }

  .text-size-xl {
    font-size: 1.3125rem;
    line-height: 2.25rem;
  }

  .ax_impact_grid, .utility_impact_grid {
    max-width: var(--intro-max-width);
    flex-flow: wrap;
    grid-template-columns: 1fr;
  }

  .retro_grid {
    max-width: var(--intro-max-width);
    grid-row-gap: 1rem;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  .thought_connector_wrapper {
    top: 18%;
    right: -20%;
  }

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

  .design_system_specimen {
    height: 36.75rem;
  }

  .wss_bg_callout_wrapper4 {
    text-align: right;
    width: 44ch;
    padding-top: 1.5rem;
  }

  .bg_connector_callout1 {
    border-bottom: .125rem solid var(--main--neutral-bright);
    border-left: .125rem solid var(--main--neutral-bright);
    border-bottom-left-radius: .5rem;
    height: 9.5rem;
    margin-top: -1rem;
    margin-left: .5rem;
    margin-right: 25.9rem;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .wss_horiz_connector, .diagonal_connector_wrapper {
    display: none;
  }

  .bg_connector_callout2 {
    border-right: .125rem solid var(--main--neutral-bright);
    border-bottom: .125rem solid var(--main--neutral-bright);
    border-bottom-right-radius: .5rem;
    height: 8.4rem;
    margin-top: -1rem;
    margin-left: 36rem;
    margin-right: .5rem;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .bg_connector_callout3 {
    border-top: .125rem solid var(--main--neutral-bright);
    border-left: .125rem solid var(--main--neutral-bright);
    border-top-left-radius: .5rem;
    height: 78%;
    margin-top: 5.9rem;
    margin-left: .5rem;
    margin-right: 36rem;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .bg_connector_callout4 {
    border-top: .125rem solid var(--main--neutral-bright);
    border-right: .125rem solid var(--main--neutral-bright);
    border-top-right-radius: .5rem;
    height: 75%;
    margin-top: 11.7rem;
    margin-left: 32.4rem;
    margin-right: .5rem;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .wss_bg_callout_wrapper1 {
    width: 42ch;
    padding-top: 0;
    padding-bottom: 1.5rem;
  }

  .wss_bg_callout_wrapper2 {
    text-align: right;
    width: 52ch;
    padding-bottom: 1.5rem;
  }

  .wss_bg_callout_wrapper3 {
    width: 40ch;
    padding-top: 1.5rem;
    padding-left: 0;
  }

  .foundations_intro_wrapper {
    grid-column-gap: 0rem;
    grid-row-gap: 1rem;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .core_library_cover_size {
    min-width: 20rem;
    max-width: 20rem;
  }

  .token_grid {
    max-width: var(--intro-max-width);
    grid-column-gap: 0rem;
    grid-row-gap: 1.5rem;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  .text-style-token-number {
    font-size: 1.75rem;
    line-height: 1.75rem;
  }

  .token_conversion_wrapper {
    height: 11rem;
  }

  .token_conversion_arrow {
    padding-top: 2rem;
    padding-bottom: 1.75rem;
  }

  .ld_token_arrow_position {
    width: 2.5rem;
  }

  .me-at_token_arrow_position {
    width: 1.9375rem;
  }

  .color_style_fixed_height {
    height: 1.75rem;
    margin-top: .25rem;
  }

  .color_guide_specimen {
    grid-template-columns: 22.44% minmax(0, 1fr) 71.4%;
  }

  .tip_overlay {
    border-top-right-radius: .375rem;
    border-bottom-right-radius: .375rem;
    width: 28.56%;
  }

  .testing_divider {
    display: none;
  }

  .comp_testing_section {
    max-width: 32rem;
    box-shadow: 0 .5625rem 1.125rem #00000026;
  }

  .comp_testing_grid {
    max-width: var(--intro-max-width);
    grid-template-rows: auto auto auto auto auto auto auto auto;
    grid-template-columns: 1fr;
  }

  .connector_wrapper_lg {
    border-bottom: .125rem solid var(--main--neutral-bright);
    border-left: .125rem solid var(--main--neutral-bright);
    border-bottom-left-radius: .5rem;
    height: 9.5rem;
    margin-top: -1rem;
    margin-left: .5rem;
    margin-right: 25.9rem;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .testing_callout_grid {
    margin-bottom: 1rem;
    display: block;
  }

  .testing_callout_text {
    max-width: none;
  }

  .testing_connector_left1 {
    display: none;
  }

  .testing_callout1 {
    position: static;
    top: 0;
  }

  .testing_callout2 {
    position: static;
  }

  .testing_connector_left2 {
    display: none;
  }

  .testing_callout3, .testing_callout4 {
    position: static;
  }

  .testing_connector_left4 {
    display: none;
  }

  .stacked_specimen_top {
    border: .0625rem solid var(--walmart--bg-medium);
    margin-bottom: 2.5rem;
  }

  .stacked_specimen_bottom {
    border: .0625rem solid var(--walmart--bg-medium);
  }

  .stacked_specimen_middle {
    border: .0625rem solid var(--walmart--bg-medium);
    margin-bottom: 2.5rem;
  }

  .specimen_bg_wrapper {
    display: none;
  }

  .robustness_grid {
    max-width: var(--intro-max-width);
    grid-row-gap: 1.5rem;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  .test_items_wrapper {
    max-width: 28.5rem;
    padding-top: 0;
  }

  .text_styles_specimen {
    height: 35rem;
  }

  .design-panel {
    min-width: 10.5rem;
    max-width: 10.5rem;
  }

  .text_styles_sheet {
    width: 24rem;
  }

  .text_style_modal {
    width: 14rem;
  }

  .figma_modal_position {
    padding-bottom: .75rem;
    padding-right: 10.5rem;
  }

  .instances_specimen {
    height: 30rem;
  }

  .layers-panel {
    min-width: 11rem;
    max-width: 11rem;
  }

  .ax_bottom_nav {
    width: 15rem;
  }

  .circled-number-sm {
    min-width: 1.25rem;
    max-width: 1.25rem;
    min-height: 1.25rem;
    max-height: 1.25rem;
    font-size: .75rem;
  }

  .horiz-pointer {
    width: 4rem;
  }

  .instance_legend1 {
    top: 12.4rem;
  }

  .instance_legend2 {
    top: 14.3rem;
  }

  .instance_legend3 {
    top: 17.6rem;
  }

  .instance_legend4 {
    top: 20.85rem;
  }

  .instance_pointer4-alt {
    left: 90%;
  }

  .responsive_grid {
    max-width: var(--intro-max-width);
    grid-column-gap: 0rem;
    grid-row-gap: 1.5rem;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  .component_note {
    max-width: none;
    font-size: 1rem;
    line-height: 1.5rem;
    bottom: 1rem;
    left: 1rem;
    right: 2rem;
  }

  .resized_comp_arrow_top_left, .resized_comp_arrow_top_right {
    top: .25rem;
  }

  .resized_comp_arrow_bottom_right {
    bottom: .5rem;
  }

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

  .handoff_label_top-padding {
    margin-top: 1rem;
  }

  .callout_specimen {
    max-width: 40rem;
    margin-top: -2%;
  }

  .circled-number-md.on-dark {
    outline-color: var(--walmart--bg-medium);
    outline-offset: 0px;
    outline-width: .125rem;
    outline-style: solid;
  }

  .comp_sheet_specimen_grid {
    grid-template-columns: 12rem 1fr;
    height: calc(104vw - 6.24rem);
    max-height: 49.5rem;
  }

  .comp_sheet_callout_grid {
    grid-template-columns: 20rem 1.5rem 1fr;
  }

  .comp_sheet_callout2 {
    display: none;
  }

  .connector_wrapper_sm {
    border-bottom: .125rem solid var(--main--neutral-bright);
    border-left: .125rem solid var(--main--neutral-bright);
    border-bottom-left-radius: .5rem;
    height: 9.5rem;
    margin-top: -1rem;
    margin-left: .5rem;
    margin-right: 25.9rem;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .comp_sheet_callout3, .comp_sheet_connector_left3 {
    display: none;
  }

  .comp_org_demo {
    border-radius: .5rem;
  }

  .comp_sheet_canvas_grid {
    grid-template-rows: min-content 1.5rem min-content min-content;
    grid-template-columns: 1fr;
    max-width: 35rem;
    padding-top: 2rem;
    padding-right: 2rem;
  }

  .comp_sheet_callout4, .comp_sheet_callout1, .comp_sheet_connector1 {
    display: none;
  }

  .base_parts_callout {
    display: none;
    position: static;
    top: 0;
  }

  .base_parts_connector_left {
    display: none;
  }

  .comp_sheet_numbered_callouts {
    grid-row-gap: .75rem;
    flex-flow: column;
    padding-left: 13rem;
    display: flex;
  }

  .numbered-callout {
    display: flex;
  }

  .comp_sheet_legend1 {
    display: block;
    position: absolute;
    inset: 17.5% auto auto 0%;
    transform: translate(-50%, -50%);
  }

  .comp_sheet_legend2 {
    display: block;
    position: absolute;
    inset: 11% 0% auto auto;
    transform: translate(50%, -50%);
  }

  .comp_sheet_legend3 {
    display: block;
    position: absolute;
    inset: 44.25% auto auto 0%;
    transform: translate(-50%, -50%);
  }

  .comp_sheet_legend4 {
    display: block;
    position: absolute;
    inset: 55% 0 auto auto;
    transform: translate(50%, -50%);
  }

  .base_parts_legend {
    display: block;
    position: absolute;
    inset: 37% auto auto 0%;
    transform: translate(-50%, -50%);
  }

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

  .vqa_quote_wrapper {
    padding-top: 0;
  }

  .vqa_template_specimen {
    max-width: 40rem;
  }

  .modes_demo_specimen {
    grid-template-columns: 1fr 1rem 13rem;
  }

  .try_it_callout {
    margin-left: -1.5rem;
  }

  .modular_approach_grid {
    max-width: var(--intro-max-width);
    grid-column-gap: 0rem;
    grid-row-gap: 1.5rem;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  .interactive_modes_wrapper {
    grid-row-gap: .75rem;
    padding-top: 19rem;
  }

  .prototype_canvas_width {
    width: 100%;
  }

  .sticker_sheets_specimen {
    height: 36rem;
  }

  .sticker_sheet {
    min-width: 32rem;
    max-width: 32rem;
  }

  .sticker_sheets_wrapper {
    grid-column-gap: 2rem;
    width: 34rem;
  }

  .scrollable-mockup.project_brief_height {
    height: 34rem;
  }

  .device_modes_dropdown {
    top: 33rem;
  }

  .next-sheet-trigger {
    left: 36rem;
  }

  .ifit_overview_grid {
    grid-column-gap: 0rem;
    grid-row-gap: 1rem;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
  }

  .ifit_project_specs {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    opacity: 1;
    background-color: #0000;
    border-radius: 0;
    flex-flow: row;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    align-items: start;
    margin-top: 2rem;
    padding: 0;
  }

  .ifit-max-width-hmw {
    max-width: 37rem;
  }

  .ifit_final_ui_grid {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    grid-template-rows: min-content auto;
  }

  .ifit_process_grid {
    grid-template-rows: auto 4rem auto 4rem auto 4rem auto 4rem auto;
    grid-template-columns: 1fr 2rem 1fr;
    margin-top: 0;
  }

  .ifit_overview_max_width {
    max-width: var(--intro-max-width);
  }

  .side-by-side-paragraphs {
    max-width: var(--intro-max-width);
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: column;
  }

  .hero-title-max-width-ifit {
    max-width: 43rem;
  }

  .s-curve-bottom-left.tablet-only, .s-curve-top-right.tablet-only, .s-curve-horizontal.tablet-only {
    display: flex;
  }

  .ifit_pattern {
    background-size: 7rem;
  }

  .ifit_pattern_top {
    background-size: 7rem;
    height: 8.68966rem;
  }

  .ifit_hero_bg {
    background-image: url("https://cdn.prod.website-files.com/64ad825cb4f1c31ad69490d2/670d5147abc467c06f4d7712_mount-everest-flipped.png");
    background-position: 60% 100%;
    background-size: auto 105%;
  }

  .ifit_hero_grid {
    grid-column-gap: 0rem;
    grid-row-gap: 2.5rem;
    aspect-ratio: auto;
    grid-template-rows: auto auto;
    grid-template-columns: auto;
    padding-top: 7rem;
    padding-bottom: 2rem;
  }

  .ifit_hero_img_wrapper {
    max-width: none;
    padding-left: var(--spacing--horiz-padding-md);
  }

  .ifit_spec_card {
    border-radius: var(--radius--card-radius);
    background-color: var(--ifit--card-bg);
    padding: 1rem;
  }

  .ifit_specs_stacked {
    grid-row-gap: 1rem;
  }

  .ifit_demo_wrapper {
    margin-top: 2rem;
  }

  .ifit_ideation_grid {
    grid-column-gap: 2.5rem;
    min-width: 66rem;
  }

  .ifit_fold_line_legend {
    margin-top: .1875rem;
  }

  .ifit_parallel_wrapper {
    grid-row-gap: 1.5rem;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
  }

  .vs_wrapper {
    display: none;
  }

  .stretch-content-wrapper {
    flex: 1;
  }

  .series_sitemap_highlight {
    bottom: 3%;
  }

  .ifit-highlight-min-height {
    min-height: auto;
  }

  .roku_controller {
    z-index: 2;
    width: 4rem;
    margin-right: -1.5rem;
    position: absolute;
    inset: -2.5rem 0% auto auto;
  }

  .roku-nav-buttons-wrapper {
    grid-row-gap: .25rem;
  }

  .ifit_card_selector {
    height: .25rem;
  }

  .roku-icon-button-wrapper {
    font-size: 1.5rem;
  }

  .ifit_final_ui_subsection {
    grid-row-gap: 1rem;
  }

  .ifit_highlight_mobile_only {
    display: none;
  }
}

@media screen and (max-width: 767px) {
  h1, h2 {
    font-size: 2rem;
    line-height: 1.25em;
  }

  h3 {
    font-size: 1.3125rem;
    line-height: 1.33333em;
  }

  h4 {
    font-size: 1.125rem;
  }

  .tag {
    border-width: 1px;
  }

  .text-style-label {
    font-size: 1rem;
    line-height: 2rem;
  }

  .text-size-lg {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }

  .horiz-padding-global {
    padding-right: var(--spacing--horiz-padding-sm);
    padding-left: var(--spacing--horiz-padding-sm);
  }

  .vert-padding-section {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .overview-grid {
    grid-row-gap: 1.5rem;
  }

  .h2-number {
    font-size: 1.75rem;
  }

  .text-overline-lg {
    font-size: .875rem;
    line-height: 1.125rem;
  }

  .case_study_hero {
    padding-top: 6.5rem;
    padding-bottom: 2rem;
  }

  .hero-title-max-width-ml {
    max-width: none;
  }

  .ml-hero-img-wrapper {
    padding-left: .5rem;
    padding-right: .5rem;
  }

  .hmw-wrapper {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }

  .hmw-wrapper.bg-ifit {
    padding-right: var(--spacing--horiz-padding-sm);
    padding-left: var(--spacing--horiz-padding-sm);
  }

  .ml-max-width-hmw {
    max-width: 32rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .text-quote-xl {
    font-size: 2rem;
    line-height: 1.5em;
  }

  .text-metric-lg {
    font-size: 2.75rem;
  }

  .metric1-label-ml {
    margin-top: -.25rem;
  }

  .ml02-grid {
    grid-template-rows: auto auto;
    grid-template-columns: 100%;
  }

  .video-w-iphone {
    min-height: 41.8rem;
  }

  .video-wrapper-ml {
    width: 24rem;
    margin-right: 0%;
  }

  .personas_wrapper {
    padding-top: 3rem;
  }

  .bullet {
    width: .4375rem;
    height: .4375rem;
  }

  .bullet-card {
    padding-right: 2rem;
  }

  ._3col-grid {
    grid-template-columns: 1fr;
  }

  .text-label-sm {
    font-size: .875rem;
  }

  .text-label-md {
    font-size: 1rem;
    line-height: 1.3125rem;
  }

  .bar-height-30-39 {
    height: 11.6rem;
  }

  .old-screens-grid-ml {
    min-width: 45.5rem;
    padding-right: var(--spacing--horiz-padding-sm);
  }

  .old-screen-text-wrapper {
    grid-column-gap: .5rem;
    grid-row-gap: 0rem;
    flex-flow: row;
    justify-content: flex-start;
    align-items: center;
  }

  .connector.ml-improvement-connector {
    border-top-right-radius: .9rem;
    border-bottom-right-radius: .9rem;
    width: 2.375rem;
    right: -1.75rem;
  }

  .stacked-very-loose {
    grid-row-gap: 1.5rem;
  }

  .ml-mockup-size {
    width: 80%;
    min-width: 0;
    max-width: 20rem;
  }

  .persona-header {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .persona-header.max-width {
    width: 100%;
  }

  .max-width-persona {
    max-width: none;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .persona-carousel-mask {
    max-width: 22rem;
    padding-bottom: 0;
  }

  .carousel-left-arrow {
    transform: translate(-14.6rem);
  }

  .carousel-right-arrow {
    transform: translate(14.4rem);
  }

  .persona-slide {
    margin-right: 1rem;
  }

  .persona-image {
    display: none;
  }

  .median-wrapper.bar-height-30-39 {
    bottom: 1.85rem;
  }

  .median-label-wrapper {
    min-width: 12.5rem;
  }

  .text-overline-med {
    font-size: .875rem;
    line-height: 1.125rem;
  }

  .accent-bar {
    border-top-right-radius: .375rem;
    border-bottom-right-radius: .375rem;
    min-width: .375rem;
  }

  .accent-bar.ifit-accent {
    background-color: var(--ifit--seafoam-bright);
  }

  .stacked-super-tight.next-cs {
    text-align: left;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .icon-button-wrapper {
    width: 2.5rem;
    height: 2.5rem;
    font-size: 1.25rem;
  }

  .nav-buttons-wrapper {
    height: 3rem;
    padding-right: .25rem;
  }

  .phantom-text.hide-on-mobile {
    display: none;
  }

  .all-highlights {
    top: 3rem;
  }

  .highlight-title {
    height: 3rem;
  }

  .design-showcase-grid {
    grid-column-gap: 0rem;
    grid-template-rows: auto auto auto;
    grid-template-columns: auto;
  }

  .ml-hero-image-md {
    display: none;
  }

  .max-width-ml02, .max-width-wire-desc, .max-width-mockup-desc {
    max-width: none;
  }

  .bar-height-16-19 {
    height: 1.2rem;
  }

  .bar-height-20-29 {
    height: 13.2rem;
  }

  .bar-height-40-49 {
    height: 6.8rem;
  }

  .bar-height-50-59 {
    height: 4.4rem;
  }

  .bar-height-60-69 {
    height: 2rem;
  }

  .bar-height-70-79 {
    height: .4rem;
  }

  .bar-height-80-89 {
    height: .08rem;
  }

  .persona-image-compact {
    display: inline-block;
  }

  .spec-item.spec-1 {
    padding-right: 1.5rem;
    padding-left: var(--spacing--horiz-padding-sm);
  }

  .spec-item.spec-2 {
    padding-right: var(--spacing--horiz-padding-sm);
    padding-left: 1.5rem;
  }

  .spec-item.spec-3 {
    padding-right: 1.5rem;
    padding-left: var(--spacing--horiz-padding-sm);
  }

  .spec-item.spec-4 {
    padding-right: var(--spacing--horiz-padding-sm);
    padding-left: 1.5rem;
  }

  .spec-item.wss-spec-1, .spec-item.wss-spec-2 {
    padding-right: 1.5rem;
    padding-left: var(--spacing--horiz-padding-sm);
  }

  .spec-item.wss-spec-3, .spec-item.wss-spec-4 {
    padding-right: var(--spacing--horiz-padding-sm);
    padding-left: 1.5rem;
  }

  .ml_horiz_scroll {
    padding-right: var(--spacing--horiz-padding-sm);
    padding-left: var(--spacing--horiz-padding-sm);
    margin-left: -1.5rem;
    margin-right: -1.5rem;
    overflow: scroll;
  }

  .quote-offset-outline {
    border-width: .09375rem;
  }

  .elbow-icon-wrapper {
    height: 1.75rem;
  }

  .specimen-wrapper {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }

  .specimen-wrapper.top {
    border-bottom-left-radius: var(--radius--card-radius);
    border-bottom-right-radius: var(--radius--card-radius);
    align-self: flex-start;
  }

  .specimen-wrapper.middle {
    border-radius: var(--radius--card-radius);
    align-self: flex-start;
  }

  .specimen-wrapper.bottom {
    border-top-left-radius: var(--radius--card-radius);
    border-top-right-radius: var(--radius--card-radius);
    align-self: flex-start;
  }

  .launched-badge {
    min-width: 5.4rem;
    max-width: 5.4rem;
    min-height: 5.4rem;
    max-height: 5.4rem;
    margin-top: -2.7rem;
    margin-bottom: .5rem;
  }

  .ml-hero-image-sm {
    display: inline-block;
  }

  .improvement-2 {
    margin-top: 0;
  }

  .improvement-with-specimen {
    margin-bottom: -1.5rem;
  }

  .improvement-row {
    grid-column-gap: 0rem;
    grid-row-gap: 2.5rem;
    flex-flow: column;
    align-items: flex-start;
    display: flex;
  }

  .archetype-icon-wrapper {
    font-size: 1.25rem;
  }

  .btt-label-reveal {
    display: none;
  }

  .median-connector-vertical {
    height: 78%;
  }

  .btt-button-wrapper {
    padding-bottom: 1rem;
    padding-right: 1rem;
  }

  .angled-line-wrapper {
    width: 3.2rem;
    height: 23%;
    padding-top: 1.75rem;
  }

  .hero-title-max-width-cr {
    max-width: 32rem;
  }

  .cr-hero-img-wrapper {
    padding-left: .5rem;
    padding-right: .5rem;
  }

  .cr-max-width-hmw {
    max-width: 31rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .offset-metric-label {
    margin-top: -.25rem;
  }

  .cr-metrics-grid {
    grid-column-gap: 0rem;
    grid-row-gap: 1.5rem;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
  }

  .metric-wrapper {
    border-bottom: 1px solid var(--neutral--neutral-300);
    border-right-style: none;
    padding-top: 0;
    padding-bottom: 1.5rem;
    padding-right: 0;
  }

  .metric-wrapper.no-border {
    border-bottom-style: none;
  }

  .cr-user-flow-grid {
    grid-row-gap: 0rem;
    grid-template-rows: auto 5rem auto;
    grid-template-columns: 4.5rem 1fr auto 1fr 4.5rem 1fr auto 1fr 4.5rem;
  }

  .flow-shape-circle {
    width: 4.5rem;
    height: 4.5rem;
  }

  .flow-shape-rectangle {
    width: 100%;
    height: 4rem;
  }

  .rounded-end-thick {
    align-self: center;
  }

  .rounded-end-thick.top {
    transform: translate(-50%, 50%);
  }

  .arrowhead-right-small.bottom {
    perspective-origin: 0 0;
    transform-origin: 0 0;
    align-self: center;
    margin-top: -.75rem;
    margin-left: 2.5625rem;
    transform: rotate(90deg);
  }

  .cr-plan-grid {
    grid-column-gap: .75rem;
    grid-row-gap: .75rem;
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr;
  }

  .s-shape-top-wrapper {
    flex-flow: column;
    height: 2.59375rem;
    padding-top: 0;
  }

  .s-shape-top-line {
    border-top-style: none;
    border-top-right-radius: 0;
    width: 50%;
    height: 100%;
  }

  .s-shape-bottom-wrapper {
    flex-flow: column;
    justify-content: flex-end;
    align-items: flex-end;
    height: 2.59376rem;
    padding-bottom: 0;
  }

  .s-shape-bottom-line {
    border-bottom-style: none;
    border-bottom-left-radius: 0;
    width: 50%;
    height: 100%;
    margin-top: 0;
  }

  .s-shape-horiz-wrapper {
    width: 50vw;
  }

  .old-screens-grid {
    grid-template-rows: auto auto auto auto auto auto;
    grid-template-columns: 1fr;
    max-width: 32rem;
  }

  .limitation_icon_wrapper {
    height: 1.75rem;
    font-size: 1.25rem;
  }

  .table_cell {
    padding: .5rem;
  }

  .limitations-row {
    grid-template-rows: 4.5rem 4rem 4rem 4rem 4rem;
  }

  .table_body {
    grid-template-columns: 1fr 1.1fr;
  }

  .table_header {
    padding-left: .75rem;
  }

  .limitations-table {
    grid-template-columns: 7.5rem 1fr;
  }

  .validation-wrapper {
    padding-left: 0;
  }

  .validation-wrapper.url-behavior {
    padding-left: 1.25rem;
  }

  .text-style-project-overline {
    padding-left: .125rem;
    font-size: .875rem;
    line-height: 1.3em;
  }

  .limitation-grid {
    grid-template-columns: 1fr;
  }

  .instagram-mockup-wrapper {
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
  }

  .process-grid {
    grid-row-gap: 3rem;
  }

  .process-thumbnail-wrapper {
    width: auto;
    max-width: 20rem;
    height: 12.5rem;
  }

  .step-wrapper {
    padding-top: .75rem;
  }

  .process-row-grid {
    grid-column-gap: 0rem;
    grid-template-rows: auto auto;
    grid-template-columns: auto;
    height: auto;
  }

  .cr-final-ui-grid {
    grid-row-gap: 1rem;
    grid-template-columns: 1fr;
  }

  .responsive-mockups-wrapper {
    grid-column-gap: 3rem;
  }

  .responsive-mockups-wrapper.select-content {
    padding-top: 0;
  }

  .responsive-mockups-wrapper.channel {
    padding-top: 2rem;
  }

  .cr-mockup-size-tablet, .cr-mockup-size-mobile {
    max-width: none;
  }

  .highlight-min-height {
    padding-top: 3rem;
  }

  .ml-max-length-text {
    display: block;
  }

  .pagination-dots-wrapper {
    grid-column-gap: .375rem;
    padding-top: .75rem;
    bottom: -1.25rem;
  }

  .pagintation-dot {
    width: .5rem;
    height: .5rem;
  }

  .cr-video-wrapper {
    width: 110%;
  }

  .cr-highlight-arrow {
    width: 2rem;
  }

  .home_hero_section {
    height: auto;
    padding: 7rem var(--spacing--horiz-padding-sm) 6rem;
  }

  .text-style-display-light {
    font-size: 2rem;
    line-height: 3.5rem;
  }

  .text-style-display-bold {
    font-size: 2.5rem;
    line-height: 3.5rem;
  }

  .text-style-hero-small {
    font-size: 1.5rem;
    line-height: 2.5rem;
  }

  .footer_button_wrapper {
    flex-flow: wrap;
  }

  .footer {
    padding: 3rem var(--spacing--horiz-padding-sm);
  }

  .case_studies_section {
    width: 100%;
    padding-right: var(--spacing--horiz-padding-sm);
    padding-bottom: 2rem;
    padding-left: var(--spacing--horiz-padding-sm);
    margin-left: 0;
    margin-right: 0;
  }

  .quotes_section {
    padding-right: var(--spacing--horiz-padding-sm);
    padding-bottom: 4rem;
    padding-left: var(--spacing--horiz-padding-sm);
  }

  .companies_section {
    padding-bottom: 5rem;
  }

  .company_logo_grid {
    padding-right: var(--spacing--horiz-padding-sm);
    padding-left: var(--spacing--horiz-padding-sm);
  }

  .companies_intro_wrapper {
    padding-top: 4rem;
    padding-right: var(--spacing--horiz-padding-sm);
    padding-left: var(--spacing--horiz-padding-sm);
  }

  .case_studies_list {
    grid-row-gap: 4rem;
  }

  .top-nav-wrapper, .menu-container {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .mev_wrapper {
    z-index: 10;
    position: relative;
  }

  .menu_wrapper {
    z-index: 1;
    grid-column-gap: 0rem;
    grid-row-gap: .25rem;
    opacity: 0;
    flex-flow: column;
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    grid-auto-flow: column;
    align-content: start;
    place-items: start stretch;
    width: 100%;
    height: auto;
    padding-top: 0;
    display: none;
    position: absolute;
    inset: 3.75rem 0% auto;
    transform: translate(100svw);
  }

  .menu_link {
    opacity: 1;
    background-color: #242b40;
    border-radius: .625rem;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 3.5rem;
    padding: 1.225rem 1rem 1rem;
    font-size: 1rem;
  }

  .menu_underline_wrapper {
    display: none;
  }

  .case_study_anchor {
    height: calc(100% + 23.25rem - 60vh);
    top: -7rem;
  }

  .case_study_cover {
    margin-top: -1.5rem;
  }

  .case_study_cover.sub-system {
    margin-top: -.75rem;
  }

  .case_study_cover.ifit {
    margin-top: -1rem;
  }

  .hello_overline_wrapper {
    padding-left: .125rem;
    font-size: 1rem;
    line-height: 1.5rem;
  }

  .glow_sub-system {
    width: 22rem;
    height: 22rem;
    top: -15%;
    right: 22%;
  }

  .glow_meal-log {
    top: -38%;
    right: 2%;
  }

  .glow_client-recruiter {
    top: 3%;
    right: -15%;
  }

  .glow_ifit {
    top: 1%;
    right: 4%;
  }

  .footer_content.home {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }

  .last_2_companies {
    display: none;
  }

  .mobile-l-down {
    display: block;
  }

  .hamburger_menu {
    z-index: 10;
    display: flex;
    position: relative;
  }

  .about_anchor {
    bottom: 7rem;
  }

  .mev_quotes_grid {
    grid-template-columns: 1fr 70% 1fr;
  }

  .quote_detail, .quote_influential, .quote_ai, .quote-artistic {
    width: auto;
  }

  .case_study_preview.next {
    justify-content: flex-start;
    align-items: flex-start;
  }

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

  .cs_preview_divider {
    width: 100%;
    height: .0625rem;
  }

  .prev_cs_icon_wrapper {
    display: none;
  }

  .next_cs_icon_wrapper {
    opacity: 1;
    padding-left: .5rem;
    display: flex;
    position: relative;
  }

  .coming_soon_overlay {
    padding-right: var(--spacing--horiz-padding-sm);
    padding-left: var(--spacing--horiz-padding-sm);
    inset: -2rem -1.5rem;
  }

  .coming_soon_overlay.right {
    padding-right: var(--spacing--horiz-padding-sm);
    padding-left: var(--spacing--horiz-padding-sm);
    left: -1.5rem;
    right: -1.5rem;
  }

  .text-overline-xl {
    font-size: .875rem;
    line-height: 1.125rem;
  }

  .more_cs_vert_padding {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .ml_video_anchor {
    top: -3rem;
  }

  .hero-title-max-width-wss {
    max-width: none;
  }

  .wss_hero_img_wrapper {
    margin-left: -.6rem;
    margin-right: -.6rem;
  }

  .wss_hero_content {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .wss_hero_bg_wrapper {
    top: 2.5rem;
  }

  .specimen {
    border-radius: .5rem;
  }

  .circled-number-lg {
    outline-color: var(--main--white);
    outline-offset: 0px;
    outline-width: .5rem;
    outline-style: none;
    width: 1.75rem;
    height: 1.75rem;
    margin-bottom: .5rem;
  }

  .pain_point_grid {
    grid-column-gap: .75rem;
    grid-template-rows: auto auto;
    grid-template-columns: 1.75rem 1fr;
    padding-right: 0;
  }

  .pain_point_content {
    padding-bottom: 3rem;
  }

  .file_cover_grid {
    grid-column-gap: .5rem;
  }

  .circled-designer_wrapper {
    width: 8rem;
    top: -5.5rem;
    right: -1.4rem;
  }

  .pain_point_2_specimen {
    height: 22rem;
  }

  .specimen-canvas {
    padding: 1.5rem;
  }

  .specimen-canvas.left-aligned-mobile-l-down {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .specimen-canvas.prototype_canvas_width {
    margin-top: 0;
  }

  .pain_point_3_specimen {
    height: 33rem;
  }

  .pain_point4_specimen {
    width: 16rem;
  }

  .wss-max-width-goal {
    width: 100%;
  }

  .open_peeps_credit_wrapper {
    padding-top: 0;
    padding-bottom: 2rem;
  }

  .thought_connector {
    right: -20%;
  }

  .text-style-thought {
    width: 12ch;
    font-size: 1rem;
    line-height: 1.5rem;
  }

  .thought_wrapper {
    border-radius: .4375rem;
    margin-top: 2%;
    margin-left: 1.5rem;
    padding-top: .5rem;
    padding-bottom: .5rem;
  }

  .goal_connector_wrapper, .interruptor-connector-wrapper {
    display: none;
  }

  .wss_goal_grid {
    grid-template-rows: 5rem auto 5rem;
    grid-template-columns: 1.5rem 1fr 1.5rem;
  }

  .pain_point_vert_line_wrapper {
    display: none;
  }

  .text-style-pp-number {
    font-size: 1rem;
    line-height: 1.5rem;
  }

  .pain_point_desc_wrapper {
    width: 78%;
  }

  .inturroptor_grid {
    padding: 5rem var(--spacing--horiz-padding-sm);
    justify-content: center;
    align-items: flex-start;
    display: flex;
  }

  .wss-max-width-interruptor {
    width: 100%;
    max-width: 30.5rem;
  }

  .text-size-xl {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }

  .thought_connector_wrapper {
    top: 20%;
  }

  .wss_background_grid {
    grid-template-columns: 1fr 27rem 1fr;
  }

  .design_system_specimen {
    height: 26.5rem;
  }

  .wss_bg_callout_wrapper4 {
    width: 96%;
    max-width: 44ch;
    padding-top: 1rem;
  }

  .bg_connector_callout1 {
    height: 11.6rem;
    margin-right: 18.5rem;
  }

  .bg_connector_callout2 {
    height: 6.6rem;
    margin-left: 25.4rem;
  }

  .bg_connector_callout3 {
    height: 11.3rem;
    margin-top: 10.4rem;
    margin-bottom: -10rem;
    margin-right: 25.4rem;
  }

  .bg_connector_callout4 {
    height: 13.8rem;
    margin-top: 14.5rem;
    margin-bottom: -20rem;
    margin-left: 22.9rem;
  }

  .wss_bg_callout_wrapper1 {
    width: 31ch;
    padding-bottom: 1rem;
  }

  .wss_bg_callout_wrapper2 {
    width: 28ch;
    padding-bottom: 1rem;
  }

  .wss_bg_callout_wrapper3 {
    width: 28ch;
    padding-top: 1rem;
  }

  .token_col {
    border-top-left-radius: .5rem;
    border-top-right-radius: .5rem;
  }

  .token_buckets_intro {
    width: 100%;
  }

  .color_guide_specimen {
    display: block;
  }

  .tip_overlay {
    width: 40%;
  }

  .comp_testing_section {
    max-width: 30rem;
  }

  .connector_wrapper_lg {
    height: 11.6rem;
    margin-right: 18.5rem;
  }

  .stacked_specimen_top {
    border-top-left-radius: .5rem;
    border-top-right-radius: .5rem;
    padding-top: 1.5rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .stacked_specimen_bottom {
    border-bottom-right-radius: .5rem;
    border-bottom-left-radius: .5rem;
    padding-bottom: 1.5rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .stacked_specimen_middle {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .text_styles_specimen {
    height: 25rem;
  }

  .design-panel {
    min-width: 10rem;
    max-width: 10rem;
  }

  .text_styles_sheet {
    width: 20rem;
  }

  .figma_modal_position {
    padding-bottom: .5rem;
    padding-right: .5rem;
    right: 0%;
  }

  .tablet-up {
    display: none;
  }

  .instances_specimen {
    height: 25rem;
  }

  .ax_bottom_nav {
    width: 12.5rem;
    margin-left: -1rem;
  }

  .circled-number-sm {
    outline-color: var(--main--white);
    outline-offset: 0px;
    outline-width: .5rem;
    outline-style: none;
  }

  .instance_pointer2, .instance_pointer3 {
    top: .25rem;
  }

  .instance_legend1 {
    top: 11.8rem;
  }

  .instance_legend2 {
    top: 13.6rem;
  }

  .instance_legend3 {
    top: 16.7rem;
  }

  .instance_legend4 {
    top: 19.85rem;
  }

  .instance_pointer4-alt.tablet-down {
    top: .25rem;
  }

  .instance_pointer1_alt {
    top: auto;
    bottom: 49%;
    transform: translate(-50%, 100%);
  }

  .modular_approach_specimen {
    height: 51rem;
  }

  .offset_instance_name {
    font-size: .75rem;
    line-height: 1.25rem;
  }

  .figma-layer-name {
    font-size: .755rem;
    line-height: 1.25rem;
  }

  .component_note {
    display: none;
  }

  .circled-number-md {
    outline-color: var(--main--white);
    outline-offset: 0px;
    outline-width: .5rem;
    outline-style: none;
  }

  .in-line-mobile-only {
    display: inline-block;
  }

  .versioning_template_specimen {
    height: calc(75vw - 4.5rem);
  }

  .comp_sheet_specimen_grid {
    grid-template-columns: .4fr 1fr;
    height: calc(97vw - 2.91rem);
    max-height: none;
  }

  .connector_wrapper_sm {
    height: 11.6rem;
    margin-right: 18.5rem;
  }

  .comp_org_demo {
    border-radius: .3125rem .3125rem .5rem .5px;
  }

  .text-style-figma-layer {
    font-size: .75rem;
    line-height: 1.25rem;
  }

  .comp_sheet_canvas_grid {
    grid-template-rows: min-content 1rem min-content min-content;
    padding-top: 1.5rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .text-style-figma-layer-sm {
    font-size: .625rem;
    line-height: 1rem;
  }

  .comp_sheet_numbered_callouts {
    padding-left: 0;
  }

  .modes_demo_specimen {
    grid-template-rows: min-content auto;
    grid-template-columns: 1fr 14rem;
    height: 45.5rem;
  }

  .size_pill {
    font-size: .75rem;
  }

  .size_pill_wrapper {
    padding-top: .5rem;
  }

  .scrollable_arrow_position {
    width: 4rem;
  }

  .try_it_callout {
    z-index: 1;
    align-self: center;
    margin-left: 0;
    margin-right: -.25rem;
    padding-top: .75rem;
    padding-bottom: .75rem;
  }

  .try_it_arrow_position {
    display: none;
  }

  .homescreen_max_width {
    max-width: 16rem;
  }

  .layer_properties_grid {
    border-style: none;
    grid-template-columns: 2rem 1fr 1fr 2.5rem 2rem;
  }

  .interactive_modes_wrapper {
    flex-flow: row;
    justify-content: flex-end;
    align-items: flex-start;
    padding-top: 0;
  }

  .figma_layer_properties_blowout {
    border-top-right-radius: .5rem;
    width: 14rem;
    margin-right: 0;
    overflow: hidden;
  }

  .modes_design_panel {
    display: none;
  }

  .specimen-tabs-wrapper {
    border-radius: .5rem;
    height: 2.5rem;
  }

  .specimen-tab {
    grid-column-gap: .5rem;
    padding-right: 0;
    font-size: 1rem;
    line-height: 1.5rem;
  }

  .tab-selector {
    border-radius: .5rem;
  }

  .sticker_sheets_specimen {
    height: 22.75rem;
    padding-top: 1.5rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .sticker_sheet {
    min-width: 20rem;
    max-width: 20rem;
  }

  .sticker_sheets_wrapper {
    grid-column-gap: 1.5rem;
    width: 21.5rem;
  }

  .scrollable-mockup.project_brief_height {
    height: 21.25rem;
  }

  .figma-toolbar {
    height: 2rem;
  }

  .app-button {
    min-width: .6rem;
    max-width: .6rem;
    min-height: .6rem;
    max-height: .6rem;
  }

  .app-button-wrappers {
    grid-column-gap: .4rem;
    padding-left: .6rem;
    padding-right: .6rem;
  }

  .figma-toolbar-icon {
    padding-top: .1875rem;
    padding-left: .6rem;
    padding-right: .6rem;
  }

  .figma-toolbar-icon.narrow {
    padding-top: 0;
    padding-left: .5rem;
    padding-right: .5rem;
  }

  .figma-toolbar-icon.wide {
    padding-top: .125rem;
    padding-left: .7rem;
    padding-right: .7rem;
  }

  .figma-tab {
    padding-left: .2rem;
    padding-right: .2rem;
    font-size: .625rem;
  }

  .figma-file-type {
    min-width: .8rem;
    max-width: .8rem;
    min-height: .8rem;
    max-height: .8rem;
    margin-left: .4rem;
    margin-right: .4rem;
  }

  .device_modes_dropdown {
    top: 6.5rem;
  }

  .next-sheet-trigger {
    top: 1.5rem;
    left: 23rem;
  }

  .modes_demo_tab {
    max-width: 16rem;
    padding-top: 9rem;
  }

  .ifit-max-width-hmw {
    max-width: 36rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .ifit_concepts_grid {
    grid-column-gap: 0rem;
    grid-template-rows: auto auto auto .5rem auto auto auto;
    grid-template-columns: 1fr;
  }

  .ifit_final_ui_grid {
    display: none;
  }

  .ifit_process_grid {
    grid-column-gap: 0rem;
    grid-template-rows: auto 2rem auto 2rem auto 2rem auto 2rem auto 2rem auto 2rem auto 2rem auto 2rem auto;
    grid-template-columns: 4rem 1fr;
    grid-auto-flow: column;
  }

  .arrow-head-medium.bottom {
    perspective-origin: 0 0;
    transform-origin: 0 0;
    align-self: center;
    margin-top: -.75rem;
    margin-left: 2.5625rem;
    transform: rotate(90deg);
  }

  .rounded-end-medium.top {
    margin-bottom: -.09375rem;
    margin-right: .1875rem;
  }

  .hero-title-max-width-ifit {
    max-width: none;
  }

  .s-curve-bottom-left.tablet-only, .s-curve-top-right.tablet-only, .s-curve-horizontal.tablet-only {
    display: none;
  }

  .arrowhead-down-small.bottom {
    perspective-origin: 0 0;
    transform-origin: 0 0;
    align-self: center;
    margin-top: -.75rem;
    margin-left: 2.5625rem;
    transform: rotate(90deg);
  }

  .ifit_pattern {
    background-size: 6.5rem;
  }

  .ifit_pattern_top {
    background-size: 6.5rem;
    height: 8.06897rem;
    margin-top: -5rem;
  }

  .ifit_hero_bg {
    background-position: 75% 25%;
    background-size: auto;
  }

  .ifit_hero_grid {
    padding-top: 6.5rem;
  }

  .ifit_hero_img_wrapper {
    padding-left: var(--spacing--horiz-padding-sm);
  }

  .ifit_spec_card.next-cs {
    text-align: left;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .ifit_demo_wrapper {
    margin-top: 1.5rem;
  }

  .tv_size {
    width: calc(150.712vw - 4.52136rem);
  }

  .ifit_ideation_grid {
    padding-right: var(--spacing--horiz-padding-sm);
  }

  .ifit_horiz_scroll {
    padding-left: var(--spacing--horiz-padding-sm);
    margin-left: -1.5rem;
    margin-right: -1.5rem;
    overflow: scroll;
  }

  .ifit_pros_and_cons_wrapper {
    grid-column-gap: 0rem;
    grid-row-gap: 1.5rem;
    flex-flow: column;
  }

  .ifit_wire_intro {
    padding-bottom: .75rem;
  }

  .ifit_sitemap_wrapper {
    grid-row-gap: 1.5rem;
    flex-flow: column;
    display: flex;
  }

  .series_sitemap_highlight {
    margin-bottom: -1.625rem;
    transform: translate(0, -1.625rem);
  }

  .series_outline {
    border-radius: .375rem;
  }

  .ifit_sitemap_legend {
    position: relative;
  }

  .ifit_highlight {
    padding: 0;
  }

  .roku_controller {
    display: none;
  }

  .roku-icon-button-wrapper {
    width: 2.5rem;
    height: 2.5rem;
    font-size: 1.25rem;
  }

  .ifit_final_screens_max_width {
    max-width: none;
  }

  .ifit_final_ui_subsection {
    z-index: 1;
    grid-row-gap: 1.25rem;
    margin-bottom: 0;
    position: relative;
  }

  .ifit_highlight_mobile_only {
    grid-row-gap: 2.5rem;
    flex-flow: column;
    width: 100%;
    display: flex;
  }

  .ifit_tip_header {
    grid-column-gap: .75rem;
    grid-row-gap: 0rem;
    flex-flow: row;
    justify-content: flex-start;
    align-items: center;
  }

  .paragraph {
    color: var(--ifit--seafoam-light);
  }
}

@media screen and (max-width: 479px) {
  body {
    font-size: 1rem;
    line-height: 1.5em;
  }

  h1 {
    font-size: 1.5rem;
    line-height: 1.33333em;
  }

  h3 {
    font-size: 1.25rem;
    line-height: 1.4em;
  }

  .tag {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .text-style-label {
    font-size: .875rem;
    line-height: 1.5rem;
  }

  .text-size-lg.tight {
    line-height: 1.75rem;
  }

  .horiz-padding-global {
    padding-right: var(--spacing--horiz-padding-xs);
    padding-left: var(--spacing--horiz-padding-xs);
  }

  .vert-padding-section {
    padding-bottom: 3rem;
  }

  .h2-number {
    font-size: 1.5rem;
  }

  .case_study_hero {
    grid-row-gap: 1.5rem;
    padding-top: 5.5rem;
    padding-bottom: 1.5rem;
  }

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

  .hero-title-max-width-ml {
    max-width: 90%;
  }

  .hmw-wrapper {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .hmw-wrapper.bg-ifit {
    padding-right: var(--spacing--horiz-padding-xs);
    padding-left: var(--spacing--horiz-padding-xs);
  }

  .ml-max-width-hmw {
    max-width: 23.5rem;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .text-quote-xl {
    font-size: 1.5rem;
  }

  .biz-impact-grid {
    grid-template-columns: auto;
    justify-items: stretch;
  }

  .text-metric-lg {
    font-size: 2.5rem;
  }

  .metric2-ml {
    max-width: none;
    padding-top: .75rem;
  }

  .text-subtitle {
    font-size: 1.125rem;
    line-height: 1.5rem;
  }

  .metric1-label-ml {
    width: 16rem;
    margin-top: -.5rem;
  }

  .video-w-iphone {
    min-height: 34.8rem;
  }

  .video-wrapper-ml {
    width: 20rem;
  }

  .bullet-wrapper {
    height: 1.5rem;
    padding-left: .125rem;
  }

  .bullet-list {
    grid-row-gap: .5rem;
  }

  .bullet-card {
    grid-row-gap: .5rem;
    padding: 1rem;
  }

  .icon-cell-content {
    grid-row-gap: .5rem;
  }

  .icon-offset-wrapper {
    font-size: 1.5rem;
  }

  .card {
    grid-row-gap: .5rem;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .gender-label {
    grid-column-gap: 0rem;
    grid-row-gap: .5rem;
    flex-flow: column-reverse;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    place-items: start center;
  }

  .gender-label.left-aligned-mobile {
    place-items: start;
    padding-left: 1rem;
  }

  .gender-split {
    grid-column-gap: 0rem;
    justify-content: flex-start;
    align-items: flex-start;
    max-width: none;
  }

  .axis-label {
    padding-top: .5rem;
  }

  .bar-chart-item {
    padding-left: .25rem;
    padding-right: .25rem;
  }

  .bar {
    max-width: 1.9rem;
  }

  .competitor-image-wrapper {
    width: 2.5rem;
    height: 2.5rem;
  }

  .old-screens-grid-ml {
    padding-right: var(--spacing--horiz-padding-xs);
  }

  .old-screen-text-wrapper {
    grid-column-gap: 0rem;
    grid-row-gap: .25rem;
    flex-flow: column-reverse;
    justify-content: flex-end;
    align-items: flex-start;
  }

  .tag-sm.persona-type {
    position: absolute;
    inset: .5rem .5rem auto auto;
  }

  .connector.ml-improvement-connector {
    border-top-right-radius: .5rem;
    border-bottom-right-radius: .5rem;
    width: 1.5rem;
    right: -1rem;
  }

  .avg-rating-graph {
    padding-left: .5rem;
    padding-right: 1rem;
  }

  .text-quote-md {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }

  .quote-wrapper {
    padding: .5rem 1rem;
  }

  .feedback-grid {
    grid-row-gap: 2.5rem;
  }

  .avatar-md {
    border-width: .125rem;
    min-width: 3rem;
    max-width: 3rem;
    min-height: 3rem;
    max-height: 3rem;
  }

  .message-wrapper {
    grid-column-gap: .5rem;
    max-width: 22rem;
  }

  .ml-mockup-size {
    width: 100%;
    max-width: 16rem;
  }

  .persona-header {
    padding: .5rem .75rem;
  }

  .max-width-persona {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .persona-text {
    grid-column-gap: 0rem;
    flex-flow: column;
    align-items: flex-start;
    width: 100%;
  }

  .slider-button {
    width: 3rem;
    height: 3rem;
    margin-left: 0;
    margin-right: 0;
  }

  .persona-carousel-mask {
    max-width: 18rem;
  }

  .carousel-left-arrow {
    width: 3rem;
    transform: translate(-10.5rem);
  }

  .carousel-right-arrow {
    width: 3rem;
    transform: translate(10.5rem);
  }

  .median-wrapper.bar-height-30-39 {
    bottom: 2.8rem;
  }

  .median-label-wrapper {
    min-width: 7rem;
    max-width: 7rem;
    margin-top: -12%;
  }

  .video-demo-ml {
    border-bottom-right-radius: 1.7rem;
    border-bottom-left-radius: 1.7px;
  }

  .text-overline-med {
    font-size: .8125rem;
  }

  .centered-accent-wrapper {
    padding-top: 1rem;
    padding-left: .25rem;
    padding-right: 0;
  }

  .accent-block {
    grid-column-gap: 1rem;
  }

  .icon-button-wrapper {
    width: 2.5rem;
    height: 2.5rem;
  }

  .nav-buttons-wrapper {
    height: 3rem;
  }

  .highlight-wrapper, .highlight-container {
    padding-top: .5rem;
    padding-bottom: .75rem;
  }

  .highlight-title {
    height: 3rem;
  }

  .pros-cons-header {
    font-size: 1rem;
  }

  .stacked-looser {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
  }

  .design-showcase-grid {
    grid-row-gap: 1.5rem;
  }

  .max-width-ml02 {
    max-width: none;
  }

  .axis-label-wrapper {
    flex-flow: column;
    align-items: center;
    max-width: 7vw;
  }

  .persona-messages-spacer {
    display: none;
  }

  .bar-wrapper {
    width: 100%;
    padding-top: .75rem;
  }

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

  .spec-item {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }

  .spec-item.spec-1 {
    padding-right: var(--spacing--horiz-padding-xs);
    padding-left: var(--spacing--horiz-padding-xs);
    border-right-style: none;
  }

  .spec-item.spec-2 {
    padding-right: var(--spacing--horiz-padding-xs);
    padding-left: var(--spacing--horiz-padding-xs);
    border-right-style: solid;
  }

  .spec-item.spec-2.no-right-border {
    border-right-style: none;
  }

  .spec-item.spec-3 {
    padding-right: var(--spacing--horiz-padding-xs);
    padding-left: var(--spacing--horiz-padding-xs);
    border-bottom: 1px solid var(--case-studies--border);
    border-right-style: none;
  }

  .spec-item.spec-4, .spec-item.wss-spec-1 {
    padding-right: var(--spacing--horiz-padding-xs);
    padding-left: var(--spacing--horiz-padding-xs);
  }

  .spec-item.wss-spec-2 {
    padding-right: var(--spacing--horiz-padding-xs);
    padding-left: var(--spacing--horiz-padding-xs);
    border-bottom-style: solid;
    border-right-style: none;
  }

  .spec-item.wss-spec-3 {
    padding-right: var(--spacing--horiz-padding-xs);
    padding-left: var(--spacing--horiz-padding-xs);
    border-bottom: 1px none var(--case-studies--border);
    border-right-style: none;
  }

  .spec-item.wss-spec-4 {
    padding-right: var(--spacing--horiz-padding-xs);
    padding-left: var(--spacing--horiz-padding-xs);
  }

  .side-by-side-loose {
    grid-column-gap: 2rem;
    grid-row-gap: 1rem;
    flex-flow: wrap;
  }

  .metric2-min-width {
    min-width: 8.5rem;
  }

  .ml_horiz_scroll {
    padding-right: var(--spacing--horiz-padding-xs);
    padding-left: var(--spacing--horiz-padding-xs);
    margin-left: -1rem;
    margin-right: -1rem;
  }

  .quote-offset-bg {
    top: .6rem;
    left: .5rem;
  }

  .elbow-line {
    grid-column-gap: .5rem;
    padding-left: .125rem;
  }

  .elbow-icon-wrapper {
    height: 1.75rem;
    font-size: 1rem;
  }

  .specimen-wrapper {
    justify-content: center;
    align-self: center;
    width: 100%;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    display: flex;
  }

  .improvement-image-wrapper {
    max-width: 20rem;
  }

  .arrow-head-left.bottom-left {
    bottom: -1.21875rem;
  }

  .launched-badge {
    min-width: 5rem;
    max-width: 5rem;
    min-height: 5rem;
    max-height: 5rem;
    margin-top: -2rem;
    margin-left: 1rem;
    right: 1rem;
  }

  .improvement-with-specimen {
    margin-bottom: -1.25rem;
  }

  .archetype-icon-wrapper {
    height: 2rem;
  }

  .btt-label-wrapper {
    padding-right: .5rem;
  }

  .median-connector-vertical {
    height: 83%;
    bottom: -1%;
  }

  .btt-button-wrapper {
    padding-bottom: .5rem;
    padding-right: .5rem;
  }

  .angled-line-wrapper {
    height: 19%;
    padding-top: 1.25rem;
  }

  .hero-title-max-width-cr {
    max-width: 90%;
  }

  .cr-hero-img-wrapper {
    margin-top: -.5rem;
  }

  .cr-max-width-hmw {
    max-width: 23.5rem;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .cr-hero-image {
    display: none;
  }

  .cr-hero-image-sm {
    display: inline-block;
  }

  .offset-metric-label {
    margin-top: -.5rem;
  }

  .cr-metrics-grid {
    grid-row-gap: 1rem;
  }

  .metric-wrapper {
    padding-bottom: 1rem;
  }

  .cr-user-flow-grid {
    grid-template-rows: 4.5rem 3.5rem 4.5rem 3.5rem 4.5rem;
    grid-template-columns: 4.5rem 1fr 2.5rem 1fr 4.5rem;
  }

  .flow-shape-rectangle {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .arrowhead-right-small {
    margin-top: .375rem;
  }

  .flow-connector-wrapper.hide-on-mobile {
    display: none;
  }

  .s-shape-top-wrapper, .s-shape-bottom-wrapper {
    height: 1.84375rem;
  }

  .s-shape-horiz-wrapper {
    width: 25vw;
  }

  .mobile-only {
    display: flex;
  }

  .old-screens-grid {
    grid-row-gap: 2rem;
  }

  .limitation_icon_wrapper {
    height: 1.75rem;
  }

  .limitations-table {
    display: none;
  }

  .validation-wrapper {
    text-align: right;
    justify-content: flex-end;
    align-items: flex-start;
    height: auto;
  }

  .limitation-row {
    grid-column-gap: 1rem;
    border-bottom: 1px solid var(--case-studies--border);
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    padding-top: .75rem;
    padding-bottom: .75rem;
    display: flex;
  }

  .text-style-project-overline {
    font-size: .75rem;
    line-height: 1.125rem;
  }

  .limitation-grid {
    grid-column-gap: 0rem;
    grid-row-gap: 1.5rem;
  }

  .process-thumbnail-wrapper {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    max-width: none;
    height: 14rem;
  }

  .cr-final-ui-grid {
    grid-row-gap: 1rem;
  }

  .responsive-mockups-wrapper {
    grid-column-gap: 1.5rem;
  }

  .responsive-mockups-wrapper.select-content {
    padding-top: 2rem;
  }

  .responsive-mockups-wrapper.channel {
    padding-top: 0;
  }

  .cr-mockup-size-tablet {
    width: 55%;
  }

  .cr-mockup-size-mobile {
    width: 34%;
  }

  .arrow-pinned-right.caption {
    right: 12%;
  }

  .arrow-pinned-left.touch-targets {
    left: 2.5%;
  }

  .arrow-pinned-left.instructions {
    left: 6%;
  }

  .ml-highlight-arrow.time {
    top: 78%;
  }

  .ml-highlight-arrow.tags {
    top: 54.5%;
  }

  .ml-highlight-arrow.message {
    top: 67.9%;
  }

  .ml-highlight-arrow.fasting {
    top: 63%;
  }

  .ml-highlight-arrow.date {
    top: 14.1%;
  }

  .pointer {
    border-width: 2px;
    width: 2rem;
    height: 2rem;
  }

  .cr-video-wrapper {
    width: 130%;
  }

  .full-width {
    width: 100%;
  }

  .platforms-width {
    grid-row-gap: .125rem;
    flex-flow: column;
    display: flex;
  }

  .home_hero_section {
    height: 100svh;
    padding: 7rem var(--spacing--horiz-padding-xs) 2rem;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .text-style-display-light {
    font-size: 1.75rem;
    line-height: 3rem;
  }

  .text-style-display-bold {
    font-size: 2.25rem;
    line-height: 3rem;
  }

  .text-style-hero-small {
    font-size: 1.25rem;
    line-height: 2rem;
  }

  .case_study_button {
    width: 100%;
    font-size: 1rem;
  }

  .case_study_overline_wrapper {
    padding-left: var(--spacing--horiz-padding-xs);
  }

  .home_hero_wrapper.stacked-extremely-loose {
    justify-content: space-between;
    height: 100%;
  }

  .home-button-link {
    width: 100%;
  }

  .footer {
    padding-right: var(--spacing--horiz-padding-xs);
    padding-left: var(--spacing--horiz-padding-xs);
  }

  .text_style_footer_header {
    font-size: 1.75rem;
    line-height: 2rem;
  }

  .case_studies_section {
    padding-bottom: .125rem;
    padding-left: 0;
    padding-right: 0;
  }

  .quotes_section {
    padding-top: 3rem;
    padding-right: var(--spacing--horiz-padding-xs);
    padding-left: var(--spacing--horiz-padding-xs);
  }

  .company_logo_grid {
    padding-right: var(--spacing--horiz-padding-xs);
    padding-left: var(--spacing--horiz-padding-xs);
    grid-row-gap: .5rem;
  }

  .companies_intro_wrapper {
    padding-right: var(--spacing--horiz-padding-xs);
    padding-bottom: 2rem;
    padding-left: var(--spacing--horiz-padding-xs);
  }

  .case_studies_list {
    grid-row-gap: .125rem;
  }

  .top-nav-wrapper {
    padding-left: .5rem;
    padding-right: .5rem;
  }

  .menu-container {
    height: 3rem;
  }

  .large-icon-wrapper {
    font-size: 2.25rem;
  }

  .big-arrow-icon-wrapper {
    font-size: 2.5rem;
    line-height: 1.2em;
  }

  .company-logo-wrapper {
    height: 2.625rem;
  }

  .mev_wrapper {
    grid-column-gap: 1rem;
  }

  .menu_link {
    background-color: #242b40f0;
  }

  .mev_logo {
    width: 1.5rem;
  }

  .case_study_content {
    padding: 1.5rem 1rem 2rem;
  }

  .heading-style-large {
    font-size: 1.75rem;
  }

  .case_study_cover {
    margin-top: 1rem;
  }

  .case_study_cover.sub-system {
    margin-top: -.75rem;
    padding-left: .5rem;
    padding-right: .5rem;
  }

  .case_study_cover.ifit {
    margin-top: 1rem;
    padding-left: .75rem;
    padding-right: .75rem;
  }

  .case_study_cover.client-recruiter {
    margin-top: 1rem;
    margin-bottom: 0;
    padding-left: .5rem;
    padding-right: .5rem;
  }

  .case_study_bg {
    box-shadow: none;
    border-radius: 0;
  }

  .glow_sub-system {
    width: 18rem;
    height: 18rem;
    right: 12%;
  }

  .glow_client-recruiter {
    width: 25rem;
    height: 25rem;
    top: 0%;
    right: -37%;
  }

  .glow_ifit {
    width: 25rem;
    height: 25rem;
    top: -2%;
    right: -12%;
  }

  .contact_button {
    width: 100%;
    font-size: 1rem;
  }

  .quote_author_wrapper {
    margin-left: .25rem;
    font-size: 1rem;
    line-height: 1.25rem;
  }

  .heading_style_resume_h2 {
    font-size: 2.25rem;
    line-height: 2.5rem;
  }

  .prev_cs_icon_wrapper, .next_cs_icon_wrapper {
    font-size: 1rem;
    line-height: 1.5rem;
  }

  .coming_soon_overlay {
    padding: .5rem var(--spacing--horiz-padding-xs);
    left: -1rem;
    right: -1rem;
  }

  .coming_soon_overlay.right {
    padding-right: var(--spacing--horiz-padding-xs);
    padding-left: var(--spacing--horiz-padding-xs);
    left: -1rem;
    right: -1rem;
  }

  .text-overline-xl {
    line-height: 1.3125rem;
  }

  .button-large {
    width: 100%;
  }

  .ml_video_anchor {
    top: -1.5rem;
  }

  .wss_hero_img_wrapper {
    margin-left: -.3rem;
    margin-right: -1rem;
  }

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

  .wss_hero_content {
    grid-column-gap: .75rem;
    grid-row-gap: .75rem;
  }

  .wss_hero_bg_wrapper {
    justify-content: flex-start;
    align-items: flex-start;
    top: 4.9rem;
  }

  .tablet-mobile-l {
    display: none;
  }

  .pain_point_grid {
    grid-column-gap: 0rem;
    flex-flow: column;
    grid-template-rows: auto auto auto;
    display: flex;
  }

  .pain_point_content {
    padding-bottom: 2.5rem;
  }

  .file_cover_grid {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr 1fr;
    padding: .75rem;
  }

  .circled-designer_wrapper {
    z-index: 10;
    top: -6rem;
  }

  .pain_point_2_specimen {
    height: 14.5rem;
  }

  .specimen-canvas {
    padding: 1rem;
  }

  .pain_point_3_specimen {
    height: 24rem;
  }

  .pain_point4_specimen {
    width: 14rem;
  }

  .text-style-goal {
    font-size: 1.5rem;
    line-height: 2.25rem;
  }

  .pain-point-anchor, .section-anchor {
    top: -5rem;
  }

  .designer_wrapper {
    margin-top: 0;
  }

  .pain_point5_specimen {
    grid-row-gap: 0rem;
    flex-flow: column-reverse;
    justify-content: flex-end;
    align-items: flex-start;
    padding-top: .5rem;
    padding-right: .5rem;
  }

  .text-style-thought {
    width: 19ch;
  }

  .thought_wrapper {
    border-radius: .3125rem;
    align-self: flex-end;
    margin-top: 0%;
    margin-bottom: -.5rem;
  }

  .wss_goal_grid {
    grid-template-rows: 3rem auto 3rem;
    grid-template-columns: 1.5rem 1fr 1rem;
  }

  .pain_point_desc_wrapper {
    width: 68%;
    margin-bottom: -.5rem;
  }

  .hide-on-mobile {
    display: none;
  }

  .pain_point_2_desc_wrapper {
    grid-row-gap: .5rem;
    flex-flow: column;
    display: flex;
  }

  .inturroptor_grid {
    padding: 3.5rem var(--spacing--horiz-padding-xs);
  }

  .text-style-author {
    font-size: 1rem;
    line-height: 1.25rem;
  }

  .text-style-wss-teams {
    font-size: 1.25rem;
  }

  .icon-card-content {
    grid-row-gap: .5rem;
  }

  .thought_connector_wrapper {
    width: 3.75rem;
    top: .125rem;
    right: 0;
  }

  .wss_background_grid {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    grid-template-rows: auto auto auto auto auto;
    grid-template-columns: 1fr;
  }

  .design_system_specimen {
    width: 100%;
    max-width: 17.875rem;
    height: 34rem;
    padding: 0;
  }

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

  .subsystem_wrapper.left {
    margin-right: 0;
  }

  .subsystem_wrapper.right {
    margin-left: 0;
  }

  .wss_bg_callout_wrapper4 {
    text-align: left;
    width: 100%;
    padding-top: 0;
  }

  .bg_connector_callout1 {
    margin-right: 1rem;
    display: none;
  }

  .bg_connector_callout2 {
    height: 30%;
    margin-left: 1rem;
    display: none;
  }

  .bg_connector_callout3 {
    margin-right: 1rem;
    display: none;
  }

  .bg_connector_callout4 {
    margin-left: 1rem;
    display: none;
  }

  .wss_bg_callout_wrapper1 {
    grid-column-gap: .75rem;
    border-bottom: 1px solid var(--card-border);
    width: 100%;
    padding-bottom: 1rem;
  }

  .wss_bg_callout_wrapper2 {
    grid-column-gap: .75rem;
    text-align: left;
    width: 100%;
    padding-bottom: .5rem;
  }

  .wss_bg_callout_wrapper3 {
    border-bottom: 1px solid var(--card-border);
    width: 100%;
    padding-top: .5rem;
    padding-bottom: 1rem;
  }

  .core_library_cover_size {
    width: 100%;
    min-width: auto;
    max-width: 23rem;
  }

  .token_col_header, .token_col_body {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .token {
    padding: .25rem .5rem;
  }

  .token_conversion_wrapper {
    height: 11.5rem;
  }

  .token_arrow_head {
    margin-top: -1rem;
  }

  .tip_overlay {
    border-top-right-radius: .125rem;
    border-bottom-right-radius: .125rem;
    top: -.5rem;
    right: -.5rem;
  }

  .connector_wrapper_lg {
    margin-right: 1rem;
  }

  .testing_callout_grid {
    margin-bottom: .75rem;
  }

  .stacked_specimen_top {
    margin-bottom: 2rem;
    padding-top: 1rem;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .stacked_specimen_bottom {
    padding-bottom: 1rem;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .stacked_specimen_middle {
    margin-bottom: 2rem;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .robustness_grid {
    margin-bottom: .75rem;
  }

  .subsection-anchor {
    top: -5rem;
  }

  .test_items_wrapper {
    max-width: none;
  }

  .test-item-card {
    padding: .5rem .75rem;
  }

  .icon_text_wrapper {
    grid-column-gap: .75rem;
  }

  .text_styles_specimen {
    height: auto;
  }

  .design-panel {
    min-width: auto;
    max-width: none;
  }

  .text_styles_sheet {
    width: 75%;
  }

  .text_style_modal {
    width: 10rem;
  }

  .instances_specimen {
    grid-column-gap: 1rem;
    grid-template-rows: 100%;
    grid-template-columns: 1fr 35%;
    grid-auto-columns: 1fr;
    place-items: start;
    width: 100%;
    height: calc(92vw - 2rem);
    display: grid;
  }

  .ax_bottom_nav {
    width: auto;
    min-width: 9rem;
    max-width: 14rem;
    margin-left: 0;
  }

  .circled-number-sm {
    min-width: 1rem;
    max-width: 1rem;
    min-height: 1rem;
    max-height: 1rem;
    font-size: .625rem;
    font-weight: 500;
  }

  .horiz-pointer {
    width: 3.75rem;
  }

  .instance_pointer2 {
    top: .125rem;
  }

  .vertical-pointer {
    height: 3.5rem;
  }

  .vertical-line {
    width: .09375rem;
  }

  .instance_pointer3 {
    top: .125rem;
  }

  .instance_legend1 {
    top: 33.25%;
  }

  .instance_legend2 {
    top: 38.3%;
  }

  .instance_legend3 {
    top: 47.25%;
  }

  .instance_legend4 {
    top: 56.1%;
  }

  .instance_pointer4-alt.tablet-down {
    top: .125rem;
  }

  .modular_approach_specimen {
    height: calc(318vw - 17rem);
    max-height: 51rem;
    margin-left: .75rem;
    margin-right: .75rem;
  }

  .resized_comp_arrow_top_left {
    left: .3125rem;
  }

  .resized_comp_arrow_top_right {
    z-index: 0;
    right: .3125rem;
  }

  .resized_comp_arrow_bottom_right {
    bottom: .25rem;
    right: .75rem;
  }

  .callout_specimen {
    margin-top: -3%;
    margin-left: -3%;
    margin-right: -3%;
  }

  .circled-number-md {
    min-width: 1.5rem;
    max-width: 1.5rem;
    min-height: 1.5rem;
    max-height: 1.5rem;
    font-size: .8125rem;
    font-weight: 500;
  }

  .bg_callout_wrapper_mobile {
    grid-column-gap: .5rem;
  }

  .bg_legend1 {
    display: block;
    position: absolute;
    inset: 1% auto auto .5%;
  }

  .bg_legend2 {
    display: block;
    position: absolute;
    top: 30%;
    bottom: auto;
  }

  .bg_legend3 {
    display: block;
    position: absolute;
    inset: 58.5% 2% auto auto;
  }

  .bg_legend4 {
    display: block;
    position: absolute;
    inset: 69% auto auto .5%;
  }

  .callout_variants_specimen {
    margin-left: calc(-1.31579% - .5rem);
    margin-right: -.5rem;
  }

  .versioning_template_specimen {
    max-width: none;
    height: calc(87vw - 3.48rem);
  }

  .callout_number {
    padding-right: .5rem;
  }

  .callout_number.mobile-only {
    display: block;
  }

  .comp_sheet_specimen_grid {
    height: calc(106vw - 2.12rem);
  }

  .comp_sheet_callout_grid {
    margin-bottom: .75rem;
  }

  .connector_wrapper_sm {
    margin-right: 1rem;
  }

  .comp_org_demo {
    border-radius: .25rem;
  }

  .comp_sheet_canvas_grid {
    padding-top: 1rem;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .numbered-callout {
    display: block;
  }

  .comp_sheet_legend1 {
    display: block;
    transform: translate(-60%, -50%);
  }

  .comp_sheet_legend2 {
    display: block;
    transform: translate(60%, -50%);
  }

  .comp_sheet_legend3 {
    display: block;
    transform: translate(-60%, -50%);
  }

  .comp_sheet_legend4 {
    display: block;
    transform: translate(60%, -50%);
  }

  .base_parts_legend {
    display: block;
    transform: translate(-60%, -50%);
  }

  .modes_demo_specimen {
    grid-row-gap: .75rem;
    height: 50rem;
  }

  .scrollable_arrow_position {
    left: 7.25rem;
  }

  .try_it_callout {
    z-index: 3;
    align-self: flex-end;
    margin-top: -.5rem;
    margin-bottom: -.5rem;
    margin-right: 4.5rem;
    position: absolute;
    right: 0;
  }

  .try_it_arrow_position {
    bottom: 2.6rem;
    left: 9.8rem;
  }

  .layer_properties_grid {
    width: 14rem;
    box-shadow: none;
    border-top-style: solid;
  }

  .interactive_modes_wrapper {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    flex-flow: column;
    grid-template-rows: auto;
    grid-template-columns: min-content 14rem;
    grid-auto-columns: 1fr;
    justify-content: flex-start;
    align-items: flex-end;
    width: 100%;
    display: block;
  }

  .figma_layer_properties_blowout {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr auto;
    grid-auto-columns: 1fr;
    justify-items: end;
    width: 100%;
    display: grid;
  }

  .prototype_canvas_width {
    margin-top: -.5rem;
  }

  .specimen-tabs-wrapper {
    height: 2rem;
  }

  .specimen-tab {
    grid-column-gap: .375rem;
    font-size: .75rem;
  }

  .sticker_sheets_specimen {
    height: 16.5rem;
    padding-top: 1rem;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .sticker_sheet {
    min-width: 16rem;
    max-width: 16rem;
  }

  .sticker_sheets_wrapper {
    grid-column-gap: 1rem;
    width: 17rem;
  }

  .scrollable-mockup.project_brief_height {
    height: 15.55rem;
  }

  .figma-toolbar {
    height: 1.5rem;
  }

  .app-button {
    min-width: .45rem;
    max-width: .45rem;
    min-height: .45rem;
    max-height: .45rem;
  }

  .app-button-wrappers {
    grid-column-gap: .3rem;
    padding-left: .45rem;
    padding-right: .45rem;
  }

  .figma-toolbar-icon {
    margin-top: -.0625rem;
    padding-top: 0;
    padding-left: .46rem;
    padding-right: .46rem;
  }

  .figma-toolbar-icon.narrow {
    padding-left: .375rem;
    padding-right: .375rem;
  }

  .figma-toolbar-icon.wide {
    padding-left: .525rem;
    padding-right: .525rem;
  }

  .figma-tab {
    padding-left: 0;
    padding-right: 0;
    font-size: .5rem;
  }

  .figma-file-type {
    min-width: .6rem;
    max-width: .6rem;
    min-height: .6rem;
    max-height: .6rem;
  }

  .text-style-figma-file-name {
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 4.25rem;
    overflow: hidden;
  }

  .device_modes_dropdown {
    top: 11.25rem;
  }

  .next-sheet-trigger {
    top: 1rem;
    left: 18rem;
  }

  .modes_demo_tab {
    padding-top: 13.5rem;
  }

  .design_panel_portion {
    background-color: var(--main--white);
    width: 100%;
    height: 4.6rem;
    display: block;
  }

  .ifit_project_specs {
    flex-flow: column;
  }

  .ifit-max-width-hmw {
    max-width: none;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .sub-section-line-header {
    grid-column-gap: .5rem;
  }

  .ifit_concepts_grid {
    grid-template-rows: auto auto auto .25rem auto auto auto;
  }

  .ifit_arrow_left.hide-on-mobile {
    display: none;
  }

  .arrow-head-medium, .arrowhead-down-small {
    margin-top: .375rem;
  }

  .ifit_arrow_down.hide-on-mobile {
    display: none;
  }

  .ifit_pattern {
    background-size: 5.75rem;
  }

  .ifit_pattern_top {
    background-size: 5.75rem;
    height: 7.13793rem;
    margin-top: -4rem;
  }

  .ifit_hero_bg {
    background-position: 80% 0;
    background-size: cover;
  }

  .ifit_hero_grid {
    grid-row-gap: 1.5rem;
    padding-bottom: 1rem;
  }

  .ifit_hero_img_wrapper {
    padding-left: var(--spacing--horiz-padding-xs);
  }

  .mev_logo-original {
    width: 1.5rem;
  }

  .ifit_demo_wrapper {
    margin-top: 1rem;
  }

  .tv_size {
    width: calc(150.712vw - 3.01424rem);
  }

  .ifit_ideation_grid {
    grid-column-gap: 0rem;
    grid-template-rows: auto auto 1rem auto auto 1rem auto auto;
    grid-template-columns: 1fr;
    min-width: auto;
    padding-right: 0;
  }

  .screen-wire-frame {
    max-width: 23.875rem;
  }

  .ifit_horiz_scroll {
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
    overflow: visible;
  }

  .ifit_pros_and_cons_wrapper {
    padding-top: 1rem;
  }

  .side-by-side-normal {
    grid-column-gap: 2rem;
    grid-row-gap: 1rem;
    flex-flow: wrap;
  }

  .ellipsis_wrapper {
    border-radius: .25rem;
    justify-content: center;
    align-items: center;
    padding-top: 2.5rem;
    padding-left: 1rem;
    padding-right: 1rem;
    display: flex;
  }

  .ifit_seasons_wrapper {
    grid-row-gap: 1.5rem;
    flex-flow: wrap;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: space-between;
    place-items: flex-start center;
  }

  .ifit_logo_bullet {
    font-size: 1.25rem;
    line-height: 1.5rem;
  }

  .ifit_parallel_max_width {
    max-width: 23.875rem;
  }

  .series_sitemap_highlight {
    bottom: 2%;
  }

  .roku-icon-button-wrapper {
    width: 2.5rem;
    height: 2.5rem;
  }

  .ifit_seasons_row {
    justify-content: flex-start;
    align-items: stretch;
  }
}

#w-node-_8202dffa-c99c-cae9-6dc2-992639707f12-8ca16ac0, #w-node-_5b9b79e2-9c16-e00c-2a5d-88e4bc70bcdc-8ca16ac0 {
  justify-self: end;
}

#w-node-d14cbc7e-191c-3868-2361-70c0ae3f679a-8ca16ac0 {
  grid-area: 1 / 1 / 2 / 3;
}

#w-node-ff961b7a-47b0-40ea-0b0f-59b0ecabdd71-8ca16ac0 {
  grid-area: 2 / 1 / 3 / 2;
  align-self: center;
}

#w-node-ab25b10c-250c-f2ca-c64c-ce520f64694c-8ca16ac0 {
  grid-area: 2 / 2 / 3 / 3;
  justify-self: stretch;
}

#w-node-_6b13b4be-a5ff-9a02-d6bc-3ad0359da09a-8ca16ac0 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_45ba7a2a-bf03-63e7-298a-b1f9b945c2ac-8ca16ac0 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: end;
}

#w-node-e63a0c98-6d30-3bfb-3943-2e2cc992a717-8ca16ac0 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-bea0530c-830d-7737-301b-bc236b6841d5-8ca16ac0 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: end;
}

#w-node-bea0530c-830d-7737-301b-bc236b6841d7-8ca16ac0 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_296498d4-37ad-5b75-e60a-0df1e5c221fc-8ca16ac0 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: end;
}

#w-node-_296498d4-37ad-5b75-e60a-0df1e5c221fe-8ca16ac0 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-b9cfdae7-9399-691a-5b25-1c48058033e3-8ca16ac0 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: end;
}

#w-node-b9cfdae7-9399-691a-5b25-1c48058033e5-8ca16ac0 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_2b21d573-34cf-0b51-bd6e-c29bdec42476-8ca16ac0 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: end;
}

#w-node-_2b21d573-34cf-0b51-bd6e-c29bdec42478-8ca16ac0 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_5787c395-279a-a30b-23e2-73df6bb82b8e-8ca16ac0 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: end;
}

#w-node-_5787c395-279a-a30b-23e2-73df6bb82b90-8ca16ac0 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-ccfa0b25-a8b3-2310-e430-418de7f35fc4-8ca16ac0 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: end;
}

#w-node-ccfa0b25-a8b3-2310-e430-418de7f35fc6-8ca16ac0 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_0c3fb32c-c8b4-704b-ec3a-fc5f5190ac1e-8ca16ac0 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: end;
}

#w-node-_0c3fb32c-c8b4-704b-ec3a-fc5f5190ac20-8ca16ac0, #w-node-a5b8e2f0-260b-e7db-7657-12a4f62f7e26-8ca16ac0 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d5d4a0b6-cf03-6361-4eb5-56abf8e22b45-8ca16ac0 {
  grid-area: 1 / 1 / 2 / 4;
}

#w-node-b068c48e-471d-7979-486a-62a0fb57df26-8ca16ac0 {
  grid-area: 1 / 4 / 2 / 7;
}

#w-node-e297747d-6f72-b57e-79fd-7c37ccafd97f-8ca16ac0 {
  grid-area: 1 / 7 / 2 / 8;
}

#w-node-d182fc77-ae9f-aba0-6904-e69b63f70263-8ca16ac0 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_77654a5e-417d-2059-863b-66766bc59f0a-8ca16ac0, #w-node-_53dca96d-8c5b-65b2-2e31-d883038f9a2a-8ca16ac0 {
  justify-self: stretch;
}

#w-node-_6054ed61-d6ed-e73a-1218-055c5108f2f4-8ca16ac0 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_3818b7eb-3455-c362-c0ec-887e52fc49cc-8ca16ac0, #w-node-_1171259a-f4b0-e8b3-e794-8c9aa7278774-8ca16ac0 {
  justify-self: stretch;
}

#w-node-_6c081898-d7bb-928a-6c5b-134711d19afe-8ca16ac0 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-ed44bbf0-bbe4-fe3a-7c6f-2dc9d99784e1-8ca16ac0 {
  align-self: start;
}

#w-node-_2711a12f-7cf5-0e60-f48e-47146887431d-8ca16ac0, #w-node-_505041f9-879e-4b75-4e5e-abf41ae8129e-8ca16ac0 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_87547390-abe2-bf54-bb35-33e75184cc54-8ca16ac0 {
  align-self: start;
}

#w-node-_8bddbe2c-f77a-e334-6377-009a6ea59827-8ca16ac0 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_47504fa3-d52a-faf8-cf7d-70a250382e3e-8ca16ac0 {
  grid-area: 1 / 1 / 4 / 2;
}

#w-node-b9640fbd-69a8-c0e0-c0ae-6cb96e373f35-8ca16ac0 {
  grid-area: 2 / 2 / 3 / 3;
}

#w-node-_514a1d8f-bd9d-8137-f4b9-17791c830d9c-8ca16ac0 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_4254b983-a912-f2e3-3a73-ee600a80db4c-8ca16ac0 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_0851470d-b9c4-32c7-aff1-f8ae848308b0-8ca16ac0 {
  grid-area: 1 / 2 / 4 / 3;
}

#w-node-fe8a2944-b1ef-7f06-9a1a-89bc281eef48-8ca16ac0 {
  grid-area: 2 / 1 / 3 / 2;
}

#w-node-_41355a49-a768-a709-9669-dad7da5fc1aa-8ca16ac0 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_0ed02a41-cf7b-8291-830f-90f188782d81-8ca16ac0 {
  grid-area: 1 / 1 / 4 / 2;
}

#w-node-_097bec76-a0a9-5fe9-6970-9f1c70e20055-8ca16ac0 {
  grid-area: 2 / 2 / 3 / 3;
}

#w-node-_7fefdc95-cd53-318e-e930-70fe879afb42-8ca16ac0, #w-node-_2a5bde7d-61fc-d5e4-cffb-12b387ed02d9-8ca16ac0, #w-node-_71d29d7a-2813-c536-7caf-dc896e813f9c-8ca16ac0, #w-node-_1598bc34-0026-ed4d-5aaf-b0641dd97f7a-8ca16ac0, #w-node-c8e49b9a-6232-3c30-4378-7e037989c296-8ca16ac0, #w-node-b5f4aaed-bf99-9d19-63e2-3f3f1ebd6dc1-8ca16ac0 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_417538b2-d051-d21f-eaa5-c7f6f49cf5d0-8ca16ac0 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_28d365df-a5a5-1b25-3ed4-1989ad0cb84b-8ca16ac0 {
  grid-area: 1 / 1 / 4 / 2;
}

#w-node-_789e5fee-8ef6-1134-07d3-8746cab3677b-8ca16ac0 {
  grid-area: 2 / 2 / 3 / 3;
}

#w-node-_6491825a-7ac3-be52-2122-ac96c7413a0d-8ca16ac0 {
  grid-area: 4 / 2 / 5 / 3;
}

#w-node-_4ec0f7f8-bb96-5b3e-08c4-277498118fad-8ca16ac0 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-ef9a734a-df47-de91-fc92-c1f49812d8ad-8ca16ac0 {
  grid-area: 5 / 2 / 6 / 3;
}

#w-node-_25d932bf-14f8-7650-a9a8-a245cae49480-8ca16ac0 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_837eb8d8-94b6-5f83-0bbb-44f1abe138a7-8ca16ac0, #w-node-b4cecd91-f370-353c-92c1-5f34a7291e2f-8ca16ac0, #w-node-_1dc059ef-56e6-3bf9-b2ab-2041f4506dfb-8ca16ac0, #w-node-_681196d7-d2d0-8614-7b93-51660421530c-8ca16ac0, #w-node-_7ffca709-8855-a4e1-43d8-f9fa47a52a66-8ca16ac0, #w-node-_52f6bd0c-c920-ea31-571b-37e22f3f7632-8ca16ac0, #w-node-_336b2cc0-47de-163c-8104-e514d9ca9e16-8ca16ac0 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_898f35b6-d2e2-9954-0480-100c5a1e6c79-8ca16ac0 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-cd49abd4-ee5c-ac28-61b4-7d428b4ef2f3-8ca16ac0 {
  grid-area: 1 / 2 / 4 / 3;
}

#w-node-_32b99ce5-e051-5e34-dea9-3470e83aa071-8ca16ac0 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-ca593587-0e25-e027-21c4-d5d3ee7cb230-8ca16ac0 {
  grid-area: 2 / 2 / 3 / 3;
}

#w-node-_4f2e332e-288c-4dac-2de6-ab3c20a09259-8ca16ac0 {
  grid-area: 1 / 1 / 4 / 2;
}

#w-node-_0866c685-a7b9-622b-76a4-b04592b105a8-8ca16ac0 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-e962c7f5-9b01-6c2a-01a1-36154eab4807-8ca16ac0 {
  grid-area: 2 / 1 / 3 / 2;
}

#w-node-_0f98daf5-bd27-8628-3150-45843304fceb-8ca16ac0 {
  grid-area: 1 / 2 / 4 / 3;
}

#w-node-_0e577263-8820-20ea-a44a-c575857a66b3-8ca16ac0 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_6c6510dc-e8d0-520c-e3d6-fa598fa7f9c6-8ca16ac0 {
  grid-area: 2 / 2 / 3 / 3;
}

#w-node-_7eaba204-c736-ac7c-544a-1278e0fc5eed-8ca16ac0 {
  grid-area: 1 / 1 / 4 / 2;
}

#w-node-_35d09ddb-0994-4436-0ee6-3bc6ce03e984-8ca16ac0 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d5058b56-abf9-de9f-8a11-36952b7b678f-8ca16ac0 {
  align-self: start;
}

#w-node-f16a984d-3ea6-8f97-f0b7-7f51d3f88e6d-8ca16ac0, #w-node-cf749045-3f1c-5e45-de52-7f193ef3d4e2-3ef3d4e2, #w-node-cf749045-3f1c-5e45-de52-7f193ef3d4e6-3ef3d4e2, #w-node-cf749045-3f1c-5e45-de52-7f193ef3d4ec-3ef3d4e2, #w-node-cf749045-3f1c-5e45-de52-7f193ef3d4f2-3ef3d4e2, #w-node-cf749045-3f1c-5e45-de52-7f193ef3d4f8-3ef3d4e2, #w-node-cf749045-3f1c-5e45-de52-7f193ef3d4fe-3ef3d4e2, #w-node-_09f4e0d7-149c-7c92-d59d-cac1459c3aff-459c3afa, #w-node-da93d809-e699-02f6-b545-7664e9df629f-e9df629f {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_4eed70bd-6d51-a3b5-6e9d-229dea3786c9-ea3786c9 {
  align-self: center;
}

#w-node-_253613b1-c897-2aef-c5e3-dd758552042b-8552042b, #w-node-_253613b1-c897-2aef-c5e3-dd758552042c-8552042b {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_16fd420d-64e1-091e-aa0a-292c06a4ae08-06a4ae08 {
  align-self: center;
}

#w-node-_78f7072f-ab24-4ac2-f094-e6ec41005e82-06a4ae08 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_86248916-02b2-46f0-f634-c023b61e5449-d86de3d3 {
  justify-self: end;
}

#w-node-_67ef41fc-5f44-192e-bfa6-b68430a72b41-d86de3d3 {
  grid-area: 1 / 1 / 2 / 3;
}

#w-node-_67ef41fc-5f44-192e-bfa6-b68430a72b4a-d86de3d3 {
  grid-area: 2 / 1 / 3 / 2;
  align-self: center;
}

#w-node-daba1301-3b85-2e21-7549-ec34721c44bc-d86de3d3 {
  grid-area: 1 / 1 / 2 / 3;
}

#w-node-_2704315e-fce1-23f1-f01a-4b786c369f75-d86de3d3 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-b532e498-357a-b556-9814-10be1b7f48cf-d86de3d3 {
  grid-area: 1 / 3 / 2 / 4;
}

#w-node-_78edb186-0197-9318-5127-ebd1a9946253-d86de3d3 {
  grid-area: 1 / 4 / 2 / 5;
}

#w-node-_134fea05-47e4-fe11-24a6-45657697f5e2-d86de3d3 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_19acd5b0-e030-6cd8-702d-d595ed22fc8a-d86de3d3 {
  grid-area: 4 / 1 / 5 / 3;
}

#w-node-_248aaa24-eba1-d11f-573e-b6009bc8299d-d86de3d3 {
  grid-area: 1 / 3 / 2 / 5;
}

#w-node-_061ac8ff-f095-e553-74ba-6e9601f8a620-d86de3d3 {
  grid-area: 1 / 5 / 2 / 6;
}

#w-node-bdeaa533-19f3-1e87-173b-b4b3b6acf518-d86de3d3 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_67e94bd4-9037-c242-0984-dccc3f66819a-d86de3d3 {
  grid-area: 1 / 3 / 2 / 6;
}

#w-node-b47e73df-9e36-00b0-a8b6-4e80008869e1-d86de3d3 {
  grid-area: 1 / 6 / 2 / 7;
}

#w-node-f6fd05d6-b4ba-b721-8011-dc70d3e69ebb-d86de3d3 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_3f9f23ac-2f18-e478-b239-198d3563e7b6-d86de3d3 {
  grid-area: 1 / 3 / 2 / 7;
}

#w-node-a63a0e16-788a-113f-be70-f7e511c5259b-d86de3d3 {
  grid-area: 1 / 7 / 2 / 8;
}

#w-node-_2e2e281b-74b7-fab7-c1a0-ef85c213fbbc-d86de3d3 {
  grid-area: 1 / 1 / 2 / 3;
}

#w-node-_6d36ba8d-5b0d-44af-cea9-64d1f5cd2206-d86de3d3 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-f871d455-838a-f2ca-a6db-46d90b080538-d86de3d3 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-c9789909-0218-d703-5f5f-bf44bdbdf516-d86de3d3 {
  grid-area: 1 / 3 / 2 / 4;
}

#w-node-c59e73f5-e72b-d6c3-1e13-3a9961349cd0-d86de3d3 {
  grid-area: 1 / 4 / 2 / 5;
}

#w-node-a1510b53-640b-de8e-5f58-1bbaa1f1ac30-d86de3d3 {
  grid-area: 1 / 5 / 2 / 6;
}

#w-node-_8433e552-4ba4-fb43-0b2d-59031613def2-d86de3d3 {
  grid-area: 1 / 6 / 2 / 7;
  align-self: start;
}

#w-node-_8af0cf0b-a298-d8e7-c56d-a75781efc0b5-d86de3d3 {
  grid-area: 1 / 2 / 3 / 7;
  justify-self: center;
}

#w-node-c7745b23-0bea-3cdf-6127-4045b78cbde5-d86de3d3 {
  grid-area: 2 / 2 / 3 / 3;
  align-self: end;
}

#w-node-_95c0656a-fb16-66c8-3859-23cb7f780b11-d86de3d3 {
  grid-area: 2 / 3 / 3 / 4;
}

#w-node-dff0230e-09a4-35a6-45d3-d6681eca744f-d86de3d3 {
  grid-area: 2 / 4 / 3 / 5;
}

#w-node-_813ea2f9-5625-7aac-0eb9-f55d257541c8-d86de3d3 {
  grid-area: 1 / 1 / 2 / 2;
  align-self: start;
}

#w-node-_6b65567c-57ab-aca7-8995-8e7c015911ac-d86de3d3 {
  grid-area: 1 / 1 / 3 / 6;
  justify-self: center;
}

#w-node-_40ab2874-d053-0779-a721-aede2e8ed43b-d86de3d3 {
  grid-area: 1 / 1 / 2 / 2;
  align-self: end;
}

#w-node-_601bae1e-2ea3-1f92-44df-721940e2469e-d86de3d3 {
  grid-area: 2 / 5 / 3 / 6;
}

#w-node-dafa9dd6-e246-c7aa-f494-76c914982fcc-d86de3d3 {
  grid-area: 2 / 6 / 3 / 7;
}

#w-node-_5e25adf0-bbca-6470-45e6-1d28135cc707-d86de3d3 {
  grid-area: 2 / 7 / 3 / 8;
}

#w-node-_42cd520e-6c74-004b-7acd-c1fc6331625e-d86de3d3, #w-node-_927dd96b-ac14-ab49-4591-b8b34737967a-d86de3d3 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_334b04d4-741e-7a7e-0db5-e0efbeef5c0a-d86de3d3 {
  grid-area: 2 / 1 / 3 / 2;
}

#w-node-c1cbd889-0c45-406b-e16b-3dfc148e2858-d86de3d3 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-c1cbd889-0c45-406b-e16b-3dfc148e2897-d86de3d3, #w-node-_7d9cd862-d51f-aff5-bcdd-1f9644cfd11b-d86de3d3, #w-node-_4208c2c7-827a-1b23-209d-00f950d68f67-d86de3d3 {
  grid-area: 2 / 1 / 3 / 2;
}

#w-node-_2c194aed-1766-68de-885c-f7f5546c5ab8-d86de3d3 {
  grid-area: 1 / 1 / 2 / 3;
}

#w-node-_6da331e1-0be2-1876-d1dc-75a3c14d10b4-d86de3d3 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-cc428064-dcd3-f8e8-a4a8-ab27350f921b-d86de3d3 {
  grid-area: 1 / 2 / 2 / 5;
}

#w-node-_806f41ab-8f76-d6af-9a06-72824ae165a7-d86de3d3 {
  grid-area: 1 / 5 / 2 / 6;
}

#w-node-_252f0b73-50b3-21e3-6c01-b6ef56a98be8-d86de3d3 {
  grid-area: 1 / 1 / 2 / 3;
}

#w-node-_16f54008-1d78-b584-1c9b-66a1b5d12072-d86de3d3 {
  grid-area: 2 / 1 / 3 / 3;
}

#w-node-d4f4d8d0-ab2d-f464-2cd0-7f463a778edc-d86de3d3 {
  grid-area: 3 / 2 / 5 / 3;
}

#w-node-fb5ceb42-150b-5751-bb75-e740780830f0-d86de3d3 {
  grid-area: 3 / 1 / 5 / 2;
}

#w-node-cb119de7-ad47-cad0-7350-f6e430a0aad5-d86de3d3 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-c28d9885-847b-0980-63b1-5079b4f87e2a-d86de3d3 {
  grid-area: 1 / 2 / 5 / 3;
}

#w-node-b342a00e-458c-f2ac-0974-ebc05c4e5e77-d86de3d3 {
  align-self: stretch;
}

#w-node-_90dc7db6-4b93-1e4b-e4df-683b8a5d627a-0d7e2d2e, #w-node-_13552d34-aa86-55b3-1013-04d3884e8f24-0d7e2d2e {
  justify-self: end;
}

#w-node-_52114e29-9b55-6573-967a-4055e61975fe-c0094af9 {
  grid-area: 1 / 1 / 5 / 2;
}

#w-node-a5695bf8-8c91-7ff0-39a6-61b519d88eff-c0094af9 {
  grid-area: 3 / 1 / 6 / 2;
}

#w-node-f62c2e3b-15f7-94f8-1407-256c9a65f223-c0094af9 {
  grid-area: 1 / 1 / 2 / 3;
}

#w-node-_276e0c93-6c8a-5856-db9a-75f4723d1272-c0094af9 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_752b57e3-6535-601c-c27b-c8a7e30fc5ce-c0094af9 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_87413a84-e8b5-907f-174a-737a30309a63-c0094af9 {
  grid-area: 3 / 1 / 4 / 3;
}

#w-node-_0738559f-054e-841a-be44-3d57f221cc80-c0094af9 {
  grid-area: 3 / 1 / 5 / 2;
}

#w-node-b9518993-8896-ffde-476b-926a94e51218-c0094af9 {
  grid-area: 3 / 2 / 4 / 3;
}

#w-node-f4ee36bb-b5e4-f13a-5196-1d590808bb90-c0094af9 {
  grid-area: 1 / 3 / 2 / 4;
}

#w-node-c60c522e-6006-a8b6-c6eb-ac1e8bf483e0-c0094af9 {
  grid-area: 2 / 3 / 3 / 4;
}

#w-node-_567b8946-5355-f5ae-059c-baaae62b26c1-c0094af9 {
  grid-area: 3 / 3 / 4 / 4;
}

#w-node-_4919d9f3-819a-1a65-3bf3-92ab5ded2647-c0094af9 {
  grid-area: 4 / 3 / 5 / 4;
}

#w-node-b22eac79-4f6f-0f21-990a-48d862ea0843-c0094af9, #w-node-_0a65fa1b-5940-6c26-4bd2-1cfb89e04a07-c0094af9, #w-node-e4e0a836-59a4-db0b-56cc-306fc5a98261-c0094af9, #w-node-_81807ad8-fad7-b9c7-92fc-965e76134e76-c0094af9, #w-node-_5397afbe-f864-e3b4-f719-8f1cbf383dcc-c0094af9 {
  justify-self: center;
}

#w-node-_3ab2f3a5-de89-0eb0-fa77-db626f1317f2-c0094af9 {
  grid-area: 2 / 4 / 3 / 5;
  justify-self: center;
}

#w-node-c8c263e9-73d1-ee6c-632d-736fc8566a6a-c0094af9 {
  grid-area: 1 / 2 / 4 / 3;
}

#w-node-e5d97b57-ccf1-5973-cc68-14026aaf2e1a-c0094af9 {
  grid-area: 2 / 1 / 3 / 4;
}

#w-node-_48a328a4-17d9-6f71-bb90-86723bfa6037-c0094af9 {
  align-self: start;
}

#w-node-_0ff9dd3c-2e4c-289c-4036-a66bcac5ee57-c0094af9 {
  grid-area: 1 / 3 / 2 / 4;
}

#w-node-_7608f681-7b88-d0f5-cfa4-6880e077be60-c0094af9 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_5a9bcbf0-74e2-51d9-c969-e9c6e6b5b213-c0094af9 {
  grid-area: 2 / 1 / 3 / 2;
}

#w-node-_9d443a7e-a3ea-6687-9fa1-b78782bbb6a5-c0094af9 {
  grid-area: 3 / 1 / 4 / 2;
}

#w-node-_7ad2e922-41fe-b4b3-9825-1be32ca99409-c0094af9 {
  grid-area: 4 / 1 / 5 / 2;
}

#w-node-f9b3aeff-e24a-09d6-95bc-cbf5fb0f8bf2-c0094af9, #w-node-_3a09839d-70b8-99d4-abde-434c8f1a5b58-c0094af9, #w-node-c51c1f0a-0fa1-9255-39f1-0fa3b6cf4845-c0094af9 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_0032f515-1c6d-8fac-9635-f8e26b74d29d-c0094af9 {
  align-self: start;
}

#w-node-_01209ce0-9b06-08e3-995f-f8166baa1a5e-c0094af9 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_6472236e-32ac-cd66-5823-26a2289cf71a-c0094af9 {
  grid-area: 1 / 1 / 5 / 2;
}

#w-node-_128fe3fb-0c93-c9b7-667f-18ec0e4305f6-c0094af9 {
  grid-area: 1 / 3 / 2 / 4;
  justify-self: end;
}

#robustness.w-node-_2fa89709-a72f-62e9-fed3-b1fffde258b7-c0094af9 {
  grid-area: 1 / 1 / 2 / 4;
}

#w-node-_9a5fb677-42e7-c934-6573-7d6fb254c3c7-c0094af9 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_9a5fb677-42e7-c934-6573-7d6fb254c3bd-c0094af9 {
  grid-area: 1 / 2 / 2 / 4;
}

#w-node-cf3697d5-54b6-e5e8-39b8-d88a2cead18b-c0094af9 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_8978ddd1-3a8d-52a4-1061-a489c111dfb6-c0094af9 {
  grid-area: 1 / 3 / 2 / 4;
}

#w-node-_054f2b9f-d3d7-1d60-d987-80a2b35ce891-c0094af9 {
  grid-area: 1 / 2 / 2 / 4;
}

#w-node-_10ca010b-8ed4-a607-b05e-73c4554fa3e5-c0094af9 {
  grid-area: 1 / 1 / 2 / 3;
}

#w-node-bfeba088-0b63-2276-2bca-c2e598571bf6-c0094af9 {
  grid-area: 1 / 5 / 2 / 6;
}

#w-node-_6425c58b-3a30-3b7b-4096-79300edf9401-c0094af9 {
  grid-area: 2 / 1 / 3 / 2;
}

#w-node-_5113d71d-791a-2dcd-1846-8d6586540362-c0094af9 {
  grid-area: 2 / 2 / 3 / 5;
}

#w-node-e405eb53-478b-2b54-9efd-094df7c49c80-c0094af9 {
  grid-area: 2 / 4 / 3 / 5;
}

#w-node-_17cb9796-c65f-1572-64c7-2b848118e91b-c0094af9 {
  grid-area: 2 / 5 / 3 / 6;
}

#w-node-d1aa2d42-4786-a403-3bc9-a207b528bc73-c0094af9 {
  grid-area: 3 / 1 / 4 / 3;
}

#w-node-_0fcf7ef2-9dd1-500f-027b-5fb75dd48a69-c0094af9, #w-node-_9b6edfdc-0e58-c1d2-6016-8e104e23963c-c0094af9 {
  grid-area: 3 / 3 / 4 / 5;
}

#w-node-_56ca7164-c209-2adc-e607-b3ac28cb6779-c0094af9 {
  grid-area: 1 / 1 / 2 / 3;
}

#w-node-bb85f8f0-832c-9577-403b-9fbc30e68a92-c0094af9 {
  grid-area: 2 / 1 / 3 / 3;
}

#w-node-_7abf9fc1-e015-ef05-7281-cddc51f1e141-c0094af9, #w-node-_923d0571-768f-0158-e501-4e1851e1febb-c0094af9, #w-node-_11583da2-d6a7-a531-cc75-418cdd090384-c0094af9 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-f1a114e5-4824-0a04-f177-720e262f5639-c0094af9 {
  grid-area: 2 / 1 / 3 / 2;
}

#w-node-_43bc4097-3b42-aa8a-7eec-bb6ed56929fe-c0094af9 {
  grid-area: 4 / 1 / 5 / 2;
}

#w-node-_2371de11-dcde-2146-dbbb-a95a57dab9e4-c0094af9 {
  grid-area: 5 / 1 / 6 / 2;
}

#w-node-_7adf4efb-7efc-1873-506a-d038e0a7d81c-c0094af9 {
  grid-area: 5 / 1 / 6 / 3;
}

#w-node-_7adf4efb-7efc-1873-506a-d038e0a7d82f-c0094af9 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_438db4b0-617e-f307-586e-fd113e737a8b-c0094af9 {
  grid-area: span 1 / span 2 / span 1 / span 2;
  align-self: start;
}

#w-node-cfcb1500-cf5e-3332-9446-eabb650864f2-c0094af9 {
  justify-self: center;
}

#w-node-_74df1cff-6e7b-6c77-1f0b-061dd935b40d-c0094af9 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-c376dae7-55bb-71c1-0e3d-f323c9c855c1-c0094af9, #w-node-e7ef1645-9144-1b6d-7285-0f6c24fcac15-c0094af9 {
  align-self: end;
}

#w-node-_86c6d141-1eba-6752-9b12-313cf8fd811f-c0094af9 {
  grid-area: 2 / 1 / 3 / 2;
}

#w-node-_6f064fba-6989-0348-655e-f823104ee74a-c0094af9 {
  grid-area: 2 / 2 / 3 / 3;
}

#w-node-_8e7374a3-5910-437e-0f37-e113ac07d8f6-c0094af9 {
  grid-area: span 1 / span 2 / span 1 / span 2;
  align-self: start;
}

#w-node-_8e7374a3-5910-437e-0f37-e113ac07d8f9-c0094af9 {
  justify-self: center;
}

#w-node-d2381260-024c-07ec-9763-00b31d6658aa-a65399ec {
  justify-self: end;
}

#w-node-_4569c9f4-f7bb-f37a-3f84-c2162abf7975-a65399ec {
  grid-area: 2 / 1 / 3 / 2;
}

#w-node-_06a219b7-2b9e-ca56-6687-f8a5e70ddd24-a65399ec {
  grid-area: 2 / 2 / 3 / 3;
  align-self: start;
}

#w-node-f1e813c3-f0db-08a3-aa4f-28e1cd79fdb7-a65399ec {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_9a44de81-ce9e-3004-3f63-96997a072578-a65399ec {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-c79f3b6a-ee2d-516c-c50c-446909964d25-a65399ec {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_4122a6ce-e4c1-e6f8-7734-61d92a969716-a65399ec {
  grid-area: 1 / 3 / 2 / 4;
}

#w-node-_084d0b4e-a7e4-4ff7-f49d-55a4fd00ffc2-a65399ec {
  grid-area: 1 / 4 / 2 / 5;
}

#w-node-bbba9a16-5747-a2a1-ef76-c99a84348077-a65399ec {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_5c035ef6-c957-3517-7015-6967c10e6da6-a65399ec {
  grid-area: 1 / 5 / 2 / 6;
}

#w-node-_77f14d57-3b22-e39f-301b-f085e0b8004b-a65399ec {
  grid-area: 2 / 5 / 3 / 6;
}

#w-node-b2e6b88a-2cb0-ff20-ae36-8774cad865f9-a65399ec {
  grid-area: 2 / 2 / 3 / 5;
}

#w-node-f2d54837-b35b-c758-2b85-535c4b080c8b-a65399ec {
  grid-area: 2 / 1 / 3 / 2;
}

#w-node-_116b7b13-8a9f-89e3-f8bf-21ab1ab7ab40-a65399ec {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-bbe2fa50-c1c6-b86e-4e86-836c71e94125-a65399ec {
  grid-area: 3 / 1 / 4 / 2;
}

#w-node-_2eaa0c8b-9c09-6968-7ba0-3d20be56e3ca-a65399ec {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-c91ddd18-dcbd-d4c8-bdd1-6a57f807255b-a65399ec {
  grid-area: 1 / 1 / 2 / 4;
}

#w-node-_946a10fc-61f2-c787-672d-2f19bf5f442a-a65399ec, #w-node-a30e0d52-d0f2-a201-6898-3f595634cbac-a65399ec {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-a61cd605-6f0a-52aa-a2b3-791fdf698605-a65399ec {
  grid-area: 3 / 2 / 4 / 3;
}

#w-node-f18a30f3-48e6-046c-f04d-df0a5e0ad118-a65399ec {
  grid-area: 3 / 3 / 4 / 4;
}

#w-node-ad161604-d21c-2a27-8836-a215c7c87cc6-a65399ec {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_505378bd-da0d-f0fe-7de3-77091c5d7421-a65399ec {
  grid-area: 3 / 4 / 4 / 5;
}

#w-node-_5fda7a8e-1dfe-c118-e5e9-4f204985dff4-a65399ec {
  grid-area: 3 / 5 / 4 / 6;
}

#w-node-f533bb19-51b2-af93-729c-19f0ca18f945-a65399ec {
  grid-area: 4 / 5 / 5 / 6;
}

#w-node-dda59ffd-b1aa-35be-f084-97d83f268d62-a65399ec {
  grid-area: 4 / 2 / 4 / 5;
}

#w-node-_65ce4a17-ba3f-e6c2-a999-c323eefd59e5-a65399ec {
  grid-area: 4 / 1 / 5 / 2;
}

#w-node-_63a4aae2-a3da-c719-6835-82219057fe42-a65399ec {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_0f13c90f-e8c4-9d7e-c572-a3b0a0395c8a-a65399ec {
  grid-area: 5 / 1 / 6 / 2;
}

#w-node-_81996c06-7b27-f6bd-8469-6dbb4381e7c0-a65399ec {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_37c0377c-e13f-fc2c-939c-ba2bc2d70b78-a65399ec {
  grid-area: 1 / 1 / 1 / 4;
}

#w-node-d6509f58-dd24-c1f0-a5e8-12dd69e10a7a-a65399ec, #w-node-_6a972ef1-92fc-370a-48ba-266a810d608d-a65399ec {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_2c307cb4-8ead-3dfe-6218-4f95bb964dbb-a65399ec {
  grid-area: 5 / 2 / 6 / 3;
}

#w-node-e964a852-e887-2c76-38f6-07f7ad132795-a65399ec {
  grid-area: 5 / 3 / 6 / 4;
}

#w-node-caef6771-58d0-0c6a-0648-adf6027c1cd4-a65399ec {
  grid-area: 5 / 4 / 6 / 5;
}

#w-node-_2818a8e7-1197-8c88-eb05-4c397fdf0aef-a65399ec {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-d618bc8d-f612-a94d-ceca-4b01e4317cf4-a65399ec {
  grid-area: 5 / 5 / 6 / 6;
}

#w-node-_09ffb6ff-c6c1-7f23-86b7-948a418e3a57-a65399ec, #w-node-f5f029c7-58f1-0241-607f-7021a41446b3-a65399ec {
  place-self: start;
}

#w-node-_02915d4a-0576-9b26-cfe7-8c9ada955ac5-a65399ec {
  grid-area: 1 / 1 / 2 / 4;
}

#w-node-f1e45fc4-5379-3a9f-2829-d231e99f5bf1-a65399ec {
  grid-area: 1 / 1 / 2 / 3;
}

#w-node-b379b212-4c3f-cc95-ed35-10491780bbaf-a65399ec {
  grid-area: 2 / 1 / 3 / 2;
  align-self: end;
}

#w-node-_248a7dbe-2581-9646-b23b-8ca42468b420-a65399ec {
  grid-area: 3 / 1 / 4 / 2;
  align-self: start;
}

#w-node-_2ded1292-b55e-0fcb-f0ca-69f82b4042e2-a65399ec {
  grid-area: 2 / 2 / 3 / 3;
}

#w-node-_7895e1a5-b28f-a657-769b-808972710710-a65399ec {
  grid-area: 3 / 2 / 6 / 3;
  align-self: start;
}

#w-node-_732f0958-8599-2cbb-33a6-f74cfc9524c1-a65399ec {
  grid-area: 4 / 1 / 5 / 2;
}

#w-node-a36ff844-5a97-772f-32c2-2546be480b5a-a65399ec {
  grid-area: 1 / 1 / 2 / 4;
}

#w-node-_52d35eae-6bc5-bbf7-2110-71d5b6b559d5-a65399ec {
  grid-area: 1 / 1 / 2 / 3;
}

#w-node-de90a757-9bee-ed6c-2d1c-bdc2de2153da-a65399ec {
  grid-area: 2 / 1 / 3 / 2;
  align-self: end;
}

#w-node-ab59a3e1-5c6f-3f40-878e-f0e4bc5b485d-a65399ec {
  grid-area: 3 / 1 / 5 / 2;
  align-self: start;
}

#w-node-_388a5f03-588a-ce80-fa78-1ae88aec87d4-a65399ec {
  grid-area: 2 / 2 / 3 / 3;
  align-self: end;
}

#w-node-_34fe68b9-d770-d8bf-5c08-c6a0a99b9866-a65399ec {
  grid-area: 3 / 2 / 5 / 3;
  align-self: start;
}

#w-node-_9e854669-ec29-dbfb-0946-71812952d103-a65399ec {
  grid-area: 4 / 2 / 5 / 3;
}

#w-node-_0dddb905-a38a-03da-6849-4dd97c1d3b1e-a65399ec {
  grid-area: 5 / 1 / 6 / 3;
}

#w-node-_2e990886-2862-973f-c7be-0c76127f8f64-a65399ec {
  grid-area: 1 / 1 / 2 / 4;
}

#w-node-f0c2fd2c-70f2-56a2-06c5-f4529ae79ea1-a65399ec {
  grid-area: 1 / 1 / 2 / 3;
}

#w-node-d75ccaf6-b81a-08a5-18a0-c94222faf110-a65399ec {
  grid-area: 2 / 1 / 3 / 2;
}

#w-node-_8a581101-016d-9f9d-3cfc-67e5aabddf39-a65399ec {
  grid-area: 3 / 1 / 5 / 2;
  align-self: start;
}

#w-node-_057d603f-b3c9-fc8e-392f-afd48d7dde98-a65399ec {
  grid-area: 2 / 2 / 3 / 3;
}

#w-node-_5de2c46d-3631-57f9-aaf6-923d166b3f2c-a65399ec {
  grid-area: 3 / 2 / 5 / 3;
  align-self: start;
}

#w-node-ce271325-3e43-9f8e-3c7b-534f8cec406a-a65399ec {
  grid-area: 5 / 1 / 6 / 3;
}

#w-node-_2e1c4026-162b-3284-4629-de34eb5ec4bd-a65399ec {
  grid-area: 1 / 1 / 2 / 2;
  align-self: center;
}

#w-node-_5c53de3f-dfca-a61e-c647-06c018c7d077-a65399ec {
  grid-area: 2 / 1 / 3 / 3;
}

#w-node-_9e807c39-b18d-bb74-c23a-8aa89f782c05-a65399ec {
  grid-area: 1 / 2 / 2 / 3;
  place-self: center end;
}

#w-node-_51812fd9-d8d1-de0a-2016-80d5de2e9f18-a65399ec {
  grid-area: 1 / 1 / 2 / 2;
  align-self: center;
}

#w-node-_51812fd9-d8d1-de0a-2016-80d5de2e9f4e-a65399ec {
  grid-area: 2 / 1 / 3 / 3;
}

#w-node-_51812fd9-d8d1-de0a-2016-80d5de2e9f9e-a65399ec {
  grid-area: 1 / 2 / 2 / 3;
  place-self: center end;
}

#w-node-cef902b9-276c-afa5-036c-32c9af192835-a65399ec {
  grid-area: 1 / 1 / 2 / 2;
  align-self: center;
}

#w-node-cef902b9-276c-afa5-036c-32c9af19286a-a65399ec {
  grid-area: 2 / 1 / 3 / 3;
}

#w-node-cef902b9-276c-afa5-036c-32c9af19289d-a65399ec {
  grid-area: 1 / 2 / 2 / 3;
  place-self: center end;
}

#w-node-a6c79b88-ae3e-a81b-f18d-d3b479bf04f8-a65399ec {
  grid-area: 1 / 1 / 2 / 2;
  align-self: center;
}

#w-node-a6c79b88-ae3e-a81b-f18d-d3b479bf052d-a65399ec {
  grid-area: 2 / 1 / 3 / 3;
}

#w-node-a6c79b88-ae3e-a81b-f18d-d3b479bf0560-a65399ec {
  grid-area: 1 / 2 / 2 / 3;
  place-self: center end;
}

@media screen and (min-width: 1280px) {
  #w-node-_49666279-cc2f-2749-d7f9-e003edb620c7-8ca16ac0 {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-_417538b2-d051-d21f-eaa5-c7f6f49cf5d0-8ca16ac0 {
    grid-row-end: 2;
  }

  #w-node-_789e5fee-8ef6-1134-07d3-8746cab3677b-8ca16ac0 {
    grid-row: 2 / 3;
  }

  #w-node-_57bbf5d7-079a-725d-e3f1-0b4dc52ff26b-8ca16ac0, #w-node-_67ef41fc-5f44-192e-bfa6-b68430a72b48-d86de3d3, #w-node-_9b4522fd-4310-094d-cb00-16cd468cf95d-d86de3d3, #w-node-_2e2e281b-74b7-fab7-c1a0-ef85c213fbc4-d86de3d3 {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-_6d36ba8d-5b0d-44af-cea9-64d1f5cd2206-d86de3d3, #w-node-f871d455-838a-f2ca-a6db-46d90b080538-d86de3d3, #w-node-c9789909-0218-d703-5f5f-bf44bdbdf516-d86de3d3, #w-node-c59e73f5-e72b-d6c3-1e13-3a9961349cd0-d86de3d3, #w-node-a1510b53-640b-de8e-5f58-1bbaa1f1ac30-d86de3d3, #w-node-_1b5e68d6-ff42-6586-b11c-2b9509d3f32d-d86de3d3, #w-node-_95c0656a-fb16-66c8-3859-23cb7f780b11-d86de3d3, #w-node-dff0230e-09a4-35a6-45d3-d6681eca744f-d86de3d3, #w-node-_601bae1e-2ea3-1f92-44df-721940e2469e-d86de3d3, #w-node-dafa9dd6-e246-c7aa-f494-76c914982fcc-d86de3d3, #w-node-_5e25adf0-bbca-6470-45e6-1d28135cc707-d86de3d3 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_334b04d4-741e-7a7e-0db5-e0efbeef5c0a-d86de3d3, #w-node-c1cbd889-0c45-406b-e16b-3dfc148e2897-d86de3d3, #w-node-_7d9cd862-d51f-aff5-bcdd-1f9644cfd11b-d86de3d3, #w-node-_4208c2c7-827a-1b23-209d-00f950d68f67-d86de3d3 {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-_4c7b1d21-d2fe-0002-401f-1badfbc3dea4-d86de3d3 {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-_6da331e1-0be2-1876-d1dc-75a3c14d10b4-d86de3d3 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_252f0b73-50b3-21e3-6c01-b6ef56a98be8-d86de3d3 {
    grid-column-end: 3;
  }

  #w-node-_16f54008-1d78-b584-1c9b-66a1b5d12072-d86de3d3 {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-d4f4d8d0-ab2d-f464-2cd0-7f463a778edc-d86de3d3 {
    grid-column: 1 / 2;
    grid-row-end: 5;
  }

  #w-node-fb5ceb42-150b-5751-bb75-e740780830f0-d86de3d3 {
    grid-area: 2 / 2 / 4 / 3;
  }

  #w-node-_0738559f-054e-841a-be44-3d57f221cc80-c0094af9 {
    grid-row-start: 4;
    grid-column-end: 3;
  }

  #w-node-b9518993-8896-ffde-476b-926a94e51218-c0094af9 {
    grid-row: 4 / 5;
  }

  #w-node-cf3697d5-54b6-e5e8-39b8-d88a2cead18b-c0094af9 {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-_054f2b9f-d3d7-1d60-d987-80a2b35ce891-c0094af9 {
    grid-column-start: 2;
  }

  #w-node-_438db4b0-617e-f307-586e-fd113e737a8b-c0094af9 {
    align-self: start;
  }

  #w-node-c376dae7-55bb-71c1-0e3d-f323c9c855c1-c0094af9, #w-node-e7ef1645-9144-1b6d-7285-0f6c24fcac15-c0094af9 {
    align-self: end;
  }

  #w-node-_8e7374a3-5910-437e-0f37-e113ac07d8f6-c0094af9 {
    align-self: start;
  }

  #w-node-_540b4bf4-9dfa-c2ce-add4-6b1738abb1d3-a65399ec, #w-node-_64947c8a-fb4a-9f73-ba46-7f1d39ac5c50-a65399ec {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-d4375099-a3f8-f006-5802-80a57b1496f3-a65399ec {
    grid-area: 1 / 3 / 2 / 4;
    align-self: end;
  }

  #w-node-f5f029c7-58f1-0241-607f-7021a41446b3-a65399ec {
    grid-area: 2 / 3 / 3 / 4;
  }

  #w-node-f1e45fc4-5379-3a9f-2829-d231e99f5bf1-a65399ec {
    grid-area: 1 / 1 / 3 / 2;
    align-self: start;
  }

  #w-node-b379b212-4c3f-cc95-ed35-10491780bbaf-a65399ec {
    grid-area: 1 / 3 / 2 / 4;
  }

  #w-node-_248a7dbe-2581-9646-b23b-8ca42468b420-a65399ec {
    grid-area: 2 / 3 / 5 / 4;
  }

  #w-node-_2ded1292-b55e-0fcb-f0ca-69f82b4042e2-a65399ec {
    grid-area: 1 / 5 / 2 / 6;
  }

  #w-node-_7895e1a5-b28f-a657-769b-808972710710-a65399ec {
    grid-area: 2 / 5 / 5 / 6;
  }

  #w-node-_732f0958-8599-2cbb-33a6-f74cfc9524c1-a65399ec {
    grid-row: 3 / 4;
  }

  #w-node-_52d35eae-6bc5-bbf7-2110-71d5b6b559d5-a65399ec {
    grid-row-end: 3;
    grid-column-end: 2;
  }

  #w-node-de90a757-9bee-ed6c-2d1c-bdc2de2153da-a65399ec {
    grid-area: 1 / 3 / 2 / 4;
  }

  #w-node-ab59a3e1-5c6f-3f40-878e-f0e4bc5b485d-a65399ec {
    grid-area: 2 / 3 / 4 / 4;
  }

  #w-node-_388a5f03-588a-ce80-fa78-1ae88aec87d4-a65399ec {
    grid-area: 1 / 5 / 2 / 6;
  }

  #w-node-_34fe68b9-d770-d8bf-5c08-c6a0a99b9866-a65399ec {
    grid-area: 2 / 5 / 5 / 6;
  }

  #w-node-_0dddb905-a38a-03da-6849-4dd97c1d3b1e-a65399ec {
    grid-row: 3 / 4;
    grid-column-end: 2;
  }

  #w-node-f0c2fd2c-70f2-56a2-06c5-f4529ae79ea1-a65399ec {
    grid-row-end: 2;
    grid-column-end: 2;
  }

  #w-node-d75ccaf6-b81a-08a5-18a0-c94222faf110-a65399ec {
    grid-area: 1 / 3 / 2 / 4;
  }

  #w-node-_8a581101-016d-9f9d-3cfc-67e5aabddf39-a65399ec {
    grid-area: 2 / 3 / 5 / 4;
  }

  #w-node-_057d603f-b3c9-fc8e-392f-afd48d7dde98-a65399ec {
    grid-area: 1 / 5 / 2 / 6;
  }

  #w-node-_5de2c46d-3631-57f9-aaf6-923d166b3f2c-a65399ec {
    grid-area: 2 / 5 / 5 / 6;
  }

  #w-node-ce271325-3e43-9f8e-3c7b-534f8cec406a-a65399ec {
    grid-row: 2 / 5;
    grid-column-end: 2;
  }
}

@media screen and (max-width: 991px) {
  #w-node-ab25b10c-250c-f2ca-c64c-ce520f64694c-8ca16ac0 {
    grid-row: 3 / 4;
    grid-column-start: 1;
  }

  #w-node-_6c081898-d7bb-928a-6c5b-134711d19afe-8ca16ac0 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_898f35b6-d2e2-9954-0480-100c5a1e6c79-8ca16ac0 {
    grid-column-end: 3;
  }

  #w-node-cd49abd4-ee5c-ac28-61b4-7d428b4ef2f3-8ca16ac0 {
    grid-row-start: 2;
  }

  #w-node-_32b99ce5-e051-5e34-dea9-3470e83aa071-8ca16ac0 {
    grid-column-start: 1;
  }

  #w-node-_4f2e332e-288c-4dac-2de6-ab3c20a09259-8ca16ac0 {
    grid-area: 2 / 1 / 4 / 2;
  }

  #w-node-_0866c685-a7b9-622b-76a4-b04592b105a8-8ca16ac0 {
    grid-column-end: 3;
  }

  #w-node-_0f98daf5-bd27-8628-3150-45843304fceb-8ca16ac0 {
    grid-row-start: 2;
  }

  #w-node-_0e577263-8820-20ea-a44a-c575857a66b3-8ca16ac0 {
    grid-column-start: 1;
  }

  #w-node-_7eaba204-c736-ac7c-544a-1278e0fc5eed-8ca16ac0 {
    grid-row: 2 / 4;
  }

  #w-node-e63bdbbe-6fd6-d4e8-3008-e34848ac2855-d86de3d3 {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-_2704315e-fce1-23f1-f01a-4b786c369f75-d86de3d3, #w-node-b532e498-357a-b556-9814-10be1b7f48cf-d86de3d3, #w-node-_78edb186-0197-9318-5127-ebd1a9946253-d86de3d3, #w-node-_134fea05-47e4-fe11-24a6-45657697f5e2-d86de3d3, #w-node-_248aaa24-eba1-d11f-573e-b6009bc8299d-d86de3d3, #w-node-_061ac8ff-f095-e553-74ba-6e9601f8a620-d86de3d3, #w-node-bdeaa533-19f3-1e87-173b-b4b3b6acf518-d86de3d3, #w-node-_67e94bd4-9037-c242-0984-dccc3f66819a-d86de3d3, #w-node-b47e73df-9e36-00b0-a8b6-4e80008869e1-d86de3d3, #w-node-f6fd05d6-b4ba-b721-8011-dc70d3e69ebb-d86de3d3, #w-node-_3f9f23ac-2f18-e478-b239-198d3563e7b6-d86de3d3, #w-node-a63a0e16-788a-113f-be70-f7e511c5259b-d86de3d3 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_334b04d4-741e-7a7e-0db5-e0efbeef5c0a-d86de3d3, #w-node-c1cbd889-0c45-406b-e16b-3dfc148e2897-d86de3d3 {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-_9a95cfda-5677-9b24-a5a0-1dc30cb7b9c2-d86de3d3 {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-cc428064-dcd3-f8e8-a4a8-ab27350f921b-d86de3d3 {
    grid-area: 2 / 1 / 5 / 2;
  }

  #w-node-_806f41ab-8f76-d6af-9a06-72824ae165a7-d86de3d3 {
    grid-area: 5 / 1 / 6 / 2;
  }

  #w-node-_252f0b73-50b3-21e3-6c01-b6ef56a98be8-d86de3d3, #w-node-_16f54008-1d78-b584-1c9b-66a1b5d12072-d86de3d3 {
    grid-column-end: 3;
  }

  #w-node-d4f4d8d0-ab2d-f464-2cd0-7f463a778edc-d86de3d3 {
    grid-area: 3 / 1 / 4 / 3;
  }

  #w-node-fb5ceb42-150b-5751-bb75-e740780830f0-d86de3d3 {
    grid-area: 4 / 1 / 5 / 3;
  }

  #w-node-b9bd7e4e-954a-9be6-fd27-44ada37e14ce-c0094af9 {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-b9bd7e4e-954a-9be6-fd27-44ada37e14da-c0094af9 {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-_52114e29-9b55-6573-967a-4055e61975fe-c0094af9 {
    grid-area: 3 / 2 / 5 / 3;
  }

  #w-node-f62c2e3b-15f7-94f8-1407-256c9a65f223-c0094af9 {
    grid-area: 2 / 1 / 4 / 3;
  }

  #w-node-_276e0c93-6c8a-5856-db9a-75f4723d1272-c0094af9 {
    grid-area: 3 / 2 / 4 / 4;
  }

  #w-node-_752b57e3-6535-601c-c27b-c8a7e30fc5ce-c0094af9 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_87413a84-e8b5-907f-174a-737a30309a63-c0094af9 {
    grid-area: 4 / 1 / 5 / 3;
  }

  #w-node-_0738559f-054e-841a-be44-3d57f221cc80-c0094af9 {
    grid-area: 4 / 2 / 5 / 4;
  }

  #w-node-b9518993-8896-ffde-476b-926a94e51218-c0094af9 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-f4ee36bb-b5e4-f13a-5196-1d590808bb90-c0094af9 {
    grid-area: 1 / 1 / 2 / 4;
    align-self: stretch;
  }

  #w-node-c60c522e-6006-a8b6-c6eb-ac1e8bf483e0-c0094af9 {
    grid-area: 2 / 1 / 3 / 4;
    place-self: stretch end;
  }

  #w-node-_567b8946-5355-f5ae-059c-baaae62b26c1-c0094af9 {
    grid-area: 5 / 1 / 6 / 4;
  }

  #w-node-_4919d9f3-819a-1a65-3bf3-92ab5ded2647-c0094af9 {
    grid-area: 6 / 1 / 7 / 4;
    justify-self: end;
  }

  #w-node-_7608f681-7b88-d0f5-cfa4-6880e077be60-c0094af9 {
    grid-row: 2 / 3;
  }

  #w-node-_5a9bcbf0-74e2-51d9-c969-e9c6e6b5b213-c0094af9 {
    grid-row: 4 / 5;
  }

  #w-node-_9d443a7e-a3ea-6687-9fa1-b78782bbb6a5-c0094af9 {
    grid-row: 6 / 7;
  }

  #w-node-_7ad2e922-41fe-b4b3-9825-1be32ca99409-c0094af9 {
    grid-row: 8 / 9;
  }

  #w-node-_72501acf-b962-ca28-73b5-7c6297692f2c-c0094af9 {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-_3a09839d-70b8-99d4-abde-434c8f1a5b56-c0094af9 {
    grid-area: 3 / 1 / 4 / 2;
  }

  #w-node-c51c1f0a-0fa1-9255-39f1-0fa3b6cf4843-c0094af9 {
    grid-area: 5 / 1 / 6 / 2;
  }

  #w-node-_01209ce0-9b06-08e3-995f-f8166baa1a5c-c0094af9 {
    grid-area: 7 / 1 / 8 / 2;
  }

  #w-node-_128fe3fb-0c93-c9b7-667f-18ec0e4305f6-c0094af9 {
    grid-area: span 1 / span 1 / span 1 / span 1;
    justify-self: auto;
  }

  #robustness.w-node-_2fa89709-a72f-62e9-fed3-b1fffde258b7-c0094af9 {
    grid-area: span 1 / span 3 / span 1 / span 3;
  }

  #w-node-d55960d7-e102-cee7-fb48-4c06e964ba83-c0094af9 {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-_56ca7164-c209-2adc-e607-b3ac28cb6779-c0094af9 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-bb85f8f0-832c-9577-403b-9fbc30e68a92-c0094af9, #w-node-_923d0571-768f-0158-e501-4e1851e1feb9-c0094af9 {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-f1a114e5-4824-0a04-f177-720e262f5639-c0094af9 {
    grid-row: 1 / 2;
  }

  #w-node-_43bc4097-3b42-aa8a-7eec-bb6ed56929fe-c0094af9 {
    grid-row: 3 / 4;
  }

  #w-node-_2371de11-dcde-2146-dbbb-a95a57dab9e4-c0094af9, #w-node-_7adf4efb-7efc-1873-506a-d038e0a7d81c-c0094af9 {
    grid-row: 4 / 5;
    grid-column-end: 2;
  }

  #w-node-_6f9c87eb-ac1c-15f1-9ab1-ef4341edc898-c0094af9 {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-_88b4a054-54b2-2921-306f-7d8af67282f2-c0094af9 {
    grid-area: 1 / 5 / 2 / 6;
  }

  #w-node-_914dc8e7-6839-13d4-ea53-bccce11fa768-c0094af9 {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-_09f33f22-318d-32f9-3c25-83e61e25c522-c0094af9 {
    grid-area: 2 / 5 / 3 / 6;
  }

  #w-node-ac88b1e3-d6a5-39f8-86f1-3d4daaf28a02-c0094af9, #w-node-_6f064fba-6989-0348-655e-f823104ee74a-c0094af9 {
    grid-area: 3 / 1 / 4 / 2;
  }

  #w-node-d2381260-024c-07ec-9763-00b31d6658aa-a65399ec {
    grid-area: 2 / 1 / 3 / 2;
    place-self: start;
  }

  #w-node-_06a219b7-2b9e-ca56-6687-f8a5e70ddd24-a65399ec {
    grid-area: 3 / 1 / 4 / 2;
  }

  #w-node-_634aa0b0-e534-da9c-5fa2-9edc17992581-a65399ec {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-_9e80b1ff-857c-94d3-a7a1-008d54823f47-a65399ec {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-ea366052-e327-2ddd-d8f3-136cab763698-a65399ec {
    grid-area: 1 / 2 / 4 / 3;
  }

  #w-node-_084d0b4e-a7e4-4ff7-f49d-55a4fd00ffc2-a65399ec {
    grid-area: 1 / 4 / 2 / 5;
  }

  #w-node-_5c035ef6-c957-3517-7015-6967c10e6da6-a65399ec {
    grid-area: 3 / 1 / 4 / 2;
  }

  #w-node-_77f14d57-3b22-e39f-301b-f085e0b8004b-a65399ec {
    grid-area: 2 / 3 / 3 / 4;
  }

  #w-node-b2e6b88a-2cb0-ff20-ae36-8774cad865f9-a65399ec {
    grid-column-end: 3;
  }

  #w-node-bbe2fa50-c1c6-b86e-4e86-836c71e94125-a65399ec {
    grid-column: 3 / 4;
  }

  #w-node-_2eaa0c8b-9c09-6968-7ba0-3d20be56e3ca-a65399ec {
    grid-area: 4 / 3 / 5 / 4;
  }

  #w-node-c91ddd18-dcbd-d4c8-bdd1-6a57f807255b-a65399ec {
    grid-area: 4 / 2 / 5 / 3;
  }

  #w-node-_946a10fc-61f2-c787-672d-2f19bf5f442a-a65399ec {
    grid-area: 4 / 1 / 5 / 2;
  }

  #w-node-f18a30f3-48e6-046c-f04d-df0a5e0ad118-a65399ec {
    grid-row: 5 / 6;
  }

  #w-node-_5fda7a8e-1dfe-c118-e5e9-4f204985dff4-a65399ec {
    grid-area: 5 / 1 / 6 / 2;
  }

  #w-node-f533bb19-51b2-af93-729c-19f0ca18f945-a65399ec {
    grid-area: 6 / 3 / 7 / 4;
  }

  #w-node-dda59ffd-b1aa-35be-f084-97d83f268d62-a65399ec {
    grid-row: 6 / 7;
    grid-column-end: 3;
  }

  #w-node-_65ce4a17-ba3f-e6c2-a999-c323eefd59e5-a65399ec {
    grid-row: 6 / 7;
  }

  #w-node-_0f13c90f-e8c4-9d7e-c572-a3b0a0395c8a-a65399ec {
    grid-area: 7 / 3 / 8 / 4;
  }

  #w-node-_81996c06-7b27-f6bd-8469-6dbb4381e7c0-a65399ec {
    grid-area: 8 / 3 / 9 / 4;
  }

  #w-node-_37c0377c-e13f-fc2c-939c-ba2bc2d70b78-a65399ec {
    grid-area: 8 / 2 / 9 / 3;
  }

  #w-node-d6509f58-dd24-c1f0-a5e8-12dd69e10a7a-a65399ec {
    grid-area: 8 / 1 / 9 / 2;
  }

  #w-node-e964a852-e887-2c76-38f6-07f7ad132795-a65399ec {
    grid-area: 7 / 1 / 8 / 2;
  }

  #w-node-caef6771-58d0-0c6a-0648-adf6027c1cd4-a65399ec {
    grid-area: 7 / 2 / 8 / 3;
  }

  #w-node-d618bc8d-f612-a94d-ceca-4b01e4317cf4-a65399ec {
    grid-area: 9 / 1 / 10 / 2;
  }

  #w-node-d4375099-a3f8-f006-5802-80a57b1496f3-a65399ec {
    align-self: auto;
  }

  #w-node-_2e1c4026-162b-3284-4629-de34eb5ec4bd-a65399ec {
    grid-column: 1 / 3;
    grid-row-start: 1;
  }

  #w-node-_5c53de3f-dfca-a61e-c647-06c018c7d077-a65399ec {
    grid-row: 2 / 3;
    grid-column-end: 3;
  }

  #w-node-_9e807c39-b18d-bb74-c23a-8aa89f782c05-a65399ec {
    grid-row: 2 / 3;
    align-self: center;
  }

  #w-node-_51812fd9-d8d1-de0a-2016-80d5de2e9f18-a65399ec {
    grid-column-end: 3;
  }

  #w-node-_51812fd9-d8d1-de0a-2016-80d5de2e9f9e-a65399ec {
    grid-row: 2 / 3;
    align-self: center;
  }

  #w-node-cef902b9-276c-afa5-036c-32c9af192835-a65399ec {
    grid-column-end: 3;
  }

  #w-node-cef902b9-276c-afa5-036c-32c9af19289d-a65399ec {
    grid-row: 2 / 3;
    align-self: center;
  }

  #w-node-a6c79b88-ae3e-a81b-f18d-d3b479bf04f8-a65399ec {
    grid-column-end: 3;
  }

  #w-node-a6c79b88-ae3e-a81b-f18d-d3b479bf0560-a65399ec {
    grid-row: 2 / 3;
    align-self: center;
  }
}

@media screen and (max-width: 767px) {
  #w-node-_5b9b79e2-9c16-e00c-2a5d-88e4bc70bcdc-8ca16ac0 {
    justify-self: center;
  }

  #w-node-_8bddbe2c-f77a-e334-6377-009a6ea59827-8ca16ac0, #w-node-_47504fa3-d52a-faf8-cf7d-70a250382e3e-8ca16ac0, #w-node-b9640fbd-69a8-c0e0-c0ae-6cb96e373f35-8ca16ac0, #w-node-_4254b983-a912-f2e3-3a73-ee600a80db4c-8ca16ac0, #w-node-_0851470d-b9c4-32c7-aff1-f8ae848308b0-8ca16ac0, #w-node-fe8a2944-b1ef-7f06-9a1a-89bc281eef48-8ca16ac0, #w-node-_41355a49-a768-a709-9669-dad7da5fc1aa-8ca16ac0 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_0ed02a41-cf7b-8291-830f-90f188782d81-8ca16ac0 {
    grid-area: span 3 / span 1 / span 3 / span 1;
  }

  #w-node-_097bec76-a0a9-5fe9-6970-9f1c70e20055-8ca16ac0, #w-node-_898f35b6-d2e2-9954-0480-100c5a1e6c79-8ca16ac0 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_57bbf5d7-079a-725d-e3f1-0b4dc52ff26b-8ca16ac0 {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-cd49abd4-ee5c-ac28-61b4-7d428b4ef2f3-8ca16ac0 {
    grid-area: 3 / 1 / 4 / 2;
    justify-self: center;
  }

  #w-node-_32b99ce5-e051-5e34-dea9-3470e83aa071-8ca16ac0 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-ca593587-0e25-e027-21c4-d5d3ee7cb230-8ca16ac0 {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-_4f2e332e-288c-4dac-2de6-ab3c20a09259-8ca16ac0 {
    grid-area: 3 / 1 / 4 / 2;
    justify-self: center;
  }

  #w-node-_0866c685-a7b9-622b-76a4-b04592b105a8-8ca16ac0 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-e962c7f5-9b01-6c2a-01a1-36154eab4807-8ca16ac0 {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-_0f98daf5-bd27-8628-3150-45843304fceb-8ca16ac0 {
    grid-area: 3 / 1 / 4 / 2;
    justify-self: center;
  }

  #w-node-_0e577263-8820-20ea-a44a-c575857a66b3-8ca16ac0 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_6c6510dc-e8d0-520c-e3d6-fa598fa7f9c6-8ca16ac0 {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-_7eaba204-c736-ac7c-544a-1278e0fc5eed-8ca16ac0 {
    grid-row: 3 / 4;
    justify-self: center;
  }

  #w-node-c9789909-0218-d703-5f5f-bf44bdbdf516-d86de3d3 {
    grid-area: 1 / 3 / 2 / 6;
  }

  #w-node-c59e73f5-e72b-d6c3-1e13-3a9961349cd0-d86de3d3 {
    grid-area: 1 / 6 / 2 / 7;
  }

  #w-node-a1510b53-640b-de8e-5f58-1bbaa1f1ac30-d86de3d3 {
    grid-area: 1 / 7 / 2 / 10;
  }

  #w-node-_8433e552-4ba4-fb43-0b2d-59031613def2-d86de3d3 {
    grid-area: 2 / 7 / 3 / 10;
  }

  #w-node-_8af0cf0b-a298-d8e7-c56d-a75781efc0b5-d86de3d3 {
    grid-area: 1 / 2 / 4 / 9;
    justify-self: center;
  }

  #w-node-c7745b23-0bea-3cdf-6127-4045b78cbde5-d86de3d3 {
    grid-column: 1 / 4;
    grid-row-start: 2;
  }

  #w-node-_95c0656a-fb16-66c8-3859-23cb7f780b11-d86de3d3 {
    grid-area: 3 / 1 / 4 / 4;
  }

  #w-node-dff0230e-09a4-35a6-45d3-d6681eca744f-d86de3d3 {
    grid-area: 3 / 4 / 4 / 5;
  }

  #w-node-_813ea2f9-5625-7aac-0eb9-f55d257541c8-d86de3d3 {
    grid-area: 1 / 1 / 2 / 4;
  }

  #w-node-_6b65567c-57ab-aca7-8995-8e7c015911ac-d86de3d3 {
    grid-column: 2 / 9;
    grid-row-end: 4;
  }

  #w-node-_40ab2874-d053-0779-a721-aede2e8ed43b-d86de3d3 {
    grid-column: 1 / 4;
    grid-row-start: 2;
  }

  #w-node-_601bae1e-2ea3-1f92-44df-721940e2469e-d86de3d3 {
    grid-area: 3 / 5 / 4 / 8;
  }

  #w-node-dafa9dd6-e246-c7aa-f494-76c914982fcc-d86de3d3 {
    grid-area: 3 / 8 / 4 / 9;
  }

  #w-node-_5e25adf0-bbca-6470-45e6-1d28135cc707-d86de3d3 {
    grid-area: 3 / 9 / 4 / 10;
  }

  #w-node-_42cd520e-6c74-004b-7acd-c1fc6331625e-d86de3d3 {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-c28d9885-847b-0980-63b1-5079b4f87e2a-d86de3d3 {
    grid-column: 1 / 2;
    grid-row-start: 4;
  }

  #w-node-a0b7f7cb-de60-62f7-5f25-39e68f51666c-0d7e2d2e {
    grid-area: 1 / 1 / 2 / 3;
  }

  #w-node-_90dc7db6-4b93-1e4b-e4df-683b8a5d627a-0d7e2d2e {
    grid-area: 2 / 2 / 3 / 4;
  }

  #w-node-c3639828-af61-1200-0fc8-9aea4be10d64-0d7e2d2e {
    grid-area: 3 / 1 / 4 / 3;
  }

  #w-node-_13552d34-aa86-55b3-1013-04d3884e8f24-0d7e2d2e {
    grid-area: 4 / 2 / 5 / 4;
  }

  #w-node-_87413a84-e8b5-907f-174a-737a30309a63-c0094af9 {
    grid-row-end: 7;
  }

  #w-node-_0738559f-054e-841a-be44-3d57f221cc80-c0094af9 {
    grid-area: 4 / 2 / 7 / 4;
  }

  #w-node-b22eac79-4f6f-0f21-990a-48d862ea0841-c0094af9, #w-node-b22eac79-4f6f-0f21-990a-48d862ea0845-c0094af9, #w-node-_0a65fa1b-5940-6c26-4bd2-1cfb89e04a05-c0094af9, #w-node-_0a65fa1b-5940-6c26-4bd2-1cfb89e04a09-c0094af9, #w-node-e4e0a836-59a4-db0b-56cc-306fc5a9825f-c0094af9, #w-node-e4e0a836-59a4-db0b-56cc-306fc5a98263-c0094af9, #w-node-_4e85c51d-c4b8-366e-36ce-893f1beb0417-c0094af9, #w-node-_88f39a9e-0d96-8a4e-0390-a7364caf7328-c0094af9, #w-node-_5397afbe-f864-e3b4-f719-8f1cbf383dca-c0094af9, #w-node-_5397afbe-f864-e3b4-f719-8f1cbf383dce-c0094af9 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_3ab2f3a5-de89-0eb0-fa77-db626f1317f2-c0094af9 {
    grid-column: 2 / 3;
  }

  #w-node-_9a5fb677-42e7-c934-6573-7d6fb254c3c7-c0094af9 {
    grid-column-end: 3;
  }

  #w-node-_9a5fb677-42e7-c934-6573-7d6fb254c3bd-c0094af9 {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-cf3697d5-54b6-e5e8-39b8-d88a2cead18b-c0094af9 {
    grid-row: 2 / 3;
    grid-column-end: 3;
  }

  #w-node-_054f2b9f-d3d7-1d60-d987-80a2b35ce891-c0094af9 {
    grid-column: 1 / 3;
  }

  #w-node-cfcb1500-cf5e-3332-9446-eabb650864f2-c0094af9, #w-node-_8e7374a3-5910-437e-0f37-e113ac07d8f9-c0094af9 {
    grid-column: 2 / 3;
  }

  #w-node-d2381260-024c-07ec-9763-00b31d6658aa-a65399ec {
    grid-area: 2 / 1 / 3 / 2;
    place-self: start;
  }

  #w-node-f1e813c3-f0db-08a3-aa4f-28e1cd79fdb7-a65399ec {
    grid-column-end: 3;
  }

  #w-node-c79f3b6a-ee2d-516c-c50c-446909964d25-a65399ec {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-_4122a6ce-e4c1-e6f8-7734-61d92a969716-a65399ec {
    grid-area: 3 / 1 / 4 / 3;
  }

  #w-node-bbba9a16-5747-a2a1-ef76-c99a84348077-a65399ec {
    grid-area: 4 / 1 / 5 / 2;
  }

  #w-node-_5c035ef6-c957-3517-7015-6967c10e6da6-a65399ec {
    grid-row: 5 / 6;
    grid-column-end: 3;
  }

  #w-node-_116b7b13-8a9f-89e3-f8bf-21ab1ab7ab40-a65399ec {
    grid-area: 6 / 1 / 7 / 2;
  }

  #w-node-bbe2fa50-c1c6-b86e-4e86-836c71e94125-a65399ec {
    grid-area: 7 / 1 / 8 / 3;
  }

  #w-node-a30e0d52-d0f2-a201-6898-3f595634cbac-a65399ec {
    grid-area: 8 / 1 / 9 / 2;
  }

  #w-node-f18a30f3-48e6-046c-f04d-df0a5e0ad118-a65399ec {
    grid-area: 9 / 1 / 10 / 3;
  }

  #w-node-ad161604-d21c-2a27-8836-a215c7c87cc6-a65399ec {
    grid-area: 10 / 1 / 11 / 2;
  }

  #w-node-_5fda7a8e-1dfe-c118-e5e9-4f204985dff4-a65399ec {
    grid-row: 11 / 12;
    grid-column-end: 3;
  }

  #w-node-_63a4aae2-a3da-c719-6835-82219057fe42-a65399ec {
    grid-area: 12 / 1 / 13 / 2;
  }

  #w-node-_0f13c90f-e8c4-9d7e-c572-a3b0a0395c8a-a65399ec {
    grid-area: 13 / 1 / 14 / 3;
  }

  #w-node-_6a972ef1-92fc-370a-48ba-266a810d608d-a65399ec {
    grid-area: 14 / 1 / 15 / 2;
  }

  #w-node-e964a852-e887-2c76-38f6-07f7ad132795-a65399ec {
    grid-row: 15 / 16;
    grid-column-end: 3;
  }

  #w-node-_2818a8e7-1197-8c88-eb05-4c397fdf0aef-a65399ec {
    grid-area: 16 / 1 / 17 / 2;
  }

  #w-node-d618bc8d-f612-a94d-ceca-4b01e4317cf4-a65399ec {
    grid-row: 17 / 18;
    grid-column-end: 3;
  }

  #w-node-f1e45fc4-5379-3a9f-2829-d231e99f5bf1-a65399ec {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-b379b212-4c3f-cc95-ed35-10491780bbaf-a65399ec {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-_248a7dbe-2581-9646-b23b-8ca42468b420-a65399ec {
    grid-area: 3 / 1 / 4 / 2;
  }

  #w-node-_2ded1292-b55e-0fcb-f0ca-69f82b4042e2-a65399ec {
    grid-area: 5 / 1 / 6 / 2;
  }

  #w-node-_7895e1a5-b28f-a657-769b-808972710710-a65399ec {
    grid-area: 6 / 1 / 7 / 2;
  }

  #w-node-_732f0958-8599-2cbb-33a6-f74cfc9524c1-a65399ec {
    grid-row: 7 / 8;
  }

  #w-node-_52d35eae-6bc5-bbf7-2110-71d5b6b559d5-a65399ec {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-de90a757-9bee-ed6c-2d1c-bdc2de2153da-a65399ec {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-ab59a3e1-5c6f-3f40-878e-f0e4bc5b485d-a65399ec {
    grid-area: 3 / 1 / 4 / 2;
  }

  #w-node-_388a5f03-588a-ce80-fa78-1ae88aec87d4-a65399ec {
    grid-area: 5 / 1 / 6 / 2;
  }

  #w-node-_34fe68b9-d770-d8bf-5c08-c6a0a99b9866-a65399ec {
    grid-area: 6 / 1 / 7 / 2;
  }

  #w-node-_0dddb905-a38a-03da-6849-4dd97c1d3b1e-a65399ec {
    grid-area: 7 / 1 / 8 / 2;
  }

  #w-node-f0c2fd2c-70f2-56a2-06c5-f4529ae79ea1-a65399ec {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-d75ccaf6-b81a-08a5-18a0-c94222faf110-a65399ec {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-_8a581101-016d-9f9d-3cfc-67e5aabddf39-a65399ec {
    grid-area: 3 / 1 / 4 / 2;
  }

  #w-node-_057d603f-b3c9-fc8e-392f-afd48d7dde98-a65399ec {
    grid-area: 5 / 1 / 6 / 2;
  }

  #w-node-_5de2c46d-3631-57f9-aaf6-923d166b3f2c-a65399ec {
    grid-area: 6 / 1 / 7 / 2;
  }

  #w-node-ce271325-3e43-9f8e-3c7b-534f8cec406a-a65399ec {
    grid-area: 7 / 1 / 8 / 2;
  }
}

@media screen and (max-width: 479px) {
  #w-node-_689b61b7-33f7-78b6-c7b2-2ffc484e8015-8ca16ac0 {
    grid-area: 1 / 1 / 2 / 3;
  }

  #w-node-_9ab5b232-325a-5081-6a6c-312990ba3da3-8ca16ac0 {
    grid-area: 3 / 1 / 4 / 3;
  }

  #w-node-d14cbc7e-191c-3868-2361-70c0ae3f679a-8ca16ac0, #w-node-ff961b7a-47b0-40ea-0b0f-59b0ecabdd71-8ca16ac0, #w-node-ab25b10c-250c-f2ca-c64c-ce520f64694c-8ca16ac0, #w-node-_6b13b4be-a5ff-9a02-d6bc-3ad0359da09a-8ca16ac0 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-e63bdbbe-6fd6-d4e8-3008-e34848ac2849-d86de3d3 {
    grid-area: 1 / 1 / 2 / 3;
  }

  #w-node-e63bdbbe-6fd6-d4e8-3008-e34848ac284f-d86de3d3 {
    grid-area: 2 / 1 / 3 / 3;
  }

  #w-node-e63bdbbe-6fd6-d4e8-3008-e34848ac2855-d86de3d3 {
    grid-area: 3 / 1 / 4 / 3;
  }

  #w-node-e63bdbbe-6fd6-d4e8-3008-e34848ac285b-d86de3d3 {
    grid-area: 4 / 1 / 5 / 3;
  }

  #w-node-_67ef41fc-5f44-192e-bfa6-b68430a72b41-d86de3d3, #w-node-_67ef41fc-5f44-192e-bfa6-b68430a72b4a-d86de3d3, #w-node-daba1301-3b85-2e21-7549-ec34721c44bc-d86de3d3, #w-node-_2e2e281b-74b7-fab7-c1a0-ef85c213fbbc-d86de3d3 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_6d36ba8d-5b0d-44af-cea9-64d1f5cd2206-d86de3d3 {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-f871d455-838a-f2ca-a6db-46d90b080538-d86de3d3 {
    grid-area: 1 / 2 / 2 / 4;
  }

  #w-node-c9789909-0218-d703-5f5f-bf44bdbdf516-d86de3d3 {
    grid-column: 4 / 6;
  }

  #w-node-a1510b53-640b-de8e-5f58-1bbaa1f1ac30-d86de3d3 {
    grid-area: 3 / 1 / 4 / 3;
  }

  #w-node-_1b5e68d6-ff42-6586-b11c-2b9509d3f32d-d86de3d3 {
    grid-area: 3 / 4 / 4 / 5;
  }

  #w-node-_8433e552-4ba4-fb43-0b2d-59031613def2-d86de3d3 {
    grid-column: 4 / 6;
  }

  #w-node-_8af0cf0b-a298-d8e7-c56d-a75781efc0b5-d86de3d3 {
    grid-area: 2 / 1 / 3 / 6;
  }

  #w-node-c7745b23-0bea-3cdf-6127-4045b78cbde5-d86de3d3 {
    grid-column-end: 3;
  }

  #w-node-_95c0656a-fb16-66c8-3859-23cb7f780b11-d86de3d3 {
    grid-area: 3 / 4 / 4 / 6;
  }

  #w-node-dff0230e-09a4-35a6-45d3-d6681eca744f-d86de3d3 {
    grid-area: 3 / 3 / 4 / 4;
  }

  #w-node-_813ea2f9-5625-7aac-0eb9-f55d257541c8-d86de3d3 {
    grid-area: 4 / 4 / 5 / 6;
  }

  #w-node-_6b65567c-57ab-aca7-8995-8e7c015911ac-d86de3d3 {
    grid-area: 4 / 1 / 5 / 6;
  }

  #w-node-_40ab2874-d053-0779-a721-aede2e8ed43b-d86de3d3 {
    grid-area: 4 / 1 / 5 / 3;
  }

  #w-node-_601bae1e-2ea3-1f92-44df-721940e2469e-d86de3d3 {
    grid-area: 5 / 1 / 6 / 3;
  }

  #w-node-dafa9dd6-e246-c7aa-f494-76c914982fcc-d86de3d3 {
    grid-area: 5 / 3 / 6 / 5;
  }

  #w-node-_5e25adf0-bbca-6470-45e6-1d28135cc707-d86de3d3 {
    grid-area: 5 / 5 / 6 / 6;
  }

  #w-node-_2c194aed-1766-68de-885c-f7f5546c5ab8-d86de3d3 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-b9bd7e4e-954a-9be6-fd27-44ada37e14ce-c0094af9 {
    grid-area: 2 / 1 / 3 / 3;
  }

  #w-node-b9bd7e4e-954a-9be6-fd27-44ada37e14d4-c0094af9 {
    grid-area: 3 / 1 / 4 / 3;
  }

  #w-node-_52114e29-9b55-6573-967a-4055e61975fe-c0094af9 {
    grid-area: 3 / 1 / 4 / 2;
  }

  #w-node-f62c2e3b-15f7-94f8-1407-256c9a65f223-c0094af9 {
    grid-column-end: 2;
  }

  #w-node-_276e0c93-6c8a-5856-db9a-75f4723d1272-c0094af9 {
    grid-column-end: 3;
  }

  #w-node-_87413a84-e8b5-907f-174a-737a30309a63-c0094af9 {
    grid-column-end: 2;
  }

  #w-node-_0738559f-054e-841a-be44-3d57f221cc80-c0094af9 {
    grid-column-end: 3;
  }

  #w-node-f4ee36bb-b5e4-f13a-5196-1d590808bb90-c0094af9 {
    grid-column-end: 2;
  }

  #w-node-c60c522e-6006-a8b6-c6eb-ac1e8bf483e0-c0094af9 {
    grid-column-end: 2;
    justify-self: auto;
  }

  #w-node-_567b8946-5355-f5ae-059c-baaae62b26c1-c0094af9 {
    grid-row: 4 / 5;
    grid-column-end: 2;
  }

  #w-node-_4919d9f3-819a-1a65-3bf3-92ab5ded2647-c0094af9 {
    grid-row: 5 / 6;
    grid-column-end: 2;
  }

  #w-node-b22eac79-4f6f-0f21-990a-48d862ea0841-c0094af9, #w-node-_0a65fa1b-5940-6c26-4bd2-1cfb89e04a05-c0094af9, #w-node-e4e0a836-59a4-db0b-56cc-306fc5a9825f-c0094af9, #w-node-_4e85c51d-c4b8-366e-36ce-893f1beb0417-c0094af9, #w-node-_5397afbe-f864-e3b4-f719-8f1cbf383dca-c0094af9 {
    grid-area: 2 / 1 / 3 / 3;
  }

  #w-node-_054f2b9f-d3d7-1d60-d987-80a2b35ce891-c0094af9, #w-node-eaab1a97-8baa-00ef-8f41-65d8b7687d0f-c0094af9 {
    grid-area: 1 / 1 / 2 / 3;
  }

  #w-node-ef577023-adc2-5ffa-8e54-78432bddf4ae-c0094af9 {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-_040da514-e7be-d308-d39e-03257582575e-c0094af9 {
    grid-area: 2 / 2 / 3 / 3;
  }

  #w-node-_9a44de81-ce9e-3004-3f63-96997a072578-a65399ec, #w-node-_084d0b4e-a7e4-4ff7-f49d-55a4fd00ffc2-a65399ec, #w-node-a61cd605-6f0a-52aa-a2b3-791fdf698605-a65399ec, #w-node-_505378bd-da0d-f0fe-7de3-77091c5d7421-a65399ec, #w-node-_2c307cb4-8ead-3dfe-6218-4f95bb964dbb-a65399ec, #w-node-caef6771-58d0-0c6a-0648-adf6027c1cd4-a65399ec {
    grid-area: 1 / 1 / 2 / 3;
  }

  #w-node-_7d43a5fd-2aa0-5215-e717-c615bacd293d-a65399ec {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-_8e939d78-34b9-35e1-1164-14a8f1b2940b-a65399ec {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-_0de6eae5-0509-7eed-30b6-8f91b26b65cf-a65399ec {
    grid-area: 4 / 1 / 5 / 2;
  }

  #w-node-_09ffb6ff-c6c1-7f23-86b7-948a418e3a57-a65399ec {
    grid-area: 5 / 1 / 6 / 2;
  }

  #w-node-d4375099-a3f8-f006-5802-80a57b1496f3-a65399ec {
    grid-area: 7 / 1 / 8 / 2;
  }

  #w-node-f5f029c7-58f1-0241-607f-7021a41446b3-a65399ec {
    grid-area: 8 / 1 / 9 / 2;
  }
}