:root {
  --white: white;
  --black: black;
  --product-copy: #333;
  --sonnet-purple: #6b539c;
  --royal-blue: #034aff8f;
  --grey: #868686;
  --blue: #6f90f8;
  --sonnet-blue: #216fac;
  --sonnet-purple-2: #6b539c;
  --submenu-gray: #909090;
}

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

body {
  color: #333;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

a {
  color: #2c7fc1;
  text-decoration: none;
}

a:hover {
  color: #216fac73;
}

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

img {
  max-width: 100%;
  padding-right: 20px;
  display: inline-block;
}

.navbar-main {
  box-shadow: none;
  background-image: linear-gradient(#6b539c, #6b539c);
  display: block;
  position: relative;
}

.main-navbar-button {
  color: #fff;
  margin-right: 0;
  padding-left: 15px;
  padding-right: 15px;
  font-family: Roboto Custom, Arial, sans-serif;
  font-size: 14px;
}

.main-navbar-button:hover {
  color: #ffffff80;
}

.main-navbar-button.w--current:focus, .main-navbar-button.w--current:visited {
  color: var(--white);
}

.image {
  width: 230px;
  margin-top: 15px;
  padding-right: 0;
}

.page-link {
  color: #489fd9;
  border-bottom: 1px solid #0000;
  text-decoration: none;
  transition: color .3s, border .3s;
}

.page-link:hover {
  border-bottom-color: #489fd9;
}

.page-link.in-footer {
  color: #939596;
  font-family: Roboto Condensed Custom, Arial, sans-serif;
  display: block;
}

.page-link.in-footer:hover {
  color: #d2d7d9;
  border-bottom-color: #0000;
}

.footer-title {
  color: #fff;
  text-transform: uppercase;
  margin-top: 0;
  font-family: Roboto Condensed Custom, Arial, sans-serif;
  font-weight: 400;
}

.product-category-header {
  text-align: center;
  margin-bottom: 0;
  font-family: Roboto Custom, Arial, sans-serif;
  font-size: 22px;
  font-weight: 700;
  line-height: 26px;
}

.product-category-text {
  text-align: center;
  width: 70%;
  max-width: 100%;
  margin-top: 10px;
  margin-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  font-family: Roboto Custom, Arial, sans-serif;
  font-size: 16px;
  line-height: 22px;
  overflow: visible;
}

.footer {
  background-image: linear-gradient(#2b2c2e, #2b2c2e);
  padding-top: 30px;
  padding-bottom: 45px;
}

.product-category-image {
  background-image: linear-gradient(#f2f2f2, #f2f2f2);
  border: 2px solid #fff;
  border-radius: 6px;
  width: 344px;
  margin-top: 21px;
  box-shadow: 0 0 5px -2px #00000080;
}

.product-category-image:hover {
  background-image: linear-gradient(#e2e2e2, #e2e2e2);
}

.product-category-image.mobile-box-white {
  background-image: linear-gradient(#f2f2f2, #f2f2f2);
  width: 344px;
  display: block;
}

.product-category-image.mobile-box-white:hover {
  background-image: linear-gradient(#e2e2e2, #e2e2e2);
}

.product-category-image.desktop-box-white {
  background-image: linear-gradient(#fff, #fff);
  width: 344px;
  display: block;
}

.product-category-image.desktop-box-white:hover {
  background-image: linear-gradient(#e2e2e2, #e2e2e2);
}

.superscript {
  font-size: 12px;
  font-weight: 400;
  position: relative;
  top: -6px;
}

.featured-videos-header {
  color: #fff;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  font-family: Roboto Custom, Arial, sans-serif;
  font-size: 35px;
  font-weight: 400;
  line-height: 40px;
}

.featured-videos-header.video-library {
  padding-bottom: 20px;
}

.button-view-all-videos {
  justify-content: center;
  align-items: center;
  margin-top: 10px;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 80px;
  display: flex;
}

.button-view-all-videos.main-page {
  padding-bottom: 0;
}

.button-video-library {
  color: #216fac;
  background-color: #0000;
  background-image: linear-gradient(#fff, #fff);
  border: 3px solid #adcbe2;
  border-radius: 30px;
  padding: 15px 25px;
  font-family: Roboto Custom, Arial, sans-serif;
  font-size: 26px;
  font-weight: 400;
}

.button-video-library:hover {
  color: #fff;
  background-image: none;
  border-color: #fff;
}

.container-27 {
  text-align: center;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: block;
}

.button-product-categories {
  color: #fff;
  background-color: #2170ac;
  border: 2px solid #fff;
  border-radius: 8px;
  margin-bottom: 15px;
  margin-right: 15px;
  padding-top: 10px;
  padding-bottom: 10px;
  font-family: Roboto Custom, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
  box-shadow: 0 0 3px #838383;
}

.button-product-categories:hover {
  box-shadow: none;
  color: #fff;
  background-color: #2070acb3;
  border: 2px solid #93b7d6;
}

.button-product-categories.button-products-categories-active {
  box-shadow: none;
  background-color: #b3b3b3;
  border-style: solid;
  border-color: #dfdddd;
  flex: 0 auto;
  padding-top: 10px;
  padding-bottom: 10px;
  font-family: Roboto Custom, Arial, sans-serif;
}

.button-product-categories.button-products-categories-active:hover {
  border-style: solid;
}

.navbar-categories-mobile {
  display: none;
}

.header-prod-categories {
  color: #6b539c;
  font-family: Roboto;
  font-size: 28px;
  font-weight: 500;
}

.header-prod-categories.mobile-white {
  padding-left: 20px;
  font-family: Roboto Custom, Arial, sans-serif;
}

.box-learn-more-links {
  text-align: center;
  justify-content: center;
  width: 100%;
  max-width: 100%;
  margin-top: auto;
  padding-top: 20px;
  display: flex;
}

.box-learn-more-links.sub-hero-links {
  align-items: stretch;
  margin-top: auto;
  padding-top: 0;
  padding-bottom: 30px;
}

.button-learn-more-info {
  color: #216fac;
  background-color: #fff;
  border: 2px solid #c7c7c7;
  border-radius: 20px;
  margin-right: 0;
  padding: 10px 15px;
  font-family: Roboto Custom, Arial, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 18px;
}

.button-learn-more-info:hover {
  color: #8174c4;
  background-image: linear-gradient(#f5f5f5, #f5f5f5);
  font-weight: 700;
}

.button-learn-more-info.sub-hero-links {
  border-radius: 20px;
  padding-top: 10px;
  padding-bottom: 10px;
  font-family: Roboto Custom, Arial, sans-serif;
}

.products-header {
  text-align: left;
  margin-top: 10px;
  margin-bottom: 10px;
  font-family: Roboto Custom, Arial, sans-serif;
  font-size: 35px;
  font-weight: 500;
  line-height: 40px;
}

.products-header.white {
  color: var(--white);
  font-weight: 400;
}

.section-10gbe-comparison-chart {
  margin-top: 70px;
  margin-bottom: 50px;
}

.comparison-chart-text {
  color: gray;
  font-family: Roboto;
  font-weight: 400;
}

.comparison-chart-text-header {
  color: #1d1d1d;
  font-family: Roboto;
  font-weight: 700;
}

.comparison-chart-text-product {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto;
  font-size: 20px;
  line-height: 30px;
}

.comparison-chart-divider {
  background-image: linear-gradient(#0000001a, #0000001a);
  height: 2px;
  margin-top: 20px;
}

.comparison-chart {
  margin-bottom: 40px;
}

.comparison-chart-product-name {
  padding-top: 26px;
}

.comparison-chart-product-header {
  margin-bottom: 16px;
}

.comparison-chart-header {
  text-align: center;
  margin-top: 0;
  margin-bottom: 5px;
  font-family: Roboto;
  font-size: 30px;
  font-weight: 700;
  line-height: 38px;
}

.list-item-na {
  color: gray;
  font-family: Roboto;
  list-style-type: none;
}

.comparison-chart-image {
  justify-content: center;
  align-items: center;
  display: flex;
}

.footer-social-media-icons-box {
  text-align: left;
  justify-content: center;
  align-items: center;
  max-width: 100%;
  display: block;
}

.footer-presales-text {
  color: #fff;
  margin-top: 0;
  margin-bottom: 24px;
  font-family: Roboto Custom, Arial, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
}

.footer-presales-questions-hdr {
  color: #946fdf;
  margin-top: 25px;
  margin-bottom: 8px;
  font-family: Roboto Custom, Arial, sans-serif;
  font-size: 26px;
  font-weight: 500;
  line-height: 24px;
}

.footer-newsletter-bug {
  margin-bottom: 25px;
}

.image-newsletter-bug {
  width: 330px;
  max-width: 100%;
  padding-right: 0;
}

.footer-copyright-notice {
  color: #a7a7a7;
  text-align: center;
  margin-top: 22px;
  font-family: Roboto Custom, Arial, sans-serif;
  font-size: 14px;
}

.footer-column1 {
  padding-left: 10px;
}

.footer-country {
  color: #fff;
  text-transform: uppercase;
  margin-bottom: 5px;
  font-family: Roboto Condensed Custom, Arial, sans-serif;
  font-weight: 400;
}

.footer-country-box {
  margin-top: 36px;
}

.rule-dropshadow1 {
  opacity: .76;
  min-height: 20px;
  padding-bottom: 3px;
  box-shadow: inset -3px 14px 9px -7px #0003;
}

.section-featured-videos {
  opacity: 1;
  background-image: linear-gradient(#000, #2974b6);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 80px;
  padding-bottom: 80px;
  display: flex;
}

.section-product-category-image {
  color: #fff;
  text-align: center;
  background-image: linear-gradient(175deg, #00000082, #0000), url('../images/hdr-tb2-cables-and-accessories.jpg');
  background-position: 0 0, 50% 90%;
  background-size: auto, cover;
  border-bottom: 0 solid #000;
  margin-top: 0;
  margin-bottom: 10px;
  padding: 50px 20px 130px;
}

.section-product-category-image.tb-egpu-enclosures {
  background-image: linear-gradient(90deg, #0006, #0000), url('../images/hdr-egpu-enclosures_1.jpg');
  background-position: 0 0, 50% 75%;
  background-size: auto, cover;
  margin-bottom: 0;
}

.section-product-category-image.tb-ethernet-networking {
  background-image: linear-gradient(to right, #0006, #0000), url('../images/hdr-tb3-10gbe-networking.jpg');
  background-position: 0 0, 50% 80%;
  margin-bottom: 0;
}

.section-product-category-image.tb-pro-media-readers {
  background-image: linear-gradient(to right, #0006, #0000), url('../images/hdr-tb3-pro-media-readers.jpg');
  background-position: 0 0, 50% 70%;
  margin-bottom: 0;
}

.section-product-category-image.tb-pcie-expansion-systems {
  background-image: linear-gradient(to right, #0006, #0000), url('../images/hdr-tb-pcie-expansion-systems.jpg');
  background-position: 0 0, 50% 90%;
  background-size: auto, cover;
  margin-bottom: 0;
}

.section-product-category-image.tb-docks-and-hubs {
  background-image: linear-gradient(90deg, #0003, #0000), url('../images/hdr-tb4-docks.jpg');
  background-position: 0 0, 50% 40%;
  background-attachment: scroll, scroll;
  margin-bottom: 0;
}

.section-product-category-image.tb-dual-display-adapters {
  background-image: linear-gradient(149deg, #0006, #0000), url('../images/hdr-tb3-display-adapters.jpg');
  background-position: 0 0, 50% 80%;
  margin-bottom: 0;
}

.section-product-category-image.tb-cables-and-accessories {
  background-image: linear-gradient(to right, #0003, #0000), url('../images/hdr-tb3-cables-and-accessories.jpg');
  background-position: 0 0, 50% 20%;
}

.section-product-category-image.tb-duomodo {
  background-image: linear-gradient(to right, #0006, #0000), url('../images/hdr-duomodo.jpg');
  background-position: 0 0, 50% 80%;
  margin-bottom: 0;
}

.section-product-category-image.tb-mac-mini-expansion {
  background-image: linear-gradient(to top, #00000042, #0000), url('../images/hdr-mac-mini-expansion.jpg');
  background-position: 0 0, 50% 100%;
  margin-bottom: 0;
}

.section-categories-buttons {
  z-index: 100;
  text-align: center;
  background-color: #0000;
  background-image: linear-gradient(#ffffffde, #ffffffde);
  border-top: 0 #000;
  border-bottom: 1px solid #00000017;
  flex-wrap: nowrap;
  place-content: flex-start flex-end;
  align-items: stretch;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
  padding-top: 10px;
  padding-bottom: 10px;
  display: block;
  position: sticky;
  top: 0;
}

.section-categories-buttons.section-tb3-tb4-ports {
  background-image: linear-gradient(#e4e4e4d6, #e4e4e4d6);
  border-bottom-color: #cac8c8;
  margin-bottom: 10px;
  padding-top: 20px;
  padding-bottom: 0;
}

.product-category-header-white {
  color: #fff;
  text-align: left;
  text-shadow: 1px 1px #333;
  margin-top: 0;
  margin-bottom: 8px;
  font-family: Roboto Custom, Arial, sans-serif;
  font-size: 45px;
  font-weight: 500;
}

.product-category-subhead-white {
  color: #fff;
  text-align: left;
  text-shadow: 1px 1px #333;
  margin-bottom: 0;
  font-family: Roboto Custom, Arial, sans-serif;
  font-size: 30px;
  font-weight: 400;
  line-height: 28px;
}

.subhero-header {
  color: #000;
  text-align: center;
  margin-bottom: 5px;
  padding-top: 0;
  padding-bottom: 0;
  font-family: Roboto Condensed Custom, Arial, sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 26px;
}

.subhero-text {
  color: #333;
  text-align: center;
  margin-top: 5px;
  padding-top: 0;
  font-family: Roboto Custom, Arial, sans-serif;
  font-size: 16px;
  line-height: 22px;
}

.home-why-sonnet {
  background-image: linear-gradient(#c9c9c9, #f0f0f0);
  margin-top: 60px;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 20px;
}

.why-sonnet-header {
  color: #6b539c;
  text-align: center;
  margin-top: 40px;
  margin-bottom: 50px;
  font-family: Roboto Custom, Arial, sans-serif;
  font-size: 40px;
  font-weight: 700;
  line-height: 25px;
}

.why-sonnet-subhead {
  color: #0000008f;
  text-align: center;
  margin-top: 9px;
  padding-bottom: 10px;
  font-family: Roboto Custom, Arial, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 22px;
}

.why-sonnet-text {
  color: #949494;
  text-align: center;
  margin-top: 16px;
  font-family: Roboto Custom, Arial, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 20px;
}

.why-sonnet-logos {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-top: 15px;
  margin-bottom: 30px;
  display: flex;
}

.why-sonnet-logo-image {
  max-width: 45%;
}

.why-sonnet-icon-container {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.home-tagline-bar-subhead {
  color: #fff9;
  text-align: center;
  margin-top: 5px;
  padding-left: 5px;
  padding-right: 5px;
  font-family: Roboto Custom, Arial, sans-serif;
  font-size: 24px;
  font-weight: 300;
  line-height: 28px;
}

.home-tagline-bar {
  background-image: linear-gradient(#6b539c 85%, #5d3e8f), linear-gradient(#6b539c, #6b539c);
  margin-top: 8px;
  margin-bottom: 20px;
  padding-top: 0;
  padding-bottom: 15px;
}

.home-tagline-bar-header {
  color: #fff;
  text-align: center;
  padding-left: 5px;
  padding-right: 5px;
  font-family: Roboto Custom, Arial, sans-serif;
  font-size: 28px;
  font-weight: 400;
  line-height: 30px;
}

.social-media-icon {
  width: 50px;
  max-width: 100%;
  padding-right: 0;
}

.footer-social-media-icons {
  display: flex;
}

.social-media-icon-boxes {
  margin-right: 10px;
}

.box-product-category {
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 100%;
  margin-left: 20px;
  margin-right: 20px;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.box-product-category.mobile-box-overlay {
  justify-content: space-between;
  align-items: center;
}

.main-navbar-dropdown-menu {
  color: #fff;
  margin-right: 10px;
  padding-right: 20px;
  font-family: Roboto Custom, Arial, sans-serif;
}

.main-navbar-dropdown-menu:hover {
  color: #ffffff80;
}

.main-navbar-products-dropdown-list {
  background-color: #000;
}

.main-navbar-products-dropdown-list.w--open {
  opacity: .98;
  color: #fff;
  background-color: #2b2c2e;
  background-image: linear-gradient(#6b539c, #6b539c);
  border: 1px solid #fff3;
  border-top-style: none;
  margin-left: 20px;
  margin-right: 0;
  padding: 10px 30px 5px 10px;
}

.mainnav-dropdown-link {
  color: #fff;
  border-bottom: 1px solid #ffffff29;
  margin-left: 20px;
  margin-right: 0;
  padding: 12px 30px 12px 10px;
  font-family: Roboto Custom, Arial, sans-serif;
  font-size: 16px;
}

.mainnav-dropdown-link:hover {
  color: #ffffff80;
  border: 0 solid #000;
  border-bottom: 1px solid #ffffff29;
  font-weight: 400;
}

.mainnav-dropdown-link.w--current {
  color: #fff;
}

.mainnav-dropdown-link.mainnavbar-dropdown-link-no-rule {
  border: 1px #000;
}

.icon-8 {
  margin-right: 0;
}

.product-category-hero-header {
  text-align: center;
  font-family: Roboto Custom, Arial, sans-serif;
  font-size: 42px;
  font-weight: 700;
  line-height: 42px;
}

.product-category-hero-subhead {
  color: #6b539c;
  text-align: center;
  padding-top: 10px;
  font-family: Roboto Custom, Arial, sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 28px;
}

.product-category-hero-subhead.computer-cards {
  padding-left: 20px;
  padding-right: 20px;
}

.product-category-hero-text {
  text-align: center;
  padding-top: 17px;
  font-family: Roboto Custom, Arial, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
}

.section-product-categories {
  justify-content: center;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 15px;
  padding-bottom: 15px;
  display: flex;
}

.section-product-categories.desktop-box-gray {
  background-image: linear-gradient(#dddddd80, #dddddd80);
  padding-top: 0;
  padding-bottom: 40px;
}

.section-product-categories.section-product-categories-padding {
  margin-bottom: 40px;
}

.box-product-categories {
  width: 1800px;
  max-width: 100%;
  display: flex;
}

.box-product-categories.padding-legacy-products {
  border-top: 1px #e2e2e2;
  border-bottom: 1px #e2e2e2;
  margin-top: 20px;
  margin-bottom: 50px;
  padding-bottom: 15px;
}

.box-product-categories.product-1500w-layout {
  width: 1500px;
}

.box-product-category-image {
  justify-content: center;
  align-items: center;
  display: flex;
}

.section-product-category-hero-text {
  margin-top: 0;
  margin-bottom: 50px;
  padding-top: 0;
}

.section-product-category-hero {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  display: block;
}

.section-product-category-hero.tb3-products-hero-background {
  background-image: url('../images/prodcategory-tb3-products-background.jpg');
  background-position: 0 0;
  background-size: cover;
  justify-content: center;
  align-items: center;
  display: flex;
}

.section-product-category-hero.prodcathero-accessories-background {
  background-image: url('../images/prodcat-accessories-background.jpg');
  background-position: 0 0;
  background-size: cover;
}

.section-product-category-hero.egpu-hero-background {
  background-image: url('../images/prodcategory-egpu-background.jpg');
  background-position: 0 0;
  background-repeat: repeat;
  background-size: cover;
  flex-direction: row;
  justify-content: center;
  align-items: stretch;
  display: flex;
}

.section-product-category-hero._10gbe-hero-background {
  background-image: url('../images/prodcat-10gbe-background.jpg');
  background-position: 0 0;
  background-size: cover;
}

.section-product-category-hero.media-readers-hero-background {
  background-image: url('../images/prodcat-bg-pro-media-card-readers.jpg');
  background-position: 0 0;
  background-size: cover;
  justify-content: center;
  align-items: center;
  display: flex;
}

.section-product-category-hero.computer-cards-hero-background {
  background-image: url('../images/prodcat-bg-computer-cards.png');
  background-position: 0 0;
  background-size: cover;
  justify-content: center;
  align-items: center;
  display: flex;
}

.section-product-category-hero.duomodo-hero-background {
  background-image: url('../images/prodcat-bg-duomodo.png');
  background-position: 0 0;
  background-size: cover;
  justify-content: center;
  align-items: center;
  display: flex;
}

.section-product-category-hero.mac-expansion-hero {
  background-image: url('../images/prodcat-bg-mac-expansion.jpg');
  background-position: 0 0;
  background-size: cover;
  justify-content: center;
  align-items: center;
  display: flex;
}

.section-product-category-hero.docks-hero-background {
  background-image: url('../images/prodcategory-docks-background.jpg');
  background-position: 50% 0;
  background-repeat: repeat;
  background-size: cover;
  flex-direction: row;
  justify-content: center;
  align-items: stretch;
  display: flex;
}

.box-product-category-hero {
  flex: 1;
  justify-content: center;
  align-items: center;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.box-product-category-hero.prodcathero-accessories-products {
  overflow: hidden;
}

.product-category-hero {
  flex: 1;
  align-self: center;
  display: block;
  overflow: visible;
}

.product-category-hero.prodcathero-accessories-products {
  max-width: none;
  overflow: hidden;
}

.product-category-hero.docks-hero-products {
  overflow: visible;
}

.product-category-hero-box.product-tb-docks {
  max-width: 1000px;
}

.product-category-hero-box.product-category-hero-box-tbdocks {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.sonnet-benefits-bar {
  background-image: linear-gradient(#3a166d, #6b539c);
  border: 1px #c5c4c4;
  border-top: 2px solid #c5c4c4;
  border-bottom: 2px solid #c5c4c438;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  padding: 50px 0;
  display: flex;
}

.sonnet-benefits-bar-text {
  color: #f0f0f0;
  text-align: center;
  justify-content: center;
  padding-left: 0;
  padding-right: 0;
  font-family: Roboto Custom, Arial, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  display: flex;
}

.sonnet-benefits-bar-icon {
  opacity: .5;
  max-width: 50%;
}

.sonnet-benefits-bar-box-icon {
  justify-content: center;
  align-items: center;
  margin-bottom: 20px;
  display: flex;
}

.sonnet-benefits-bar-icon-box {
  margin-left: 0;
  margin-right: 0;
  padding-left: 10px;
  padding-right: 10px;
}

.sonnet-benefits-bar-header {
  color: #fff;
  text-align: center;
  margin-bottom: 40px;
  font-family: Roboto Custom, Arial, sans-serif;
  font-size: 35px;
  font-weight: 500;
  line-height: 40px;
}

.sonnet-benefits-bar-container {
  width: 1200px;
  max-width: 100%;
  padding-bottom: 0;
}

.sonnet-benefits-bar-icons-box {
  width: 95%;
  max-width: 100%;
}

.button-buy-now {
  color: #fff;
  background-color: #0000;
  background-image: linear-gradient(#226fac, #226fac);
  border-radius: 20px;
  margin-left: 10px;
  margin-right: 0;
  padding: 11px 15px;
  font-family: Roboto Custom, Arial, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 18px;
}

.button-buy-now:hover {
  color: #fff;
  background-image: linear-gradient(#226faccc, #226faccc);
  font-weight: 700;
}

.slider-products-featured-videos {
  object-position: 50% 50%;
  background-color: #0000;
  width: 1800px;
  max-width: 100%;
  height: auto;
  margin-bottom: 20px;
  overflow: visible;
}

.box-products-featured-video {
  border: 30px #fff;
  margin: 0;
}

.slide-nav-2 {
  margin-top: 0;
  padding-top: 20px;
}

.products-featured-videos {
  opacity: 1;
  background-image: linear-gradient(#000, #2974b6), linear-gradient(#6b539c, #c1b5da 60%, #fff);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 50px;
  padding-bottom: 0;
  display: flex;
}

.container-products-featured-videos {
  background-color: #fff;
  border: 30px solid #fff;
  margin: 40px 100px;
  box-shadow: 0 0 12px -3px #000;
}

.header-product-features-video-description {
  color: #216fac;
  text-align: center;
  margin-top: 20px;
  margin-bottom: 0;
  padding-left: 20px;
  padding-right: 20px;
  font-family: Roboto Custom, Arial, sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 28px;
}

.video-products-featured-videos {
  border: 1px solid #c7c4c4;
}

.product-name-header {
  text-align: center;
  margin-bottom: 0;
  padding-left: 50px;
  padding-right: 50px;
  font-family: Roboto Custom, Arial, sans-serif;
  font-size: 22px;
  font-weight: 700;
  line-height: 26px;
}

.product-name-text {
  text-align: center;
  width: 70%;
  max-width: 100%;
  margin-top: 10px;
  margin-bottom: 0;
  margin-right: 0;
  padding-left: 20px;
  padding-right: 20px;
  font-family: Roboto Custom, Arial, sans-serif;
  font-size: 16px;
  line-height: 20px;
  overflow: visible;
}

.product-name-text.product-name-text-2cols {
  width: 50%;
}

.section-product-category-title {
  background-color: #0000;
  justify-content: center;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 40px;
  padding-bottom: 20px;
  display: flex;
}

.section-product-category-title.mobile-bar-black {
  padding-left: 0;
}

.section-product-category-title.mobile-bar-black.desktop-bar-gray {
  background-color: #eee;
  margin-top: 20px;
  padding-bottom: 30px;
}

.navbar-drop-shadow {
  min-height: 10px;
  line-height: 10px;
  box-shadow: inset 0 7px 4px -6px #00000063;
}

.button-comparison-chart-learn-more {
  color: #2196f3;
  border: 2px solid #2196f3;
  border-radius: 4px;
  margin-top: 5px;
  margin-left: 0;
  margin-right: 0;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 12px;
  text-decoration: none;
  transition: background-color .3s, border .3s, color .3s;
  display: inline-block;
}

.button-comparison-chart-learn-more:hover {
  color: #1565c0;
  border-color: #1565c0;
}

.footer-link-block {
  width: 100%;
}

._10gbe-comparison-chart-subhead {
  color: #757575;
  text-align: center;
  margin-bottom: 20px;
  font-family: Roboto;
  font-size: 20px;
  font-weight: 400;
  line-height: 22px;
}

.section-categories-mobile-dropdown, .dropdown-product-categories-toggle {
  display: none;
}

.dropdown-product-categories-items {
  color: #fff;
  border-bottom: 1px solid #ffffff29;
  margin-left: 20px;
  margin-right: 0;
  padding: 12px 30px 12px 10px;
  font-family: Roboto;
  font-size: 16px;
}

.dropdown-product-categories-items:hover {
  color: #ffffff80;
  border: 0 solid #000;
  border-bottom: 1px solid #ffffff29;
  font-weight: 400;
}

.dropdown-product-categories-items.w--current {
  color: #fff;
}

.videos-youtube-playlists {
  background-color: #fff;
  border: 1px solid #858585;
  width: 90%;
  max-width: 100%;
  margin: 15px 20px;
  padding: 15px 5px;
  box-shadow: 0 0 12px -3px #333;
}

.home-subhero-text {
  margin-top: 25px;
  margin-bottom: 25px;
  padding-left: 40px;
  padding-right: 40px;
}

.home-subhero-100vw {
  border-right-style: none;
  border-right-color: #fff;
  flex: 0 auto;
  width: 100vw;
  margin-left: auto;
  margin-right: auto;
}

.home-subhero-100vw:hover {
  opacity: .8;
}

.home-subhero-100vw.pad1c {
  border-right-width: 3px;
}

.site-map-header {
  color: var(--product-copy);
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  font-family: Roboto Custom, Arial, sans-serif;
  font-size: 35px;
  font-weight: 400;
  line-height: 35px;
}

.section-site-map {
  opacity: 1;
  background-image: linear-gradient(#e0e0e0, #fff), linear-gradient(#000, #2974b6);
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 40px;
  padding-bottom: 40px;
}

.site-map-main-category-header {
  color: var(--sonnet-purple);
  border-bottom: 1px #000;
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 0;
  font-family: Roboto Custom, Arial, sans-serif;
  font-size: 28px;
  font-weight: 500;
}

.site-map-category-header {
  color: var(--black);
  border-bottom: 1px solid #9e9e9e;
  padding-bottom: 5px;
  font-family: Roboto Custom, Arial, sans-serif;
  font-size: 22px;
  font-weight: 500;
}

.site-map-subcategory-header {
  margin-top: 10px;
  margin-bottom: 10px;
  padding-bottom: 0;
  font-family: Roboto Custom, Arial, sans-serif;
  font-size: 18px;
  font-weight: 500;
}

.site-map-links {
  padding-bottom: 2px;
  font-family: Roboto Condensed Custom, Arial, sans-serif;
  font-size: 16px;
}

.site-map-links-info {
  margin-top: 20px;
}

.container-site-map-info {
  margin-top: 0;
  display: block;
}

.container-site-map-header {
  margin-top: 20px;
}

.container-site-map-product-info {
  margin-top: 35px;
  display: block;
}

.container-site-map-product-info.site-map-bottom-padding {
  margin-bottom: 80px;
}

.rule-dropshadow2 {
  opacity: .76;
  min-height: 20px;
  padding-bottom: 3px;
  box-shadow: inset -2px 10px 5px -7px #0003;
}

.box-subhero-content {
  border-right: 1px #000;
  flex-direction: column;
  width: 33.33%;
  display: flex;
}

.home-section-subheros {
  background-color: #f2f2f2;
  max-width: 100%;
  max-height: 100%;
  margin-top: 0;
  display: flex;
}

.section-product-category-header {
  justify-content: center;
  align-items: center;
  margin-top: 50px;
  margin-bottom: 10px;
  display: flex;
}

.section-sonnet-products-header {
  background-color: var(--black);
  justify-content: center;
  align-items: center;
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
}

.featured-products-header {
  color: #4d4d4d;
  text-align: left;
  text-transform: none;
  margin-top: 10px;
  margin-bottom: 10px;
  font-family: Roboto Custom, Arial, sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 26px;
}

.section-featured-products-header {
  background-color: #c9c9c9;
  justify-content: center;
  align-items: center;
  padding-top: 5px;
  padding-bottom: 5px;
  display: flex;
}

.box-featured-products {
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  height: 100%;
  display: flex;
}

.featured-products-100vw {
  background-color: #00aef0;
  border-right-style: none;
  border-right-color: #fff;
  flex: 0 auto;
  width: 100vw;
  margin-left: auto;
  margin-right: auto;
  padding-right: 0;
}

.featured-products-100vw:hover {
  opacity: .8;
}

.box-featured-products-text {
  margin-top: 25px;
  margin-bottom: 25px;
  padding-left: 20px;
  padding-right: 20px;
}

.featured-product-header {
  color: #000;
  text-align: center;
  padding-top: 0;
  padding-bottom: 0;
  font-family: Roboto Condensed Custom, Arial, sans-serif;
  font-size: 26px;
  font-weight: 700;
  line-height: 32px;
}

.featured-product-text {
  color: #888;
  text-align: center;
  margin-top: 0;
  padding-top: 0;
  padding-left: 20px;
  padding-right: 20px;
  font-family: Roboto Condensed Custom, Arial, sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 30px;
}

.box-featured-products-hero {
  background-image: linear-gradient(#f2f2f2, #f2f2f2);
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  width: 100vw;
  margin-top: 0;
  margin-right: 0;
  display: block;
}

.box-featured-products-hero.featured-products-border {
  border-left: 0 #fff;
  border-right: 3px solid #fff;
  flex-direction: row;
  flex: 0 auto;
  justify-content: center;
  align-self: auto;
  align-items: flex-start;
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
}

.section-site-body {
  background-color: var(--white);
  opacity: 1;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 40px;
  padding-bottom: 40px;
}

.site-header {
  color: var(--product-copy);
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  font-family: Roboto;
  font-size: 35px;
  font-weight: 400;
  line-height: 35px;
}

.site-header.privacy-policy {
  margin-top: 20px;
  font-family: Roboto Custom, Arial, sans-serif;
}

.site-header.cookie-policy {
  margin-top: 40px;
  font-family: Roboto Custom, Arial, sans-serif;
}

.site-subhead {
  margin-top: 10px;
  margin-bottom: 10px;
  padding-bottom: 0;
  font-family: Roboto Custom, Arial, sans-serif;
  font-size: 18px;
  font-weight: 500;
}

.site-text {
  font-family: Roboto Custom, Arial, sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 25px;
}

.site-text.site-text-bottom-pad {
  padding-bottom: 10px;
}

.site-text.privacy-policy {
  margin-bottom: 0;
  padding-bottom: 10px;
  font-family: Roboto Custom, Arial, sans-serif;
}

.site-text.cookie-policy {
  padding-bottom: 10px;
}

.site-list {
  font-family: Roboto;
}

.site-list-bottom-pad {
  padding-bottom: 10px;
  font-size: 17px;
  line-height: 25px;
}

.container-site-header, .container-site-text {
  margin-top: 20px;
}

.box-cookies-image {
  justify-content: center;
  align-items: center;
  margin-top: 20px;
  margin-bottom: 20px;
  display: flex;
}

.subhero-divider {
  background-color: var(--white);
  width: 3px;
}

.site-list-bottom-no-pad {
  padding-bottom: 0;
  font-size: 17px;
  line-height: 25px;
}

.section-banner-2019-mac-pro {
  background-color: #378e8d;
  margin-top: 4px;
  padding-top: 10px;
  padding-bottom: 0;
}

.section-banner-2019-mac-pro.computer-cards-page {
  border-top: 2px solid #0003;
  border-bottom: 2px solid #0003;
  margin-top: 0;
  margin-bottom: 30px;
  padding-top: 0;
  display: none;
}

.container-banner-2019-mac-pro.computer-cards-page {
  justify-content: center;
  align-items: center;
  display: flex;
}

.image-banner-2019-mac-pro.computer-cards-page {
  max-width: 70%;
}

.section-home-hero-text {
  background-color: #0000;
  border-top: 3px #e2dede;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 60px;
  position: static;
}

.section-home-hero-text.section-home-hero-black-box {
  background-color: #000;
  border-bottom: 5px #b4b4b4;
  padding-bottom: 50px;
}

.home-hero-text-box {
  background-color: #0000;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  padding: 10px;
  display: flex;
  transform: translate(0);
}

.home-hero-header {
  color: #fff;
  text-align: center;
  margin-top: 20px;
  margin-bottom: 15px;
  padding-bottom: 0;
  font-family: Roboto Custom, Arial, sans-serif;
  font-size: 75px;
  font-weight: 500;
  line-height: 80px;
}

.home-hero-header.egpupuck {
  margin-top: 20px;
}

.home-hero-button-learn-more {
  color: #4e91c5;
  background-color: #0000;
  background-image: linear-gradient(#0000, #0000), url('../images/icon-arrow-right-blue.png');
  background-position: 0 0, 100% 55%;
  background-repeat: repeat, no-repeat;
  background-size: auto, 10px;
  margin-right: 0;
  padding-left: 0;
  padding-right: 16px;
  font-family: Roboto Custom, Arial, sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 28px;
}

.home-hero-button-learn-more:hover {
  color: #63a9e0;
  text-decoration: underline;
}

.home-hero-button-learn-more.home-docks {
  color: #fff;
  background-image: url('../images/icon-arrow-right-white.png'), linear-gradient(#0000, #0000);
  background-position: 100%, 0 0;
  background-repeat: no-repeat, repeat;
  background-size: 10px, auto;
  background-attachment: scroll, scroll;
  font-weight: 400;
}

.home-hero-box-button {
  text-align: center;
  flex-direction: row;
  justify-content: center;
  margin-top: auto;
  padding-top: 10px;
  display: flex;
}

.section-home-hero {
  background-color: var(--black);
  border-bottom: 0 #0000;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding-top: 0;
  display: flex;
}

.section-home-hero.home-duomodo {
  background-image: url('../images/duomodo-configurations-boxes.jpg');
  background-position: 50% 40%;
  background-size: cover;
  height: 60vh;
  padding-top: 0;
}

.home-hero-image-box {
  flex: 1;
  display: block;
}

.text-span-22, .text-span-24, .text-span-25 {
  font-size: 20px;
}

.home-hero-subhead {
  color: #413f3f;
  text-align: center;
  margin-top: 0;
  margin-bottom: 10px;
  padding-bottom: 0;
  font-family: Roboto;
  font-size: 36px;
  font-weight: 500;
  line-height: 46px;
}

.home-hero-subhead.home-duomodo {
  font-size: 50px;
  font-weight: 700;
  line-height: 45px;
}

.home-hero-subhead.home-hero-subhead-white {
  color: #fff;
  font-family: Roboto Custom, Arial, sans-serif;
  font-size: 38px;
  line-height: 45px;
}

.home-hero-subhead.home-hero-subhead-purple {
  color: #9b83ca;
  margin-bottom: 20px;
  font-family: Roboto Custom, Arial, sans-serif;
  font-size: 40px;
  font-weight: 400;
  line-height: 45px;
}

.badge-product-new {
  color: #921010;
  border: 1px solid #921010;
  border-radius: 3px;
  padding-left: 2px;
  padding-right: 2px;
  font-family: Roboto Condensed Custom, Arial, sans-serif;
  font-size: 14px;
  font-weight: 700;
  position: relative;
  top: -2px;
}

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

.home-work-from-home-bar {
  background-color: #2a2a2a;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-top: 3px;
  padding: 12px 20px;
  display: flex;
}

.home-work-from-home-header {
  color: #fffefe;
  text-align: center;
  font-family: Roboto;
  font-size: 24px;
  font-weight: 700;
  line-height: 28px;
}

.home-work-from-home-light-text {
  font-weight: 400;
}

.home-hero-link {
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.home-work-from-home-icon {
  max-width: 80px;
  margin-right: 10px;
}

.home-work-from-home-link {
  color: #2e8bd3;
  background-color: #0000;
  background-image: linear-gradient(#0000, #0000), url('../images/icon-arrow-right-blue.png');
  background-position: 0 0, 100% 55%;
  background-repeat: repeat, no-repeat;
  background-size: auto, 9px;
  margin-right: 0;
  padding-left: 10px;
  padding-right: 14px;
  font-family: Roboto;
  font-size: 24px;
  font-weight: 400;
  line-height: 24px;
}

.home-work-from-home-link:hover {
  color: #2e8bd3b3;
  text-decoration: underline;
}

.home-work-from-home-header-mobile {
  color: #fffefe;
  text-align: center;
  font-family: Roboto;
  font-size: 24px;
  font-weight: 700;
  line-height: 28px;
  display: none;
}

.home-hero-subhead-gray {
  color: #a8a8a8;
  text-align: center;
  margin-top: 0;
  margin-bottom: 10px;
  padding-bottom: 0;
  font-family: Roboto Custom, Arial, sans-serif;
  font-size: 26px;
  font-weight: 400;
  line-height: 35px;
}

.badge-subhero-new {
  color: #921010;
  border: 1px solid #921010;
  border-radius: 2px;
  padding-left: 2px;
  padding-right: 2px;
  font-family: Roboto Condensed Custom, Arial, sans-serif;
  font-size: 14px;
  font-weight: 700;
  position: relative;
  top: -4px;
  left: 0;
}

.section-featured-products-boxes {
  flex-direction: row;
  justify-content: center;
  margin-top: 3px;
  margin-bottom: 5px;
  display: flex;
}

.badge-hero-new {
  color: #dd3a3a;
  text-align: center;
  -webkit-text-stroke-color: #dd3a3a;
  border: 2px solid #d30909;
  border-radius: 2px;
  padding-left: 2px;
  padding-right: 2px;
  font-family: Roboto Custom, Arial, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 20px;
  position: relative;
  top: -5px;
  left: 0;
}

.badge-hero-new.badge-hero-new-home-docks {
  color: #fff;
  -webkit-text-stroke-color: #fff;
  border-color: #fff;
}

.badge-hero-new.badge-hero-new-home-docks.badge-hero-new-home-docks-smaller {
  font-size: 14px;
  line-height: 18px;
}

.superscript-small {
  font-size: 10px;
  position: relative;
  top: -3px;
}

.section-why-thunderbolt3-video {
  opacity: 1;
  background-image: linear-gradient(#000, #2974b6), linear-gradient(#6b539c, #c1b5da 60%, #fff);
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 50px;
  padding-bottom: 0;
  display: none;
}

.why-thunderbolt3-video-header {
  color: #fff;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-left: 15px;
  padding-right: 15px;
  font-family: Roboto Custom, Arial, sans-serif;
  font-size: 40px;
  font-weight: 500;
  line-height: 45px;
}

.slider-why-thunderbolt3-video {
  object-position: 50% 50%;
  background-color: #0000;
  height: auto;
  margin-bottom: 20px;
  overflow: visible;
}

.why-thunderbolt3-video-box {
  background-color: #fff;
  border: 30px solid #fff;
  margin: 40px 100px;
  box-shadow: 0 0 12px -3px #000;
}

.box-why-thunderbolt3-video {
  border: 30px #fff;
  margin: 0;
}

.why-thunderbolt3-video {
  border: 1px solid #c7c4c4;
}

.why-thunderbolt3-video-title {
  color: #216fac;
  text-align: center;
  margin-top: 20px;
  margin-bottom: 0;
  font-family: Roboto Custom, Arial, sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 28px;
}

.why-thunderbolt3-video-slide-nav {
  margin-top: 0;
  padding-top: 20px;
  display: none;
}

.why-thunderbolt3-video-video-library-box {
  justify-content: center;
  align-items: center;
  margin-top: 10px;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 35px;
  display: flex;
}

.badge-prodcategory-new {
  color: #921010;
  border: 1px solid #921010;
  border-radius: 2px;
  padding-left: 2px;
  padding-right: 2px;
  font-family: Roboto Condensed Custom, Arial, sans-serif;
  font-size: 12px;
  font-weight: 700;
  line-height: 20px;
  position: relative;
  top: -2px;
  left: 0;
}

.box-learn-more-links-duomodo {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 20px;
  display: flex;
}

.button-duomodo {
  color: #216fac;
  background-color: #0000;
  background-image: linear-gradient(#0000, #0000), url('../images/icon-arrow-right-blue.png');
  background-position: 0 0, 100%;
  background-repeat: repeat, no-repeat;
  background-size: auto, 9px;
  margin-right: 0;
  padding: 5px 14px 5px 0;
  font-family: Roboto;
  font-size: 18px;
  font-weight: 700;
  line-height: 20px;
}

.button-duomodo:hover {
  text-decoration: underline;
}

.tb3-tb4-ports-banner {
  background-color: #dbdbdbcc;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 100%;
  margin-top: 10px;
  padding-top: 22px;
  padding-bottom: 22px;
  display: flex;
}

.tb3-tb4-ports-header {
  color: #646464;
  text-align: center;
  font-family: Roboto Custom, Arial, sans-serif;
  font-size: 20px;
  font-weight: 500;
}

.tb3-tb4-ports-icon {
  width: 8%;
  margin-right: 25px;
}

.section-tb3-tb4-ports-mobile {
  display: none;
}

.tb3-tb4-ports-banner-mobile {
  background-color: #dbdbdbcc;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 100%;
  margin-top: 10px;
  padding-top: 20px;
  padding-bottom: 30px;
  display: flex;
}

.tb3-tb4-ports-icon-mobile {
  width: 8%;
  margin-right: 25px;
}

.tb3-tb4-ports-header-mobile {
  color: #646464;
  text-align: center;
  font-family: Roboto;
  font-size: 20px;
  font-weight: 500;
}

.comparison-chart-text-subheader {
  color: #727272;
  margin-top: 0;
  margin-bottom: 10px;
  font-family: Roboto;
  font-size: 16px;
  font-weight: 400;
  line-height: 18px;
}

.m1-dual-display-adapters-image-mobile {
  align-self: auto;
  width: 100%;
  display: block;
}

.section-home-hero-mobile {
  background-color: var(--black);
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: none;
}

.button-egpu-bundles {
  color: #216fac;
  background-color: #0000;
  background-image: linear-gradient(#0000, #0000), url('../images/icon-arrow-right-blue.png');
  background-position: 0 0, 100%;
  background-repeat: repeat, no-repeat;
  background-size: auto, 9px;
  margin-right: 0;
  padding: 5px 14px 5px 0;
  font-family: Roboto;
  font-size: 18px;
  font-weight: 700;
  line-height: 20px;
}

.button-egpu-bundles:hover {
  text-decoration: underline;
}

.product-promo-banner {
  justify-content: center;
  align-items: center;
  padding: 20px;
  display: flex;
}

.promo-banner-box-radeonrx6900xt {
  background-color: #99080a;
  background-image: linear-gradient(#99080a54, #99080a54), url('../images/radeonrx6900xt-banner-bg.jpg');
  background-position: 0 0, 0 0;
  background-size: auto, cover;
  border-radius: 8px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 75%;
  max-width: 100%;
  padding: 20px 20px 50px;
  display: flex;
}

.promo-banner-box-radeonrx6900xt.promo-banner-full-screen {
  border-radius: 0;
  width: 100%;
}

.promo-banner-hero-radeonrx6900xt {
  flex: none;
  max-width: 320px;
}

.promo-banner-header-radeonrx6900xt {
  color: #ecd317;
  margin-top: 10px;
  margin-bottom: 8px;
  padding-right: 0;
  font-family: Roboto;
  font-size: 30px;
  font-weight: 700;
  line-height: 35px;
}

.promo-banner-text-radeonrx6900xt {
  color: #fff;
  margin-bottom: 0;
  font-family: Roboto;
  font-size: 20px;
  font-weight: 400;
  line-height: 30px;
}

.promo-banner-box-buy-button {
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.promo-banner-buy-button {
  background-image: linear-gradient(#2d87bf, #2d87bf);
  border: 2px solid #0000;
  border-radius: 5px;
  margin-top: 0;
  font-family: Roboto;
  font-size: 24px;
}

.promo-banner-buy-button:hover {
  color: #6b539c;
  background-color: #0000;
  background-image: none;
  border: 2px solid #6b539c;
  font-family: Roboto;
}

.promo-banner-buy-button.promo-banner-buy-button-white-outline {
  border-width: 2px;
  border-color: #fffc;
  margin-right: 20px;
  padding: 15px 20px;
  font-size: 18px;
  font-weight: 500;
  line-height: 20px;
}

.promo-banner-buy-button.promo-banner-buy-button-white-outline:hover {
  border-color: var(--white);
  color: var(--white);
  background-color: #0000;
}

.promo-banner-box-in-stock {
  background-color: #ecd317;
  justify-content: center;
  align-items: center;
  max-width: 200px;
  padding: 2px 5px;
  display: flex;
  transform: translate(75px, -46px);
}

.promo-banner-hero-box-radeonrx6900xt {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-left: 20px;
  margin-right: 20px;
  padding-top: 20px;
  display: flex;
}

.promo-banner-text-in-stock {
  color: #0c0c0c;
  font-family: Roboto;
  font-weight: 700;
}

.promo-banner-box-text-radeonrx6900xt {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding: 20px 10px 10px 0;
  display: flex;
  transform: translate(0, -19px);
}

.promo-banner-box-footers {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.promo-banner-box-limited-time-availability {
  justify-content: center;
  align-items: center;
  max-width: 200px;
  padding: 2px 5px;
  display: flex;
  transform: translate(0, -30px);
}

.box-learn-more-links-egpu-bundles {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  margin-top: 20px;
  display: flex;
}

.product-promo-banner-full-screen {
  justify-content: center;
  align-items: center;
  padding: 20px;
  display: flex;
}

.product-promo-banner-full-screen.promo-banner-full-screen {
  margin-bottom: 0;
  padding: 0;
}

.promo-banner-content-radeonrx6900xt {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 1100px;
  max-width: 100%;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.promo-banner-link-box {
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 100%;
  display: flex;
}

.promo-banner-button-box {
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 0;
  display: flex;
}

.displayadapters-container-charts {
  width: 1300px;
  max-width: 100%;
  margin-top: 85px;
  padding-left: 20px;
  padding-right: 20px;
}

.displayadapters-charts {
  border: 5px solid var(--white);
  background-image: linear-gradient(#313446, #313446);
  border-radius: 20px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 100%;
  margin-top: 0;
  margin-bottom: 20px;
  padding: 30px 25px 0;
  display: flex;
}

.displayadapters-chart-main-header {
  color: #6ec6db;
  text-align: center;
  margin-top: 20px;
  margin-bottom: 15px;
  font-family: Roboto Condensed;
  font-size: 40px;
  font-weight: 400;
  line-height: 40px;
}

.displayadapters-chart-main-subheader {
  color: #ffffffdb;
  text-align: center;
  width: 65%;
  max-width: 100%;
  margin-bottom: 50px;
  font-family: Roboto Condensed;
  font-size: 26px;
  font-weight: 400;
  line-height: 34px;
}

.displayadapter-chart-cols-text {
  color: #292929;
  font-family: Roboto Condensed;
  font-size: 16px;
}

.displayadapter-chart-cols-text.textblock-bold {
  font-weight: 700;
}

.displayadapters-chart-body-cols {
  width: 100%;
  max-width: 100%;
  margin-bottom: 0;
  padding-top: 30px;
  padding-bottom: 30px;
}

.displayadapters-chart-body-cols.displayadapters-chart-rows-shaded {
  background-image: linear-gradient(#4f87a33b, #4f87a33b);
  border-top: 1px solid #0003;
  border-bottom: 1px solid #0003;
}

.displayadapters-chart-header-cols {
  width: 100%;
  max-width: 100%;
  margin-bottom: 10px;
  padding-top: 0;
  padding-bottom: 0;
}

.displayadapters-header-cols-text {
  color: #fff;
  text-align: left;
  margin-bottom: 21px;
  font-family: Roboto;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
}

.displayadapters-chart-header {
  background-color: #195979;
  border-top: 10px #0f3e55;
  border-bottom: 10px solid #103e55;
  border-radius: 8px 8px 0 0;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 100%;
  margin-bottom: 0;
  padding: 0 0 16px;
  display: flex;
}

.displayadapters-chart-header.displayadapters-header-blue2 {
  border-bottom-color: #2484b4;
}

.displayadapters-box-chart-heros {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 80%;
  max-width: 100%;
  margin-top: 40px;
  margin-bottom: 0;
  padding-left: 0;
  display: flex;
}

.displayadapters-box-chart-hero {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 50%;
  max-width: 100%;
  display: flex;
}

.displayadapters-chart-hero-name {
  color: #ffffffc2;
  text-align: center;
  font-family: Roboto;
  font-size: 18px;
  line-height: 22px;
}

.displayadapters-chart-hero {
  width: 70%;
  margin-bottom: 0;
}

.displayadapters-chart {
  border: 2px solid var(--white);
  background-image: linear-gradient(#fafbfd, #fafbfd);
  border-radius: 8px;
  width: 100%;
  max-width: 100%;
  margin-bottom: 30px;
  padding-bottom: 0;
}

.displayadapters-chart.displayadapters-chart-no-padding {
  margin-bottom: 0;
}

.displayadapters-box-chart-cols {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}

.displayadapters-chart-header-text {
  color: #fff;
  text-align: center;
  font-family: Roboto;
  font-size: 24px;
  font-weight: 700;
  line-height: 30px;
}

.displayadatpers-chart-box-header-text {
  background-image: linear-gradient(#103e55, #103e55);
  border-radius: 8px 8px 0 0;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 100%;
  margin-bottom: 37px;
  margin-left: 0;
  padding-top: 15px;
  padding-bottom: 15px;
  display: flex;
}

.displayadatpers-chart-box-header-text.displayadapters-header-blue2 {
  background-image: linear-gradient(#2484b4, #2484b4);
}

.displayadapters-box-chart-hero-name {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 100%;
  margin-top: 20px;
  display: flex;
}

.displayadapters-chart-header-icon {
  width: 85%;
}

.displayadapters-box-chart-footer {
  width: 199%;
  max-width: 100%;
}

.displayadapters-chart-footer-text {
  color: #f7f7f780;
  margin-bottom: 3px;
  font-family: Roboto;
}

.displayadapters-container-chart {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 100%;
  margin-bottom: 0;
  display: flex;
}

.displayadapters-learn-more-text {
  color: var(--white);
  margin-top: 10px;
  font-family: Roboto;
  font-size: 16px;
}

.displayadapters-prod-links {
  color: #3b90d3;
  font-size: 20px;
  font-weight: 500;
  line-height: 24px;
}

.dispalyadapters-chart-footer {
  background-color: #575968;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 20px 20px 40px;
  display: flex;
}

.egpu-promo-box {
  background-color: #c91c1f;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 100%;
  padding-top: 30px;
  padding-bottom: 30px;
  display: flex;
}

.egpu-promo-text {
  color: #fffdfd;
  text-align: center;
  font-family: Roboto;
  font-size: 25px;
  font-weight: 900;
  line-height: 30px;
}

.egpu-promo-box-text {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 100%;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.home-2-heros-header-box {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 100%;
  margin-bottom: 10px;
  padding: 0 40px;
  display: flex;
}

.home-2-heros-header {
  color: #fff;
  text-align: center;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  font-family: Roboto;
  font-size: 80px;
  font-weight: 500;
  line-height: 100px;
}

.home-2-heros-products {
  flex-direction: row;
  justify-content: center;
  align-items: stretch;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.box-home-2-heros {
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  height: 100%;
  padding-bottom: 0;
  display: flex;
}

.home-2-heros-100vw {
  flex: 0 auto;
  width: 75%;
  margin-left: auto;
  margin-right: auto;
}

.home-2-heros-100vw:hover {
  opacity: 1;
  color: #0000;
  background-color: #0000;
}

.box-home-2-heros-products {
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  margin-top: 0;
  margin-right: 0;
  display: block;
}

.home-2-heros-product-name {
  color: #fff;
  text-align: center;
  padding-top: 0;
  padding-bottom: 0;
  font-family: Roboto;
  font-size: 26px;
  font-weight: 700;
  line-height: 40px;
}

.home-2-heros-product-name._2-heros-header-red {
  color: #c91717;
  text-shadow: 2px 2px 3px #000;
  margin-bottom: 2px;
  padding-bottom: 0;
  font-size: 26px;
}

.home-2-heros-product-tagline {
  color: #fffc;
  text-align: center;
  text-shadow: 1px 1px 7px #000;
  margin-top: 0;
  padding-top: 0;
  font-family: Roboto;
  font-size: 24px;
  line-height: 26px;
}

.main-box-home-2-heros {
  background-image: linear-gradient(354deg, #000, #000c 19%, #0009 51%, #0000), linear-gradient(#0003, #0003), url('../images/home-2-heros-bg1.jpg');
  background-position: 0 0, 0 0, 50% 0;
  background-size: auto, auto, cover;
  border: 1px solid #999;
  border-radius: 12px;
  padding-top: 45px;
  padding-bottom: 50px;
}

.box-home-2-heros-text {
  margin-top: 10px;
  margin-bottom: 15px;
  padding-left: 10px;
  padding-right: 10px;
}

.box-home-2-heros-learn-more-links {
  text-align: center;
  justify-content: center;
  margin-top: auto;
  margin-bottom: 0;
  padding-top: 0;
  display: flex;
}

.button-home-2-heros-learn-more {
  color: #2e8bd3;
  background-color: #0000;
  background-image: linear-gradient(#0000, #0000), url('../images/icon-arrow-right-blue.png');
  background-position: 0 0, 100%;
  background-repeat: repeat, no-repeat;
  background-size: auto, 9px;
  margin-right: 17px;
  padding-left: 0;
  padding-right: 14px;
  font-family: Roboto;
  font-size: 20px;
  font-weight: 700;
  line-height: 22px;
}

.button-home-2-heros-learn-more:hover {
  color: #1c5079;
  text-decoration: underline;
}

.box-home-link-2-heros-image {
  justify-content: center;
  align-items: center;
  display: flex;
}

.home-2-heros-subheader {
  color: #fff;
  text-align: center;
  margin-bottom: 30px;
  font-family: Roboto;
  font-size: 30px;
  font-weight: 400;
  line-height: 30px;
}

.home-2-headers-subheader-red {
  color: #c91717;
  font-size: 40px;
  font-weight: 700;
  line-height: 40px;
}

.badge-home-hero-new-white {
  color: #ffffffb3;
  border: 1px solid #ffffff80;
  border-radius: 2px;
  padding-left: 2px;
  padding-right: 2px;
  font-family: Roboto Condensed;
  font-size: 15px;
  font-weight: 700;
  line-height: 30px;
  position: relative;
  top: -5px;
  left: 0;
}

.home-2-heros-footer {
  border: 1px solid var(--white);
  color: #ffffffc7;
  text-align: center;
  background-color: #e4171778;
  border-radius: 8px;
  margin-top: 0;
  padding: 12px;
  font-family: Roboto;
  font-size: 20px;
  font-weight: 300;
  line-height: 24px;
}

.home-2-heros-footer-box {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 100%;
  margin-top: 50px;
  margin-bottom: 0;
  padding: 0;
  display: flex;
}

.section-home-2-heros {
  background-color: #000;
  background-image: linear-gradient(210deg, #302f2f, #000);
  padding: 40px;
}

.section-product-subcategory-hero-text {
  margin-top: 50px;
  margin-bottom: 50px;
  padding-top: 0;
}

.container-why-choose-sonnet2 {
  flex-wrap: nowrap;
  justify-content: center;
  max-width: 1500px;
  padding: 0 20px 50px;
  display: flex;
}

.why-sonnet-subhead2 {
  color: #000000b8;
  text-align: center;
  margin-top: 9px;
  padding-bottom: 5px;
  font-family: Roboto;
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
}

.home-hero-xmac-rackmack-studio {
  flex: 1;
  min-width: 100%;
}

.footer-email {
  color: #41a9fa;
}

.home-section-hero {
  justify-content: center;
  align-items: center;
  display: flex;
}

.home-banner-docks {
  min-width: 100%;
}

.home-banner-link-docks {
  min-width: 100%;
  max-width: 100%;
}

.nab-opening-box {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 100%;
  padding-bottom: 52px;
  display: flex;
}

.nab-opening-section {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 80px;
  padding-bottom: 80px;
  display: flex;
}

.text-block-13 {
  color: #494949;
  margin-top: 19px;
  font-family: Roboto Custom, Arial, sans-serif;
  font-size: 32px;
  font-weight: 300;
  line-height: 40px;
}

.nab-videos-section {
  background-color: #000;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 50px;
  padding-bottom: 80px;
  display: flex;
}

.nab-videos-box {
  width: 90%;
  min-width: 90%;
  max-width: 100%;
}

.nab-videos {
  border: 1px solid #b4b4b4;
}

.nab-videos-photos-header {
  color: #d6d6d6;
  margin-bottom: 50px;
  font-family: Roboto Custom, Arial, sans-serif;
  font-size: 40px;
  line-height: 40px;
}

.nab-photos-section {
  background-color: #363636;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 50px;
  padding-bottom: 0;
  display: flex;
}

.nab-photos-box {
  border-bottom: 10px solid var(--white);
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 100%;
  display: flex;
}

.nab-photos-box.nab-photos-booth-posters {
  background-color: #fff;
  border-top: 1px silver;
  flex-direction: column;
  padding-top: 100px;
  padding-bottom: 80px;
}

.section-3 {
  background-color: var(--black);
  max-width: 100%;
  min-height: 100px;
}

.nab-opening-pdf-box {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 900px;
  max-width: 100%;
  display: flex;
}

.nab-pdf-icon {
  max-width: 120px;
}

.nab-pdf-icon-text {
  margin-top: 10px;
  font-family: Roboto Custom, Arial, sans-serif;
  font-size: 18px;
  line-height: 22px;
}

.nab-prep-checklist-box {
  background-color: #fdfdfd;
  border: 1px solid #b1b1b1;
  border-radius: 20px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 1000px;
  max-width: 100%;
  margin-top: 50px;
  padding: 20px;
  display: flex;
}

.nab-prep-checklist-text {
  font-family: Roboto Condensed Custom, Arial, sans-serif;
  font-size: 20px;
  line-height: 24px;
}

.nab-prep-checklist-header {
  color: #585858;
  margin-top: 30px;
  margin-bottom: 50px;
  font-family: Roboto Custom, Arial, sans-serif;
  font-size: 40px;
  line-height: 40px;
}

.nab-checklist-bold-blue {
  color: #026cb6;
}

.text-block-14 {
  margin-bottom: 50px;
  font-family: Roboto Custom, Arial, sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 30px;
}

.nab-booth-location-photo {
  border: 1px solid #919191;
  width: 90%;
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
}

.nab-booth-photo {
  width: 100%;
}

.nab-booth-overview-photo {
  width: 80%;
}

.q-wrapper {
  align-items: center;
  display: flex;
}

.section-tb-docks-chart {
  justify-content: center;
  align-items: center;
  display: block;
}

.tbdocks-chart-box-container {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 100%;
  margin-top: 0;
  padding-top: 40px;
  padding-bottom: 0;
  display: flex;
}

.tbdocks-chart-box {
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 100%;
  margin-top: 35px;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.tbdocks-chart-dropdown {
  width: 100%;
  max-width: 100%;
  height: 100%;
  margin-bottom: 0;
}

.tb-docks-chart-dropdown-header {
  color: var(--white);
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 5px;
  font-family: Roboto Custom, Arial, sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 25px;
}

.tbocks-chart-header-button {
  color: #252424;
  margin-bottom: 5px;
  font-family: Roboto Custom, Arial, sans-serif;
  font-size: 32px;
  font-weight: 500;
  line-height: 40px;
}

.tbdocks-docks-assistant-subheader {
  color: #7e7a7a;
  text-align: center;
  width: 900px;
  margin-bottom: 0;
  padding-left: 20px;
  padding-right: 20px;
  font-family: Roboto Custom, Arial, sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 28px;
}

.tbdocks-chart-top-shadow {
  opacity: .6;
  width: 100%;
}

.tbdocks-chart-bottom-shadow {
  opacity: .6;
  width: 100%;
  display: block;
}

.tb-docks-chart-icon-small {
  width: auto;
  max-width: 60px;
  margin-right: 20px;
}

.acc-item-tbdocks-chart {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  display: flex;
}

.acc-head-tbdocks-chart {
  cursor: pointer;
  background-color: #5b84af;
  border: 5px solid #98b6ce;
  border-radius: 50px;
  justify-content: center;
  align-items: center;
  width: 400px;
  max-width: 400px;
  margin-bottom: 80px;
  padding: 16px 24px;
  display: flex;
}

.acc-head-tbdocks-chart:hover {
  background-color: #7292b4;
}

.toggle-arrow-tb-docks-chart {
  color: #fff;
  width: 24px;
  height: 24px;
  font-size: 14px;
  transition: transform .3s;
}

.acc-body-tbdocks-chart {
  z-index: 99;
  background-image: url('../images/tbdocks-chart-bg.jpg');
  background-position: 50%;
  background-size: cover;
  background-attachment: fixed;
  border-top: 5px solid #cecece;
  width: 100%;
  max-width: 100%;
  margin-top: 35px;
  padding: 0;
}

.tbdocks-number-of-ports-box {
  justify-content: flex-start;
  align-items: center;
  padding-left: 10px;
}

.tbdocks-price-banner-box {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-left: 0;
  padding: 5px 5px 5px 10px;
  display: flex;
}

.tbdocks-products {
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.tbdocks-chart-front-ports-box {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #fff;
  border: 2px solid #333;
  border-radius: 8px;
  grid-template: "Area Area Area Area Area Area Area"
                 ". . . . . . ."
                 ". . . . . . ."
                 ". . . . . . ."
                 ". . . . . . ." 145px
                 / 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-flow: row;
  place-content: start;
  place-items: stretch stretch;
  margin-bottom: 25px;
}

.section-tbdocks-chart {
  background-color: #eee;
  background-image: url('../images/tbdocks-chart-bg.jpg');
  background-position: 0 0;
  background-size: cover;
  background-attachment: fixed;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 150px 20px 200px;
  display: none;
}

.tbdocks-chart-legend-header {
  color: var(--black);
  text-align: left;
  margin-bottom: 15px;
  padding-left: 0;
  padding-right: 0;
  font-family: Roboto Custom, Arial, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 20px;
}

.tbdocks-products-bar-box {
  z-index: 98;
  background-color: #ebeaea;
  flex-direction: column;
  max-width: 100%;
  margin-bottom: 0;
  padding-bottom: 0;
  position: sticky;
  top: -7px;
}

.tbdocks-products-box {
  border-right: 2px dotted #1083a2;
  flex-direction: column;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-top: 5px;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
}

.tbdocks-products-box.tbdocks-products-box-no-divider {
  border-right-style: none;
}

.text-block-110 {
  color: #616161;
  margin-top: 5px;
  margin-bottom: 30px;
  font-family: Roboto Custom, Arial, sans-serif;
  font-size: 12px;
  line-height: 14px;
}

.tbdocks-number-of-ports-header {
  color: #fff;
  font-family: Roboto Custom, Arial, sans-serif;
  font-size: 22px;
  font-weight: 500;
  line-height: 24px;
}

.tbdocks-chart-icons-box {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 20px 10px;
  display: flex;
}

.tbdocks-chart-icons-box.tbdocks-chart-icons-box-center {
  justify-content: center;
}

.tbdocks-white-block-last-column {
  background-color: #fff;
  border-bottom: 2px dotted #c2c2c2;
  border-right: 1px #c2c2c2;
}

.tbdocks-white-block-last-column-corner {
  background-color: #fff;
  border-bottom: 1px #c2c2c2;
  border-right: 1px #c2c2c2;
  border-bottom-right-radius: 20px;
}

.tbdocks-price-text {
  color: #000;
  justify-content: center;
  align-items: center;
  font-family: Roboto Custom, Arial, sans-serif;
  font-size: 25px;
  font-weight: 700;
  line-height: 25px;
  display: flex;
}

.tbdocks-products-header {
  text-align: center;
  margin-bottom: 3px;
  font-family: Roboto Condensed Custom, Arial, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 22px;
}

.tbdocks-chart-inner-boxes {
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  padding-bottom: 20px;
  padding-left: 0;
  padding-right: 0;
}

.tbdocks-shaded-block {
  background-color: #dbdbdb;
}

.tbdocks-chart-legend-box {
  border-bottom: 2px dotted #fff;
  border-right: 1px solid #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  padding: 30px 10px;
  display: flex;
}

.tbdocks-chart-legend-box.tbdocks-legend-left-corner {
  border-bottom-style: none;
  border-bottom-left-radius: 20px;
}

.tbdocks-chart-outer-container {
  z-index: -98;
  background-color: #ebeaea;
  border: 3px solid #41c3f6;
  border-radius: 10px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 1500px;
  max-width: 100%;
  padding: 30px;
  display: block;
  box-shadow: 0 2px 5px #0003;
}

.tbdocks-chart-number-of-ports-box {
  grid-column-gap: 0px;
  grid-row-gap: 16px;
  background-color: #1083a2;
  border: 2px solid #333;
  border-radius: 8px 8px 0 0;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-flow: row;
  place-items: center;
  max-width: 100%;
  margin-top: 20px;
  margin-bottom: 0;
  padding: 10px 5px 10px 0;
}

.tbdocks-chart-header {
  color: #fff;
  background-color: #1083a2;
  border-bottom: 1px solid #c2c2c2;
  border-radius: 6px 6px 0 0;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  font-family: Roboto Custom, Arial, sans-serif;
  font-size: 22px;
  font-weight: 700;
  line-height: 24px;
}

.tbdocks-blue-block-corner {
  background-color: #dbdbdb;
  border-bottom-left-radius: 6px;
}

.tbdocks-product-subheader {
  text-align: center;
  font-family: Roboto Condensed Custom, Arial, sans-serif;
  font-size: 16px;
  line-height: 18px;
}

.tbdocks-price-bar {
  grid-column-gap: 0px;
  background-color: #f5f596;
  border: 2px solid #333;
  border-top-width: 0;
  border-radius: 0 0 8px 8px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  place-items: center;
  max-width: 100%;
  margin-bottom: 10px;
  padding: 10px 0;
}

.tbdocks-chart-products-box {
  z-index: 99;
  grid-column-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 50px;
  padding-bottom: 30px;
}

.tbdocks-price-banner-text {
  color: #000;
  padding-left: 0;
  font-family: Roboto Condensed Custom, Arial, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
}

.tbdocks-gray-block {
  background-color: #f2f5f6;
  border-bottom: 2px dotted #c2c2c2;
  border-right: 1px solid #c2c2c2;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.tbdocks-gray-block.tbdocks-no-divider {
  border-bottom-style: none;
}

.tbdocks-white-block {
  background-color: #fff;
  border-bottom: 2px dotted #c2c2c2;
  border-right: 1px solid #c2c2c2;
  width: 100%;
  height: 100%;
}

.tbdocks-white-block.tbdocks-no-divider {
  border-bottom-style: none;
}

.text-span-55 {
  padding-top: 0;
  font-size: 16px;
  line-height: 16px;
  transform: translate(0, -2px);
}

.tbdocks-chart-icons {
  opacity: .8;
  align-self: auto;
  max-width: 90%;
  margin-bottom: 5px;
}

.tbdocks-number-of-ports-text {
  color: #fff;
  justify-content: center;
  align-items: center;
  font-family: Roboto Custom, Arial, sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 24px;
  display: flex;
}

.tbdocks-buy-now-button {
  color: #fff;
  background-color: #2d87bf;
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  margin-top: 10px;
  padding: 5px 10px;
  font-family: Roboto Custom, Arial, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 18px;
  display: flex;
}

.tbdocks-buy-now-button:hover {
  background-color: #4aa1d8;
}

.tbdocks-chart-main-header {
  z-index: 99;
  color: #fff;
  text-align: center;
  justify-content: center;
  align-items: center;
  margin-bottom: 40px;
  font-family: Roboto Custom, Arial, sans-serif;
  font-size: 65px;
  font-weight: 700;
  line-height: 70px;
  display: flex;
}

.tbdocks-chart-main-header-box {
  margin-bottom: 30px;
}

.tbdocks-coming-soon-badge {
  color: #000;
  background-color: #fff;
  border: 1px solid #000;
  border-radius: 0;
  justify-content: center;
  align-items: center;
  margin-top: 10px;
  padding: 5px 10px;
  font-family: Roboto Custom, Arial, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 18px;
  display: flex;
}

.tbdocks-product-photos {
  width: 100%;
}

.tbdocks-product-photos:hover {
  opacity: .85;
  padding: 0;
  transform: translate(0, -4px);
}

.tbdocks-chart-rear-ports-box {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #fff;
  border: 2px solid #333;
  border-radius: 8px;
  grid-template: "Area Area Area Area Area Area Area"
                 ". . . . . . ."
                 ". . . . . . ."
                 ". . . . . . ."
                 ". . . . . . ."
                 ". . . . . . ."
                 ". . . . . . ."
                 ". . . . . . ."
                 ". . . . . . ."
                 / 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-flow: row;
  width: 100%;
  max-width: 100%;
  height: 100%;
  max-height: 100%;
  margin-bottom: 40px;
}

.section-tbdocks-reviews {
  background-color: #000;
  background-image: radial-gradient(circle at 50% 40%, #692169, #21132e 51%, #000 70%);
  border-top: 10px solid #0c67f3;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 100px;
  padding-bottom: 50px;
  display: flex;
}

.tbdocks-reviews-container {
  width: 1500px;
  max-width: 100%;
  padding-left: 50px;
  padding-right: 50px;
}

.tbdocks-reviews-video-box {
  border-radius: 0;
  width: 100%;
  max-width: 100%;
  margin-top: 0;
}

.box-coming-soon-badge {
  text-align: center;
  justify-content: center;
  width: 100%;
  max-width: 100%;
  margin-top: auto;
  padding-top: 30px;
  display: flex;
}

.badge-coming-soon {
  color: #000;
  text-align: center;
  background-color: #fff;
  border: 3px solid #000;
  border-radius: 0;
  padding: 5px 10px;
  font-family: Roboto Custom, Arial, sans-serif;
  font-size: 18px;
  font-weight: 500;
}

.tbdocks-best-value-docks-bug {
  transform: translate(-7px);
}

.home-hero {
  width: 100vw;
  padding-right: 0;
}

.section-networking-pcie-cards-anchor {
  width: 0;
  height: 0;
  position: relative;
  top: -55px;
}

.tbdocks-chart-ports-legend-box {
  z-index: 99;
  background-color: #fff;
  border-bottom: 8px solid #000;
  border-radius: 6px 6px 0 0;
  width: 100%;
  max-width: 100%;
  margin-top: 20px;
  margin-bottom: 20px;
  padding: 20px 10px;
}

.tbdocks-chart-ports-legend {
  opacity: .9;
  width: 1100px;
  max-width: 100%;
}

.product-name-subheader {
  color: #0987a3;
  text-align: center;
  margin-top: 3px;
  margin-bottom: 5px;
  font-family: Roboto Custom, Arial, sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 24px;
}

.tbdocks-grid-reviews-video {
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-auto-flow: row;
  width: 100%;
  max-width: 100%;
}

.tbdocks-grid-reviews-video.tbdocks-more-video-reviews-padding {
  grid-row-gap: 16px;
  grid-template-rows: auto auto auto auto;
  margin-bottom: 20px;
}

.tbdocks-grid-reviews-web {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  margin-top: 0;
  margin-bottom: 70px;
}

.tbdocks-reviews-divider {
  background-color: #c076e44d;
  border-radius: 19px;
  width: 100%;
  height: 5px;
  margin-top: 50px;
  margin-bottom: 50px;
}

.tbdocks-reviews-web-outer-box {
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.tbdocks-reviews-web-text {
  color: #d4d4d4;
  width: 100%;
  max-width: 100%;
  height: 100%;
  max-height: 100%;
  margin-top: 0;
  margin-bottom: 35px;
  font-family: Roboto Slab Custom, Arial, sans-serif;
  font-size: 18px;
  line-height: 26px;
}

.tbdocks-reviews-web-button {
  color: #fff;
  background-color: #1cb2f8;
  border-radius: 20px;
  padding: 5px 15px;
  font-family: Roboto Custom, Arial, sans-serif;
  font-size: 20px;
  line-height: 24px;
}

.tbdocks-reviews-web-button:hover {
  background-color: #c076e4;
}

.tbdocks-reviews-text-box {
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 100%;
  height: 100%;
  max-height: 100%;
  margin-top: 25px;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
}

.tbdocks-reviews-web-header {
  color: #1cb2f8;
  text-align: center;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 100%;
  margin-top: 24px;
  margin-bottom: 0;
  font-family: Roboto Custom, Arial, sans-serif;
  font-size: 22px;
  font-weight: 500;
  line-height: 24px;
  display: flex;
}

.tbdocks-reviews-web-image {
  width: 70%;
}

.product-name-text-list {
  flex-direction: column;
  flex: 0 auto;
  align-items: flex-start;
  width: 90%;
  max-width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  padding: 0 40px 10px 22px;
  font-family: Roboto Custom, Arial, sans-serif;
}

.tbdocks-chart-main-container {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 80px 50px;
  display: flex;
}

.tbdocks-video-review-links-gallery {
  border: 2px solid #93659c;
  border-radius: 5px;
  width: 100%;
}

.tbdocks-video-review-links-gallery:hover {
  opacity: .9;
  outline-offset: 0px;
  mix-blend-mode: normal;
  background-image: linear-gradient(#00000080, #00000080);
  border-color: #cf68e4;
  outline: 3px #216fac73;
  box-shadow: 0 0 11px 1px #ffffff80;
}

.tbdocks-chart-main-box {
  z-index: 96;
  background-color: #ebeaea;
  border: 3px solid #40c3f6;
  border-radius: 10px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 1800px;
  max-width: 100%;
  height: 100%;
  max-height: 100%;
  margin-left: 0;
  margin-right: 0;
  padding: 30px;
  display: flex;
  box-shadow: 0 2px 5px #0003;
}

.tbdocks-chart-container {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 100%;
  height: 100%;
  max-height: 100%;
  padding-left: 40px;
  padding-right: 40px;
  display: flex;
}

.tbdocks-chart-pdf-icon {
  width: 30px;
  margin-right: 15px;
  padding-right: 0;
}

.tbdocks-chart-pdf-icon-box {
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 0;
  display: flex;
}

.tbdocks-chart-pdf-download-text {
  color: #3b3b3b;
  font-family: Roboto Custom, Arial, sans-serif;
}

.tbdocks-chart-compatibility-box {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 100%;
  margin-bottom: 24px;
  display: flex;
}

.tbdocks-chart-compatibility-header {
  font-family: Roboto Custom, Arial, sans-serif;
  font-size: 24px;
  font-weight: 700;
}

.tbdocks-chart-compatibility-header-box {
  border-right: 3px solid #000;
  justify-content: flex-start;
  align-items: center;
  width: 230px;
  max-width: 100%;
  height: 150px;
  max-height: 100%;
  margin-right: 0;
  padding-right: 0;
  display: flex;
}

.tbdocks-chart-compatibility-info {
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 0;
  padding-left: 20px;
  font-family: Roboto Custom, Arial, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 22px;
  display: block;
}

.tbdocks-chart-footnote-box {
  flex-direction: column;
  justify-content: flex-start;
  display: flex;
}

.tbdocks-chart-compatibility-info-bullet {
  color: #5bbff3;
  padding-top: 0;
  font-size: 21px;
  line-height: 22px;
  display: inline-block;
}

.section-lifestyles-block {
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 100%;
  margin-top: 100px;
  margin-bottom: 20px;
  padding-top: 0;
  padding-left: 50px;
  padding-right: 50px;
  display: flex;
}

.tbdocks-lifestyles-box1 {
  width: 600px;
  max-width: 100%;
  margin-bottom: 0;
  margin-right: 15px;
}

.tbdocks-lifestyles-box2 {
  z-index: 99;
  border: 2px solid #fff;
  width: 800px;
  max-width: 100%;
  margin-right: 15px;
}

.tbdocks-lifestyles-box3 {
  z-index: 99;
  width: 600px;
  max-width: 100%;
  margin-top: 0;
  position: relative;
}

.tbdocks-lifestyles-boxes {
  flex-direction: row;
  align-items: center;
  width: 1800px;
  max-width: 100%;
  display: flex;
}

.tbdocks-lifestyle-image {
  box-shadow: none;
  border: 1px solid #fafafa;
  border-radius: 11px;
  width: 100%;
}

.section-home-2023-mac-pro {
  background-color: #000;
  background-image: linear-gradient(#00000029, #00000029), url('../images/banner-home-2023-mac-pro-bg.jpg');
  background-position: 0 0, 50% 80%;
  background-size: auto, cover;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 100%;
  padding-top: 20px;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.home-2023-mac-pro-header {
  color: #fdfcff;
  padding-top: 0;
  padding-left: 0;
  font-family: Roboto Custom, Arial, sans-serif;
  font-size: 34px;
  font-weight: 400;
  line-height: 40px;
}

.home-2023-mac-pro-image {
  margin-right: 40px;
}

.subhero-main-header {
  color: #045e8d;
  text-align: center;
  margin-bottom: 14px;
  padding-top: 0;
  padding-bottom: 0;
  font-family: Roboto Condensed Custom, Arial, sans-serif;
  font-size: 28px;
  font-weight: 700;
  line-height: 30px;
}

.home-2023-mac-pro-header-mobile {
  color: #fdfcff;
  padding-top: 0;
  padding-left: 0;
  font-family: Roboto Custom, Arial, sans-serif;
  font-size: 34px;
  font-weight: 400;
  line-height: 40px;
  display: none;
}

.home-hero-subhead-price {
  color: #fff;
  text-align: center;
  margin-top: 0;
  margin-bottom: 10px;
  padding-bottom: 0;
  font-family: Roboto Custom, Arial, sans-serif;
  font-size: 30px;
  font-weight: 300;
  line-height: 35px;
}

.home-hero-subhead-price-bod {
  color: #ff3c27;
  font-weight: 700;
}

.home-hero-subhead-us-msrp {
  color: #7c7c7c;
  text-align: center;
  margin-top: 0;
  margin-bottom: 10px;
  padding-bottom: 0;
  font-family: Roboto Custom, Arial, sans-serif;
  font-size: 20px;
  font-weight: 300;
  line-height: 35px;
}

.home-docks-header {
  color: #205066;
  margin-bottom: 0;
  font-family: Roboto Custom, Arial, sans-serif;
  font-size: 80px;
  font-weight: 700;
  line-height: 80px;
}

.home-docks-header.home-docks-header-black {
  color: #000;
}

.home-docks-header.home-docks-header-purple {
  color: var(--sonnet-purple);
  line-height: 85px;
}

.home-docks-subhero-container {
  justify-content: center;
  align-items: stretch;
  width: 100%;
  max-width: 100%;
  margin-top: 25px;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.home-docks-subhero {
  box-shadow: none;
  background-color: #f1f1f1;
  border: 1px solid #bdbdbd;
  border-radius: 5px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 100%;
  margin-right: 10px;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
}

.home-docks-subhero.home-docks-subhero-no-padding {
  margin-right: 0;
}

.home-docks-subhero-box {
  flex-direction: column;
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  max-width: 100%;
  margin-bottom: 30px;
  display: flex;
}

.home-docks-subhero-header {
  color: #0a0a0a;
  text-align: center;
  margin-top: 0;
  margin-bottom: 12px;
  font-family: Roboto Custom, Arial, sans-serif;
  font-size: 22px;
  font-weight: 700;
  line-height: 24px;
  display: block;
}

.home-docks-hero-images {
  width: 90%;
}

.home-docks-hero-images.home-docks-subhero-mobile {
  padding-top: 20px;
  padding-bottom: 30px;
}

.home-docks-hero-images.home-docks-subhero-mobile:hover {
  opacity: .8;
}

.home-docks-main-hero {
  background-color: #1f5066;
  background-image: linear-gradient(#1f5066, #0000 64%), linear-gradient(#1f5066a6, #1f5066a6), url('../images/home-docks-main-hero-bg.jpg');
  background-position: 0 0, 0 0, 70% 70%;
  background-size: auto, auto, auto;
  background-attachment: scroll, scroll, scroll;
  border: 1px #fff;
  border-radius: 8px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 100%;
  margin-right: 0;
  padding-top: 80px;
  padding-bottom: 20px;
  display: flex;
}

.home-docks-main-hero.home-docks-main-hero-padding {
  margin-right: 10px;
}

.home-docks-main-hero.home-docks-main-hero-padding.home-docks-main-hero-bg1 {
  background-image: linear-gradient(#ffebeb80, #ffebeb80);
  background-position: 0 0;
}

.home-docks-main-hero.home-docks-main-hero-bg1 {
  background-image: linear-gradient(#ffd7d780, #ffd7d780);
  background-position: 0 0;
  border-style: solid;
  border-width: 2px;
}

.home-docks-main-hero.home-docks-main-hero-bg1.home-docks-main-hero-padding {
  background-image: linear-gradient(#ffd7d780, #ffd7d780);
  background-position: 0 0;
  border-style: solid;
  border-width: 2px;
  padding-right: 0;
}

.home-docks-main-hero-box {
  flex-direction: column;
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  max-width: 100%;
  margin-bottom: 30px;
  display: flex;
}

.section-home-docks {
  background-color: #f6f6f6;
  background-image: linear-gradient(#e6e6e6, #0000), radial-gradient(circle, #fff, #949494);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 100%;
  padding: 100px 20px;
  display: flex;
}

.section-home-docks.section-home-docks-v2 {
  background-image: linear-gradient(#f7f7f7, #0000), radial-gradient(circle, #fff, #949494);
  padding-top: 80px;
}

.section-home-docks.section-home-docks-v3 {
  background-color: #c4c3c3;
  background-image: linear-gradient(#f7f7f7, #0000 50%), radial-gradient(circle at 50% 0, #9a97a0, #626e76 47%, #6c637c);
  padding-top: 80px;
}

.home-docks-main-hero-header {
  color: #fff;
  text-align: center;
  margin-top: 0;
  margin-bottom: 10px;
  padding-left: 20px;
  padding-right: 20px;
  font-family: Roboto Custom, Arial, sans-serif;
  font-size: 38px;
  font-weight: 500;
  line-height: 45px;
  display: block;
}

.home-docks-main-hero-header.home-docks-main-hero-header-smaller {
  font-size: 30px;
  line-height: 35px;
}

.home-docks-main-hero-subheader {
  color: #c1eafa;
  text-align: center;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 100%;
  margin-top: 0;
  padding-left: 20px;
  padding-right: 20px;
  font-family: Roboto Custom, Arial, sans-serif;
  font-size: 36px;
  line-height: 40px;
  display: block;
}

.home-docks-main-hero-subheader.home-docks-main-hero-subheader-smaller {
  font-size: 28px;
  line-height: 30px;
}

.home-docks-subheader {
  color: #2e2e2e;
  margin-bottom: 20px;
  font-family: Roboto Custom, Arial, sans-serif;
  font-size: 60px;
  font-weight: 300;
  line-height: 70px;
}

.home-docks-subheader.home-docks-subheader-gray {
  color: #818181;
  font-size: 50px;
  line-height: 60px;
}

.home-docks-subheader.home-docks-subheader-black {
  color: #000;
  font-size: 50px;
  line-height: 55px;
}

.home-docks-header-box {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 1000px;
  max-width: 100%;
  margin-bottom: 10px;
  display: flex;
}

.home-docks-subhero-subheader {
  color: #7c7c7c;
  text-align: center;
  font-family: Roboto Custom, Arial, sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 24px;
}

.home-docks-main-hero-container {
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 100%;
  display: flex;
}

.home-docks-container {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 100%;
  padding-left: 50px;
  padding-right: 50px;
  display: flex;
}

.home-docks-see-all-docks-button {
  color: #4b4b4b;
  background-color: #e4e4e4;
  border: 1px solid #a0a0a0;
  border-radius: 25px;
  margin-top: 0;
  padding: 10px 20px;
  font-family: Roboto Custom, Arial, sans-serif;
  font-size: 24px;
  line-height: 24px;
}

.home-docks-see-all-docks-button:hover {
  color: #2c7fc1;
  background-color: #fff;
}

.home-docks-see-all-docks-button.home-docks-see-all-docks-button-v2 {
  color: #fff;
  background-color: #53a2ec;
  border-width: 2px;
  border-color: #fff;
}

.home-docks-see-all-docks-button.home-docks-see-all-docks-button-v2:hover {
  color: var(--sonnet-purple);
  background-color: #fff;
  font-weight: 500;
}

.home-docks-see-all-docks-button-container {
  margin-top: 40px;
}

.product-category-legacy-products-divider {
  background-color: #a3a2a2;
  width: 400px;
  height: 1px;
  margin-top: 20px;
  margin-bottom: 10px;
}

.product-categories-bottom-pad {
  margin-top: 0;
  padding-top: 50px;
  padding-bottom: 50px;
}

.product-categories-bottom-pad.mobile-gray {
  display: block;
}

.product-category-hero-main-header {
  text-align: center;
  margin-bottom: 15px;
  font-family: Roboto Custom, Arial, sans-serif;
  font-size: 70px;
  font-weight: 700;
  line-height: 75px;
}

.acc-box {
  background-color: #fafafa;
  border: 1px solid #e6e6e6;
  border-radius: 6px;
  margin-bottom: 20px;
  box-shadow: 0 2px 5px -2px #0003;
}

.acc-box.tbdocks-video-reviews {
  background-color: #0000;
}

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

.acc-head {
  cursor: pointer;
  justify-content: center;
  align-items: center;
  padding: 18px 24px;
  display: flex;
}

.acc-head.tbdocks-more-video-reviews-header {
  background-color: #80398d;
  border-radius: 6px;
}

.acc-head.tbdocks-more-video-reviews-header:hover {
  background-color: #80398dcc;
}

.acc-head.tbdocks-more-web-reviews-header-copy {
  background-color: #622c75;
  border-radius: 6px;
}

.acc-head.tbdocks-more-web-reviews-header-copy:hover {
  background-color: #622c75cc;
}

.acc-header-wrapper {
  align-items: center;
  display: flex;
}

.acc-header {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto Custom, Arial, sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 28px;
}

.acc-header.tbdocks-video-reviews {
  color: #fff;
  margin-right: 5px;
  padding-right: 0;
  font-weight: 500;
}

.acc-arrow {
  width: 30px;
  height: 30px;
  margin-top: 0;
  font-size: 14px;
  transition: transform .3s;
}

.acc-arrow.tbdocsk-video-reviews {
  color: #fff;
}

.acc-body {
  padding: 24px 24px 0;
}

.tbdocks-container-more-reviews {
  margin-top: 40px;
}

.tbdocks-container-more-reviews.tbdocks-more-web-reviews-padding {
  margin-top: 50px;
}

.tbdocks-reviews-header {
  color: #d4aae7;
  margin-bottom: 0;
  font-family: Roboto Custom, Arial, sans-serif;
  font-size: 45px;
  font-weight: 500;
  line-height: 50px;
}

.tbdocks-web-reviews-header-box {
  width: 100%;
  max-width: 100%;
  margin-bottom: 30px;
}

.tbdocks-reviews-main-header {
  z-index: 99;
  color: #fff;
  text-align: center;
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  font-family: Roboto Custom, Arial, sans-serif;
  font-size: 70px;
  font-weight: 700;
  line-height: 80px;
  display: flex;
}

.tbdocks-video-reviews-links {
  width: 100%;
  max-width: 100%;
}

.list {
  margin-top: 13px;
  padding-left: 40px;
}

.tbdocks-value-badge-box {
  justify-content: flex-start;
  align-items: center;
  width: 90%;
  max-width: 100%;
  margin-top: 10px;
  margin-bottom: 0;
  padding-left: 5px;
  display: flex;
}

.tbdocks-value-badge {
  text-align: center;
  background-color: #f8f8f8;
  border: 1px solid #000;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  width: 250px;
  max-width: 100%;
  padding: 5px;
  display: flex;
}

.tbdocks-value-badge-text {
  color: #181818;
  font-family: Roboto Custom, Arial, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 18px;
}

.tbdocks-feature-list-box {
  border-top: 1px solid #dadada;
  width: 90%;
  max-width: 100%;
  margin-top: 15px;
  margin-bottom: 25px;
  padding-top: 20px;
}

.tbdocks-docks-assistant-section {
  justify-content: center;
  align-items: center;
  margin-bottom: 40px;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.tbdocks-chart-box-container-copy {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 100%;
  margin-top: 0;
  padding-top: 0;
  padding-bottom: 0;
  display: none;
}

.tbdocks-dock-assistant-embed-script {
  margin-top: 30px;
  font-family: Roboto Custom, Arial, sans-serif;
}

.tbdocks-docks-assistant-box {
  border: 1px #ebebeb;
  border-radius: 7px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 20px;
  display: flex;
}

.tbdocks-docks-assistant-icon {
  width: 110px;
  margin-bottom: 10px;
}

.tbdocks-rule {
  background-color: #d8d8d8;
  width: 700px;
  height: 5px;
  margin-top: 40px;
}

.tbdocks-docks-assistant-comparison-chart-box {
  justify-content: center;
  align-items: center;
  margin-top: 30px;
  display: flex;
}

.tbdocks-docks-assistant-comparison-chart-text {
  font-family: Roboto Custom, Arial, sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 22px;
}

.tbdocks-reviews-web-rating {
  color: #beb8b8;
  width: 100%;
  max-width: 100%;
  height: 100%;
  max-height: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto Condensed Custom, Arial, sans-serif;
  font-size: 20px;
  line-height: 30px;
}

.tbdocks-reviews-web-rating.tbdocks-reviews-editors-choice {
  color: #fff;
  font-size: 22px;
  font-weight: 700;
  line-height: 25px;
}

.tbdocks-reviews-web-rating.tbdocks-reviews-white {
  color: #fff;
}

.tbdocks-reviews-web-publication {
  color: #d4d4d4;
  width: 100%;
  max-width: 100%;
  height: 100%;
  max-height: 100%;
  margin-top: 5px;
  margin-bottom: 10px;
  font-family: Roboto Condensed Custom, Arial, sans-serif;
  font-size: 20px;
  line-height: 30px;
}

.tbdocks-reviews-web-box {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 100%;
  display: flex;
}

.tbdocks-video-reviews-header-box {
  width: 100%;
  max-width: 100%;
  margin-bottom: 40px;
}

.tb-docks-docks-assistant-header {
  color: #252424;
  margin-bottom: 5px;
  font-family: Roboto Custom, Arial, sans-serif;
  font-size: 32px;
  font-weight: 500;
  line-height: 40px;
}

.tbdocks-chart-subheader-button {
  color: #7e7a7a;
  text-align: center;
  width: 900px;
  padding-left: 20px;
  padding-right: 20px;
  font-family: Roboto Custom, Arial, sans-serif;
  font-size: 28px;
  font-weight: 500;
  line-height: 30px;
}

.tbdocks-reviews-main-header-box {
  margin-bottom: 0;
}

.tbdocks-price-banner-msrp-text {
  color: #000;
  margin-top: 5px;
  padding-left: 0;
  font-family: Roboto Condensed Custom, Arial, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 20px;
}

.tbdocks-reviews-badge-box {
  justify-content: flex-start;
  align-items: center;
  width: 90%;
  max-width: 100%;
  margin-top: 10px;
  margin-bottom: 0;
  padding-left: 5px;
  display: flex;
}

.tbdocks-reviews-badge {
  border: 1px #000;
  border-radius: 5px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 100%;
  padding: 5px;
  display: flex;
}

.tbdocks-reviews-badge-text {
  color: #181818;
  text-align: left;
  font-family: Roboto Custom, Arial, sans-serif;
  font-size: 22px;
  font-weight: 500;
  line-height: 26px;
}

.tbdocks-reviews-text-gray {
  color: #949494;
}

.tbdocks-reviews-link {
  color: #181818;
  text-align: left;
  margin-top: 10px;
  font-family: Roboto Custom, Arial, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
}

.box-legacy-products {
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 100%;
  margin-left: 20px;
  margin-right: 20px;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.legacy-products-header {
  color: #000;
  text-align: center;
  margin-bottom: 0;
  font-family: Roboto Custom, Arial, sans-serif;
  font-size: 22px;
  font-weight: 700;
  line-height: 26px;
}

.legacy-products-header.legacy-products-header-gray {
  color: #ccc;
}

.legacy-products-subheader {
  color: gray;
  text-align: center;
  width: 70%;
  max-width: 100%;
  margin-top: 10px;
  margin-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  font-family: Roboto Custom, Arial, sans-serif;
  font-size: 14px;
}

.box-legacy-products-button {
  text-align: center;
  justify-content: center;
  width: 100%;
  max-width: 100%;
  margin-top: 20px;
  padding-top: 0;
  display: flex;
}

.button-legacy-products {
  color: #216fac;
  background-color: #fff;
  border: 2px solid #c7c7c7;
  border-radius: 20px;
  margin-right: 0;
  padding-left: 15px;
  padding-right: 15px;
  font-family: Roboto Custom, Arial, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 18px;
}

.button-legacy-products:hover {
  color: #000;
  background-image: linear-gradient(#f0f0f0, #f0f0f0);
}

.section-legacy-products {
  justify-content: center;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 50px;
  padding-bottom: 100px;
  display: flex;
}

.section-legacy-products.section-legacy-products-black {
  background-color: var(--black);
}

.legacy-products-divider {
  color: #fff;
  background-color: #414141;
  width: 500px;
  height: 1px;
  margin-bottom: 9px;
}

.tbdocks-sample-reviews-box {
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 100%;
  margin-top: 40px;
  margin-bottom: 70px;
  display: flex;
}

.tbdocks-sample-reviews {
  width: 1300px;
  padding-left: 20px;
  padding-right: 20px;
}

.link {
  font-size: 16px;
  line-height: 18px;
}

.tbdocks-reviews-video-header-box {
  background-image: linear-gradient(#ffffff57, #0000 78%);
  border: 1px #ffffff73;
  border-bottom: 1px solid #ffffff29;
  border-radius: 0;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 100%;
  margin-top: 20px;
  margin-bottom: 10px;
  padding-top: 10px;
  padding-bottom: 20px;
  display: flex;
}

.tbdocks-reviews-video-header {
  color: #fff;
  text-align: center;
  width: 100%;
  max-width: 100%;
  font-family: Roboto Custom, Arial, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 22px;
}

.text-span-56 {
  color: #006cb6;
  font-weight: 700;
}

.nab-booth-posters {
  border: 1px solid #919191;
  width: 90%;
  margin-bottom: 50px;
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
}

.nab-booth-location-box {
  border-bottom-style: solid;
  border-bottom-width: 1px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 100%;
  padding-top: 100px;
  padding-bottom: 100px;
  display: flex;
}

.tbdocks-pdf-chart-box-mobile {
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 0;
  display: none;
}

.tbdocks-chart-pdf-icon-mobile {
  width: 30px;
  margin-right: 15px;
  padding-right: 0;
}

.tbdocks-chart-pdf-download-text-mobile {
  color: #3b3b3b;
  font-family: Roboto Custom, Arial, sans-serif;
}

.section-black-friday-call-to-action {
  background-color: #000;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 100%;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.black-friday-call-to-action-text {
  color: #fffdfd;
  text-align: center;
  padding-left: 10px;
  padding-right: 10px;
  font-family: Roboto Custom, Arial, sans-serif;
  font-size: 30px;
  font-weight: 700;
  line-height: 40px;
}

.black-friday-call-to-action-text-box {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 100%;
  padding: 30px 20px;
  display: flex;
}

.black-friday-banner {
  border: 3px dashed #fff;
  border-radius: 20px;
  min-width: 100%;
  padding-right: 0;
  box-shadow: 0 2px 13px 8px #ffffffc2;
}

.black-friday-banner-link {
  min-width: 100%;
  max-width: 100%;
}

.section-black-friday-banner {
  background-color: #2f8761;
  background-image: radial-gradient(circle, #b7cfaa, #257251 62%);
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 100%;
  padding: 60px;
  display: flex;
}

.black-friday-call-to-action-link {
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 100%;
  padding: 0;
  display: flex;
}

.mm2024-sneak-peek-prod-header {
  color: #000;
  text-align: center;
  margin-top: 0;
  margin-bottom: 10px;
  font-family: Roboto Custom, Arial, sans-serif;
  font-size: 40px;
  font-weight: 700;
  line-height: 50px;
}

.mm2024-sneak-peek-prod-header.purple {
  color: #b597f3;
}

.typo-zoom-text-image {
  padding-right: 0;
}

.typo-zoom-text {
  width: 1px;
  height: 1px;
  overflow: hidden;
}

.typo-zoom-sticky {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  position: sticky;
  top: 0;
}

.section-typo-zoom-in {
  color: #000;
  background-color: #fff;
  width: 100%;
  height: 300vh;
  margin-bottom: -2px;
}

.mm2024-sneak-peek-info-box {
  width: 900px;
  max-width: 100%;
}

.typo-zoom-text-wrapper {
  width: 60vw;
  margin-top: 20px;
  padding-top: 0;
}

.typo-zoom-sticky-inner {
  background-image: none;
  background-position: 0 0;
  background-size: auto;
  background-attachment: scroll;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-top: 0;
  display: flex;
  overflow: hidden;
}

.mm2024-sneak-peek-main-box {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 100%;
  margin-top: 20px;
  margin-bottom: 70px;
  font-family: Roboto Custom, Arial, sans-serif;
  display: flex;
}

.mm2024-sneak-peek-main-subheader {
  color: #ffffffed;
  text-align: center;
  text-shadow: 0 1px 4px #00000057;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto Custom, Arial, sans-serif;
  font-size: 2.5vw;
  line-height: 2.8vw;
  display: flex;
}

.mm2024-sneak-peek-main-header {
  color: #fff;
  text-align: center;
  letter-spacing: -1px;
  text-shadow: 0 1px 4px #00000078;
  justify-content: center;
  align-items: center;
  margin-bottom: 5px;
  font-family: Roboto Custom, Arial, sans-serif;
  font-size: 4.5vw;
  line-height: 4.8vw;
  display: flex;
}

.mm2024-sneak-peek-mac-mini-hero {
  width: 850px;
  margin-top: 0;
  padding-right: 0;
}

.mm2024-sneak-peek-intro-text-arrow {
  width: 500px;
  margin-top: 18px;
  padding-right: 0;
}

.mm2024-sneak-peek-main-hero-box {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  max-width: 100%;
  display: flex;
}

.mm2024-sneak-peek-prod-info-text {
  color: #000;
  margin-bottom: 0;
  font-family: Roboto Custom, Arial, sans-serif;
  font-size: 22px;
  font-weight: 400;
  line-height: 34px;
}

.mm2024-sneak-peek-prod-info-text.white {
  color: #fff;
}

.mm2024-sneak-peek-prod-info-text.gray {
  color: #c2c2c2;
}

.mm2024-sneak-peek-intro-text {
  color: #fff;
  margin-bottom: 10px;
  font-family: Roboto Custom, Arial, sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 38px;
}

.mm2024-sneak-peek-intro-text.mm2024-sneak-peek-intro-text-padding {
  margin-bottom: 15px;
}

.mm2024-sneak-peek-sign-up-box {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 1100px;
  max-width: 100%;
  margin-top: 0;
  padding: 0;
  display: flex;
}

.mm2024-sneak-peek-info-prod-hero {
  width: 50em;
}

.mm2024-sneak-peek-info-prod-hero.maccuff-mini {
  width: 700px;
  margin-top: 80px;
  padding-right: 0;
}

.mm2024-sneak-peek-info-prod-hero.rackmac-mini {
  width: 1100px;
  margin-top: 70px;
  padding-right: 0;
}

.mm2024-sneak-peek-info-prod-hero.duomodo-mac-mini {
  width: 1100px;
  margin-top: 50px;
  margin-bottom: 20px;
  padding-right: 0;
}

.mm2024-sneak-peek-info-header-box {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 100%;
  margin-bottom: 40px;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.mm2024-sneak-peek-info-prod-category {
  text-align: left;
  width: 800px;
  padding-right: 0;
}

.mm2024-sneek-peek-mac-mini-plus-sonnet {
  width: 48em;
  margin-bottom: 0;
}

.mm2024-sneak-peek-intro-header {
  color: #fff;
  text-align: left;
  margin-top: 0;
  margin-bottom: 10px;
  font-family: Roboto Custom, Arial, sans-serif;
  font-size: 50px;
  font-weight: 400;
  line-height: 55px;
}

.mm2024-sneak-peek-prod-subheader {
  color: #fff;
  text-align: center;
  margin-top: 0;
  margin-bottom: 40px;
  font-family: Roboto Custom, Arial, sans-serif;
  font-size: 30px;
  font-weight: 400;
  line-height: 40px;
}

.mm2024-sneak-peek-intro-subheader {
  color: #b597f3;
  text-align: left;
  margin-top: 0;
  margin-bottom: 25px;
  font-family: Roboto Custom, Arial, sans-serif;
  font-size: 40px;
  font-weight: 400;
  line-height: 60px;
}

.mm2024-sneak-peek-sign-up-link-box {
  width: 900px;
  max-width: 100%;
  margin-top: 47px;
}

.mm2024-sneak-peek-sign-up-link {
  cursor: pointer;
  width: 420px;
  padding-right: 0;
}

.mm2024-sneak-peek-sign-up-link:hover {
  opacity: .5;
}

.mm2024-sneak-peek-prod-info-box {
  background-image: radial-gradient(circle, #a393da, #fff6);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-top: 150px;
  padding-bottom: 150px;
  display: flex;
}

.mm2024-sneak-peek-prod-info-box.gray-background {
  background-image: linear-gradient(#6d6d6da8, #000), radial-gradient(circle, #a393da, #fff6);
}

.mm2024-sneak-peek-prod-info-box.mm2024-sneak-peek-footer.mm2024-black {
  background-image: linear-gradient(#000000d1, #000000d1);
}

.mm2024-sneak-peek-section-info {
  width: 100%;
  height: 100%;
}

.superscript2 {
  font-size: 14px;
  font-weight: 400;
  line-height: 14px;
  position: relative;
  top: -8px;
}

.mm2024-sneak-peek-section-intro {
  background-color: #000;
  background-image: linear-gradient(#494949, #000);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding: 180px 80px;
  display: flex;
}

.mm2024-sneak-peek-intro-box {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 900px;
  max-width: 100%;
  display: flex;
}

.mm2024-sneak-peek-footer-box {
  color: #464646;
  text-align: center;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: 850px;
  max-width: 100%;
  margin-top: 100px;
  padding-left: 20px;
  padding-right: 20px;
  font-family: Roboto Custom, Arial, sans-serif;
  font-size: 16px;
  display: flex;
}

.mm2024-sneak-peek-footer-text {
  font-size: 14px;
  line-height: 20px;
}

.hyperlink-blue2 {
  color: #6fb3e9;
}

.hyperlink-blue2:hover {
  color: #95c3e7;
}

.mm2024-sneak-peek-sign-up-subscribe-info-box {
  text-align: center;
  justify-content: center;
  align-items: center;
  width: 800px;
  max-width: 100%;
  margin-top: 30px;
  display: flex;
}

.mm2024-sneak-peek-sign-up-subscribe-info-text {
  color: #929292;
  font-size: 16px;
  line-height: 24px;
}

.mm2024-sneak-peek-sign-up-code-box {
  width: 100%;
  max-width: 100%;
}

.mm2024-sneak-peek-sign-up-opt-out-link {
  color: #4698da;
  text-decoration: underline;
}

.mm2024-sneak-peek-sign-up-opt-out-link:hover {
  color: #63849e;
}

.mm2024-sneek-peek-mac-mini-intro-hero {
  width: 600px;
  margin-bottom: 0;
  padding-right: 0;
}

.mm2024-sneek-peek-mac-mini-intro-hero-box {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 100%;
  margin-bottom: 45px;
  display: flex;
}

.typo-zoom-sticky-inner-copy {
  background-image: none;
  background-position: 0 0;
  background-size: auto;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-top: 0;
  display: flex;
  overflow: hidden;
}

.typo-zoom-sticky-copy {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  position: sticky;
  top: 0;
}

.section-typo-zoom-in-copy {
  color: #000;
  background-color: #fff;
  width: 100%;
  height: 300vh;
  margin-bottom: -2px;
}

.background-video {
  width: 100%;
  height: 100%;
  position: absolute;
}

.mm2024-sneak-peek-main-bg {
  width: 100%;
  height: 100%;
  padding-top: 0;
  position: absolute;
}

.mm2024-sneak-peek-type-zoom-box {
  background-image: linear-gradient(337deg, #33509996, #fff0 58%), url('../images/mm2024-sneak-peek-main-bg.png');
  background-position: 0 0, 0 0;
  background-size: auto, cover;
  width: 100%;
  height: 100%;
  padding-top: 0;
}

.mm2024-sneak-peek-example-hero {
  width: 800px;
  margin-right: 0;
  padding-right: 0;
}

.mm2024-sneak-peek-example-hero.duomodo-mac-mini, .mm2024-sneak-peek-example-hero.maccuff-mini {
  width: 1000px;
}

.mm2024-sneak-peek-example-hero.rackmac-mini {
  width: 900px;
}

.mm2024-sneak-peek-examples-container {
  grid-column-gap: 13px;
  grid-row-gap: 13px;
  justify-content: center;
  align-items: center;
  width: 1200px;
  max-width: 100%;
  margin-top: 80px;
  padding-left: 50px;
  padding-right: 50px;
  display: flex;
}

.mm2024-sneak-peek-example-box {
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 100%;
  margin-top: 0;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.mm2024-sneak-peek-intro-text-bullets {
  color: #b697f3;
  margin-top: 35px;
  margin-bottom: 0;
  padding-left: 25px;
  padding-right: 30px;
  font-family: Roboto Custom, Arial, sans-serif;
  font-size: 24px;
  line-height: 38px;
}

.mm2024-sneak-peek-intro-text-bullets-padding {
  margin-bottom: 20px;
}

.mm2024-sneak-peek-intro-text-bullets-white {
  color: #fff;
}

.black-friday-badge {
  color: #d13636;
  text-align: center;
  margin-top: 12px;
  font-family: Roboto Custom, Arial, sans-serif;
  font-size: 18px;
  font-weight: 700;
}

.mm2024-sneak-peek-intro-mobile {
  color: #000;
  background-color: #fff;
  width: 100%;
  height: 300vh;
  margin-bottom: -2px;
  display: none;
}

.mm2024-sneak-peek-main-container {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  position: sticky;
  top: 0;
}

.mm2024-sneak-peek-intro-box-intro {
  background-image: linear-gradient(337deg, #33509996, #fff0 58%), url('../images/mm2024-sneak-peek-main-bg.png');
  background-position: 0 0, 50%;
  background-size: auto, auto;
  width: 100%;
  height: 100%;
  padding-top: 0;
}

.mm2024-sneak-peek-signup-anchor {
  margin-top: 20px;
  margin-bottom: 80px;
}

.hyperlink-blue3 {
  color: #48a1e7;
}

.hyperlink-blue3:hover {
  color: #7fc3fa;
}

.section-featured-products-boxes-copy {
  flex-flow: row;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  max-width: 100%;
  margin-top: 3px;
  margin-bottom: 5px;
  display: flex;
}

.home-subhero-products-container {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  max-width: 100%;
  margin-top: 8px;
  display: flex;
}

.section-home-subhoer-products {
  flex-flow: row;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  max-width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  display: flex;
}

.home-subhero-products-box {
  background-image: linear-gradient(#f2f2f2, #f2f2f2);
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  width: 100vw;
  margin-top: 0;
  margin-right: 0;
  display: block;
}

.home-subhero-products-box.featured-products-border {
  border-left: 0 #fff;
  border-right: 3px solid #fff;
  flex-direction: row;
  flex: 0 auto;
  justify-content: center;
  align-self: auto;
  align-items: flex-start;
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
}

.home-subhero-products-box.home-featured-products-border {
  border-left: 0 #fff;
  border-right: 8px solid #fff;
  flex-direction: row;
  flex: 0 auto;
  justify-content: center;
  align-self: auto;
  align-items: flex-start;
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
}

.homebox-subhero-products {
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  height: 100%;
  padding-bottom: 10px;
  display: flex;
}

.home-box-subhero-products-text {
  width: 80%;
  max-width: 700px;
  margin-top: 25px;
  margin-bottom: 25px;
  padding-left: 20px;
  padding-right: 20px;
}

.home-subhero-product-header {
  color: #6b539c;
  text-align: center;
  margin-bottom: 10px;
  padding-top: 0;
  padding-bottom: 0;
  font-family: Roboto Custom, Arial, sans-serif;
  font-size: 26px;
  font-weight: 700;
  line-height: 30px;
}

.home-subhero-product-text {
  color: #3f3f3f;
  text-align: center;
  margin-top: 0;
  padding-top: 0;
  padding-left: 20px;
  padding-right: 20px;
  font-family: Roboto Custom, Arial, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 26px;
}

.home-subhero-products-100vw {
  border-right-style: none;
  border-right-color: #fff;
  flex: 0 auto;
  width: 100vw;
  margin-left: auto;
  margin-right: auto;
  padding-right: 0;
}

.home-subhero-products-100vw:hover {
  opacity: .8;
}

.home-container-subhero-products-text {
  justify-content: center;
  align-items: center;
  margin-top: 10px;
  display: flex;
}

.egpu {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  max-width: 100%;
  display: block;
}

.div-block {
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 100%;
  margin-top: 30px;
  display: flex;
}

.image-2 {
  width: 1000px;
  padding-right: 0;
}

.mm2024-sneek-peek-sonnettech-logo {
  width: 550px;
  margin-bottom: 0;
  padding-right: 0;
}

.mm2024-sneek-peek-sonnettech-logo-copy {
  width: 600px;
  margin-bottom: 0;
  padding-right: 0;
}

.mm2024-sneak-peek-mac-mini-intro-hero {
  width: 300px;
  margin-bottom: 25px;
  padding-right: 0;
}

.mm2024-sneak-peek-intro-hyperlinks {
  color: #b697f3;
  font-weight: 400;
}

.mm2024-sneak-peek-intro-hyperlinks:hover {
  color: #c7aff6;
}

html.w-mod-js [data-ix="hide-on-load"] {
  opacity: 0;
  height: 0;
  display: none;
}

html.w-mod-js [data-ix="fade-in-on-load"] {
  opacity: 0;
  transform: translate(0, 30px);
}

html.w-mod-js [data-ix="fade-in-on-load-2"], html.w-mod-js [data-ix="fade-in-on-load-3"] {
  opacity: 0;
}

html.w-mod-js [data-ix="fade-in-on-scroll"] {
  opacity: 0;
  transform: translate(0, 20px);
}

@media screen and (max-width: 991px) {
  .main-navbar-button {
    border: 1px #fff3;
    border-bottom-style: solid;
    margin-left: 40px;
    margin-right: 60px;
    padding: 15px 0;
    font-size: 16px;
    line-height: 16px;
  }

  .main-navbar-button:hover {
    color: #fff;
  }

  .main-navbar-button.main-navbar-button-no-rule {
    border-bottom-style: none;
  }

  .section-main-navbar {
    background-image: linear-gradient(#2b2c2e, #2b2c2e);
    border-bottom: 1px solid #444;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 16px;
    display: block;
    position: absolute;
    box-shadow: 0 2px 3px #0000009c;
  }

  .main-navbar-button-open {
    float: right;
    justify-content: center;
    align-items: center;
    margin-right: 0;
    display: block;
  }

  .main-navbar-button-open.w--open {
    background-image: linear-gradient(#2b2c2e, #2b2c2e);
    margin-right: 0;
    display: block;
  }

  .page-link.in-footer {
    font-size: 12px;
  }

  .page-link.in-footer:hover {
    color: #939596;
  }

  .product-category-header {
    font-size: 16px;
    line-height: 18px;
  }

  .product-category-text {
    width: 100%;
    margin-top: 10px;
    padding-left: 5px;
    padding-right: 5px;
    font-size: 14px;
    line-height: 18px;
  }

  .product-category-image:hover {
    background-image: linear-gradient(#f2f2f2, #f2f2f2);
  }

  .product-category-image.mobile-box-white:hover {
    background-color: #f2f2f2;
    background-image: none;
  }

  .product-category-image.desktop-box-white {
    background-color: #f2f2f2;
    background-image: linear-gradient(#fff, #fff);
  }

  .product-category-image.desktop-box-white:hover {
    background-color: #fff;
    background-image: none;
  }

  .container-main-navbar {
    max-width: 100%;
    margin-right: 0;
    padding-left: 20px;
  }

  .button-product-categories {
    color: #fff;
    background-color: #216fac;
    border: 2px solid #fff;
    border-radius: 6px;
    margin-right: 10px;
    font-size: 12px;
    line-height: 14px;
  }

  .button-product-categories:hover {
    border-width: 2px;
  }

  .button-product-categories.button-products-categories-active {
    color: #fff;
    background-color: #b3b3b3;
    border-width: 2px;
    padding-left: 5px;
    padding-right: 5px;
    font-size: 12px;
    line-height: 14px;
  }

  .button-product-categories.button-products-categories-active:hover {
    color: #fff;
    background-color: #b3b3b3;
    border-width: 2px;
    border-color: #dfdddd;
  }

  .button-product-categories.button-product-categories-no-padding {
    margin-right: 0;
  }

  .navbar-categories-mobile {
    display: block;
  }

  .header-prod-categories.mobile-white {
    padding-left: 0;
  }

  .box-learn-more-links.sub-hero-links {
    flex: none;
    order: 0;
    align-self: auto;
    align-items: flex-end;
  }

  .button-learn-more-info {
    padding-right: 12px;
    font-size: 14px;
    line-height: 16px;
  }

  .button-learn-more-info.sub-hero-links {
    font-size: 18px;
  }

  .products-header {
    font-size: 30px;
    line-height: 35px;
  }

  .comparison-chart-header {
    font-size: 28px;
  }

  .footer-presales-text {
    margin-top: 5px;
    margin-bottom: 0;
    font-size: 16px;
    line-height: 22px;
  }

  .footer-presales-questions-hdr {
    margin-top: 20px;
    margin-bottom: 2px;
    font-size: 20px;
    line-height: 22px;
  }

  .image-newsletter-bug {
    width: 250px;
    padding-right: 0;
  }

  .section-featured-videos {
    background-image: linear-gradient(#000, #2974b6 35%);
  }

  .section-product-category-image {
    margin-bottom: 0;
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .section-product-category-image.tb-egpu-enclosures {
    background-image: linear-gradient(to right, #0006, #0000), url('../images/hdr-egpu-enclosures.jpg');
    background-position: 0 0, 50% 70%;
    background-size: auto, cover;
  }

  .section-product-category-image.tb-pro-media-readers {
    background-image: linear-gradient(to right, #0006, #0000), url('../images/hdr-tb3-pro-media-readers.jpg');
    background-position: 0 0, 50% 70%;
    background-size: auto, cover;
  }

  .section-product-category-image.tb-dual-display-adapters {
    background-image: linear-gradient(149deg, #00000017, #0000), url('../images/hdr-tb3-dual-display-adapters.jpg');
    background-position: 0 0, 50% 80%;
    background-size: auto, cover;
  }

  .section-product-category-image.tb-cables-and-accessories {
    background-image: linear-gradient(to right, #0003, #0000), url('../images/hdr-tb3-cables-and-accessories.jpg');
    background-position: 0 0, 50% 20%;
    background-size: auto, cover;
  }

  .section-categories-buttons {
    text-align: center;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin-left: 0;
    margin-right: 0;
    padding-left: 10px;
    padding-right: 0;
    display: block;
  }

  .section-categories-buttons.section-tb3-tb4-ports {
    padding-left: 0;
  }

  .product-category-header-white {
    margin-bottom: 2px;
    font-size: 40px;
    line-height: 42px;
  }

  .product-category-subhead-white {
    font-size: 28px;
  }

  .subhero-header {
    padding-top: 0;
    font-size: 20px;
    line-height: 22px;
  }

  .subhero-text {
    font-size: 14px;
    line-height: 16px;
  }

  .why-sonnet-header {
    text-align: center;
    margin-bottom: 20px;
    font-size: 35px;
  }

  .why-sonnet-subhead {
    font-size: 15px;
    line-height: 18px;
  }

  .why-sonnet-text {
    font-size: 14px;
    line-height: 17px;
  }

  .why-sonnet-logo-image {
    max-width: 70%;
  }

  .home-tagline-bar-subhead {
    font-size: 18px;
    line-height: 24px;
  }

  .home-tagline-bar-header {
    font-size: 22px;
    line-height: 26px;
  }

  .social-media-icon {
    width: 35px;
    max-width: 100%;
  }

  .social-media-icon-boxes {
    margin-right: 10px;
  }

  .box-product-category {
    margin-left: 10px;
    margin-right: 10px;
  }

  .main-navbar-dropdown-menu {
    border: 1px #000;
    border-bottom: 1px solid #fff3;
    margin-right: 20px;
    padding: 20px 0 15px;
  }

  .main-navbar-dropdown-menu:hover {
    color: #fff;
  }

  .main-navbar-dropdown-menu.w--open {
    border-bottom-style: none;
  }

  .main-navbar-products-dropdown-list.w--open {
    background-color: #242424;
    background-image: linear-gradient(#464646, #464646);
    border-style: none none solid;
    border-top-width: 5px;
    border-top-color: #000;
    border-bottom-width: 4px;
    border-bottom-color: #00000069;
    margin-top: 0;
    margin-left: -52px;
    margin-right: -41px;
    padding: 15px 0 15px 12px;
    box-shadow: inset 1px 10px 3px -9px #000;
  }

  .mainnav-dropdown-link {
    border-bottom-style: none;
    margin-left: 48px;
    padding: 10px 0 10px 20px;
  }

  .mainnav-dropdown-link:hover {
    color: #fff;
    border-style: none;
  }

  .icon-8 {
    margin-right: 0;
    font-size: 20px;
  }

  .main-navbar-products-dropdown {
    font-size: 16px;
  }

  .dropdown-3 {
    margin-left: 36px;
    margin-right: 40px;
  }

  .product-category-hero-text {
    font-size: 16px;
    line-height: 22px;
  }

  .section-product-categories {
    flex-wrap: nowrap;
    margin-bottom: 30px;
    margin-left: 10px;
    margin-right: 10px;
    padding-top: 0;
    padding-bottom: 0;
    line-height: 18px;
    display: flex;
  }

  .section-product-categories.desktop-box-gray {
    margin-left: 0;
    margin-right: 0;
  }

  .box-product-categories {
    flex-direction: row;
    flex: 1;
    justify-content: center;
    margin-top: 0;
    margin-bottom: 0;
  }

  .box-product-categories.padding-legacy-products {
    margin-top: 0;
    margin-bottom: 20px;
  }

  .section-product-category-hero-text {
    margin-top: 0;
    margin-bottom: 40px;
  }

  .section-product-category-hero.tb3-products-hero-background {
    background-position: 50% 0;
  }

  .section-product-category-hero.prodcathero-accessories-background {
    background-position: 80% 0;
  }

  .section-product-category-hero.egpu-hero-background {
    background-position: 80% 100%;
  }

  .section-product-category-hero._10gbe-hero-background {
    background-position: 20% 0;
  }

  .section-product-category-hero.computer-cards-hero-background, .section-product-category-hero.duomodo-hero-background {
    background-position: 80% 0;
    flex-direction: row;
    justify-content: center;
    align-items: center;
  }

  .section-product-category-hero.mac-expansion-hero {
    background-position: 80% 0;
  }

  .section-product-category-hero.docks-hero-background {
    background-position: 80% 100%;
  }

  .box-product-category-hero {
    overflow: hidden;
  }

  .product-category-hero {
    flex: none;
    align-self: center;
    max-width: 120%;
    overflow: visible;
  }

  .product-category-hero.tb-products-hero {
    max-width: 150%;
    overflow: hidden;
    transform: translate(0);
  }

  .product-category-hero.egpu-hero-products {
    max-width: 145%;
    transform: translate(0);
  }

  .product-category-hero._10gbe-hero-products {
    max-width: 155%;
    transform: translate(-76px, -10px);
  }

  .product-category-hero.media-readers-hero, .product-category-hero.computer-cards-hero, .product-category-hero.mac-expansion-hero {
    max-width: 150%;
    overflow: hidden;
    transform: translate(0);
  }

  .product-category-hero.docks-hero-products {
    max-width: 145%;
    transform: translate(0);
  }

  .product-category-hero-box {
    padding-left: 10px;
    padding-right: 10px;
  }

  .sonnet-benefits-bar-text {
    font-size: 16px;
    line-height: 22px;
  }

  .sonnet-benefits-bar-header {
    font-size: 30px;
    line-height: 35px;
  }

  .sonnet-benefits-bar-icons-box {
    width: 95%;
  }

  .button-buy-now {
    padding-left: 10px;
    padding-right: 12px;
    font-size: 16px;
    line-height: 18px;
  }

  .box-products-featured-video {
    border-width: 15px;
  }

  .icon-9 {
    margin-left: 5px;
  }

  .icon-10 {
    margin-right: 5px;
  }

  .container-products-featured-videos {
    margin-left: 50px;
    margin-right: 50px;
  }

  .header-product-features-video-description {
    font-size: 20px;
    line-height: 22px;
  }

  .product-name-header {
    color: #333;
    padding-left: 0;
    padding-right: 0;
    font-size: 18px;
    line-height: 20px;
  }

  .product-name-text {
    width: 100%;
    margin-top: 10px;
    padding-left: 5px;
    padding-right: 5px;
    line-height: 18px;
  }

  .section-product-category-title.mobile-bar-black.desktop-bar-gray {
    margin-top: 0;
    padding-bottom: 20px;
  }

  .footer-columns {
    margin-right: 0;
    padding-right: 25px;
  }

  .dropdown-product-categories-items {
    border-bottom-style: none;
    margin-left: 48px;
    padding: 10px 0 10px 25px;
  }

  .dropdown-product-categories-items:hover {
    border-style: none;
  }

  .videos-youtube-playlists {
    margin-left: 20px;
    margin-right: 20px;
  }

  .home-subhero-text {
    padding-left: 20px;
    padding-right: 20px;
  }

  .home-subhero-100vw:hover {
    opacity: 1;
  }

  .section-site-map {
    padding-left: 10px;
    padding-right: 10px;
  }

  .container-site-map-product-info {
    margin-top: 25px;
  }

  .section-product-category-header {
    margin-top: 30px;
    margin-bottom: 10px;
  }

  .featured-products-header {
    font-size: 22px;
    line-height: 24px;
  }

  .section-featured-products-header {
    padding-top: 3px;
    padding-bottom: 3px;
  }

  .box-featured-products {
    flex-direction: column;
    justify-content: flex-start;
    margin-top: 0;
    display: flex;
  }

  .featured-products-100vw:hover {
    opacity: 1;
  }

  .featured-product-header {
    margin-bottom: 6px;
    padding-top: 0;
    font-size: 20px;
    line-height: 22px;
  }

  .featured-product-text {
    padding-left: 0;
    padding-right: 0;
    font-size: 14px;
    line-height: 16px;
  }

  .box-featured-products-hero:hover, .box-featured-products-hero.featured-products-border:hover {
    background-color: #f2f2f2;
  }

  .section-site-body {
    padding-left: 10px;
    padding-right: 10px;
  }

  .section-home-hero-text {
    padding-bottom: 20px;
  }

  .section-home-hero-text.section-home-hero-black-box {
    padding-bottom: 30px;
  }

  .home-hero-header {
    font-size: 50px;
    line-height: 60px;
  }

  .home-hero-header.egpupuck {
    margin-top: 0;
  }

  .home-hero-button-learn-more {
    background-image: linear-gradient(#0000, #0000), url('../images/icon-arrow-right-blue.png');
    background-size: auto, 9px;
    margin-right: 0;
    padding-right: 14px;
    font-size: 22px;
    line-height: 18px;
  }

  .section-home-hero {
    flex-direction: row;
    align-items: center;
    min-height: auto;
  }

  .section-home-hero.home-duomodo {
    padding-top: 50px;
  }

  .home-hero-image-box {
    align-self: auto;
  }

  .home-hero-subhead {
    font-size: 32px;
    line-height: 38px;
  }

  .home-hero-subhead.home-duomodo {
    font-size: 40px;
  }

  .badge-product-new {
    top: -2px;
  }

  .home-work-from-home-link {
    padding-right: 14px;
  }

  .home-hero-subhead-gray {
    font-size: 22px;
    line-height: 32px;
  }

  .badge-subhero-new {
    line-height: 20px;
    top: -2px;
  }

  .badge-hero-new {
    font-size: 15px;
    line-height: 20px;
  }

  .why-thunderbolt3-video-box {
    margin-left: 50px;
    margin-right: 50px;
  }

  .box-why-thunderbolt3-video {
    border-width: 15px;
  }

  .why-thunderbolt3-video-title {
    font-size: 20px;
    line-height: 22px;
  }

  .badge-prodcategory-new {
    font-size: 12px;
    line-height: 20px;
  }

  .button-duomodo, .button-egpu-bundles {
    background-image: linear-gradient(#0000, #0000), url('../images/icon-arrow-right-blue.png');
    background-position: 0 0, 100% 55%;
    background-size: auto, 7px;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-right: 10px;
    font-size: 14px;
    line-height: 18px;
  }

  .promo-banner-box-radeonrx6900xt {
    flex-direction: column;
    width: 100%;
    padding-bottom: 40px;
    padding-left: 0;
    padding-right: 0;
  }

  .promo-banner-hero-radeonrx6900xt {
    max-width: 380px;
  }

  .promo-banner-header-radeonrx6900xt {
    text-align: center;
    width: 100%;
    margin-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .promo-banner-text-radeonrx6900xt {
    text-align: center;
    width: 100%;
    max-width: 100%;
    padding-left: 0;
    padding-right: 20px;
    font-size: 18px;
  }

  .promo-banner-box-buy-button {
    flex-direction: row;
    justify-content: center;
    margin-top: 0;
    padding-top: 0;
  }

  .promo-banner-buy-button {
    border-radius: 6px;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    margin-top: 0;
    margin-left: 25px;
    margin-right: 0;
    display: inline-block;
  }

  .promo-banner-buy-button.promo-banner-buy-button-white-outline {
    margin-left: 0;
  }

  .promo-banner-box-in-stock {
    transform: translate(75px, -48px);
  }

  .promo-banner-box-text-radeonrx6900xt {
    padding-right: 0;
  }

  .promo-banner-content-radeonrx6900xt {
    flex-direction: column;
    padding-left: 10px;
    padding-right: 10px;
  }

  .displayadapter-chart-cols-text {
    font-size: 14px;
    line-height: 18px;
  }

  .displayadapters-header-cols-text {
    font-size: 18px;
    line-height: 22px;
  }

  .displayadapters-box-chart-heros {
    width: 100%;
  }

  .displayadapters-chart-footer-text {
    font-size: 12px;
    line-height: 18px;
  }

  .home-2-heros-header {
    margin-bottom: 5px;
    font-size: 60px;
    line-height: 80px;
  }

  .home-2-heros-products {
    flex-direction: row;
  }

  .box-home-2-heros {
    flex-direction: column;
    justify-content: flex-start;
    margin-top: 0;
    display: flex;
  }

  .box-home-2-heros:hover {
    background-color: #0000;
  }

  .home-2-heros-100vw {
    width: 85%;
  }

  .home-2-heros-100vw:hover {
    opacity: 1;
  }

  .home-2-heros-product-name {
    margin-bottom: 6px;
    padding-top: 0;
    font-size: 20px;
    line-height: 22px;
  }

  .home-2-heros-product-name._2-heros-header-red {
    font-size: 18px;
  }

  .home-2-heros-product-tagline {
    font-size: 16px;
    line-height: 18px;
  }

  .main-box-home-2-heros {
    padding-top: 40px;
    padding-bottom: 60px;
  }

  .button-home-2-heros-learn-more {
    background-image: linear-gradient(#0000, #0000), url('../images/icon-arrow-right-blue.png');
    background-size: auto, 9px;
    padding-right: 12px;
    font-size: 16px;
    line-height: 18px;
  }

  .home-2-heros-subheader {
    font-size: 25px;
    line-height: 40px;
  }

  .home-2-headers-subheader-red {
    font-size: 30px;
    line-height: 30px;
  }

  .badge-home-hero-new-white {
    font-size: 14px;
    line-height: 20px;
    top: -1px;
    left: 2px;
  }

  .home-2-heros-footer {
    font-size: 18px;
    line-height: 22px;
  }

  .home-2-heros-footer-box {
    margin-top: 40px;
  }

  .section-home-2-heros {
    padding: 30px 20px;
  }

  .section-product-subcategory-hero-text {
    margin-top: 40px;
  }

  .container-why-choose-sonnet2 {
    max-width: 90%;
    padding-bottom: 80px;
  }

  .why-sonnet-subhead2 {
    font-size: 16px;
    line-height: 20px;
  }

  .nab-logo {
    width: 80%;
  }

  .tbdocks-chart-box-container {
    width: 100%;
    margin-left: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .tbdocks-chart-box {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  .tb-docks-chart-dropdown-header {
    margin-top: 0;
    font-size: 20px;
    line-height: 24px;
  }

  .tbdocks-docks-assistant-subheader {
    width: 600px;
    line-height: 28px;
  }

  .tb-docks-chart-icon-small {
    max-width: 50px;
  }

  .acc-head-tbdocks-chart {
    width: 500px;
    max-width: 500px;
  }

  .product-name-subheader {
    font-size: 18px;
    line-height: 20px;
  }

  .product-name-text-list {
    padding-left: 20px;
    padding-right: 0;
  }

  .home-2023-mac-pro-header {
    font-size: 30px;
    line-height: 40px;
  }

  .subhero-main-header {
    padding-top: 0;
    font-size: 22px;
    line-height: 24px;
  }

  .home-2023-mac-pro-header-mobile {
    font-size: 30px;
    line-height: 40px;
  }

  .home-hero-subhead-price {
    font-size: 27px;
    line-height: 35px;
  }

  .home-hero-subhead-us-msrp {
    font-size: 20px;
    line-height: 28px;
  }

  .home-docks-header {
    text-align: center;
    font-size: 50px;
    line-height: 55px;
  }

  .home-docks-header.home-docks-header-purple {
    font-size: 60px;
    line-height: 65px;
  }

  .home-docks-subhero-container {
    margin-top: 20px;
  }

  .home-docks-subhero {
    margin-right: 5px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .home-docks-subhero-header {
    font-size: 18px;
    line-height: 20px;
  }

  .home-docks-hero-images.home-docks-subhero-mobile {
    width: 100%;
    padding-bottom: 20px;
  }

  .section-home-docks {
    padding: 50px 10px;
  }

  .home-docks-main-hero-header {
    font-size: 28px;
    line-height: 35px;
  }

  .home-docks-main-hero-subheader {
    font-size: 26px;
    line-height: 30px;
  }

  .home-docks-subheader {
    text-align: center;
    font-size: 40px;
    line-height: 45px;
  }

  .home-docks-subheader.home-docks-subheader-black {
    font-size: 40px;
    line-height: 45px;
  }

  .home-docks-header-box {
    margin-bottom: 0;
  }

  .home-docks-subhero-subheader {
    font-size: 16px;
    line-height: 18px;
  }

  .home-docks-container {
    padding-left: 0;
    padding-right: 0;
  }

  .home-docks-see-all-docks-button {
    font-size: 20px;
    line-height: 22px;
  }

  .product-category-legacy-products-divider {
    width: 300px;
    margin-top: 20px;
    margin-bottom: 5px;
  }

  .product-categories-bottom-pad {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .product-category-hero-main-header {
    font-size: 65px;
    line-height: 70px;
  }

  .tbdocks-value-badge {
    width: 200px;
  }

  .tbdocks-chart-box-container-copy {
    width: 100%;
    margin-left: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .tbdocks-chart-subheader-button {
    width: 600px;
    line-height: 28px;
  }

  .box-legacy-products {
    margin-left: 10px;
    margin-right: 10px;
  }

  .legacy-products-header {
    font-size: 16px;
    line-height: 18px;
  }

  .legacy-products-subheader {
    width: 100%;
    margin-top: 10px;
    padding-left: 5px;
    padding-right: 5px;
    font-size: 14px;
    line-height: 18px;
  }

  .button-legacy-products {
    padding-right: 12px;
    font-size: 16px;
    line-height: 18px;
  }

  .section-legacy-products {
    flex-wrap: nowrap;
    margin: 40px 10px;
    padding-top: 0;
    padding-bottom: 0;
    line-height: 18px;
    display: flex;
  }

  .legacy-products-divider {
    width: 400px;
  }

  .black-friday-call-to-action-text {
    font-size: 25px;
    line-height: 30px;
  }

  .black-friday-call-to-action-text-box {
    padding-top: 25px;
    padding-bottom: 25px;
  }

  .black-friday-banner {
    border-width: 2px;
    box-shadow: 0 2px 8px #ffffffc2;
  }

  .section-black-friday-banner {
    padding: 20px;
  }

  .typo-zoom-text-image {
    width: 100%;
  }

  .mm2024-sneak-peek-info-box {
    padding-left: 80px;
    padding-right: 80px;
  }

  .typo-zoom-text-wrapper {
    width: 100vw;
  }

  .mm2024-sneak-peek-main-subheader {
    font-size: 30px;
    line-height: 35px;
  }

  .mm2024-sneak-peek-main-header {
    font-size: 50px;
    line-height: 55px;
  }

  .mm2024-sneak-peek-mac-mini-hero {
    width: 700px;
  }

  .mm2024-sneak-peek-intro-text-arrow {
    width: 400px;
  }

  .mm2024-sneak-peek-info-prod-hero.maccuff-mini {
    width: 600px;
  }

  .mm2024-sneak-peek-info-prod-hero.rackmac-mini {
    width: 800px;
  }

  .mm2024-sneak-peek-info-prod-category {
    width: 700px;
  }

  .mm2024-sneak-peek-intro-header {
    font-size: 45px;
    line-height: 50px;
  }

  .mm2024-sneak-peek-intro-subheader {
    font-size: 35px;
    line-height: 45px;
  }

  .mm2024-sneak-peek-sign-up-link {
    width: 400px;
  }

  .mm2024-sneak-peek-prod-info-box {
    padding-top: 100px;
  }

  .mm2024-sneak-peek-prod-info-box.mm2024-sneak-peek-footer {
    padding-bottom: 120px;
  }

  .mm2024-sneak-peek-section-intro {
    padding: 150px 40px;
  }

  .mm2024-sneak-peek-intro-box {
    padding-left: 40px;
    padding-right: 40px;
  }

  .mm2024-sneak-peek-footer-box {
    width: 800px;
  }

  .mm2024-sneek-peek-mac-mini-intro-hero {
    width: 500px;
    padding-right: 0;
  }

  .mm2024-sneak-peek-example-hero.maccuff-mini {
    width: 900px;
  }

  .mm2024-sneak-peek-example-hero.rackmac-mini {
    width: 1000px;
  }

  .mm2024-sneak-peek-examples-container {
    width: 750px;
    padding-left: 0;
    padding-right: 0;
  }

  .mm2024-sneak-peek-example-box {
    padding-left: 40px;
    padding-right: 40px;
  }

  .mm2024-sneak-peek-intro-text-bullets {
    margin-bottom: 0;
  }

  .black-friday-badge {
    font-size: 14px;
  }

  .home-subhero-products-box:hover, .home-subhero-products-box.featured-products-border:hover, .home-subhero-products-box.home-featured-products-border:hover {
    background-color: #f2f2f2;
  }

  .homebox-subhero-products {
    flex-direction: column;
    justify-content: flex-start;
    margin-top: 0;
    display: flex;
  }

  .home-subhero-product-header {
    margin-bottom: 10px;
    padding-top: 0;
    font-size: 20px;
    line-height: 24px;
  }

  .home-subhero-product-text {
    padding-left: 0;
    padding-right: 0;
    font-size: 16px;
    line-height: 20px;
  }

  .home-subhero-products-100vw:hover {
    opacity: 1;
  }

  .mm2024-sneek-peek-sonnettech-logo, .mm2024-sneek-peek-sonnettech-logo-copy {
    width: 500px;
    padding-right: 0;
  }
}

@media screen and (max-width: 767px) {
  .main-navbar-button {
    border: 1px #fff3;
    border-bottom-style: solid;
    margin-left: 14px;
    margin-right: 19px;
    padding-right: 29px;
  }

  .main-navbar-button-open {
    margin-right: 0;
  }

  .main-navbar-button-open.w--open {
    background-image: linear-gradient(#2b2c2e, #2b2c2e);
    border: 1px #000;
    margin-right: 0;
  }

  .page-link.in-footer {
    font-size: 14px;
  }

  .footer-title {
    margin-top: 35px;
  }

  .product-category-header {
    font-size: 18px;
    font-weight: 700;
    line-height: 20px;
  }

  .product-category-text {
    font-size: 14px;
    line-height: 18px;
  }

  .product-category-image:hover {
    background-image: linear-gradient(#f2f2f2, #f2f2f2);
  }

  .product-category-image.mobile-box-white:hover {
    background-color: #f2f2f2;
  }

  .product-category-image.desktop-box-white:hover {
    background-color: var(--white);
    background-color: #fff;
  }

  .container-main-navbar {
    padding-left: 10px;
  }

  .featured-videos-header.video-library {
    padding-bottom: 0;
  }

  .header-prod-categories {
    justify-content: center;
    align-items: center;
    line-height: 30px;
    display: block;
  }

  .button-learn-more-info {
    padding-right: 12px;
    font-size: 14px;
    line-height: 16px;
  }

  .button-learn-more-info.sub-hero-links {
    padding-right: 12px;
    font-size: 18px;
  }

  .comparison-chart-header {
    line-height: 32px;
  }

  .footer-presales-text {
    margin-bottom: 0;
  }

  .image-newsletter-bug {
    width: 300px;
    max-width: 100%;
  }

  .section-featured-videos {
    background-image: linear-gradient(#000, #2974b6 78%);
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .section-product-category-image {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .section-product-category-image.tb-egpu-enclosures {
    background-image: linear-gradient(to right, #0006, #0000), url('../images/hdr-egpu-enclosures.jpg');
    background-position: 0 0, 50% 70%;
    background-size: auto, cover;
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .section-product-category-image.tb-ethernet-networking, .section-product-category-image.tb-pro-media-readers, .section-product-category-image.tb-pcie-expansion-systems, .section-product-category-image.tb-docks-and-hubs {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .section-product-category-image.tb-dual-display-adapters {
    background-image: linear-gradient(#0003, #0003), linear-gradient(149deg, #00000017, #0000), url('../images/hdr-tb3-dual-display-adapters.jpg');
    background-position: 0 0, 0 0, 50% 80%;
    background-size: auto, auto, cover;
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .section-product-category-image.tb-cables-and-accessories, .section-product-category-image.tb-duomodo, .section-product-category-image.tb-mac-mini-expansion {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .section-categories-buttons {
    display: none;
  }

  .product-category-header-white {
    text-align: center;
    margin-bottom: 0;
    font-size: 30px;
  }

  .product-category-subhead-white {
    display: none;
  }

  .subhero-header {
    font-size: 20px;
  }

  .subhero-text {
    font-size: 14px;
    line-height: 16px;
  }

  .home-why-sonnet {
    margin-top: 60px;
  }

  .why-sonnet-subhead {
    font-size: 18px;
    line-height: 20px;
  }

  .why-sonnet-text {
    margin-top: 0;
    font-size: 16px;
    line-height: 20px;
  }

  .why-sonnet-logo-image {
    max-width: 30%;
  }

  .why-sonnet-icon-container {
    margin-bottom: 25px;
  }

  .home-tagline-bar-subhead {
    margin-top: 2px;
  }

  .home-tagline-bar {
    margin-top: 5px;
  }

  .home-tagline-bar-header {
    font-size: 18px;
    line-height: 24px;
  }

  .social-media-icon {
    width: 45px;
    margin-right: 0;
  }

  .main-navbar-dropdown-menu {
    margin-left: -24px;
    margin-right: -22px;
  }

  .main-navbar-products-dropdown-list.w--open {
    padding-left: 0;
  }

  .mainnav-dropdown-link {
    margin-left: 40px;
    padding-left: 0;
  }

  .product-category-hero-header {
    font-size: 40px;
  }

  .product-category-hero-subhead {
    line-height: 26px;
  }

  .product-category-hero-text {
    font-size: 14px;
    line-height: 20px;
  }

  .section-product-categories {
    flex-direction: column;
    margin-bottom: 20px;
    padding-bottom: 20px;
  }

  .section-product-categories.desktop-box-gray {
    padding-bottom: 20px;
  }

  .box-product-categories {
    text-align: center;
    margin-top: 0;
  }

  .box-product-categories.product-1500w-layout {
    flex-direction: column;
  }

  .section-product-category-hero-text {
    margin-left: 10px;
    margin-right: 10px;
  }

  .product-category-hero, .product-category-hero.tb-products-hero {
    max-width: 140%;
  }

  .product-category-hero._10gbe-hero-products {
    transform: translate(-43px, -10px);
  }

  .product-category-hero.media-readers-hero, .product-category-hero.computer-cards-hero, .product-category-hero.mac-expansion-hero {
    max-width: 140%;
  }

  .sonnet-benefits-bar-text {
    font-size: 18px;
    line-height: 24px;
  }

  .sonnet-benefits-bar-icon {
    max-width: 20%;
  }

  .sonnet-benefits-bar-icon-box {
    padding-bottom: 30px;
  }

  .button-buy-now {
    padding-left: 9px;
    padding-right: 9px;
    font-size: 14px;
    line-height: 16px;
  }

  .box-products-featured-video {
    border-width: 10px;
  }

  .products-featured-videos {
    background-image: linear-gradient(#000, #2974b6), linear-gradient(#6b539c, #c1b5da 60%, #fff);
  }

  .header-product-features-video-description {
    font-size: 16px;
    line-height: 20px;
  }

  .product-name-header {
    padding-left: 0;
    padding-right: 0;
    font-size: 14px;
    font-weight: 700;
    line-height: 18px;
  }

  .product-name-text {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    font-size: 12px;
    line-height: 16px;
  }

  .section-product-category-title {
    display: flex;
  }

  .section-product-category-title.mobile-bar-black, .section-product-category-title.mobile-bar-black.desktop-bar-gray {
    padding-top: 40px;
    padding-bottom: 20px;
  }

  ._10gbe-comparison-chart-subhead {
    font-size: 18px;
  }

  .section-categories-mobile-dropdown {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-direction: row;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .dropdown-product-categories-header {
    color: #6b539c;
    font-family: Roboto Custom, Arial, sans-serif;
    font-size: 18px;
    font-weight: 500;
  }

  .dropdown-product-categories {
    flex-direction: column;
    flex: 1;
    order: 1;
    justify-content: space-around;
    align-self: auto;
    align-items: stretch;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .dropdown-product-categories-toggle {
    justify-content: center;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    display: flex;
  }

  .dropdown-product-categories-list.w--open {
    background-color: #2b2c2e;
    border-top: 2px solid #999797;
    border-bottom: 2px solid #999797;
    justify-content: space-around;
    align-items: flex-start;
    width: auto;
    margin-left: auto;
    margin-right: auto;
    padding-top: 10px;
    padding-bottom: 10px;
    display: block;
    box-shadow: 0 2px 3px #beb5b5;
  }

  .dropdown-product-categories-items {
    margin-left: 40px;
    padding-left: 0;
    font-family: Roboto Custom, Arial, sans-serif;
  }

  .dropdown-product-categories-items:hover {
    color: #fff;
  }

  .dropdown-product-categories-items.w--current {
    margin-left: 40px;
  }

  .dropdown-product-categories-icon {
    flex: 0 auto;
    display: block;
    transform: translate(-133px);
  }

  .container-footer {
    padding-left: 10px;
  }

  .videos-youtube-playlists {
    margin-bottom: 0;
  }

  .section-product-category-header {
    margin-bottom: 10px;
  }

  .featured-product-header {
    font-size: 20px;
  }

  .featured-product-text {
    font-size: 14px;
    line-height: 16px;
  }

  .section-banner-2019-mac-pro.computer-cards-page {
    margin-bottom: 10px;
  }

  .section-home-hero-text {
    padding-bottom: 10px;
  }

  .section-home-hero-text.section-home-hero-black-box {
    padding-bottom: 20px;
  }

  .home-hero-text-box {
    padding-top: 20px;
    padding-bottom: 20px;
    transform: none;
  }

  .home-hero-header {
    margin-bottom: 10px;
    font-size: 40px;
    line-height: 50px;
  }

  .home-hero-button-learn-more {
    background-image: linear-gradient(#0000, #0000), url('../images/icon-arrow-right-blue.png');
    background-position: 0 0, 100% 56%;
    background-size: auto, 8px;
    padding-right: 14px;
    font-size: 20px;
    line-height: 16px;
  }

  .home-hero-subhead {
    font-size: 24px;
    line-height: 30px;
  }

  .home-hero-subhead.home-hero-subhead-white, .home-hero-subhead.home-hero-subhead-purple {
    font-size: 30px;
    line-height: 34px;
  }

  .badge-product-new {
    font-size: 12px;
    line-height: 16px;
    top: -2px;
  }

  .home-work-from-home-header {
    font-size: 22px;
    line-height: 18px;
  }

  .home-work-from-home-link {
    padding-right: 14px;
    font-size: 22px;
    line-height: 18px;
  }

  .home-hero-subhead-gray {
    padding-left: 5px;
    padding-right: 4px;
    font-size: 20px;
    line-height: 28px;
  }

  .badge-subhero-new {
    font-size: 12px;
    top: -3px;
  }

  .badge-hero-new {
    font-size: 12px;
    line-height: 20px;
    top: -5px;
  }

  .section-why-thunderbolt3-video {
    background-image: linear-gradient(#000, #2974b6), linear-gradient(#6b539c, #c1b5da 60%, #fff);
  }

  .why-thunderbolt3-video-header {
    padding-left: 15px;
    padding-right: 15px;
    font-size: 30px;
    line-height: 35px;
  }

  .box-why-thunderbolt3-video {
    border-width: 10px;
  }

  .why-thunderbolt3-video-title {
    font-size: 16px;
    line-height: 20px;
  }

  .badge-prodcategory-new {
    font-size: 12px;
    line-height: 20px;
    top: -2px;
  }

  .button-duomodo {
    text-align: left;
    background-image: linear-gradient(#0000, #0000), url('../images/icon-arrow-right-blue.png');
    background-position: 0 0, 100%;
    background-size: auto, 5px;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-right: 8px;
    font-size: 10px;
    line-height: 16px;
  }

  .section-tb3-tb4-ports-mobile {
    display: block;
  }

  .tb3-tb4-ports-banner-mobile {
    flex-direction: column;
    margin-top: 0;
    padding-bottom: 20px;
  }

  .tb3-tb4-ports-icon-mobile {
    width: 20%;
    margin-bottom: 20px;
    margin-right: 0;
  }

  .tb3-tb4-ports-header-mobile {
    padding-left: 10px;
    padding-right: 10px;
    font-family: Roboto Custom, Arial, sans-serif;
    font-size: 16px;
    line-height: 16px;
  }

  .button-egpu-bundles {
    text-align: left;
    background-image: linear-gradient(#0000, #0000), url('../images/icon-arrow-right-blue.png');
    background-position: 0 0, 100%;
    background-size: auto, 5px;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-right: 8px;
    font-size: 10px;
    line-height: 16px;
  }

  .promo-banner-box-buy-button {
    text-align: center;
  }

  .promo-banner-buy-button {
    border-style: solid;
    border-radius: 6px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 0;
    margin-left: 25px;
    margin-right: 0;
    display: inline-block;
  }

  .promo-banner-buy-button.promo-banner-buy-button-white-outline {
    margin-left: 10px;
    margin-right: 10px;
    padding: 12px 18px;
    font-size: 18px;
    line-height: 20px;
  }

  .displayadapters-container-charts {
    margin-top: 50px;
  }

  .displayadapters-charts {
    display: none;
  }

  .displayadapters-chart-header {
    flex-direction: column;
  }

  .egpu-promo-box {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .egpu-promo-text {
    font-size: 20px;
    line-height: 25px;
  }

  .home-2-heros-header-box {
    padding-left: 20px;
    padding-right: 20px;
  }

  .home-2-heros-header {
    margin-bottom: 0;
    font-size: 45px;
    line-height: 60px;
  }

  .home-2-heros-products {
    flex-direction: column;
  }

  .box-home-2-heros {
    width: 100%;
  }

  .box-home-2-heros.box-home-2-heros-padding {
    margin-top: 40px;
  }

  .home-2-heros-100vw {
    width: 70%;
  }

  .home-2-heros-product-name {
    font-size: 20px;
  }

  .home-2-heros-product-name._2-heros-header-red {
    margin-bottom: 5px;
    font-size: 24px;
  }

  .home-2-heros-product-tagline {
    font-size: 20px;
    line-height: 16px;
  }

  .button-home-2-heros-learn-more {
    background-image: linear-gradient(#0000, #0000), url('../images/icon-arrow-right-blue.png');
    background-size: auto, 6px;
    padding-right: 12px;
    font-size: 20px;
    line-height: 16px;
  }

  .home-2-heros-subheader {
    font-size: 20px;
  }

  .home-2-headers-subheader-red {
    font-size: 25px;
    line-height: 25px;
  }

  .badge-home-hero-new-white {
    font-size: 16px;
    line-height: 28px;
    top: -3px;
  }

  .home-2-heros-footer {
    font-size: 16px;
    line-height: 20px;
  }

  .section-product-subcategory-hero-text {
    margin-left: 10px;
    margin-right: 10px;
  }

  .container-why-choose-sonnet2 {
    flex-direction: column;
    max-width: 90%;
  }

  .text-block-13 {
    font-size: 30px;
    line-height: 35px;
  }

  .section-tb-docks-chart {
    display: none;
  }

  .tbdocks-chart-box-container {
    margin-top: 40px;
  }

  .tbdocks-chart-box {
    width: 95%;
    max-width: 199%;
  }

  .tbdocks-chart-dropdown {
    display: block;
  }

  .tb-docks-chart-dropdown-header {
    margin-top: 0;
    padding-right: 18px;
    font-size: 18px;
    line-height: 24px;
  }

  .tbocks-chart-header-button {
    text-align: center;
  }

  .tbdocks-docks-assistant-subheader {
    width: 100%;
  }

  .tb-docks-chart-icon-small {
    max-width: 60px;
  }

  .tbdocks-chart-main-header {
    margin-bottom: 0;
    font-size: 50px;
    line-height: 55px;
  }

  .section-tbdocks-reviews {
    flex-direction: column;
    padding-top: 50px;
  }

  .tbdocks-reviews-container {
    padding-left: 10px;
    padding-right: 10px;
  }

  .tbdocks-reviews-video-box {
    width: 90%;
    max-width: 100%;
    margin-bottom: 10px;
  }

  .product-name-subheader {
    font-size: 14px;
    font-weight: 700;
    line-height: 18px;
  }

  .tbdocks-grid-reviews-video {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .tbdocks-grid-reviews-web {
    display: block;
  }

  .tbdocks-reviews-web-outer-box {
    margin-bottom: 25px;
  }

  .tbdocks-reviews-web-text {
    text-align: center;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .tbdocks-reviews-text-box {
    padding-left: 40px;
    padding-right: 40px;
  }

  .product-name-text-list {
    text-align: left;
    padding-left: 77px;
  }

  .section-lifestyles-block {
    display: none;
  }

  .home-2023-mac-pro-header {
    font-size: 24px;
    line-height: 30px;
  }

  .subhero-main-header {
    font-size: 22px;
  }

  .home-2023-mac-pro-header-mobile {
    font-size: 24px;
    line-height: 30px;
  }

  .home-hero-subhead-price {
    padding-left: 5px;
    padding-right: 4px;
    font-size: 24px;
    line-height: 30px;
  }

  .home-hero-subhead-us-msrp {
    padding-left: 5px;
    padding-right: 4px;
    font-size: 18px;
    line-height: 22px;
  }

  .home-docks-header {
    font-size: 40px;
    line-height: 50px;
  }

  .home-docks-header.home-docks-header-purple {
    font-size: 50px;
    line-height: 55px;
  }

  .home-docks-subhero-container {
    flex-direction: column;
    align-items: center;
  }

  .home-docks-subhero {
    margin-bottom: 10px;
    margin-right: 0;
  }

  .home-docks-subhero-header {
    margin-bottom: 5px;
    font-size: 26px;
    line-height: 30px;
  }

  .home-docks-hero-images {
    width: 95%;
  }

  .home-docks-hero-images.home-docks-subhero-mobile {
    width: 80%;
  }

  .home-docks-main-hero {
    padding-left: 10px;
    padding-right: 10px;
  }

  .section-home-docks {
    padding-left: 20px;
    padding-right: 20px;
  }

  .home-docks-subheader, .home-docks-subheader.home-docks-subheader-black {
    font-size: 35px;
    line-height: 40px;
  }

  .home-docks-header-box {
    padding-left: 10px;
    padding-right: 10px;
  }

  .home-docks-subhero-subheader {
    font-size: 24px;
    line-height: 28px;
  }

  .product-category-legacy-products-divider {
    width: 250px;
    margin-top: 10px;
  }

  .product-category-hero-main-header {
    font-size: 55px;
    line-height: 70px;
  }

  .tbdocks-reviews-main-header {
    margin-bottom: 0;
    font-size: 50px;
    line-height: 55px;
  }

  .tbdocks-value-badge {
    justify-content: center;
    align-items: center;
    margin-left: 55px;
  }

  .tbdocks-chart-box-container-copy {
    margin-top: 40px;
  }

  .tbdocks-reviews-web-rating, .tbdocks-reviews-web-publication {
    text-align: center;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .tb-docks-docks-assistant-header {
    text-align: center;
  }

  .tbdocks-chart-subheader-button {
    width: 100%;
  }

  .legacy-products-header {
    font-size: 18px;
    font-weight: 700;
    line-height: 20px;
  }

  .legacy-products-subheader {
    font-size: 14px;
    line-height: 18px;
  }

  .button-legacy-products {
    padding-right: 12px;
    font-size: 14px;
    line-height: 16px;
  }

  .section-legacy-products {
    flex-direction: column;
    padding-bottom: 20px;
  }

  .legacy-products-divider {
    width: 300px;
  }

  .tbdocks-pdf-chart-box-mobile {
    justify-content: center;
    align-items: center;
    margin-bottom: 50px;
    display: flex;
  }

  .tbdocks-chart-pdf-icon-mobile {
    width: 40px;
  }

  .tbdocks-chart-pdf-download-text-mobile {
    font-size: 16px;
    line-height: 22px;
  }

  .section-black-friday-call-to-action {
    border-top: 5px #2f8761;
    border-bottom: 5px solid #2f8761;
    padding-top: 0;
    padding-bottom: 0;
  }

  .black-friday-call-to-action-text {
    font-size: 20px;
    line-height: 25px;
  }

  .black-friday-banner {
    box-shadow: none;
    border-style: solid solid none;
    border-top-width: 15px;
    border-top-color: #000;
    border-left-width: 10px;
    border-left-color: #000;
    border-right-width: 10px;
    border-right-color: #000;
    border-radius: 0;
  }

  .section-black-friday-banner, .black-friday-call-to-action-link {
    padding: 0;
  }

  .mm2024-sneak-peek-prod-header {
    font-size: 35px;
    line-height: 40px;
  }

  .typo-zoom-text-image {
    width: auto;
  }

  .section-typo-zoom-in {
    display: none;
  }

  .mm2024-sneak-peek-info-box {
    padding-left: 50px;
    padding-right: 50px;
  }

  .mm2024-sneak-peek-main-box {
    margin-bottom: 50px;
  }

  .mm2024-sneak-peek-main-subheader {
    font-size: 28px;
    line-height: 34px;
  }

  .mm2024-sneak-peek-main-header {
    margin-bottom: 10px;
    font-size: 42px;
    line-height: 45px;
  }

  .mm2024-sneak-peek-intro-text-arrow {
    width: 350px;
  }

  .mm2024-sneak-peek-prod-info-text {
    font-size: 1.5em;
  }

  .mm2024-sneak-peek-intro-text {
    font-size: 22px;
    line-height: 36px;
  }

  .mm2024-sneak-peek-intro-text.mm2024-sneak-peek-intro-text-padding {
    margin-bottom: 25px;
  }

  .mm2024-sneak-peek-info-prod-hero.maccuff-mini {
    width: 450px;
  }

  .mm2024-sneak-peek-info-prod-category {
    padding-left: 20px;
    padding-right: 20px;
  }

  .mm2024-sneak-peek-intro-header {
    font-size: 40px;
    line-height: 45px;
  }

  .mm2024-sneak-peek-prod-subheader {
    font-size: 25px;
    line-height: 32px;
  }

  .mm2024-sneak-peek-intro-subheader {
    font-size: 35px;
    line-height: 45px;
  }

  .mm2024-sneak-peek-sign-up-link {
    width: 350px;
  }

  .mm2024-sneak-peek-prod-info-box {
    padding-top: 80px;
    padding-bottom: 100px;
  }

  .mm2024-sneak-peek-prod-info-box.mm2024-sneak-peek-footer {
    padding-bottom: 100px;
  }

  .mm2024-sneak-peek-section-intro {
    padding: 120px 20px;
  }

  .mm2024-sneak-peek-footer-box {
    width: 500px;
  }

  .mm2024-sneak-peek-main-bg {
    width: 100%;
    height: auto;
  }

  .mm2024-sneak-peek-intro-text-bullets {
    padding-right: 0;
  }

  .black-friday-badge {
    font-size: 18px;
  }

  .mm2024-sneak-peek-intro-mobile {
    justify-content: center;
    align-items: center;
    height: auto;
    display: flex;
  }

  .mm2024-sneak-peek-main-container {
    width: 100%;
    max-width: 100%;
    height: auto;
    display: flex;
    position: static;
  }

  .mm2024-sneak-peek-intro-box-intro {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    max-width: 100%;
    padding-top: 50px;
    padding-bottom: 100px;
    display: flex;
  }

  .mm202-sneak-peek-sonnet-badge-mobile {
    width: 100px;
    padding-right: 0;
  }

  .home-subhero-products-container {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    margin-top: 5px;
  }

  .home-subhero-product-header {
    margin-bottom: 10px;
    font-size: 20px;
  }

  .home-subhero-product-text {
    font-size: 14px;
    line-height: 16px;
  }

  .home-container-subhero-products-text {
    margin-top: 5px;
  }

  .mm2024-sneek-peek-sonnettech-logo {
    width: 430px;
  }

  .mm2024-sneak-peek-mac-mini-intro-hero {
    width: 250px;
  }
}

@media screen and (max-width: 479px) {
  .navbar-main {
    display: block;
  }

  .main-navbar-button {
    max-height: auto;
    text-align: left;
    border: 1px #000;
    border-bottom: 1px solid #fff3;
    flex-direction: row;
    justify-content: flex-start;
    align-items: baseline;
    height: auto;
    min-height: auto;
    margin-bottom: 0;
    margin-left: 20px;
    padding-top: 12px;
    padding-bottom: 12px;
    padding-left: 0;
    font-size: 15px;
    line-height: 14px;
    display: block;
    top: 0;
    bottom: 0;
  }

  .main-navbar-button.w--open {
    border-style: none;
  }

  .section-main-navbar {
    border-style: none none solid;
    border-width: 1px;
    border-top-color: #8a8686;
    border-left-color: #8a8686;
    border-right-color: #8a8686;
    padding: 7px 5px 10px;
    box-shadow: 0 2px 3px #00000073;
  }

  .section-main-navbar.w--open {
    padding-top: 0;
  }

  .main-navbar-button-open {
    float: right;
    margin-right: 0;
    padding-top: 12px;
    padding-bottom: 12px;
    display: block;
  }

  .main-navbar-button-open.w--open {
    background-image: linear-gradient(#2b2c2e, #2b2c2e);
  }

  .image {
    width: 160px;
    margin-top: 13px;
    margin-left: 0;
  }

  .page-link.in-footer {
    margin-left: 10px;
  }

  .footer-title {
    margin-top: 25px;
    margin-left: 10px;
  }

  .product-category-header {
    text-align: center;
    font-size: 18px;
    line-height: 20px;
  }

  .product-category-text {
    text-align: center;
    margin-bottom: 0;
    font-size: 14px;
    line-height: 18px;
  }

  .footer {
    margin-top: 0;
  }

  .product-category-image {
    box-shadow: none;
    text-align: center;
    background-image: linear-gradient(#f0f0f0, #f0f0f0);
    margin-top: 10px;
  }

  .product-category-image:hover {
    background-image: linear-gradient(#f0f0f0, #f0f0f0);
  }

  .product-category-image.mobile-box-white {
    background-image: linear-gradient(#fff, #fff);
  }

  .product-category-image.mobile-box-white:hover {
    background-color: #fff;
  }

  .product-category-image.desktop-box-white {
    background-image: linear-gradient(#fff, #fff);
  }

  .product-category-image.desktop-box-white:hover {
    background-color: #fff;
  }

  .product-category-image.desktop-box-white.mobile-box-gray {
    background-color: #f0f0f0;
    background-image: linear-gradient(#f2f2f2, #f2f2f2);
  }

  .container-main-navbar {
    padding-left: 5px;
    overflow: visible;
  }

  .featured-videos-header {
    margin-top: 10px;
    margin-bottom: 0;
    padding-top: 0;
    font-size: 24px;
    line-height: 32px;
  }

  .button-view-all-videos {
    margin-top: 20px;
    padding-bottom: 40px;
  }

  .button-view-all-videos.main-page {
    padding-bottom: 20px;
  }

  .button-video-library {
    border-width: 2px;
    margin-top: -10px;
    padding: 10px 15px;
    font-size: 16px;
    font-weight: 500;
  }

  .container-27 {
    display: block;
  }

  .navbar-product-category-links {
    color: #333;
    background-color: #0000;
    border: 0 solid #000;
    border-bottom: 1px solid #00000029;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 25px;
    font-family: Roboto;
    font-size: 14px;
    display: block;
  }

  .navbar-product-category-links:hover {
    color: #216fac;
  }

  .navbar-product-category-links.w--current {
    color: #fdfdfd;
  }

  .navbar-product-category-links.active {
    color: #a8a8a8;
    border-bottom-color: #00000029;
    margin-top: auto;
    padding-top: 10px;
    padding-bottom: 10px;
    font-weight: 500;
  }

  .navbar-product-category-links.active.w--current {
    color: #c7c5c5;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 14px;
  }

  .text-block-12 {
    color: #6b539c;
    margin-top: 16px;
    margin-bottom: 0;
    margin-left: 0;
    padding-left: 10px;
    font-family: Roboto Condensed;
    font-size: 18px;
    font-weight: 400;
  }

  .navbar-product-category-home {
    color: #fff;
    background-color: #6b539c;
    border-bottom: 1px solid #fff6;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 20px;
    font-family: Roboto;
    font-size: 14px;
    display: block;
  }

  .navbar-product-category-home:hover {
    color: #ffffff57;
  }

  .navbar-product-category-home.w--current {
    color: #fdfdfd;
  }

  .nabar-product-categories {
    color: #333;
    background-color: #eee;
    border: 0 #000;
    box-shadow: 0 2px 3px 1px #0000007d;
  }

  .navbar-categories-mobile {
    z-index: 0;
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    background-color: #eee;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: block;
    position: sticky;
    top: 0;
  }

  .container-product-category-header {
    margin-top: 0;
  }

  .header-prod-categories {
    text-align: center;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 20px;
    line-height: 22px;
    display: block;
  }

  .header-prod-categories.mobile-white {
    color: #fff;
  }

  .box-learn-more-links {
    margin-top: 5px;
  }

  .box-learn-more-links.sub-hero-links {
    padding-bottom: 20px;
  }

  .button-learn-more-info {
    padding-right: 14px;
    font-size: 18px;
    line-height: 20px;
  }

  .button-learn-more-info.sub-hero-links {
    background-image: linear-gradient(#0000, #0000);
    border-radius: 24px;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 18px;
  }

  .products-header {
    text-align: center;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 28px;
    line-height: 30px;
  }

  .products-header.white {
    margin-top: 0;
    margin-bottom: 0;
  }

  .section-10gbe-comparison-chart {
    border-top-width: 2px;
    border-bottom-width: 2px;
    margin-top: 0;
  }

  .comparison-chart-text-product {
    text-align: center;
    margin-top: 0;
  }

  .comparison-chart-divider {
    margin-top: 20px;
    margin-bottom: 0;
  }

  .comparison-chart {
    margin-bottom: 20px;
  }

  .comparison-chart-product-name {
    padding-top: 25px;
  }

  .comparison-chart-header {
    color: #fff;
    background-image: linear-gradient(#000, #000);
    margin-top: 30px;
    margin-bottom: 10px;
    padding: 20px 10px;
    font-size: 20px;
    line-height: 24px;
  }

  .list-item-na {
    padding-left: 25px;
  }

  .comparison-chart-foot-note {
    padding-left: 10px;
    padding-right: 10px;
    font-size: 12px;
  }

  .comparison-chart-image {
    text-align: center;
    flex-direction: row;
    justify-content: center;
    align-items: center;
  }

  .footer-social-media-icons-box {
    text-align: center;
  }

  .footer-presales-text {
    text-align: center;
    margin-bottom: 0;
    margin-left: 0;
    font-size: 18px;
  }

  .footer-presales-questions-hdr {
    text-align: center;
    margin-top: 35px;
    margin-bottom: 5px;
    margin-left: 10px;
    font-size: 22px;
  }

  .footer-newsletter-bug {
    text-align: center;
    max-width: none;
    padding-left: 0;
  }

  .image-newsletter-bug {
    width: 280px;
  }

  .footer-copyright-notice {
    margin-top: 35px;
    font-size: 12px;
    line-height: 18px;
  }

  .comparison-chart-product-photo {
    max-width: 80%;
  }

  .footer-column1 {
    padding-left: 5px;
    padding-right: 5px;
  }

  .footer-country {
    margin-left: 10px;
  }

  .footer-country-box {
    margin-top: 25px;
    margin-left: 0;
  }

  .section-featured-videos {
    background-image: linear-gradient(#000, #2974b6 60%);
    padding-top: 20px;
    padding-bottom: 0;
  }

  .section-product-category-image {
    text-align: center;
    background-image: linear-gradient(#00000080, #00000080), url('../images/prodhero-tb-pcie-systems.jpg');
    background-position: 0 0, 0 0;
    background-repeat: repeat, repeat;
    background-size: auto, cover;
    background-attachment: scroll, scroll;
    margin-bottom: 0;
    padding-top: 10px;
    padding-bottom: 0;
    padding-left: 10px;
  }

  .section-product-category-image.tb-egpu-enclosures {
    background-image: linear-gradient(to right, #0006, #0000), url('../images/hdr-egpu-enclosures.jpg');
    background-position: 0 0, 60% 100%;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
    background-attachment: scroll, scroll;
    padding-top: 30px;
    padding-bottom: 30px;
    padding-right: 10px;
  }

  .section-product-category-image.tb-ethernet-networking {
    background-position: 0 0, 20% 80%;
    padding-top: 30px;
    padding-bottom: 30px;
    padding-right: 10px;
  }

  .section-product-category-image.tb-pro-media-readers, .section-product-category-image.tb-pcie-expansion-systems {
    padding-top: 30px;
    padding-bottom: 30px;
    padding-right: 10px;
  }

  .section-product-category-image.tb-docks-and-hubs {
    background-position: 0 0, 100%;
    background-size: auto, cover;
    background-attachment: scroll, scroll;
    padding-top: 30px;
    padding-bottom: 30px;
    padding-right: 10px;
  }

  .section-product-category-image.tb-dual-display-adapters {
    padding-top: 30px;
    padding-bottom: 30px;
    padding-right: 10px;
  }

  .section-product-category-image.tb-cables-and-accessories {
    background-position: 0 0, 50% 0;
    padding-top: 30px;
    padding-bottom: 30px;
    padding-right: 10px;
  }

  .section-product-category-image.tb-duomodo, .section-product-category-image.tb-mac-mini-expansion {
    padding-top: 30px;
    padding-bottom: 30px;
    padding-right: 10px;
  }

  .section-categories-buttons {
    margin-top: 0;
    display: none;
  }

  .product-category-header-white {
    text-align: center;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 24px;
    line-height: 28px;
    display: block;
  }

  .product-category-subhead-white {
    text-align: center;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 18px;
    font-weight: 500;
    line-height: 26px;
    display: none;
  }

  .product-category-mobile-header {
    background-image: linear-gradient(#eee, #eee);
    border: 1px solid #ffffff21;
    margin-top: -3px;
    margin-bottom: 0;
    padding-bottom: 10px;
    display: none;
  }

  .subhero-header {
    padding-top: 0;
    font-size: 20px;
  }

  .subhero-text {
    font-size: 16px;
    line-height: 18px;
    display: block;
  }

  .home-why-sonnet {
    background-image: linear-gradient(#92929280, #92929280);
    margin-top: 40px;
    display: block;
  }

  .why-sonnet-header {
    margin-top: 30px;
    font-size: 30px;
    line-height: 35px;
  }

  .why-sonnet-subhead {
    margin-top: 0;
    padding-bottom: 10px;
    padding-left: 0;
    padding-right: 0;
    line-height: 20px;
  }

  .why-sonnet-text {
    margin-top: 0;
    padding-bottom: 0;
  }

  .why-sonnet-logos.sonnet-values-logo-mobile {
    margin-top: -15px;
    margin-bottom: 0;
  }

  .why-sonnet-logo-image {
    width: 50%;
    max-width: 50%;
  }

  .why-sonnet-icon-container {
    margin-bottom: 0;
    padding: 0 20px 20px;
  }

  .home-tagline-bar-subhead {
    color: #fff9;
    margin-top: 2px;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 18px;
    line-height: 22px;
  }

  .home-tagline-bar-header {
    margin-bottom: 8px;
    font-size: 18px;
    font-weight: 400;
    line-height: 22px;
    display: block;
  }

  .social-media-icon {
    width: 35px;
    max-width: 100%;
    padding-right: 0;
  }

  .footer-social-media-icons {
    justify-content: center;
    align-items: center;
    padding-left: 10px;
  }

  .social-media-icon-boxes {
    margin-right: 10px;
  }

  .box-product-category {
    flex-flow: column;
    width: auto;
    padding-top: 30px;
    padding-bottom: 35px;
    display: flex;
  }

  .box-product-category.mobile-box-overlay {
    background-image: linear-gradient(#0000000f, #0000000f);
    margin: 0;
    padding: 30px 10px;
    display: block;
  }

  .box-product-category.mobile-box-hide {
    padding-top: 0;
    padding-bottom: 0;
  }

  .box-product-category.mobile-legacy-products-padding {
    padding-top: 20px;
  }

  .main-navbar-dropdown-menu {
    margin-left: 15px;
    margin-right: 15px;
    padding-bottom: 12px;
    padding-left: 0;
    padding-right: 0;
  }

  .mainnav-dropdown-link {
    margin-left: 40px;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 35px;
  }

  .icon-8 {
    margin-right: -5px;
  }

  .dropdown-3 {
    margin-left: 5px;
    margin-right: 5px;
  }

  .product-category-hero-header {
    font-size: 30px;
    line-height: 30px;
  }

  .product-category-hero-subhead {
    padding-top: 10px;
    padding-left: 0;
    padding-right: 0;
    font-size: 18px;
    line-height: 22px;
  }

  .product-category-hero-subhead.computer-cards {
    padding-left: 0;
    padding-right: 0;
  }

  .product-category-hero-text {
    padding-left: 10px;
    padding-right: 10px;
    font-size: 16px;
    line-height: 20px;
  }

  .section-product-categories {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    padding-top: 0;
    padding-bottom: 0;
    display: block;
  }

  .section-product-categories.desktop-box-gray {
    background-image: none;
    padding-bottom: 0;
  }

  .section-product-categories.section-product-categories-padding {
    margin-bottom: 0;
  }

  .box-product-categories {
    width: auto;
    margin-top: 0;
    display: block;
  }

  .box-product-categories.padding-legacy-products {
    border-top-style: none;
    border-bottom-style: none;
    margin-bottom: 0;
    padding-bottom: 0;
  }

  .section-product-category-hero-text {
    margin-top: 0;
  }

  .section-product-category-hero {
    background-position: 50% 0;
    display: block;
  }

  .box-product-category-hero {
    flex: 0 auto;
    align-self: center;
    padding-top: 0;
    padding-bottom: 0;
    overflow: hidden;
  }

  .box-product-category-hero.prodcathero-accessories-products {
    display: block;
  }

  .product-category-hero {
    max-width: 140%;
    margin-right: 0;
    display: inline-block;
    overflow: visible;
  }

  .product-category-hero.prodcathero-accessories-products {
    max-width: 170%;
    display: block;
    transform: translate(-124px, -14px);
  }

  .product-category-hero.tb-products-hero {
    flex: none;
    align-self: center;
    max-width: 150%;
    display: block;
    overflow: hidden;
  }

  .product-category-hero.egpu-hero-products {
    max-width: 180%;
    transform: translate(-18px);
  }

  .product-category-hero._10gbe-hero-products {
    max-width: 180%;
    transform: translate(-25px, -14px);
  }

  .product-category-hero.media-readers-hero {
    flex: none;
    align-self: center;
    max-width: 160%;
    display: block;
    overflow: hidden;
    transform: translate(-10px);
  }

  .product-category-hero.computer-cards-hero, .product-category-hero.mac-expansion-hero {
    flex: none;
    align-self: center;
    max-width: 160%;
    display: block;
    overflow: hidden;
    transform: none;
  }

  .product-category-hero.docks-hero-products {
    max-width: 180%;
    transform: translate(-18px);
  }

  .product-category-hero-box.product-category-hero-box-tbdocks {
    margin-bottom: 0;
    padding-bottom: 20px;
  }

  .sonnet-benefits-bar {
    margin-top: 0;
    padding-bottom: 30px;
  }

  .sonnet-benefits-bar-text {
    font-size: 18px;
    line-height: 24px;
  }

  .sonnet-benefits-bar-icon {
    max-width: 35%;
  }

  .sonnet-benefits-bar-box-icon.sonnet-benefits-logo-mobile {
    margin-top: -15px;
    margin-bottom: 0;
    padding-top: 0;
  }

  .sonnet-benefits-bar-icon-box {
    padding-bottom: 30px;
  }

  .sonnet-benefits-bar-header {
    font-size: 24px;
  }

  .button-buy-now {
    padding-left: 20px;
    padding-right: 14px;
    font-size: 18px;
    line-height: 20px;
  }

  .slider-products-featured-videos {
    margin-bottom: 30px;
  }

  .box-products-featured-video {
    border-style: none;
    border-width: 5px;
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .products-featured-videos {
    background-image: linear-gradient(#000, #2974b6 100%, #fff 100%, #b4a5d1 100%, #fff);
    padding-top: 30px;
  }

  .left-arrow-4 {
    max-width: 10%;
  }

  .icon-9, .icon-10 {
    font-size: 18px;
  }

  .right-arrow-4 {
    max-width: 10%;
  }

  .container-products-featured-videos {
    border-style: solid;
    border-width: 5px;
    margin: 30px;
  }

  .header-product-features-video-description {
    margin-top: 10px;
    margin-bottom: 5px;
    font-size: 11px;
    line-height: 12px;
  }

  .product-name-header {
    text-align: center;
    font-size: 18px;
    line-height: 20px;
  }

  .product-name-text {
    text-align: center;
    width: 100%;
    margin-bottom: 0;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 14px;
    line-height: 18px;
  }

  .product-name-text.product-name-text-2cols {
    width: 100%;
  }

  .section-product-category-title {
    padding-top: 0;
    padding-bottom: 0;
    display: block;
  }

  .section-product-category-title.mobile-bar-black {
    background-color: var(--black);
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .section-product-category-title.mobile-bar-black.mobile-top-pad20 {
    margin-top: 20px;
  }

  .section-product-category-title.mobile-bar-black.mobile-top-pad15 {
    margin-top: 15px;
  }

  .section-product-category-title.mobile-bar-black.desktop-bar-gray {
    background-color: #000;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .button-comparison-chart-learn-more {
    text-align: center;
    justify-content: center;
    align-items: center;
    max-width: 35%;
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 15px;
    padding-bottom: 15px;
    font-family: Roboto;
    font-size: 16px;
    display: block;
  }

  ._10gbe-comparison-chart-subhead {
    margin-top: 20px;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 15px;
    font-weight: 500;
    line-height: 20px;
  }

  .footer-columns {
    padding-right: 0;
  }

  .section-categories-mobile-dropdown {
    justify-content: center;
    align-items: center;
    margin-top: 20px;
    margin-bottom: 20px;
    padding-top: 0;
    display: flex;
  }

  .dropdown-product-categories-header {
    color: #6b539c;
    padding-left: 0;
    font-family: Roboto Custom, Arial, sans-serif;
    font-size: 18px;
    font-weight: 500;
  }

  .dropdown-product-categories {
    text-align: center;
    flex: 1;
    order: 0;
    align-self: auto;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    padding-right: 10px;
  }

  .dropdown-product-categories-toggle {
    text-align: center;
    padding: 5px 0 10px;
    display: inline-block;
  }

  .dropdown-product-categories-toggle.w--open {
    padding-left: 0;
    padding-right: 0;
    display: inline-block;
  }

  .dropdown-product-categories-list {
    background-color: #ddd;
  }

  .dropdown-product-categories-list.w--open {
    box-shadow: none;
    color: #333;
    text-align: left;
    background-color: #2b2c2e;
    border: 2px solid #999797;
    border-left: 1px #dbdbdb;
    border-right: 1px #dbdbdb;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 20px;
    padding-bottom: 20px;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 500;
    line-height: 14px;
  }

  .dropdown-product-categories-items {
    color: #ebebeb;
    margin-left: 22px;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 0;
    font-family: Roboto Custom, Arial, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 18px;
  }

  .dropdown-product-categories-items:hover {
    color: var(--white);
  }

  .dropdown-product-categories-items.w--current {
    margin-left: 22px;
  }

  .dropdown-product-categories-icon {
    transform: translate(38px);
  }

  .container-footer {
    padding-left: 10px;
    padding-right: 10px;
    display: block;
  }

  .videos-youtube-playlists {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .home-subhero-text {
    margin-top: 15px;
    margin-bottom: 15px;
  }

  .home-subhero-100vw {
    height: 80%;
  }

  .site-map-header {
    margin-top: 10px;
    margin-bottom: 0;
    padding-top: 0;
    font-size: 30px;
    line-height: 32px;
  }

  .section-site-map {
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .site-map-main-category-header {
    font-size: 24px;
    font-weight: 500;
  }

  .site-map-category-header {
    font-size: 20px;
  }

  .container-site-map-header {
    margin-top: 30px;
  }

  .column-108, .column-109, .column-110, .column-111, .column-112, .column-113, .column-114, .column-115, .column-116, .column-117, .column-118, .column-119, .column-120, .column-121, .column-124, .column-125, .column-126, .column-127 {
    padding-left: 0;
    padding-right: 0;
  }

  .box-subhero-content {
    border-bottom: 2px solid #ddd;
    width: 100%;
    display: block;
  }

  .box-subhero-content.pad1e {
    border-bottom-color: #ddd;
  }

  .box-subhero-content.box-subhero-content-no-divider {
    border-bottom-style: none;
  }

  .home-section-subheros {
    margin-top: 0;
    display: block;
  }

  .section-product-category-header {
    margin-top: 40px;
    margin-bottom: 0;
  }

  .section-sonnet-products-header {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .featured-products-header {
    text-align: center;
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 20px;
    line-height: 22px;
  }

  .section-featured-products-header {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
  }

  .featured-products-100vw {
    height: 80%;
  }

  .box-featured-products-text {
    margin-top: 15px;
    margin-bottom: 15px;
  }

  .featured-product-header {
    margin-top: 10px;
    padding-top: 0;
    font-size: 20px;
  }

  .featured-product-text {
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 16px;
    line-height: 18px;
  }

  .box-featured-products-hero {
    margin-bottom: 0;
  }

  .box-featured-products-hero.featured-products-border {
    border-right-style: none;
    margin-bottom: 2px;
    padding-left: 0;
    padding-right: 0;
  }

  .section-site-body {
    padding-top: 20px;
    padding-left: 15px;
    padding-right: 15px;
  }

  .site-header {
    margin-top: 10px;
    margin-bottom: 0;
    padding-top: 0;
    font-size: 30px;
    line-height: 32px;
  }

  .site-header.cookie-policy {
    margin-top: 20px;
  }

  .site-text, .site-text.privacy-policy {
    text-align: left;
  }

  .container-site-header {
    margin-top: 30px;
  }

  .container-site-text {
    margin-top: 20px;
  }

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

  .privacy-web-links {
    font-size: 12px;
    line-height: 16px;
  }

  .section-banner-2019-mac-pro.computer-cards-page {
    margin-bottom: 20px;
  }

  .image-banner-2019-mac-pro.computer-cards-page {
    max-width: 100%;
  }

  .section-home-hero-text {
    padding-top: 20px;
  }

  .section-home-hero-text.section-home-hero-black-box {
    padding-top: 0;
    padding-bottom: 0;
  }

  .home-hero-text-box {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0 20px 50px;
    display: flex;
  }

  .home-hero-header {
    text-align: center;
    margin-bottom: 15px;
    font-size: 40px;
    line-height: 45px;
  }

  .home-hero-button-learn-more {
    background-image: linear-gradient(#0000, #0000), url('../images/icon-arrow-right-blue.png');
    background-position: 0 0, 100% 56%;
    background-size: auto, 8px;
    background-attachment: scroll, scroll;
    margin-right: 0;
    padding-right: 14px;
    font-size: 20px;
    line-height: 20px;
  }

  .home-hero-button-learn-more.home-docks {
    background-image: url('../images/icon-arrow-right-white.png'), linear-gradient(#0000, #0000);
    background-position: 100% 56%, 0 0;
    background-size: 8px, auto;
  }

  .home-hero-box-button {
    flex-direction: row;
    margin-top: 5px;
    padding-top: 0;
  }

  .section-home-hero {
    display: flex;
  }

  .section-home-hero.home-duomodo {
    height: 30vh;
    padding-top: 50px;
  }

  .home-hero-image-box {
    background-image: linear-gradient(#0000, #0000);
    flex: 1;
    align-self: auto;
    padding-top: 0;
    padding-bottom: 0;
  }

  .home-hero-subhead {
    text-align: center;
    font-size: 20px;
    line-height: 26px;
  }

  .home-hero-subhead.home-duomodo {
    font-size: 24px;
    line-height: 28px;
  }

  .badge-product-new {
    top: -2px;
  }

  .home-work-from-home-bar {
    border-bottom: 2px solid #817a8d;
    flex-direction: column;
  }

  .home-work-from-home-header {
    font-size: 22px;
    line-height: 26px;
    display: none;
  }

  .home-work-from-home-icon {
    margin-bottom: 10px;
  }

  .home-work-from-home-link {
    padding-right: 14px;
    font-size: 20px;
    line-height: 20px;
  }

  .home-work-from-home-header-mobile {
    font-size: 22px;
    line-height: 26px;
    display: flex;
  }

  .home-hero-subhead-gray {
    text-align: center;
    font-size: 18px;
    line-height: 24px;
  }

  .badge-subhero-new {
    font-size: 14px;
    line-height: 20px;
    top: -2px;
  }

  .section-featured-products-boxes {
    flex-direction: column;
    margin-bottom: 0;
  }

  .badge-hero-new {
    border-width: 1px;
    font-size: 10px;
    line-height: 15px;
    top: -6px;
  }

  .badge-hero-new.badge-hero-new-white {
    color: var(--white);
    border-color: #fff;
  }

  .badge-hero-new.badge-hero-new-home-docks.badge-hero-new-home-docks-smaller {
    font-size: 12px;
    line-height: 16px;
  }

  .section-why-thunderbolt3-video {
    background-image: linear-gradient(#000, #2974b6 100%, #fff 100%, #b4a5d1 100%, #fff);
    padding-top: 20px;
  }

  .why-thunderbolt3-video-header {
    margin-top: 10px;
    margin-bottom: 0;
    padding-top: 0;
    padding-left: 15px;
    padding-right: 15px;
    font-size: 20px;
    line-height: 28px;
  }

  .slider-why-thunderbolt3-video {
    margin-bottom: 30px;
  }

  .why-thunderbolt3-video-box {
    border-style: solid;
    border-width: 5px;
    margin: 30px;
  }

  .box-why-thunderbolt3-video {
    border-style: none;
    border-width: 5px;
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .why-thunderbolt3-video-title {
    margin-top: 10px;
    margin-bottom: 5px;
    font-size: 11px;
    line-height: 12px;
  }

  .why-thunderbolt3-video-left-arrow, .why-thunderbolt3-video-right-arrow {
    max-width: 10%;
  }

  .why-thunderbolt3-video-video-library-box {
    margin-top: 20px;
    padding-bottom: 20px;
  }

  .badge-prodcategory-new {
    font-size: 12px;
    line-height: 20px;
    top: -2px;
  }

  .box-learn-more-links-duomodo {
    padding-left: 22px;
  }

  .button-duomodo {
    background-image: linear-gradient(#0000, #0000), url('../images/icon-arrow-right-blue.png');
    background-position: 0 0, 100% 55%;
    background-size: auto, 7px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 12px;
    font-size: 16px;
    line-height: 18px;
  }

  .tb3-tb4-ports-icon-mobile {
    width: 30%;
  }

  .tb3-tb4-ports-header-mobile {
    font-size: 14px;
    line-height: 18px;
  }

  .comparison-chart-text-subheader {
    text-align: center;
    margin-top: 0;
  }

  .m1-dual-display-adapters-image-mobile {
    display: block;
  }

  .section-home-hero-mobile {
    display: none;
  }

  .button-egpu-bundles {
    background-image: linear-gradient(#0000, #0000), url('../images/icon-arrow-right-blue.png');
    background-position: 0 0, 100% 55%;
    background-size: auto, 7px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 12px;
    font-size: 18px;
    line-height: 20px;
  }

  .product-promo-banner {
    padding-bottom: 40px;
    padding-left: 0;
    padding-right: 0;
  }

  .promo-banner-box-radeonrx6900xt {
    border-radius: 0;
    padding-bottom: 40px;
    padding-left: 5px;
    padding-right: 5px;
  }

  .promo-banner-hero-radeonrx6900xt {
    max-width: 280px;
  }

  .promo-banner-header-radeonrx6900xt {
    margin-bottom: 15px;
    font-size: 21px;
    line-height: 25px;
  }

  .promo-banner-text-radeonrx6900xt {
    margin-bottom: 0;
    padding-right: 0;
    font-size: 16px;
    line-height: 20px;
  }

  .promo-banner-box-buy-button {
    margin-top: 20px;
    margin-bottom: 0;
  }

  .promo-banner-buy-button {
    border-radius: 5px;
    justify-content: center;
    align-items: center;
    margin: 0;
    display: inline-block;
  }

  .promo-banner-buy-button.promo-banner-buy-button-white-outline {
    max-width: 100%;
    margin-left: 5px;
    margin-right: 5px;
    padding: 5px;
    font-size: 16px;
    line-height: 20px;
  }

  .promo-banner-box-in-stock {
    transform: translate(62px, -38px);
  }

  .promo-banner-hero-box-radeonrx6900xt {
    margin-left: 0;
    margin-right: 0;
  }

  .promo-banner-box-footers {
    flex-direction: column;
    justify-content: flex-start;
  }

  .promo-banner-box-limited-time-availability {
    transform: translate(0, -20px);
  }

  .box-learn-more-links-egpu-bundles {
    padding-left: 22px;
  }

  .home-hero-link-mobile {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .product-promo-banner-full-screen {
    padding-left: 0;
    padding-right: 0;
  }

  .displayadapters-container-charts {
    margin-top: 60px;
    padding-left: 0;
    padding-right: 0;
  }

  .displayadapters-charts {
    width: 90%;
    margin-bottom: 50px;
    padding: 30px 10px;
  }

  .displayadapters-chart-main-header, .displayadapters-chart-main-subheader {
    margin-bottom: 30px;
    font-size: 26px;
    line-height: 32px;
  }

  .egpu-promo-box {
    padding-top: 20px;
  }

  .egpu-promo-text {
    font-size: 18px;
    line-height: 25px;
  }

  .home-2-heros-header-box {
    margin-bottom: 30px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .home-2-heros-header {
    margin-bottom: 20px;
    font-size: 50px;
    line-height: 50px;
  }

  .home-2-heros-products {
    flex-direction: column;
  }

  .home-2-heros-100vw {
    width: 100%;
    height: 100%;
  }

  .box-home-2-heros-products {
    margin-bottom: 5px;
  }

  .home-2-heros-product-name {
    padding-top: 0;
    font-size: 20px;
  }

  .home-2-heros-product-name._2-heros-header-red {
    margin-bottom: 10px;
    font-size: 24px;
    line-height: 28px;
  }

  .home-2-heros-product-tagline {
    font-size: 20px;
    line-height: 24px;
  }

  .main-box-home-2-heros {
    background-image: linear-gradient(15deg, #000, #000c 19%, #0009 51%, #0000), linear-gradient(#03030314, #03030314), url('../images/home-2-heros-bg1.jpg');
    background-position: 0 0, 0 0, 100% 0;
    border-style: none;
    border-radius: 0;
    padding-top: 50px;
    padding-bottom: 60px;
  }

  .box-home-2-heros-text {
    margin-top: 15px;
    margin-bottom: 15px;
  }

  .box-home-2-heros-learn-more-links {
    flex-direction: column;
    align-items: center;
    margin-top: 5px;
  }

  .button-home-2-heros-learn-more {
    background-image: linear-gradient(#0000, #0000), url('../images/icon-arrow-right-blue.png');
    background-position: 0 0, 100%;
    background-size: auto, 9px;
    margin-right: 0;
    padding-right: 14px;
    font-size: 20px;
    line-height: 22px;
  }

  .button-home-2-heros-learn-more.button-home-2-heroes-learn-more-padding {
    background-image: linear-gradient(#0000, #0000), url('../images/icon-arrow-right-blue.png');
    background-position: 0 0, 100%;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-right: 14px;
  }

  .home-2-heros-subheader {
    font-size: 26px;
    line-height: 32px;
  }

  .home-2-headers-subheader-red {
    font-size: 32px;
    line-height: 32px;
  }

  .badge-home-hero-new-white {
    font-size: 14px;
    line-height: 20px;
    top: -2px;
  }

  .home-2-heros-footer {
    margin-left: 20px;
    margin-right: 20px;
    padding: 10px;
    font-size: 16px;
    line-height: 20px;
  }

  .home-2-heros-footer-box {
    margin-top: 50px;
  }

  .section-home-2-heros {
    padding: 0;
  }

  .section-product-subcategory-hero-text {
    margin-top: 0;
    margin-bottom: 40px;
  }

  .container-why-choose-sonnet2 {
    padding-bottom: 30px;
    display: block;
  }

  .why-sonnet-subhead2 {
    margin-top: 0;
    padding-bottom: 5px;
    padding-left: 0;
    padding-right: 0;
  }

  .home-hero-xmac-rackmack-studio {
    display: block;
  }

  .home-section-hero {
    border-bottom-width: 2px;
  }

  .nab-opening-section {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .text-block-13 {
    text-align: center;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 25px;
    line-height: 30px;
  }

  .nab-videos-photos-header {
    text-align: center;
    font-size: 30px;
    font-weight: 400;
    line-height: 35px;
  }

  .nab-photos-box {
    border-bottom-width: 2px;
    padding: 50px 20px;
  }

  .nab-photos-box.nab-photos-booth-posters {
    padding-bottom: 50px;
  }

  .nab-photos-box.nab-photos-box-no-padding {
    padding-top: 0;
  }

  .nab-pdf-icon {
    width: 100px;
  }

  .nab-pdf-icon-text {
    text-align: center;
  }

  .nab-prep-checklist-box {
    border-style: none;
    border-radius: 0;
  }

  .nab-prep-checklist-text {
    font-size: 18px;
    line-height: 22px;
  }

  .nab-prep-checklist-header {
    text-align: center;
    font-size: 30px;
    line-height: 35px;
  }

  .nab-logo {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }

  .text-block-14 {
    text-align: center;
    margin-bottom: 20px;
    font-size: 30px;
    line-height: 35px;
  }

  .nab-booth-photo {
    border: 1px solid #b9b9b9;
  }

  .nab-booth-overview-photo {
    width: 100%;
    padding: 0;
  }

  .tbdocks-chart-box-container {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  .tbdocks-chart-box {
    width: 100%;
    max-width: 100%;
    display: block;
  }

  .tbdocks-chart-dropdown {
    width: 100%;
  }

  .tb-docks-chart-dropdown-header {
    margin-top: 0;
    margin-right: 0;
    padding-right: 0;
    font-size: 18px;
    line-height: 28px;
    display: block;
  }

  .tbdocks-docks-assistant-subheader {
    font-size: 18px;
    line-height: 25px;
  }

  .tb-docks-chart-icon-small {
    max-width: 50px;
    margin-right: 0;
    display: none;
  }

  .acc-head-tbdocks-chart {
    width: 80%;
    max-width: 100%;
    padding: 5px;
  }

  .section-tbdocks-reviews {
    margin-top: 50px;
    padding-bottom: 50px;
  }

  .tbdocks-reviews-video-box {
    width: 100%;
  }

  .box-coming-soon-badge {
    margin-top: 5px;
  }

  .product-name-subheader {
    text-align: center;
    margin-top: 5px;
    font-size: 16px;
    line-height: 18px;
  }

  .tbdocks-reviews-text-box {
    padding-left: 0;
    padding-right: 0;
  }

  .product-name-text-list {
    width: 100%;
    margin-top: 15px;
    padding-left: 35px;
    padding-right: 35px;
  }

  .tbdocks-video-review-links-gallery.tbdocks-more-videos-mobile {
    border-style: none;
    border-radius: 0;
    padding-left: 0;
  }

  .section-lifestyles-block {
    display: none;
  }

  .section-home-2023-mac-pro {
    flex-direction: column;
  }

  .home-2023-mac-pro-header {
    display: none;
  }

  .home-2023-mac-pro-image {
    margin-left: 5px;
    margin-right: 5px;
  }

  .subhero-main-header {
    padding-top: 0;
    font-size: 20px;
  }

  .home-2023-mac-pro-header-mobile {
    text-align: center;
    justify-content: center;
    align-items: center;
    margin-top: 10px;
    margin-bottom: 20px;
    padding-left: 0;
    padding-right: 0;
    display: flex;
  }

  .home-hero-subhead-price {
    text-align: center;
    font-size: 22px;
    line-height: 24px;
  }

  .home-hero-subhead-us-msrp {
    text-align: center;
    font-size: 18px;
    line-height: 24px;
  }

  .home-docks-header {
    font-size: 30px;
    line-height: 40px;
  }

  .home-docks-header.home-docks-header-black {
    font-size: 45px;
    line-height: 48px;
  }

  .home-docks-header.home-docks-header-purple {
    font-size: 40px;
    line-height: 45px;
  }

  .home-docks-subhero-container {
    margin-top: 10px;
    padding-left: 0;
    padding-right: 0;
  }

  .home-docks-subhero {
    background-color: #fff;
    box-shadow: 0 1px 5px #0003;
  }

  .home-docks-subhero-header {
    font-size: 22px;
    line-height: 26px;
  }

  .home-docks-hero-images {
    width: 100%;
    margin-bottom: 20px;
  }

  .home-docks-hero-images.home-docks-subhero-mobile {
    width: 95%;
    padding-top: 10px;
    padding-bottom: 0;
  }

  .home-docks-main-hero {
    background-position: 0 0, 0 0, 100% 0;
    padding: 40px 10px 0;
  }

  .home-docks-main-hero.home-docks-main-hero-bg1 {
    border-style: none;
    box-shadow: 0 1px 5px #0003;
  }

  .home-docks-main-hero.home-docks-main-hero-bg1.home-docks-main-hero-padding {
    border-style: none;
    border-radius: 5px;
    margin-bottom: 10px;
    margin-right: 0;
    padding-right: 10px;
    box-shadow: 0 1px 5px #0003;
  }

  .section-home-docks {
    padding-left: 10px;
    padding-right: 10px;
  }

  .section-home-docks.section-home-docks-v2, .section-home-docks.section-home-docks-v3 {
    padding-top: 40px;
  }

  .home-docks-main-hero-header {
    font-size: 24px;
    line-height: 30px;
  }

  .home-docks-main-hero-header.home-docks-main-hero-header-smaller {
    margin-bottom: 5px;
    font-size: 22px;
    line-height: 26px;
  }

  .home-docks-main-hero-subheader {
    font-size: 22px;
    line-height: 28px;
  }

  .home-docks-main-hero-subheader.home-docks-main-hero-subheader-smaller {
    font-size: 20px;
    font-weight: 500;
    line-height: 22px;
  }

  .home-docks-subheader {
    font-size: 26px;
    line-height: 30px;
  }

  .home-docks-subheader.home-docks-subheader-gray {
    margin-top: 15px;
    font-size: 30px;
    font-weight: 400;
    line-height: 32px;
  }

  .home-docks-subheader.home-docks-subheader-black {
    margin-top: 5px;
    font-size: 25px;
    font-weight: 400;
    line-height: 28px;
  }

  .home-docks-header-box {
    padding-left: 10px;
    padding-right: 10px;
  }

  .home-docks-subhero-subheader {
    font-size: 20px;
    line-height: 22px;
  }

  .home-docks-see-all-docks-button.home-docks-see-all-docks-button-v2 {
    font-weight: 500;
  }

  .home-docks-see-all-docks-button.home-docks-see-all-docks-button-v2:hover {
    font-weight: 700;
  }

  .home-docks-see-all-docks-button-container {
    margin-top: 20px;
  }

  .product-category-legacy-products-divider {
    display: block;
  }

  .product-categories-bottom-pad {
    margin-top: 0;
    display: block;
  }

  .product-categories-bottom-pad.mobile-gray {
    background-color: #f0f0f0;
    display: block;
  }

  .product-category-hero-main-header {
    font-size: 45px;
    line-height: 48px;
  }

  .acc-box {
    margin-left: 5px;
    margin-right: 5px;
  }

  .acc-box.tbdocks-video-reviews {
    background-color: #000;
  }

  .acc-head {
    padding-top: 16px;
    padding-right: 20px;
  }

  .acc-header {
    font-size: 20px;
    line-height: 24px;
  }

  .acc-arrow {
    width: 25px;
    height: 25px;
  }

  .acc-body {
    padding-left: 0;
    padding-right: 0;
  }

  .tbdocks-reviews-header {
    text-align: center;
    margin-top: 40px;
    font-size: 35px;
    line-height: 45px;
  }

  .tbdocks-web-reviews-header-box {
    margin-bottom: 20px;
  }

  .tbdocks-value-badge-box {
    padding-left: 19px;
  }

  .tbdocks-value-badge {
    width: 150px;
    margin-left: 0;
  }

  .tbdocks-value-badge-text {
    font-size: 14px;
    line-height: 16px;
  }

  .tbdocks-chart-box-container-copy {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  .tbdocks-rule {
    width: 100%;
  }

  .tbdocks-docks-assistant-comparison-chart-text {
    text-align: center;
  }

  .tbdocks-reviews-web-box {
    padding-left: 10px;
    padding-right: 10px;
  }

  .tbdocks-video-reviews-header-box {
    margin-bottom: 20px;
  }

  .tbdocks-chart-subheader-button {
    font-size: 18px;
    line-height: 25px;
  }

  .box-legacy-products {
    flex-flow: column;
    width: auto;
    padding-top: 10px;
    padding-bottom: 50px;
    display: flex;
  }

  .legacy-products-header {
    text-align: center;
    font-size: 18px;
    line-height: 20px;
  }

  .legacy-products-subheader {
    text-align: center;
    margin-bottom: 0;
    font-size: 14px;
    line-height: 18px;
  }

  .box-legacy-products-button {
    margin-top: 21px;
  }

  .button-legacy-products {
    padding-right: 14px;
    font-size: 18px;
    line-height: 20px;
  }

  .section-legacy-products {
    margin: 0;
    padding-top: 0;
    padding-bottom: 0;
    display: block;
  }

  .legacy-products-divider {
    width: 80%;
    display: flex;
  }

  .tbdocks-sample-reviews-box {
    flex-flow: row;
    display: none;
  }

  .tbdocks-reviews-video-header-box {
    border-top: 2px solid #fff9;
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .nab-booth-posters {
    margin-bottom: 30px;
  }

  .nab-booth-location-box {
    border-bottom-width: 2px;
    padding: 50px 20px;
  }

  .tbdocks-pdf-chart-box-mobile {
    flex-flow: row;
    justify-content: center;
    align-items: center;
    margin-top: 30px;
    padding-left: 50px;
    padding-right: 50px;
  }

  .tbdocks-chart-pdf-download-text-mobile {
    text-align: center;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .tbdocks-chart-pdf-link-mobile {
    text-align: left;
  }

  .section-black-friday-call-to-action {
    border-top-style: none;
    border-bottom-style: none;
    padding-top: 0;
    padding-bottom: 0;
  }

  .black-friday-call-to-action-text {
    font-size: 16px;
    line-height: 22px;
  }

  .black-friday-call-to-action-text-box {
    padding: 12px 10px;
  }

  .black-friday-banner {
    border-top: 15px #000;
    border-left: 10px #000;
    border-right: 10px #000;
    border-radius: 0;
    width: 100%;
  }

  .section-black-friday-banner, .black-friday-call-to-action-link {
    padding: 0;
  }

  .mm2024-sneak-peek-prod-header {
    margin-bottom: 20px;
    font-size: 32px;
    line-height: 38px;
  }

  .typo-zoom-text-image {
    width: 150px;
    padding-right: 0;
  }

  .section-typo-zoom-in {
    display: none;
  }

  .mm2024-sneak-peek-info-box {
    padding-left: 40px;
    padding-right: 40px;
  }

  .typo-zoom-sticky-inner {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    padding-top: 0;
  }

  .mm2024-sneak-peek-main-box {
    margin-bottom: 0;
    padding-left: 10px;
    padding-right: 10px;
  }

  .mm2024-sneak-peek-main-subheader {
    text-shadow: 0 1px 4px #00000080;
    width: 250px;
    padding-left: 0;
    padding-right: 0;
    font-size: 28px;
    font-weight: 500;
    line-height: 34px;
  }

  .mm2024-sneak-peek-main-header {
    letter-spacing: 0;
    text-shadow: 0 1px 4px #00000080;
    margin-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 42px;
    font-weight: 500;
    line-height: 45px;
  }

  .mm2024-sneak-peek-mac-mini-hero {
    width: 100%;
    margin-bottom: 0;
    padding-right: 0;
  }

  .mm2024-sneak-peek-intro-text-arrow {
    width: 80%;
    padding-left: 10px;
    padding-right: 10px;
  }

  .mm2024-sneak-peek-main-hero-box {
    flex-flow: column;
    width: 100%;
    margin-top: 40px;
    padding-left: 0;
    padding-right: 0;
    display: flex;
  }

  .mm2024-sneak-peek-prod-info-text {
    font-size: 20px;
    line-height: 30px;
  }

  .mm2024-sneak-peek-intro-text {
    font-size: 20px;
    line-height: 32px;
  }

  .mm2024-sneak-peek-info-prod-hero.maccuff-mini {
    width: 300px;
    margin-top: 40px;
  }

  .mm2024-sneak-peek-info-prod-hero.rackmac-mini {
    margin-top: 40px;
  }

  .mm2024-sneak-peek-info-prod-category {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }

  .mm2024-sneak-peek-intro-header {
    margin-bottom: 20px;
    font-size: 38px;
    line-height: 40px;
  }

  .mm2024-sneak-peek-prod-subheader {
    font-size: 24px;
    font-weight: 400;
    line-height: 30px;
  }

  .mm2024-sneak-peek-intro-subheader {
    margin-top: 0;
    margin-bottom: 30px;
    font-size: 30px;
    line-height: 40px;
  }

  .mm2024-sneak-peek-sign-up-link-box {
    margin-top: 30px;
  }

  .mm2024-sneak-peek-sign-up-link {
    width: 320px;
  }

  .mm2024-sneak-peek-prod-info-box {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .mm2024-sneak-peek-prod-info-box.gray-background {
    background-image: linear-gradient(#636363, #000), radial-gradient(circle, #a393da, #fff6);
    padding-top: 100px;
  }

  .mm2024-sneak-peek-prod-info-box.mm2024-sneak-peek-footer {
    padding-bottom: 80px;
  }

  .mm2024-sneak-peek-section-intro {
    padding: 100px 20px;
  }

  .mm2024-sneak-peek-intro-box {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }

  .mm2024-sneak-peek-footer-box {
    width: 450px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .mm2024-sneak-peek-footer-text {
    font-size: 12px;
  }

  .mm2024-sneak-peek-sign-up-subscribe-info-text {
    padding-left: 20px;
    padding-right: 20px;
    font-size: 14px;
    line-height: 22px;
  }

  .mm2024-sneak-peek-sign-up-code-box {
    padding-left: 5px;
    padding-right: 5px;
  }

  .mm2024-sneek-peek-mac-mini-intro-hero {
    width: 320px;
  }

  .mm2024-sneak-peek-main-bg {
    width: 100%;
    height: auto;
  }

  .mm2024-sneak-peek-type-zoom-box {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .mm2024-sneak-peek-examples-container {
    margin-top: 50px;
  }

  .mm2024-sneak-peek-example-box {
    padding-left: 20px;
    padding-right: 20px;
  }

  .mm2024-sneak-peek-intro-text-bullets {
    font-size: 20px;
    line-height: 32px;
  }

  .mm2024-sneak-peek-intro-text-bullets-padding {
    margin-bottom: 20px;
  }

  .mm2024-sneak-peek-intro-text-bullets-white {
    font-size: 20px;
    line-height: 32px;
  }

  .mm2024-sneak-peek-intro-mobile {
    justify-content: center;
    align-items: center;
    height: auto;
    margin-bottom: 0;
    display: flex;
  }

  .mm2024-sneak-peek-main-container {
    width: 100%;
    height: auto;
    display: flex;
    position: static;
  }

  .mm2024-sneak-peek-intro-box-intro {
    background-image: linear-gradient(337deg, #335099db, #fff0 58%), url('../images/mm2024-sneak-peek-main-bg.png');
    background-position: 0 0, 50%;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    padding-top: 50px;
    padding-bottom: 100px;
    display: flex;
  }

  .mm202-sneak-peek-sonnet-badge-mobile {
    width: 100px;
    padding-right: 0;
  }

  .mm2024-sneak-peek-signup-anchor {
    margin-bottom: 60px;
  }

  .section-featured-products-boxes-copy {
    flex-direction: column;
    margin-bottom: 0;
  }

  .home-subhero-products-container {
    flex-flow: column;
    margin-top: 5px;
  }

  .section-home-subhoer-products {
    flex-direction: column;
    margin-bottom: 0;
  }

  .home-subhero-products-box {
    margin-top: 0;
    margin-bottom: 0;
  }

  .home-subhero-products-box.featured-products-border, .home-subhero-products-box.home-featured-products-border {
    border-right-style: none;
    margin-bottom: 2px;
    padding-left: 0;
    padding-right: 0;
  }

  .homebox-subhero-products {
    padding-bottom: 15px;
  }

  .homebox-subhero-products.homebox-subhero-products-padding-mobile {
    margin-top: 0;
    padding-bottom: 20px;
  }

  .home-box-subhero-products-text {
    margin-top: 15px;
    margin-bottom: 15px;
  }

  .home-subhero-product-header {
    margin-top: 10px;
    padding-top: 0;
    font-size: 20px;
  }

  .home-subhero-product-text {
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 16px;
    line-height: 20px;
  }

  .home-subhero-products-100vw {
    height: 80%;
  }

  .home-container-subhero-products-text {
    margin-top: 0;
  }

  .mm2024-sneek-peek-sonnettech-logo {
    width: 70vw;
  }

  .mm2024-sneek-peek-sonnettech-logo-copy {
    width: 320px;
  }

  .mm2024-sneak-peek-mac-mini-intro-hero {
    width: 50vw;
  }
}

#w-node-_5a326a4e-c012-853b-b303-6cb00b393c87-2d165d36 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-f7797f10-b2a7-d18d-545d-9d9d5d06e769-2d165d36 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_5236da7e-9aec-ad39-2b60-ca83a3bb3f85-2d165d36, #w-node-f7797f10-b2a7-d18d-545d-9d9d5d06e76d-2d165d36 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-f7797f10-b2a7-d18d-545d-9d9d5d06e776-2d165d36 {
  grid-area: 1 / 3 / 2 / 4;
}

#w-node-db403471-343a-4358-d597-f4d9f20f4d96-2d165d36 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-f7797f10-b2a7-d18d-545d-9d9d5d06e77d-2d165d36 {
  grid-area: 1 / 4 / 2 / 5;
}

#w-node-_8140942c-1f9d-3874-ba91-03c446ed127d-2d165d36 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-f7797f10-b2a7-d18d-545d-9d9d5d06e784-2d165d36 {
  grid-area: 1 / 5 / 2 / 6;
}

#w-node-_7c9433b9-2087-c1d5-7565-255dba52d4a3-2d165d36 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-f7797f10-b2a7-d18d-545d-9d9d5d06e78b-2d165d36 {
  grid-area: 1 / 6 / 2 / 7;
}

#w-node-ab42e79e-8890-7431-44de-b260c5c7ebd1-2d165d36, #w-node-c7d3d2d2-96a3-624e-613a-cde58519d841-2d165d36 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-f7797f10-b2a7-d18d-545d-9d9d5d06e792-2d165d36 {
  grid-area: 1 / 7 / 2 / 8;
}

#w-node-_6a86f3c6-a793-6c47-4767-16f04dee5722-2d165d36 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-f7797f10-b2a7-d18d-545d-9d9d5d06e79a-2d165d36 {
  grid-area: 1 / 1 / 2 / 2;
  justify-self: start;
}

#w-node-f7797f10-b2a7-d18d-545d-9d9d5d06e79b-2d165d36 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-f7797f10-b2a7-d18d-545d-9d9d5d06e79d-2d165d36 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-f7797f10-b2a7-d18d-545d-9d9d5d06e7a0-2d165d36 {
  grid-area: 1 / 3 / 2 / 4;
}

#w-node-f7797f10-b2a7-d18d-545d-9d9d5d06e7a3-2d165d36 {
  grid-area: 1 / 4 / 2 / 5;
}

#w-node-f7797f10-b2a7-d18d-545d-9d9d5d06e7a6-2d165d36 {
  grid-area: 1 / 5 / 2 / 6;
}

#w-node-f7797f10-b2a7-d18d-545d-9d9d5d06e7a9-2d165d36 {
  grid-area: 1 / 6 / 2 / 7;
}

#w-node-f7797f10-b2a7-d18d-545d-9d9d5d06e7ac-2d165d36 {
  grid-area: 1 / 7 / 2 / 8;
}

#w-node-f7797f10-b2a7-d18d-545d-9d9d5d06e7b0-2d165d36 {
  grid-area: 1 / 1 / 2 / 2;
  justify-self: start;
}

#w-node-f7797f10-b2a7-d18d-545d-9d9d5d06e7b1-2d165d36 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-f7797f10-b2a7-d18d-545d-9d9d5d06e7b3-2d165d36 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-f7797f10-b2a7-d18d-545d-9d9d5d06e7b8-2d165d36 {
  grid-area: 1 / 3 / 2 / 4;
}

#w-node-f7797f10-b2a7-d18d-545d-9d9d5d06e7bd-2d165d36 {
  grid-area: 1 / 4 / 2 / 5;
}

#w-node-f7797f10-b2a7-d18d-545d-9d9d5d06e7c2-2d165d36 {
  grid-area: 1 / 5 / 2 / 6;
}

#w-node-f7797f10-b2a7-d18d-545d-9d9d5d06e7c7-2d165d36 {
  grid-area: 1 / 6 / 2 / 7;
}

#w-node-f7797f10-b2a7-d18d-545d-9d9d5d06e7cc-2d165d36 {
  grid-area: 1 / 7 / 2 / 8;
}

#w-node-f7797f10-b2a7-d18d-545d-9d9d5d06e7d2-2d165d36 {
  grid-area: span 1 / span 7 / span 1 / span 7;
}

#w-node-f7797f10-b2a7-d18d-545d-9d9d5d06e7d4-2d165d36 {
  grid-area: 3 / 1 / 4 / 2;
}

#w-node-f7797f10-b2a7-d18d-545d-9d9d5d06e7d6-2d165d36 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-f7797f10-b2a7-d18d-545d-9d9d5d06e7d9-2d165d36 {
  grid-area: 4 / 1 / 5 / 2;
}

#w-node-f7797f10-b2a7-d18d-545d-9d9d5d06e7db-2d165d36, #w-node-f7797f10-b2a7-d18d-545d-9d9d5d06e7de-2d165d36, #w-node-f7797f10-b2a7-d18d-545d-9d9d5d06e7e0-2d165d36 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-f7797f10-b2a7-d18d-545d-9d9d5d06e7e3-2d165d36 {
  grid-area: 2 / 2 / 3 / 3;
  place-self: stretch stretch;
}

#w-node-f7797f10-b2a7-d18d-545d-9d9d5d06e7e6-2d165d36 {
  grid-area: 2 / 3 / 3 / 4;
}

#w-node-f7797f10-b2a7-d18d-545d-9d9d5d06e7e9-2d165d36 {
  grid-area: 2 / 4 / 3 / 5;
}

#w-node-f7797f10-b2a7-d18d-545d-9d9d5d06e7ec-2d165d36 {
  grid-area: 2 / 5 / 3 / 6;
}

#w-node-f7797f10-b2a7-d18d-545d-9d9d5d06e7ef-2d165d36 {
  grid-area: 2 / 6 / 3 / 7;
}

#w-node-f7797f10-b2a7-d18d-545d-9d9d5d06e7f2-2d165d36 {
  grid-area: 2 / 7 / 3 / 8;
}

#w-node-f7797f10-b2a7-d18d-545d-9d9d5d06e7f5-2d165d36 {
  grid-area: 3 / 2 / 4 / 3;
}

#w-node-f7797f10-b2a7-d18d-545d-9d9d5d06e7f7-2d165d36 {
  grid-area: 3 / 3 / 4 / 4;
}

#w-node-f7797f10-b2a7-d18d-545d-9d9d5d06e7fa-2d165d36 {
  grid-area: 3 / 4 / 4 / 5;
}

#w-node-f7797f10-b2a7-d18d-545d-9d9d5d06e7fd-2d165d36 {
  grid-area: 3 / 5 / 4 / 6;
}

#w-node-f7797f10-b2a7-d18d-545d-9d9d5d06e800-2d165d36 {
  grid-area: 3 / 6 / 4 / 7;
}

#w-node-f7797f10-b2a7-d18d-545d-9d9d5d06e802-2d165d36 {
  grid-area: 3 / 7 / 4 / 8;
}

#w-node-f7797f10-b2a7-d18d-545d-9d9d5d06e805-2d165d36 {
  grid-area: 4 / 2 / 5 / 3;
}

#w-node-f7797f10-b2a7-d18d-545d-9d9d5d06e807-2d165d36 {
  grid-area: 4 / 3 / 5 / 4;
}

#w-node-f7797f10-b2a7-d18d-545d-9d9d5d06e80a-2d165d36 {
  grid-area: 4 / 4 / 5 / 5;
}

#w-node-f7797f10-b2a7-d18d-545d-9d9d5d06e80d-2d165d36 {
  grid-area: 4 / 5 / 5 / 6;
}

#w-node-f7797f10-b2a7-d18d-545d-9d9d5d06e810-2d165d36 {
  grid-area: 4 / 6 / 5 / 7;
}

#w-node-f7797f10-b2a7-d18d-545d-9d9d5d06e812-2d165d36 {
  grid-area: 4 / 7 / 5 / 8;
}

#w-node-_00d76c29-cdf4-cba3-c3c0-bee1a0530ea0-2d165d36 {
  grid-area: span 1 / span 7 / span 1 / span 7;
}

#w-node-_00d76c29-cdf4-cba3-c3c0-bee1a0530ea2-2d165d36 {
  grid-area: 3 / 1 / 4 / 2;
}

#w-node-_00d76c29-cdf4-cba3-c3c0-bee1a0530ea4-2d165d36 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_00d76c29-cdf4-cba3-c3c0-bee1a0530ea7-2d165d36 {
  grid-area: 4 / 1 / 5 / 2;
}

#w-node-_377b287f-fe75-f09c-30b1-d412843419af-2d165d36, #w-node-_00d76c29-cdf4-cba3-c3c0-bee1a0530eac-2d165d36, #w-node-_00d76c29-cdf4-cba3-c3c0-bee1a0530eae-2d165d36 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_00d76c29-cdf4-cba3-c3c0-bee1a0530eb1-2d165d36 {
  grid-area: 2 / 2 / 3 / 3;
  place-self: stretch stretch;
}

#w-node-_00d76c29-cdf4-cba3-c3c0-bee1a0530eb4-2d165d36 {
  grid-area: 2 / 3 / 3 / 4;
}

#w-node-_00d76c29-cdf4-cba3-c3c0-bee1a0530eb7-2d165d36 {
  grid-area: 2 / 4 / 3 / 5;
}

#w-node-_00d76c29-cdf4-cba3-c3c0-bee1a0530eba-2d165d36 {
  grid-area: 2 / 5 / 3 / 6;
}

#w-node-_00d76c29-cdf4-cba3-c3c0-bee1a0530ebd-2d165d36 {
  grid-area: 2 / 6 / 3 / 7;
}

#w-node-_00d76c29-cdf4-cba3-c3c0-bee1a0530ec0-2d165d36 {
  grid-area: 2 / 7 / 3 / 8;
}

#w-node-_00d76c29-cdf4-cba3-c3c0-bee1a0530ec3-2d165d36 {
  grid-area: 3 / 2 / 4 / 3;
}

#w-node-_00d76c29-cdf4-cba3-c3c0-bee1a0530ec5-2d165d36 {
  grid-area: 3 / 3 / 4 / 4;
}

#w-node-_00d76c29-cdf4-cba3-c3c0-bee1a0530ec8-2d165d36 {
  grid-area: 3 / 4 / 4 / 5;
}

#w-node-_00d76c29-cdf4-cba3-c3c0-bee1a0530ecb-2d165d36 {
  grid-area: 3 / 5 / 4 / 6;
}

#w-node-_00d76c29-cdf4-cba3-c3c0-bee1a0530ece-2d165d36 {
  grid-area: 3 / 6 / 4 / 7;
}

#w-node-_00d76c29-cdf4-cba3-c3c0-bee1a0530ed0-2d165d36 {
  grid-area: 3 / 7 / 4 / 8;
}

#w-node-_00d76c29-cdf4-cba3-c3c0-bee1a0530ed3-2d165d36 {
  grid-area: 4 / 2 / 5 / 3;
}

#w-node-_00d76c29-cdf4-cba3-c3c0-bee1a0530ed5-2d165d36 {
  grid-area: 4 / 3 / 5 / 4;
}

#w-node-_00d76c29-cdf4-cba3-c3c0-bee1a0530ed8-2d165d36 {
  grid-area: 4 / 4 / 5 / 5;
}

#w-node-_00d76c29-cdf4-cba3-c3c0-bee1a0530edb-2d165d36 {
  grid-area: 4 / 5 / 5 / 6;
}

#w-node-_00d76c29-cdf4-cba3-c3c0-bee1a0530ede-2d165d36 {
  grid-area: 4 / 6 / 5 / 7;
}

#w-node-_00d76c29-cdf4-cba3-c3c0-bee1a0530ee0-2d165d36 {
  grid-area: 4 / 7 / 5 / 8;
}

#w-node-_054182db-39b8-3750-61a9-32deec7bbd55-2d165d36, #w-node-_054182db-39b8-3750-61a9-32deec7bbd57-2d165d36 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_06f7e8fc-52f5-4369-46fd-6298fbf8c223-2d165d36 {
  grid-area: 5 / 2 / 6 / 3;
}

#w-node-_684d861f-2454-022e-cd4a-1904634c6be2-2d165d36 {
  grid-area: 5 / 3 / 6 / 4;
}

#w-node-_3afc144d-3af4-54d4-8607-6fe99c55cfc1-2d165d36 {
  grid-area: 5 / 4 / 6 / 5;
}

#w-node-cf7f0412-f400-ddd6-da7d-94125566cfee-2d165d36 {
  grid-area: 5 / 5 / 6 / 6;
}

#w-node-_13b07955-4a1b-0ddd-1476-48b0f9cce09f-2d165d36 {
  grid-area: 5 / 6 / 6 / 7;
}

#w-node-_8230f743-3fb3-51b9-bba1-d17444f668f0-2d165d36 {
  grid-area: 5 / 7 / 6 / 8;
}

#w-node-_668be2ba-f19c-043f-68ca-62d831b527d1-2d165d36, #w-node-_23fe47f4-f4cb-c841-326a-9b6f6753459a-2d165d36 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_9eae2f36-2b12-3f37-7e64-160bbcae35e3-2d165d36 {
  grid-area: 6 / 2 / 7 / 3;
}

#w-node-a994cda4-1bdb-2e64-2d6f-3ce9c4c2b4df-2d165d36 {
  grid-area: 6 / 3 / 7 / 4;
}

#w-node-ea31e66f-3acd-b8bb-2783-09edcb847d41-2d165d36 {
  grid-area: 6 / 4 / 7 / 5;
}

#w-node-c779ce38-e471-b148-5ae2-b51c5b650470-2d165d36 {
  grid-area: 6 / 5 / 7 / 6;
}

#w-node-_796165e0-d0b9-2522-5ede-c23399a0dd26-2d165d36 {
  grid-area: 6 / 6 / 7 / 7;
}

#w-node-_141cb501-5020-1e97-e8cc-be9483fb3e0c-2d165d36 {
  grid-area: 6 / 7 / 7 / 8;
}

#w-node-_6132f61e-3b71-329b-21d9-90e0ff439428-2d165d36, #w-node-_9e16038c-87a2-f392-4fdc-aecc4f930aea-2d165d36 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-ec4bfbba-4f8f-59df-1af0-1a809e74c3ba-2d165d36 {
  grid-area: 7 / 2 / 8 / 3;
}

#w-node-_8d713943-60b8-1fce-990d-d0ceb588ec21-2d165d36 {
  grid-area: 7 / 3 / 8 / 4;
}

#w-node-fd1c8632-271e-a6ca-0a1c-a25beb9dfd20-2d165d36 {
  grid-area: 7 / 4 / 8 / 5;
}

#w-node-c8d120a5-4865-1ce4-1d77-ccbccef0b0bb-2d165d36 {
  grid-area: 7 / 5 / 8 / 6;
}

#w-node-_2ff1967e-9ca2-d6d2-1005-ed726f5c24af-2d165d36 {
  grid-area: 7 / 6 / 8 / 7;
}

#w-node-_06378a5a-2383-8d4f-a856-8013cdf893c9-2d165d36 {
  grid-area: 7 / 7 / 8 / 8;
}

#w-node-c78b45f3-ffdc-0b81-39f4-e86de2caece4-2d165d36, #w-node-e5c8e87e-fb5e-4a25-f7c7-b49708a5d2ec-2d165d36 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-be1dcee1-3839-5e32-8a46-a162ef0345d1-2d165d36 {
  grid-area: 8 / 2 / 9 / 3;
}

#w-node-_192a362f-28b6-775c-796e-e3db214c77c9-2d165d36 {
  grid-area: 8 / 3 / 9 / 4;
}

#w-node-_5de379ec-7e99-4c2d-7322-d8bce5a4490e-2d165d36 {
  grid-area: 8 / 4 / 9 / 5;
}

#w-node-_813d9079-8c32-1fc0-56a0-ee341009440c-2d165d36 {
  grid-area: 8 / 5 / 9 / 6;
}

#w-node-_59f65727-c342-bf11-1367-60536027928b-2d165d36 {
  grid-area: 8 / 6 / 9 / 7;
}

#w-node-_2a7b0fc3-7c95-072a-d6bf-9104a1b3caa6-2d165d36 {
  grid-area: 8 / 7 / 9 / 8;
}

#w-node-_31ed5c7a-5095-0d8b-a8eb-74cd47abc995-2d165d36, #w-node-e021cad2-db0d-f4ad-55c4-0808a14f83aa-2d165d36 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_34d9f328-b43f-9ad7-bdd6-e05fb62c8f56-2d165d36 {
  grid-area: 9 / 2 / 10 / 3;
}

#w-node-_022678ca-c993-cb52-f24b-48adc74211ae-2d165d36 {
  grid-area: 9 / 3 / 10 / 4;
}

#w-node-_24421c31-9432-f832-c257-761ce998ab70-2d165d36 {
  grid-area: 9 / 4 / 10 / 5;
}

#w-node-_1e14f69f-e49b-b2f4-9982-8f7fa34fd5f1-2d165d36 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_32c96cfe-e393-981e-f840-4399b38878f9-2d165d36 {
  grid-area: 9 / 6 / 10 / 7;
}

#w-node-_4a79b85d-82ba-d9e1-c8cb-13c9f8e6d7d5-2d165d36 {
  grid-area: 9 / 7 / 10 / 8;
}

#w-node-_01076e72-de5a-89b6-6878-ddf514c2d8dc-14c2d8d6, #w-node-_01076e72-de5a-89b6-6878-ddf514c2d8de-14c2d8d6, #w-node-_01076e72-de5a-89b6-6878-ddf514c2d8e0-14c2d8d6, #w-node-_01076e72-de5a-89b6-6878-ddf514c2d8e2-14c2d8d6, #w-node-_01076e72-de5a-89b6-6878-ddf514c2d8e6-14c2d8d6, #w-node-_01076e72-de5a-89b6-6878-ddf514c2d8f0-14c2d8d6, #w-node-_01076e72-de5a-89b6-6878-ddf514c2d8fa-14c2d8d6 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_3c3a511e-bc64-68dd-855d-d47cce1d76d6-ce1d76bd {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_3c3a511e-bc64-68dd-855d-d47cce1d76d7-ce1d76bd {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_3c3a511e-bc64-68dd-855d-d47cce1d76d9-ce1d76bd, #w-node-_3c3a511e-bc64-68dd-855d-d47cce1d76db-ce1d76bd {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_3c3a511e-bc64-68dd-855d-d47cce1d76e4-ce1d76bd {
  grid-area: 1 / 3 / 2 / 4;
}

#w-node-_3c3a511e-bc64-68dd-855d-d47cce1d76e8-ce1d76bd {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_3c3a511e-bc64-68dd-855d-d47cce1d76f1-ce1d76bd {
  grid-area: 1 / 4 / 2 / 5;
}

#w-node-_3c3a511e-bc64-68dd-855d-d47cce1d76f5-ce1d76bd {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_3c3a511e-bc64-68dd-855d-d47cce1d76fd-ce1d76bd {
  grid-area: 1 / 5 / 2 / 6;
}

#w-node-_3c3a511e-bc64-68dd-855d-d47cce1d7701-ce1d76bd {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_3c3a511e-bc64-68dd-855d-d47cce1d7709-ce1d76bd {
  grid-area: 1 / 6 / 2 / 7;
}

#w-node-_3c3a511e-bc64-68dd-855d-d47cce1d770b-ce1d76bd, #w-node-_3c3a511e-bc64-68dd-855d-d47cce1d770d-ce1d76bd {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_3c3a511e-bc64-68dd-855d-d47cce1d7716-ce1d76bd {
  grid-area: 1 / 7 / 2 / 8;
}

#w-node-_3c3a511e-bc64-68dd-855d-d47cce1d771a-ce1d76bd {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_3c3a511e-bc64-68dd-855d-d47cce1d7723-ce1d76bd {
  grid-area: 1 / 1 / 2 / 2;
  justify-self: start;
}

#w-node-_3c3a511e-bc64-68dd-855d-d47cce1d7724-ce1d76bd {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_3c3a511e-bc64-68dd-855d-d47cce1d7726-ce1d76bd {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_3c3a511e-bc64-68dd-855d-d47cce1d7729-ce1d76bd {
  grid-area: 1 / 3 / 2 / 4;
}

#w-node-_3c3a511e-bc64-68dd-855d-d47cce1d772c-ce1d76bd {
  grid-area: 1 / 4 / 2 / 5;
}

#w-node-_3c3a511e-bc64-68dd-855d-d47cce1d772f-ce1d76bd {
  grid-area: 1 / 5 / 2 / 6;
}

#w-node-_3c3a511e-bc64-68dd-855d-d47cce1d7732-ce1d76bd {
  grid-area: 1 / 6 / 2 / 7;
}

#w-node-_3c3a511e-bc64-68dd-855d-d47cce1d7735-ce1d76bd {
  grid-area: 1 / 7 / 2 / 8;
}

#w-node-_3c3a511e-bc64-68dd-855d-d47cce1d7739-ce1d76bd {
  grid-area: 1 / 1 / 2 / 2;
  justify-self: start;
}

#w-node-_3c3a511e-bc64-68dd-855d-d47cce1d773a-ce1d76bd {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_3c3a511e-bc64-68dd-855d-d47cce1d773c-ce1d76bd {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_3c3a511e-bc64-68dd-855d-d47cce1d7741-ce1d76bd {
  grid-area: 1 / 3 / 2 / 4;
}

#w-node-_3c3a511e-bc64-68dd-855d-d47cce1d7746-ce1d76bd {
  grid-area: 1 / 4 / 2 / 5;
}

#w-node-_3c3a511e-bc64-68dd-855d-d47cce1d774b-ce1d76bd {
  grid-area: 1 / 5 / 2 / 6;
}

#w-node-_3c3a511e-bc64-68dd-855d-d47cce1d7750-ce1d76bd {
  grid-area: 1 / 6 / 2 / 7;
}

#w-node-_3c3a511e-bc64-68dd-855d-d47cce1d7755-ce1d76bd {
  grid-area: 1 / 7 / 2 / 8;
}

#w-node-_3c3a511e-bc64-68dd-855d-d47cce1d775d-ce1d76bd {
  grid-area: span 1 / span 7 / span 1 / span 7;
}

#w-node-_3c3a511e-bc64-68dd-855d-d47cce1d775f-ce1d76bd {
  grid-area: 3 / 1 / 4 / 2;
}

#w-node-_3c3a511e-bc64-68dd-855d-d47cce1d7761-ce1d76bd {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_3c3a511e-bc64-68dd-855d-d47cce1d7763-ce1d76bd {
  grid-area: 4 / 1 / 5 / 2;
}

#w-node-_3c3a511e-bc64-68dd-855d-d47cce1d7765-ce1d76bd, #w-node-_3c3a511e-bc64-68dd-855d-d47cce1d7767-ce1d76bd, #w-node-_3c3a511e-bc64-68dd-855d-d47cce1d7769-ce1d76bd {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_3c3a511e-bc64-68dd-855d-d47cce1d776b-ce1d76bd {
  grid-area: 2 / 2 / 3 / 3;
  place-self: stretch stretch;
}

#w-node-_3c3a511e-bc64-68dd-855d-d47cce1d776f-ce1d76bd {
  grid-area: 2 / 3 / 3 / 4;
}

#w-node-_3c3a511e-bc64-68dd-855d-d47cce1d7773-ce1d76bd {
  grid-area: 2 / 4 / 3 / 5;
}

#w-node-_3c3a511e-bc64-68dd-855d-d47cce1d7777-ce1d76bd {
  grid-area: 2 / 5 / 3 / 6;
}

#w-node-_3c3a511e-bc64-68dd-855d-d47cce1d777a-ce1d76bd {
  grid-area: 2 / 6 / 3 / 7;
}

#w-node-_3c3a511e-bc64-68dd-855d-d47cce1d7780-ce1d76bd {
  grid-area: 2 / 7 / 3 / 8;
}

#w-node-_3c3a511e-bc64-68dd-855d-d47cce1d7786-ce1d76bd {
  grid-area: 3 / 2 / 4 / 3;
}

#w-node-_3c3a511e-bc64-68dd-855d-d47cce1d7788-ce1d76bd {
  grid-area: 3 / 3 / 4 / 4;
}

#w-node-_3c3a511e-bc64-68dd-855d-d47cce1d778b-ce1d76bd {
  grid-area: 3 / 4 / 4 / 5;
}

#w-node-_3c3a511e-bc64-68dd-855d-d47cce1d778e-ce1d76bd {
  grid-area: 3 / 5 / 4 / 6;
}

#w-node-_3c3a511e-bc64-68dd-855d-d47cce1d7791-ce1d76bd {
  grid-area: 3 / 6 / 4 / 7;
}

#w-node-_3c3a511e-bc64-68dd-855d-d47cce1d7793-ce1d76bd {
  grid-area: 3 / 7 / 4 / 8;
}

#w-node-_3c3a511e-bc64-68dd-855d-d47cce1d7796-ce1d76bd {
  grid-area: 4 / 2 / 5 / 3;
}

#w-node-_3c3a511e-bc64-68dd-855d-d47cce1d7798-ce1d76bd {
  grid-area: 4 / 3 / 5 / 4;
}

#w-node-_3c3a511e-bc64-68dd-855d-d47cce1d779b-ce1d76bd {
  grid-area: 4 / 4 / 5 / 5;
}

#w-node-_3c3a511e-bc64-68dd-855d-d47cce1d779e-ce1d76bd {
  grid-area: 4 / 5 / 5 / 6;
}

#w-node-_3c3a511e-bc64-68dd-855d-d47cce1d77a1-ce1d76bd {
  grid-area: 4 / 6 / 5 / 7;
}

#w-node-_3c3a511e-bc64-68dd-855d-d47cce1d77a3-ce1d76bd {
  grid-area: 4 / 7 / 5 / 8;
}

#w-node-_3c3a511e-bc64-68dd-855d-d47cce1d77a7-ce1d76bd {
  grid-area: span 1 / span 7 / span 1 / span 7;
}

#w-node-_3c3a511e-bc64-68dd-855d-d47cce1d77a9-ce1d76bd {
  grid-area: 3 / 1 / 4 / 2;
}

#w-node-_3c3a511e-bc64-68dd-855d-d47cce1d77ab-ce1d76bd {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_3c3a511e-bc64-68dd-855d-d47cce1d77ad-ce1d76bd {
  grid-area: 4 / 1 / 5 / 2;
}

#w-node-_3c3a511e-bc64-68dd-855d-d47cce1d77af-ce1d76bd, #w-node-_3c3a511e-bc64-68dd-855d-d47cce1d77b1-ce1d76bd, #w-node-_3c3a511e-bc64-68dd-855d-d47cce1d77b3-ce1d76bd {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_3c3a511e-bc64-68dd-855d-d47cce1d77b5-ce1d76bd {
  grid-area: 2 / 2 / 3 / 3;
  place-self: stretch stretch;
}

#w-node-_3c3a511e-bc64-68dd-855d-d47cce1d77ba-ce1d76bd {
  grid-area: 2 / 3 / 3 / 4;
}

#w-node-_3c3a511e-bc64-68dd-855d-d47cce1d77bf-ce1d76bd {
  grid-area: 2 / 4 / 3 / 5;
}

#w-node-_3c3a511e-bc64-68dd-855d-d47cce1d77c5-ce1d76bd {
  grid-area: 2 / 5 / 3 / 6;
}

#w-node-_3c3a511e-bc64-68dd-855d-d47cce1d77ca-ce1d76bd {
  grid-area: 2 / 6 / 3 / 7;
}

#w-node-_3c3a511e-bc64-68dd-855d-d47cce1d77cd-ce1d76bd {
  grid-area: 2 / 7 / 3 / 8;
}

#w-node-_3c3a511e-bc64-68dd-855d-d47cce1d77d2-ce1d76bd {
  grid-area: 3 / 2 / 4 / 3;
}

#w-node-_3c3a511e-bc64-68dd-855d-d47cce1d77d5-ce1d76bd {
  grid-area: 3 / 3 / 4 / 4;
}

#w-node-_3c3a511e-bc64-68dd-855d-d47cce1d77d8-ce1d76bd {
  grid-area: 3 / 4 / 4 / 5;
}

#w-node-_3c3a511e-bc64-68dd-855d-d47cce1d77db-ce1d76bd {
  grid-area: 3 / 5 / 4 / 6;
}

#w-node-_3c3a511e-bc64-68dd-855d-d47cce1d77de-ce1d76bd {
  grid-area: 3 / 6 / 4 / 7;
}

#w-node-_3c3a511e-bc64-68dd-855d-d47cce1d77e1-ce1d76bd {
  grid-area: 3 / 7 / 4 / 8;
}

#w-node-_3c3a511e-bc64-68dd-855d-d47cce1d77e4-ce1d76bd {
  grid-area: 4 / 2 / 5 / 3;
}

#w-node-_3c3a511e-bc64-68dd-855d-d47cce1d77e7-ce1d76bd {
  grid-area: 4 / 3 / 5 / 4;
}

#w-node-_3c3a511e-bc64-68dd-855d-d47cce1d77ea-ce1d76bd {
  grid-area: 4 / 4 / 5 / 5;
}

#w-node-_3c3a511e-bc64-68dd-855d-d47cce1d77ed-ce1d76bd {
  grid-area: 4 / 5 / 5 / 6;
}

#w-node-_3c3a511e-bc64-68dd-855d-d47cce1d77f0-ce1d76bd {
  grid-area: 4 / 6 / 5 / 7;
}

#w-node-_3c3a511e-bc64-68dd-855d-d47cce1d77f3-ce1d76bd {
  grid-area: 4 / 7 / 5 / 8;
}

#w-node-_3c3a511e-bc64-68dd-855d-d47cce1d77f6-ce1d76bd, #w-node-_3c3a511e-bc64-68dd-855d-d47cce1d77f8-ce1d76bd {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_3c3a511e-bc64-68dd-855d-d47cce1d77fa-ce1d76bd {
  grid-area: 5 / 2 / 6 / 3;
}

#w-node-_3c3a511e-bc64-68dd-855d-d47cce1d77fb-ce1d76bd {
  grid-area: 5 / 3 / 6 / 4;
}

#w-node-_3c3a511e-bc64-68dd-855d-d47cce1d77fe-ce1d76bd {
  grid-area: 5 / 4 / 6 / 5;
}

#w-node-_3c3a511e-bc64-68dd-855d-d47cce1d7801-ce1d76bd {
  grid-area: 5 / 5 / 6 / 6;
}

#w-node-_3c3a511e-bc64-68dd-855d-d47cce1d7804-ce1d76bd {
  grid-area: 5 / 6 / 6 / 7;
}

#w-node-_3c3a511e-bc64-68dd-855d-d47cce1d7805-ce1d76bd {
  grid-area: 5 / 7 / 6 / 8;
}

#w-node-_3c3a511e-bc64-68dd-855d-d47cce1d7808-ce1d76bd, #w-node-_3c3a511e-bc64-68dd-855d-d47cce1d780a-ce1d76bd {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_3c3a511e-bc64-68dd-855d-d47cce1d780c-ce1d76bd {
  grid-area: 6 / 2 / 7 / 3;
}

#w-node-_3c3a511e-bc64-68dd-855d-d47cce1d780d-ce1d76bd {
  grid-area: 6 / 3 / 7 / 4;
}

#w-node-_3c3a511e-bc64-68dd-855d-d47cce1d7812-ce1d76bd {
  grid-area: 6 / 4 / 7 / 5;
}

#w-node-_3c3a511e-bc64-68dd-855d-d47cce1d7817-ce1d76bd {
  grid-area: 6 / 5 / 7 / 6;
}

#w-node-_3c3a511e-bc64-68dd-855d-d47cce1d781d-ce1d76bd {
  grid-area: 6 / 6 / 7 / 7;
}

#w-node-_3c3a511e-bc64-68dd-855d-d47cce1d7820-ce1d76bd {
  grid-area: 6 / 7 / 7 / 8;
}

#w-node-_3c3a511e-bc64-68dd-855d-d47cce1d7826-ce1d76bd, #w-node-_3c3a511e-bc64-68dd-855d-d47cce1d7828-ce1d76bd {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_3c3a511e-bc64-68dd-855d-d47cce1d782a-ce1d76bd {
  grid-area: 7 / 2 / 8 / 3;
}

#w-node-_3c3a511e-bc64-68dd-855d-d47cce1d782b-ce1d76bd {
  grid-area: 7 / 3 / 8 / 4;
}

#w-node-_3c3a511e-bc64-68dd-855d-d47cce1d782c-ce1d76bd {
  grid-area: 7 / 4 / 8 / 5;
}

#w-node-_3c3a511e-bc64-68dd-855d-d47cce1d782d-ce1d76bd {
  grid-area: 7 / 5 / 8 / 6;
}

#w-node-_3c3a511e-bc64-68dd-855d-d47cce1d782e-ce1d76bd {
  grid-area: 7 / 6 / 8 / 7;
}

#w-node-_3c3a511e-bc64-68dd-855d-d47cce1d782f-ce1d76bd {
  grid-area: 7 / 7 / 8 / 8;
}

#w-node-_3c3a511e-bc64-68dd-855d-d47cce1d7832-ce1d76bd, #w-node-_3c3a511e-bc64-68dd-855d-d47cce1d7834-ce1d76bd {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_3c3a511e-bc64-68dd-855d-d47cce1d7836-ce1d76bd {
  grid-area: 8 / 2 / 9 / 3;
}

#w-node-_3c3a511e-bc64-68dd-855d-d47cce1d7837-ce1d76bd {
  grid-area: 8 / 3 / 9 / 4;
}

#w-node-_3c3a511e-bc64-68dd-855d-d47cce1d7838-ce1d76bd {
  grid-area: 8 / 4 / 9 / 5;
}

#w-node-_3c3a511e-bc64-68dd-855d-d47cce1d7839-ce1d76bd {
  grid-area: 8 / 5 / 9 / 6;
}

#w-node-_3c3a511e-bc64-68dd-855d-d47cce1d783a-ce1d76bd {
  grid-area: 8 / 6 / 9 / 7;
}

#w-node-_3c3a511e-bc64-68dd-855d-d47cce1d783d-ce1d76bd {
  grid-area: 8 / 7 / 9 / 8;
}

#w-node-_3c3a511e-bc64-68dd-855d-d47cce1d7840-ce1d76bd, #w-node-_3c3a511e-bc64-68dd-855d-d47cce1d7842-ce1d76bd {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_3c3a511e-bc64-68dd-855d-d47cce1d7844-ce1d76bd {
  grid-area: 9 / 2 / 10 / 3;
}

#w-node-_3c3a511e-bc64-68dd-855d-d47cce1d7847-ce1d76bd {
  grid-area: 9 / 3 / 10 / 4;
}

#w-node-_3c3a511e-bc64-68dd-855d-d47cce1d784a-ce1d76bd {
  grid-area: 9 / 4 / 10 / 5;
}

#w-node-_3c3a511e-bc64-68dd-855d-d47cce1d784d-ce1d76bd {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_3c3a511e-bc64-68dd-855d-d47cce1d7850-ce1d76bd {
  grid-area: 9 / 6 / 10 / 7;
}

#w-node-_3c3a511e-bc64-68dd-855d-d47cce1d7853-ce1d76bd {
  grid-area: 9 / 7 / 10 / 8;
}

#w-node-_2ed69562-12a5-3282-de9d-506f7d14a697-180cf8ad {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_2ed69562-12a5-3282-de9d-506f7d14a698-180cf8ad {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_2ed69562-12a5-3282-de9d-506f7d14a69a-180cf8ad, #w-node-_2ed69562-12a5-3282-de9d-506f7d14a69c-180cf8ad {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_2ed69562-12a5-3282-de9d-506f7d14a6a5-180cf8ad {
  grid-area: 1 / 3 / 2 / 4;
}

#w-node-_2ed69562-12a5-3282-de9d-506f7d14a6a9-180cf8ad {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_2ed69562-12a5-3282-de9d-506f7d14a6b2-180cf8ad {
  grid-area: 1 / 4 / 2 / 5;
}

#w-node-_2ed69562-12a5-3282-de9d-506f7d14a6b6-180cf8ad {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_2ed69562-12a5-3282-de9d-506f7d14a6be-180cf8ad {
  grid-area: 1 / 5 / 2 / 6;
}

#w-node-_2ed69562-12a5-3282-de9d-506f7d14a6c2-180cf8ad {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_2ed69562-12a5-3282-de9d-506f7d14a6ca-180cf8ad {
  grid-area: 1 / 6 / 2 / 7;
}

#w-node-_2ed69562-12a5-3282-de9d-506f7d14a6cc-180cf8ad, #w-node-_2ed69562-12a5-3282-de9d-506f7d14a6ce-180cf8ad {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_2ed69562-12a5-3282-de9d-506f7d14a6d7-180cf8ad {
  grid-area: 1 / 7 / 2 / 8;
}

#w-node-_2ed69562-12a5-3282-de9d-506f7d14a6db-180cf8ad {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_2ed69562-12a5-3282-de9d-506f7d14a6e4-180cf8ad {
  grid-area: 1 / 1 / 2 / 2;
  justify-self: start;
}

#w-node-_2ed69562-12a5-3282-de9d-506f7d14a6e5-180cf8ad {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_2ed69562-12a5-3282-de9d-506f7d14a6e7-180cf8ad {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_2ed69562-12a5-3282-de9d-506f7d14a6ea-180cf8ad {
  grid-area: 1 / 3 / 2 / 4;
}

#w-node-_2ed69562-12a5-3282-de9d-506f7d14a6ed-180cf8ad {
  grid-area: 1 / 4 / 2 / 5;
}

#w-node-_2ed69562-12a5-3282-de9d-506f7d14a6f0-180cf8ad {
  grid-area: 1 / 5 / 2 / 6;
}

#w-node-_2ed69562-12a5-3282-de9d-506f7d14a6f3-180cf8ad {
  grid-area: 1 / 6 / 2 / 7;
}

#w-node-_2ed69562-12a5-3282-de9d-506f7d14a6f6-180cf8ad {
  grid-area: 1 / 7 / 2 / 8;
}

#w-node-_2ed69562-12a5-3282-de9d-506f7d14a6fa-180cf8ad {
  grid-area: 1 / 1 / 2 / 2;
  justify-self: start;
}

#w-node-_2ed69562-12a5-3282-de9d-506f7d14a6fb-180cf8ad {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_2ed69562-12a5-3282-de9d-506f7d14a6fd-180cf8ad {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_2ed69562-12a5-3282-de9d-506f7d14a702-180cf8ad {
  grid-area: 1 / 3 / 2 / 4;
}

#w-node-_2ed69562-12a5-3282-de9d-506f7d14a707-180cf8ad {
  grid-area: 1 / 4 / 2 / 5;
}

#w-node-_2ed69562-12a5-3282-de9d-506f7d14a70c-180cf8ad {
  grid-area: 1 / 5 / 2 / 6;
}

#w-node-_2ed69562-12a5-3282-de9d-506f7d14a711-180cf8ad {
  grid-area: 1 / 6 / 2 / 7;
}

#w-node-_2ed69562-12a5-3282-de9d-506f7d14a716-180cf8ad {
  grid-area: 1 / 7 / 2 / 8;
}

#w-node-_2ed69562-12a5-3282-de9d-506f7d14a71e-180cf8ad {
  grid-area: span 1 / span 7 / span 1 / span 7;
}

#w-node-_2ed69562-12a5-3282-de9d-506f7d14a720-180cf8ad {
  grid-area: 4 / 1 / 5 / 2;
}

#w-node-_2ed69562-12a5-3282-de9d-506f7d14a722-180cf8ad {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-a8858901-a081-5a5e-dcad-7f4db5664b5e-180cf8ad {
  grid-area: 5 / 1 / 6 / 2;
}

#w-node-a8858901-a081-5a5e-dcad-7f4db5664b60-180cf8ad, #w-node-_2ed69562-12a5-3282-de9d-506f7d14a728-180cf8ad, #w-node-_2ed69562-12a5-3282-de9d-506f7d14a72a-180cf8ad, #w-node-_68edb222-e804-4727-1982-1999702081e1-180cf8ad, #w-node-_68edb222-e804-4727-1982-1999702081e3-180cf8ad {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_2ed69562-12a5-3282-de9d-506f7d14a72c-180cf8ad {
  grid-area: 2 / 2 / 3 / 3;
  place-self: stretch stretch;
}

#w-node-d12e6657-bfbd-d13b-4c95-3ccb5f38ad43-180cf8ad {
  grid-area: 3 / 2 / 4 / 3;
  place-self: stretch stretch;
}

#w-node-_2ed69562-12a5-3282-de9d-506f7d14a730-180cf8ad {
  grid-area: 2 / 3 / 3 / 4;
}

#w-node-_0936d907-5357-f284-bd15-caed9ed75785-180cf8ad {
  grid-area: 3 / 3 / 4 / 4;
}

#w-node-_2ed69562-12a5-3282-de9d-506f7d14a734-180cf8ad {
  grid-area: 2 / 4 / 3 / 5;
}

#w-node-_08acdbd4-bb5e-0d38-b288-ecf04bb15806-180cf8ad {
  grid-area: 3 / 4 / 4 / 5;
}

#w-node-_2ed69562-12a5-3282-de9d-506f7d14a738-180cf8ad {
  grid-area: 2 / 5 / 3 / 6;
}

#w-node-_78352d29-43b2-1a00-f4fc-1bda5502e0f0-180cf8ad {
  grid-area: 3 / 5 / 4 / 6;
}

#w-node-_2ed69562-12a5-3282-de9d-506f7d14a73b-180cf8ad {
  grid-area: 2 / 6 / 3 / 7;
}

#w-node-_3f491ab3-dd0b-a7a2-3a74-ae99e7f592f0-180cf8ad {
  grid-area: 3 / 6 / 4 / 7;
}

#w-node-_2ed69562-12a5-3282-de9d-506f7d14a741-180cf8ad {
  grid-area: 2 / 7 / 3 / 8;
}

#w-node-ed639e53-b3be-9705-8204-9b5ebb977dc3-180cf8ad {
  grid-area: 3 / 7 / 4 / 8;
}

#w-node-_2ed69562-12a5-3282-de9d-506f7d14a747-180cf8ad {
  grid-area: 4 / 2 / 5 / 3;
}

#w-node-_2ed69562-12a5-3282-de9d-506f7d14a749-180cf8ad {
  grid-area: 4 / 3 / 5 / 4;
}

#w-node-_2ed69562-12a5-3282-de9d-506f7d14a74c-180cf8ad {
  grid-area: 4 / 4 / 5 / 5;
}

#w-node-_2ed69562-12a5-3282-de9d-506f7d14a74f-180cf8ad {
  grid-area: 4 / 5 / 5 / 6;
}

#w-node-_2ed69562-12a5-3282-de9d-506f7d14a752-180cf8ad {
  grid-area: 4 / 6 / 5 / 7;
}

#w-node-_8befd5d2-2f77-dab5-25d5-e96213415cec-180cf8ad {
  grid-area: 4 / 7 / 5 / 8;
}

#w-node-_2ed69562-12a5-3282-de9d-506f7d14a757-180cf8ad {
  grid-area: 5 / 2 / 6 / 3;
}

#w-node-_2ed69562-12a5-3282-de9d-506f7d14a759-180cf8ad {
  grid-area: 4 / 3 / 5 / 4;
}

#w-node-_2ed69562-12a5-3282-de9d-506f7d14a75c-180cf8ad {
  grid-area: 4 / 4 / 5 / 5;
}

#w-node-d2df5f80-3d01-32c5-455e-4f521450c626-180cf8ad {
  grid-area: 5 / 4 / 6 / 5;
}

#w-node-_2ed69562-12a5-3282-de9d-506f7d14a75f-180cf8ad {
  grid-area: 5 / 5 / 6 / 6;
}

#w-node-_2ed69562-12a5-3282-de9d-506f7d14a762-180cf8ad {
  grid-area: 5 / 6 / 6 / 7;
}

#w-node-_2ed69562-12a5-3282-de9d-506f7d14a764-180cf8ad {
  grid-area: 5 / 7 / 6 / 8;
}

#w-node-_9cad5527-8fbd-d127-3727-5279db3cd119-180cf8ad {
  grid-area: 5 / 3 / 6 / 4;
}

#w-node-_2ed69562-12a5-3282-de9d-506f7d14a768-180cf8ad {
  grid-area: span 1 / span 7 / span 1 / span 7;
}

#w-node-_2ed69562-12a5-3282-de9d-506f7d14a76a-180cf8ad {
  grid-area: 3 / 1 / 4 / 2;
}

#w-node-_2ed69562-12a5-3282-de9d-506f7d14a76c-180cf8ad {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_2ed69562-12a5-3282-de9d-506f7d14a76e-180cf8ad {
  grid-area: 4 / 1 / 5 / 2;
}

#w-node-_2ed69562-12a5-3282-de9d-506f7d14a770-180cf8ad, #w-node-_2ed69562-12a5-3282-de9d-506f7d14a772-180cf8ad, #w-node-_2ed69562-12a5-3282-de9d-506f7d14a774-180cf8ad {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_2ed69562-12a5-3282-de9d-506f7d14a776-180cf8ad {
  grid-area: 2 / 2 / 3 / 3;
  place-self: stretch stretch;
}

#w-node-_2ed69562-12a5-3282-de9d-506f7d14a77b-180cf8ad {
  grid-area: 2 / 3 / 3 / 4;
}

#w-node-_2ed69562-12a5-3282-de9d-506f7d14a780-180cf8ad {
  grid-area: 2 / 4 / 3 / 5;
}

#w-node-_2ed69562-12a5-3282-de9d-506f7d14a786-180cf8ad {
  grid-area: 2 / 5 / 3 / 6;
}

#w-node-_2ed69562-12a5-3282-de9d-506f7d14a78b-180cf8ad {
  grid-area: 2 / 6 / 3 / 7;
}

#w-node-_2ed69562-12a5-3282-de9d-506f7d14a78e-180cf8ad {
  grid-area: 2 / 7 / 3 / 8;
}

#w-node-_2ed69562-12a5-3282-de9d-506f7d14a793-180cf8ad {
  grid-area: 3 / 2 / 4 / 3;
}

#w-node-_2ed69562-12a5-3282-de9d-506f7d14a796-180cf8ad {
  grid-area: 3 / 3 / 4 / 4;
}

#w-node-_2ed69562-12a5-3282-de9d-506f7d14a799-180cf8ad {
  grid-area: 3 / 4 / 4 / 5;
}

#w-node-_2ed69562-12a5-3282-de9d-506f7d14a79c-180cf8ad {
  grid-area: 3 / 5 / 4 / 6;
}

#w-node-_2ed69562-12a5-3282-de9d-506f7d14a79f-180cf8ad {
  grid-area: 3 / 6 / 4 / 7;
}

#w-node-_2ed69562-12a5-3282-de9d-506f7d14a7a2-180cf8ad {
  grid-area: 3 / 7 / 4 / 8;
}

#w-node-_2ed69562-12a5-3282-de9d-506f7d14a7a5-180cf8ad {
  grid-area: 4 / 2 / 5 / 3;
}

#w-node-_2ed69562-12a5-3282-de9d-506f7d14a7a8-180cf8ad {
  grid-area: 4 / 3 / 5 / 4;
}

#w-node-_2ed69562-12a5-3282-de9d-506f7d14a7ab-180cf8ad {
  grid-area: 4 / 4 / 5 / 5;
}

#w-node-_2ed69562-12a5-3282-de9d-506f7d14a7ae-180cf8ad {
  grid-area: 4 / 5 / 5 / 6;
}

#w-node-_2ed69562-12a5-3282-de9d-506f7d14a7b1-180cf8ad {
  grid-area: 4 / 6 / 5 / 7;
}

#w-node-_2ed69562-12a5-3282-de9d-506f7d14a7b4-180cf8ad {
  grid-area: 4 / 7 / 5 / 8;
}

#w-node-_2ed69562-12a5-3282-de9d-506f7d14a7b7-180cf8ad, #w-node-_2ed69562-12a5-3282-de9d-506f7d14a7b9-180cf8ad {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_2ed69562-12a5-3282-de9d-506f7d14a7bb-180cf8ad {
  grid-area: 5 / 2 / 6 / 3;
}

#w-node-_2ed69562-12a5-3282-de9d-506f7d14a7bc-180cf8ad {
  grid-area: 5 / 3 / 6 / 4;
}

#w-node-_2ed69562-12a5-3282-de9d-506f7d14a7bf-180cf8ad {
  grid-area: 5 / 4 / 6 / 5;
}

#w-node-_2ed69562-12a5-3282-de9d-506f7d14a7c2-180cf8ad {
  grid-area: 5 / 5 / 6 / 6;
}

#w-node-_2ed69562-12a5-3282-de9d-506f7d14a7c5-180cf8ad {
  grid-area: 5 / 6 / 6 / 7;
}

#w-node-_2ed69562-12a5-3282-de9d-506f7d14a7c6-180cf8ad {
  grid-area: 5 / 7 / 6 / 8;
}

#w-node-_2ed69562-12a5-3282-de9d-506f7d14a7c9-180cf8ad, #w-node-_2ed69562-12a5-3282-de9d-506f7d14a7cb-180cf8ad {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_2ed69562-12a5-3282-de9d-506f7d14a7cd-180cf8ad {
  grid-area: 6 / 2 / 7 / 3;
}

#w-node-_2ed69562-12a5-3282-de9d-506f7d14a7ce-180cf8ad {
  grid-area: 6 / 3 / 7 / 4;
}

#w-node-_2ed69562-12a5-3282-de9d-506f7d14a7d3-180cf8ad {
  grid-area: 6 / 4 / 7 / 5;
}

#w-node-_2ed69562-12a5-3282-de9d-506f7d14a7d8-180cf8ad {
  grid-area: 6 / 5 / 7 / 6;
}

#w-node-_2ed69562-12a5-3282-de9d-506f7d14a7de-180cf8ad {
  grid-area: 6 / 6 / 7 / 7;
}

#w-node-_2ed69562-12a5-3282-de9d-506f7d14a7e1-180cf8ad {
  grid-area: 6 / 7 / 7 / 8;
}

#w-node-_2ed69562-12a5-3282-de9d-506f7d14a7e7-180cf8ad, #w-node-_2ed69562-12a5-3282-de9d-506f7d14a7e9-180cf8ad {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_2ed69562-12a5-3282-de9d-506f7d14a7eb-180cf8ad {
  grid-area: 7 / 2 / 8 / 3;
}

#w-node-_2ed69562-12a5-3282-de9d-506f7d14a7ec-180cf8ad {
  grid-area: 7 / 3 / 8 / 4;
}

#w-node-_2ed69562-12a5-3282-de9d-506f7d14a7ed-180cf8ad {
  grid-area: 7 / 4 / 8 / 5;
}

#w-node-_2ed69562-12a5-3282-de9d-506f7d14a7ee-180cf8ad {
  grid-area: 7 / 5 / 8 / 6;
}

#w-node-_2ed69562-12a5-3282-de9d-506f7d14a7ef-180cf8ad {
  grid-area: 7 / 6 / 8 / 7;
}

#w-node-_2ed69562-12a5-3282-de9d-506f7d14a7f0-180cf8ad {
  grid-area: 7 / 7 / 8 / 8;
}

#w-node-_2ed69562-12a5-3282-de9d-506f7d14a7f3-180cf8ad, #w-node-_2ed69562-12a5-3282-de9d-506f7d14a7f5-180cf8ad {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_2ed69562-12a5-3282-de9d-506f7d14a7f7-180cf8ad {
  grid-area: 8 / 2 / 9 / 3;
}

#w-node-_2ed69562-12a5-3282-de9d-506f7d14a7f8-180cf8ad {
  grid-area: 8 / 3 / 9 / 4;
}

#w-node-_2ed69562-12a5-3282-de9d-506f7d14a7f9-180cf8ad {
  grid-area: 8 / 4 / 9 / 5;
}

#w-node-_2ed69562-12a5-3282-de9d-506f7d14a7fa-180cf8ad {
  grid-area: 8 / 5 / 9 / 6;
}

#w-node-_2ed69562-12a5-3282-de9d-506f7d14a7fb-180cf8ad {
  grid-area: 8 / 6 / 9 / 7;
}

#w-node-_2ed69562-12a5-3282-de9d-506f7d14a7fe-180cf8ad {
  grid-area: 8 / 7 / 9 / 8;
}

#w-node-_2ed69562-12a5-3282-de9d-506f7d14a801-180cf8ad, #w-node-_2ed69562-12a5-3282-de9d-506f7d14a803-180cf8ad {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_2ed69562-12a5-3282-de9d-506f7d14a805-180cf8ad {
  grid-area: 9 / 2 / 10 / 3;
}

#w-node-_2ed69562-12a5-3282-de9d-506f7d14a808-180cf8ad {
  grid-area: 9 / 3 / 10 / 4;
}

#w-node-_2ed69562-12a5-3282-de9d-506f7d14a80b-180cf8ad {
  grid-area: 9 / 4 / 10 / 5;
}

#w-node-_2ed69562-12a5-3282-de9d-506f7d14a80e-180cf8ad {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_2ed69562-12a5-3282-de9d-506f7d14a811-180cf8ad {
  grid-area: 9 / 6 / 10 / 7;
}

#w-node-_2ed69562-12a5-3282-de9d-506f7d14a814-180cf8ad {
  grid-area: 9 / 7 / 10 / 8;
}

#w-node-_840ef360-83d0-8b45-5aa6-fba5dc561f9c-180cf8ad, #w-node-_840ef360-83d0-8b45-5aa6-fba5dc561f9f-180cf8ad, #w-node-_840ef360-83d0-8b45-5aa6-fba5dc561fa2-180cf8ad, #w-node-_840ef360-83d0-8b45-5aa6-fba5dc561fa5-180cf8ad, #w-node-_71687020-dd2e-7d0f-6d30-80a8d871cc1b-180cf8ad, #w-node-_868ce367-2308-061e-4127-ab5e0f134cce-180cf8ad, #w-node-_71687020-dd2e-7d0f-6d30-80a8d871cc12-180cf8ad, #w-node-_71687020-dd2e-7d0f-6d30-80a8d871cc15-180cf8ad, #w-node-_71687020-dd2e-7d0f-6d30-80a8d871cc18-180cf8ad, #w-node-_77b54d25-bce4-1c5c-1659-7419eab259b7-180cf8ad, #w-node-_840ef360-83d0-8b45-5aa6-fba5dc561faa-180cf8ad, #w-node-_915b39db-fe85-b3d5-8586-0b9ea4f74135-180cf8ad, #w-node-b2de9b08-0230-7bfb-fe65-8b4972eb5430-180cf8ad, #w-node-ad9c997d-7a3d-5bbc-e5c0-c3ea343f0f9b-180cf8ad, #w-node-ad9c997d-7a3d-5bbc-e5c0-c3ea343f0faa-180cf8ad, #w-node-_99ee9ad1-39d3-ff40-ec6c-be861937aedb-180cf8ad, #w-node-_91b83ac3-ca9d-19db-d828-7a272b125f5d-180cf8ad, #w-node-_6948ae5c-b67d-ae7b-a49e-bd281be6701c-180cf8ad, #w-node-_14dda556-4668-2760-de7e-3114b1724d0d-180cf8ad, #w-node-_9d6b77d9-e989-33cd-edb3-ae420a895525-180cf8ad, #w-node-d588ee49-b84f-ca07-be77-5a0111a3a1c6-180cf8ad {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_2ed69562-12a5-3282-de9d-506f7d14a697-55b553f1 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_2ed69562-12a5-3282-de9d-506f7d14a698-55b553f1 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_2ed69562-12a5-3282-de9d-506f7d14a69a-55b553f1, #w-node-_2ed69562-12a5-3282-de9d-506f7d14a69c-55b553f1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_2ed69562-12a5-3282-de9d-506f7d14a6a5-55b553f1 {
  grid-area: 1 / 3 / 2 / 4;
}

#w-node-_2ed69562-12a5-3282-de9d-506f7d14a6a9-55b553f1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_2ed69562-12a5-3282-de9d-506f7d14a6b2-55b553f1 {
  grid-area: 1 / 4 / 2 / 5;
}

#w-node-_2ed69562-12a5-3282-de9d-506f7d14a6b6-55b553f1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_2ed69562-12a5-3282-de9d-506f7d14a6be-55b553f1 {
  grid-area: 1 / 5 / 2 / 6;
}

#w-node-_2ed69562-12a5-3282-de9d-506f7d14a6c2-55b553f1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_2ed69562-12a5-3282-de9d-506f7d14a6ca-55b553f1 {
  grid-area: 1 / 6 / 2 / 7;
}

#w-node-_2ed69562-12a5-3282-de9d-506f7d14a6cc-55b553f1, #w-node-_2ed69562-12a5-3282-de9d-506f7d14a6ce-55b553f1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_2ed69562-12a5-3282-de9d-506f7d14a6d7-55b553f1 {
  grid-area: 1 / 7 / 2 / 8;
}

#w-node-_2ed69562-12a5-3282-de9d-506f7d14a6db-55b553f1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_2ed69562-12a5-3282-de9d-506f7d14a6e4-55b553f1 {
  grid-area: 1 / 1 / 2 / 2;
  justify-self: start;
}

#w-node-_2ed69562-12a5-3282-de9d-506f7d14a6e5-55b553f1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_2ed69562-12a5-3282-de9d-506f7d14a6e7-55b553f1 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_2ed69562-12a5-3282-de9d-506f7d14a6ea-55b553f1 {
  grid-area: 1 / 3 / 2 / 4;
}

#w-node-_2ed69562-12a5-3282-de9d-506f7d14a6ed-55b553f1 {
  grid-area: 1 / 4 / 2 / 5;
}

#w-node-_2ed69562-12a5-3282-de9d-506f7d14a6f0-55b553f1 {
  grid-area: 1 / 5 / 2 / 6;
}

#w-node-_2ed69562-12a5-3282-de9d-506f7d14a6f3-55b553f1 {
  grid-area: 1 / 6 / 2 / 7;
}

#w-node-_2ed69562-12a5-3282-de9d-506f7d14a6f6-55b553f1 {
  grid-area: 1 / 7 / 2 / 8;
}

#w-node-_2ed69562-12a5-3282-de9d-506f7d14a6fa-55b553f1 {
  grid-area: 1 / 1 / 2 / 2;
  justify-self: start;
}

#w-node-_2ed69562-12a5-3282-de9d-506f7d14a6fb-55b553f1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_2ed69562-12a5-3282-de9d-506f7d14a6fd-55b553f1 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_2ed69562-12a5-3282-de9d-506f7d14a702-55b553f1 {
  grid-area: 1 / 3 / 2 / 4;
}

#w-node-_2ed69562-12a5-3282-de9d-506f7d14a707-55b553f1 {
  grid-area: 1 / 4 / 2 / 5;
}

#w-node-_2ed69562-12a5-3282-de9d-506f7d14a70c-55b553f1 {
  grid-area: 1 / 5 / 2 / 6;
}

#w-node-_2ed69562-12a5-3282-de9d-506f7d14a711-55b553f1 {
  grid-area: 1 / 6 / 2 / 7;
}

#w-node-_2ed69562-12a5-3282-de9d-506f7d14a716-55b553f1 {
  grid-area: 1 / 7 / 2 / 8;
}

#w-node-_2ed69562-12a5-3282-de9d-506f7d14a71e-55b553f1 {
  grid-area: span 1 / span 7 / span 1 / span 7;
}

#w-node-_2ed69562-12a5-3282-de9d-506f7d14a720-55b553f1 {
  grid-area: 4 / 1 / 5 / 2;
}

#w-node-_2ed69562-12a5-3282-de9d-506f7d14a722-55b553f1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-a8858901-a081-5a5e-dcad-7f4db5664b5e-55b553f1 {
  grid-area: 5 / 1 / 6 / 2;
}

#w-node-a8858901-a081-5a5e-dcad-7f4db5664b60-55b553f1, #w-node-_2ed69562-12a5-3282-de9d-506f7d14a728-55b553f1, #w-node-_2ed69562-12a5-3282-de9d-506f7d14a72a-55b553f1, #w-node-_68edb222-e804-4727-1982-1999702081e1-55b553f1, #w-node-_68edb222-e804-4727-1982-1999702081e3-55b553f1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_2ed69562-12a5-3282-de9d-506f7d14a72c-55b553f1 {
  grid-area: 2 / 2 / 3 / 3;
  place-self: stretch stretch;
}

#w-node-d12e6657-bfbd-d13b-4c95-3ccb5f38ad43-55b553f1 {
  grid-area: 3 / 2 / 4 / 3;
  place-self: stretch stretch;
}

#w-node-_2ed69562-12a5-3282-de9d-506f7d14a730-55b553f1 {
  grid-area: 2 / 3 / 3 / 4;
}

#w-node-_0936d907-5357-f284-bd15-caed9ed75785-55b553f1 {
  grid-area: 3 / 3 / 4 / 4;
}

#w-node-_2ed69562-12a5-3282-de9d-506f7d14a734-55b553f1 {
  grid-area: 2 / 4 / 3 / 5;
}

#w-node-_08acdbd4-bb5e-0d38-b288-ecf04bb15806-55b553f1 {
  grid-area: 3 / 4 / 4 / 5;
}

#w-node-_2ed69562-12a5-3282-de9d-506f7d14a738-55b553f1 {
  grid-area: 2 / 5 / 3 / 6;
}

#w-node-_78352d29-43b2-1a00-f4fc-1bda5502e0f0-55b553f1 {
  grid-area: 3 / 5 / 4 / 6;
}

#w-node-_2ed69562-12a5-3282-de9d-506f7d14a73b-55b553f1 {
  grid-area: 2 / 6 / 3 / 7;
}

#w-node-_3f491ab3-dd0b-a7a2-3a74-ae99e7f592f0-55b553f1 {
  grid-area: 3 / 6 / 4 / 7;
}

#w-node-_2ed69562-12a5-3282-de9d-506f7d14a741-55b553f1 {
  grid-area: 2 / 7 / 3 / 8;
}

#w-node-ed639e53-b3be-9705-8204-9b5ebb977dc3-55b553f1 {
  grid-area: 3 / 7 / 4 / 8;
}

#w-node-_2ed69562-12a5-3282-de9d-506f7d14a747-55b553f1 {
  grid-area: 4 / 2 / 5 / 3;
}

#w-node-_2ed69562-12a5-3282-de9d-506f7d14a749-55b553f1 {
  grid-area: 4 / 3 / 5 / 4;
}

#w-node-_2ed69562-12a5-3282-de9d-506f7d14a74c-55b553f1 {
  grid-area: 4 / 4 / 5 / 5;
}

#w-node-_2ed69562-12a5-3282-de9d-506f7d14a74f-55b553f1 {
  grid-area: 4 / 5 / 5 / 6;
}

#w-node-_2ed69562-12a5-3282-de9d-506f7d14a752-55b553f1 {
  grid-area: 4 / 6 / 5 / 7;
}

#w-node-_8befd5d2-2f77-dab5-25d5-e96213415cec-55b553f1 {
  grid-area: 4 / 7 / 5 / 8;
}

#w-node-_2ed69562-12a5-3282-de9d-506f7d14a757-55b553f1 {
  grid-area: 5 / 2 / 6 / 3;
}

#w-node-_2ed69562-12a5-3282-de9d-506f7d14a759-55b553f1 {
  grid-area: 4 / 3 / 5 / 4;
}

#w-node-_2ed69562-12a5-3282-de9d-506f7d14a75c-55b553f1 {
  grid-area: 4 / 4 / 5 / 5;
}

#w-node-d2df5f80-3d01-32c5-455e-4f521450c626-55b553f1 {
  grid-area: 5 / 4 / 6 / 5;
}

#w-node-_2ed69562-12a5-3282-de9d-506f7d14a75f-55b553f1 {
  grid-area: 5 / 5 / 6 / 6;
}

#w-node-_2ed69562-12a5-3282-de9d-506f7d14a762-55b553f1 {
  grid-area: 5 / 6 / 6 / 7;
}

#w-node-_2ed69562-12a5-3282-de9d-506f7d14a764-55b553f1 {
  grid-area: 5 / 7 / 6 / 8;
}

#w-node-_9cad5527-8fbd-d127-3727-5279db3cd119-55b553f1 {
  grid-area: 5 / 3 / 6 / 4;
}

#w-node-_2ed69562-12a5-3282-de9d-506f7d14a768-55b553f1 {
  grid-area: span 1 / span 7 / span 1 / span 7;
}

#w-node-_2ed69562-12a5-3282-de9d-506f7d14a76a-55b553f1 {
  grid-area: 3 / 1 / 4 / 2;
}

#w-node-_2ed69562-12a5-3282-de9d-506f7d14a76c-55b553f1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_2ed69562-12a5-3282-de9d-506f7d14a76e-55b553f1 {
  grid-area: 4 / 1 / 5 / 2;
}

#w-node-_2ed69562-12a5-3282-de9d-506f7d14a770-55b553f1, #w-node-_2ed69562-12a5-3282-de9d-506f7d14a772-55b553f1, #w-node-_2ed69562-12a5-3282-de9d-506f7d14a774-55b553f1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_2ed69562-12a5-3282-de9d-506f7d14a776-55b553f1 {
  grid-area: 2 / 2 / 3 / 3;
  place-self: stretch stretch;
}

#w-node-_2ed69562-12a5-3282-de9d-506f7d14a77b-55b553f1 {
  grid-area: 2 / 3 / 3 / 4;
}

#w-node-_2ed69562-12a5-3282-de9d-506f7d14a780-55b553f1 {
  grid-area: 2 / 4 / 3 / 5;
}

#w-node-_2ed69562-12a5-3282-de9d-506f7d14a786-55b553f1 {
  grid-area: 2 / 5 / 3 / 6;
}

#w-node-_2ed69562-12a5-3282-de9d-506f7d14a78b-55b553f1 {
  grid-area: 2 / 6 / 3 / 7;
}

#w-node-_2ed69562-12a5-3282-de9d-506f7d14a78e-55b553f1 {
  grid-area: 2 / 7 / 3 / 8;
}

#w-node-_2ed69562-12a5-3282-de9d-506f7d14a793-55b553f1 {
  grid-area: 3 / 2 / 4 / 3;
}

#w-node-_2ed69562-12a5-3282-de9d-506f7d14a796-55b553f1 {
  grid-area: 3 / 3 / 4 / 4;
}

#w-node-_2ed69562-12a5-3282-de9d-506f7d14a799-55b553f1 {
  grid-area: 3 / 4 / 4 / 5;
}

#w-node-_2ed69562-12a5-3282-de9d-506f7d14a79c-55b553f1 {
  grid-area: 3 / 5 / 4 / 6;
}

#w-node-_2ed69562-12a5-3282-de9d-506f7d14a79f-55b553f1 {
  grid-area: 3 / 6 / 4 / 7;
}

#w-node-_2ed69562-12a5-3282-de9d-506f7d14a7a2-55b553f1 {
  grid-area: 3 / 7 / 4 / 8;
}

#w-node-_2ed69562-12a5-3282-de9d-506f7d14a7a5-55b553f1 {
  grid-area: 4 / 2 / 5 / 3;
}

#w-node-_2ed69562-12a5-3282-de9d-506f7d14a7a8-55b553f1 {
  grid-area: 4 / 3 / 5 / 4;
}

#w-node-_2ed69562-12a5-3282-de9d-506f7d14a7ab-55b553f1 {
  grid-area: 4 / 4 / 5 / 5;
}

#w-node-_2ed69562-12a5-3282-de9d-506f7d14a7ae-55b553f1 {
  grid-area: 4 / 5 / 5 / 6;
}

#w-node-_2ed69562-12a5-3282-de9d-506f7d14a7b1-55b553f1 {
  grid-area: 4 / 6 / 5 / 7;
}

#w-node-_2ed69562-12a5-3282-de9d-506f7d14a7b4-55b553f1 {
  grid-area: 4 / 7 / 5 / 8;
}

#w-node-_2ed69562-12a5-3282-de9d-506f7d14a7b7-55b553f1, #w-node-_2ed69562-12a5-3282-de9d-506f7d14a7b9-55b553f1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_2ed69562-12a5-3282-de9d-506f7d14a7bb-55b553f1 {
  grid-area: 5 / 2 / 6 / 3;
}

#w-node-_2ed69562-12a5-3282-de9d-506f7d14a7bc-55b553f1 {
  grid-area: 5 / 3 / 6 / 4;
}

#w-node-_2ed69562-12a5-3282-de9d-506f7d14a7bf-55b553f1 {
  grid-area: 5 / 4 / 6 / 5;
}

#w-node-_2ed69562-12a5-3282-de9d-506f7d14a7c2-55b553f1 {
  grid-area: 5 / 5 / 6 / 6;
}

#w-node-_2ed69562-12a5-3282-de9d-506f7d14a7c5-55b553f1 {
  grid-area: 5 / 6 / 6 / 7;
}

#w-node-_2ed69562-12a5-3282-de9d-506f7d14a7c6-55b553f1 {
  grid-area: 5 / 7 / 6 / 8;
}

#w-node-_2ed69562-12a5-3282-de9d-506f7d14a7c9-55b553f1, #w-node-_2ed69562-12a5-3282-de9d-506f7d14a7cb-55b553f1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_2ed69562-12a5-3282-de9d-506f7d14a7cd-55b553f1 {
  grid-area: 6 / 2 / 7 / 3;
}

#w-node-_2ed69562-12a5-3282-de9d-506f7d14a7ce-55b553f1 {
  grid-area: 6 / 3 / 7 / 4;
}

#w-node-_2ed69562-12a5-3282-de9d-506f7d14a7d3-55b553f1 {
  grid-area: 6 / 4 / 7 / 5;
}

#w-node-_2ed69562-12a5-3282-de9d-506f7d14a7d8-55b553f1 {
  grid-area: 6 / 5 / 7 / 6;
}

#w-node-_2ed69562-12a5-3282-de9d-506f7d14a7de-55b553f1 {
  grid-area: 6 / 6 / 7 / 7;
}

#w-node-_2ed69562-12a5-3282-de9d-506f7d14a7e1-55b553f1 {
  grid-area: 6 / 7 / 7 / 8;
}

#w-node-_2ed69562-12a5-3282-de9d-506f7d14a7e7-55b553f1, #w-node-_2ed69562-12a5-3282-de9d-506f7d14a7e9-55b553f1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_2ed69562-12a5-3282-de9d-506f7d14a7eb-55b553f1 {
  grid-area: 7 / 2 / 8 / 3;
}

#w-node-_2ed69562-12a5-3282-de9d-506f7d14a7ec-55b553f1 {
  grid-area: 7 / 3 / 8 / 4;
}

#w-node-_2ed69562-12a5-3282-de9d-506f7d14a7ed-55b553f1 {
  grid-area: 7 / 4 / 8 / 5;
}

#w-node-_2ed69562-12a5-3282-de9d-506f7d14a7ee-55b553f1 {
  grid-area: 7 / 5 / 8 / 6;
}

#w-node-_2ed69562-12a5-3282-de9d-506f7d14a7ef-55b553f1 {
  grid-area: 7 / 6 / 8 / 7;
}

#w-node-_2ed69562-12a5-3282-de9d-506f7d14a7f0-55b553f1 {
  grid-area: 7 / 7 / 8 / 8;
}

#w-node-_2ed69562-12a5-3282-de9d-506f7d14a7f3-55b553f1, #w-node-_2ed69562-12a5-3282-de9d-506f7d14a7f5-55b553f1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_2ed69562-12a5-3282-de9d-506f7d14a7f7-55b553f1 {
  grid-area: 8 / 2 / 9 / 3;
}

#w-node-_2ed69562-12a5-3282-de9d-506f7d14a7f8-55b553f1 {
  grid-area: 8 / 3 / 9 / 4;
}

#w-node-_2ed69562-12a5-3282-de9d-506f7d14a7f9-55b553f1 {
  grid-area: 8 / 4 / 9 / 5;
}

#w-node-_2ed69562-12a5-3282-de9d-506f7d14a7fa-55b553f1 {
  grid-area: 8 / 5 / 9 / 6;
}

#w-node-_2ed69562-12a5-3282-de9d-506f7d14a7fb-55b553f1 {
  grid-area: 8 / 6 / 9 / 7;
}

#w-node-_2ed69562-12a5-3282-de9d-506f7d14a7fe-55b553f1 {
  grid-area: 8 / 7 / 9 / 8;
}

#w-node-_2ed69562-12a5-3282-de9d-506f7d14a801-55b553f1, #w-node-_2ed69562-12a5-3282-de9d-506f7d14a803-55b553f1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_2ed69562-12a5-3282-de9d-506f7d14a805-55b553f1 {
  grid-area: 9 / 2 / 10 / 3;
}

#w-node-_2ed69562-12a5-3282-de9d-506f7d14a808-55b553f1 {
  grid-area: 9 / 3 / 10 / 4;
}

#w-node-_2ed69562-12a5-3282-de9d-506f7d14a80b-55b553f1 {
  grid-area: 9 / 4 / 10 / 5;
}

#w-node-_2ed69562-12a5-3282-de9d-506f7d14a80e-55b553f1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_2ed69562-12a5-3282-de9d-506f7d14a811-55b553f1 {
  grid-area: 9 / 6 / 10 / 7;
}

#w-node-_2ed69562-12a5-3282-de9d-506f7d14a814-55b553f1 {
  grid-area: 9 / 7 / 10 / 8;
}

#w-node-_840ef360-83d0-8b45-5aa6-fba5dc561f9c-55b553f1, #w-node-_840ef360-83d0-8b45-5aa6-fba5dc561f9f-55b553f1, #w-node-_840ef360-83d0-8b45-5aa6-fba5dc561fa2-55b553f1, #w-node-_840ef360-83d0-8b45-5aa6-fba5dc561fa5-55b553f1, #w-node-_71687020-dd2e-7d0f-6d30-80a8d871cc1b-55b553f1, #w-node-_868ce367-2308-061e-4127-ab5e0f134cce-55b553f1, #w-node-_71687020-dd2e-7d0f-6d30-80a8d871cc12-55b553f1, #w-node-_71687020-dd2e-7d0f-6d30-80a8d871cc15-55b553f1, #w-node-_71687020-dd2e-7d0f-6d30-80a8d871cc18-55b553f1, #w-node-_77b54d25-bce4-1c5c-1659-7419eab259b7-55b553f1, #w-node-_840ef360-83d0-8b45-5aa6-fba5dc561faa-55b553f1, #w-node-_915b39db-fe85-b3d5-8586-0b9ea4f74135-55b553f1, #w-node-b2de9b08-0230-7bfb-fe65-8b4972eb5430-55b553f1, #w-node-ad9c997d-7a3d-5bbc-e5c0-c3ea343f0f9b-55b553f1, #w-node-ad9c997d-7a3d-5bbc-e5c0-c3ea343f0faa-55b553f1, #w-node-_99ee9ad1-39d3-ff40-ec6c-be861937aedb-55b553f1, #w-node-_91b83ac3-ca9d-19db-d828-7a272b125f5d-55b553f1, #w-node-_6948ae5c-b67d-ae7b-a49e-bd281be6701c-55b553f1, #w-node-_14dda556-4668-2760-de7e-3114b1724d0d-55b553f1, #w-node-_9d6b77d9-e989-33cd-edb3-ae420a895525-55b553f1, #w-node-d588ee49-b84f-ca07-be77-5a0111a3a1c6-55b553f1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}


@font-face {
  font-family: 'Roboto Custom';
  src: url('../fonts/Roboto-Black.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Roboto Custom';
  src: url('../fonts/Roboto-Thin.ttf') format('truetype');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Roboto Custom';
  src: url('../fonts/Roboto-ThinItalic.ttf') format('truetype');
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Roboto Custom';
  src: url('../fonts/Roboto-BlackItalic.ttf') format('truetype');
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Roboto Custom';
  src: url('../fonts/Roboto-Italic.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Roboto Custom';
  src: url('../fonts/Roboto-BoldItalic.ttf') format('truetype');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Roboto Custom';
  src: url('../fonts/Roboto-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Roboto Custom';
  src: url('../fonts/Roboto-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Roboto Custom';
  src: url('../fonts/Roboto-LightItalic.ttf') format('truetype');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Roboto Custom';
  src: url('../fonts/Roboto-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Roboto Custom';
  src: url('../fonts/Roboto-MediumItalic.ttf') format('truetype');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Roboto Custom';
  src: url('../fonts/Roboto-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Roboto Condensed Custom';
  src: url('../fonts/RobotoCondensed-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Roboto Condensed Custom';
  src: url('../fonts/RobotoCondensed-Italic.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Roboto Condensed Custom';
  src: url('../fonts/RobotoCondensed-LightItalic.ttf') format('truetype');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Roboto Condensed Custom';
  src: url('../fonts/RobotoCondensed-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Roboto Condensed Custom';
  src: url('../fonts/RobotoCondensed-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Roboto Condensed Custom';
  src: url('../fonts/RobotoCondensed-BoldItalic.ttf') format('truetype');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Roboto Slab Custom';
  src: url('../fonts/RobotoSlab-Black.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Roboto Slab Custom';
  src: url('../fonts/RobotoSlab-Bold.ttf') format('truetype'), url('../fonts/RobotoSlab-ExtraBold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Roboto Slab Custom';
  src: url('../fonts/RobotoSlab-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Roboto Slab Custom';
  src: url('../fonts/RobotoSlab-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Roboto Slab Custom';
  src: url('../fonts/RobotoSlab-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Roboto Slab Custom';
  src: url('../fonts/RobotoSlab-Thin.ttf') format('truetype');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Roboto Slab Custom';
  src: url('../fonts/RobotoSlab-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Roboto Slab Custom';
  src: url('../fonts/RobotoSlab-ExtraLight.ttf') format('truetype');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Roboto Mono Custom';
  src: url('../fonts/RobotoMono-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Roboto Mono Custom';
  src: url('../fonts/RobotoMono-ExtraLight.ttf') format('truetype');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Roboto Mono Custom';
  src: url('../fonts/RobotoMono-Italic.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Roboto Mono Custom';
  src: url('../fonts/RobotoMono-BoldItalic.ttf') format('truetype');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Roboto Mono Custom';
  src: url('../fonts/RobotoMono-MediumItalic.ttf') format('truetype');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Roboto Mono Custom';
  src: url('../fonts/RobotoMono-LightItalic.ttf') format('truetype');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Roboto Mono Custom';
  src: url('../fonts/RobotoMono-SemiBoldItalic.ttf') format('truetype');
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Roboto Mono Custom';
  src: url('../fonts/RobotoMono-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Roboto Mono Custom';
  src: url('../fonts/RobotoMono-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Roboto Mono Custom';
  src: url('../fonts/RobotoMono-Thin.ttf') format('truetype');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Roboto Mono Custom';
  src: url('../fonts/RobotoMono-ThinItalic.ttf') format('truetype');
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Roboto Mono Custom';
  src: url('../fonts/RobotoMono-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Roboto Mono Custom';
  src: url('../fonts/RobotoMono-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Roboto Mono Custom';
  src: url('../fonts/RobotoMono-ExtraLightItalic.ttf') format('truetype');
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}