@charset "utf-8";

.foundation-mq { font-family: "small=0em&medium=48em&large=64em&xlarge=80em&xxlarge=90em"; }

.tire-finder__dimensions, .tire-finder__type { display: flex; width: 100%; }

.tire-finder__dimension { max-width: 33%; position: relative; width: 100%; }

.tire-finder__dimension + .tire-finder__dimension { margin-left: 20px; }

.tire-finder__dimension--width { min-width: 72px; }

.tire-finder__dimension--aspect_ratio { min-width: 114px; }

.tire-finder__dimension--rim_size { min-width: 90px; }

.tire-finder__reset-dimension { background-color: rgb(255, 255, 255); background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20fill%3D%27black%27%20d%3D%27M10,1.6c-4.639,0-8.4,3.761-8.4,8.4c0,4.639,3.761,8.4,8.4,8.4s8.4-3.761,8.4-8.4C18.4,5.361,14.639,1.6,10,1.6z%20M14.789,13.061l-1.729,1.729L10,11.729l-3.061,3.06l-1.729-1.729L8.272,10L5.211,6.939L6.94,5.211L10,8.271l3.061-3.061%20l1.729,1.729L11.728,10L14.789,13.061z%27%3E%3C%2Fpath%3E%3C%2Fsvg%3E"); background-position: 50% center; background-repeat: no-repeat; background-size: 16px; content: ""; height: calc(100% - 2px); position: absolute; right: 1px; top: 1px; width: 28px; }

[aria-busy] + .tire-finder__reset-dimension { display: none !important; }

.tire-finder__tire-toggle { height: 26px; }

@media screen and (max-width: 47.9375em) {
  .tire-finder__dimensions, .tire-finder__type { display: block; }
  .tire-finder__dimension { margin-bottom: 10px; margin-left: 0px; max-width: none; width: 100%; }
  .tire-finder__dimension + .tire-finder__dimension { margin-left: 0px; }
  .tire-finder__tire + .tire-finder__tire { margin-top: 8px; }
  .tire-finder__mobile-label { display: block; font-size: 14px; }
  .tire-finder__mobile-label--first { margin-bottom: 5px; }
  .tire-finder__tire-toggle--mobile-remove { display: inline-block; height: 30px; padding: 5px 10px; }
  .tire-finder__tire-toggle--desktop-remove { display: none !important; }
  .tire-finder__search-button { margin-top: 16px; }
}

@media print, screen and (min-width: 48em) {
  .tire-finder__content { align-items: flex-end; display: flex; }
  .tire-finder__tires { flex-grow: 1; }
  .tire-finder__mobile-label { display: none !important; }
  .tire-finder__dimension + .tire-finder__dimension, .tire-finder__search-wrapper { margin-left: 20px; }
  .tire-finder__tire + .tire-finder__tire { margin-top: 16px; }
  .tire-finder__tire-toggle { margin-top: 8px; }
  .tire-finder__search-button { margin-bottom: 34px; }
}

.component { padding-bottom: 8px; padding-top: 8px; }

.component__wrapper--grouped-with-preceding .component { margin-top: 14px; }

@media print, screen and (min-width: 48em) {
  .component { padding-bottom: 10px; padding-top: 10px; }
  .component__wrapper--grouped-with-preceding .component { margin-top: 12px; }
}

.component-top-content .component__wrapper:first-child .component, .component__wrapper--grouped-with-preceding .component { padding-top: 0px; }

.component--email-signup, .component--hero-carousel, .component--hero-static, .component--hero-static-multi, .component--hero-static-tall, .component--megaboard { padding-bottom: 0px !important; padding-top: 0px !important; }

.component--disqus { padding-bottom: 0px !important; }

.component { margin-left: auto; margin-right: auto; max-width: 90rem; }

.component::after, .component::before { content: " "; display: table; flex-basis: 0px; order: 1; }

.component::after { clear: both; }

.component__content { float: left; margin-left: auto; margin-right: auto; padding-left: 1rem; padding-right: 1rem; width: 100%; }

@media print, screen and (min-width: 48em) {
  .component__content { padding-left: 0.625rem; padding-right: 0.625rem; }
}

.component__content:last-child:not(:first-child) { float: right; }

.component__content, .component__content:last-child:not(:first-child) { clear: both; float: none; }

@media print, screen and (min-width: 64em) {
  .component__content { width: 83.3333%; }
}

.component--email-signup, .component--featured-videos, .component--hero-carousel, .component--megaboard, .component--watch, .component--wysiwyg { max-width: none; }

.component--email-signup .component__content, .component--featured-videos .component__content, .component--hero-carousel .component__content, .component--hero-static .component__content, .component--hero-static-multi .component__content, .component--hero-static-tall .component__content, .component--megaboard .component__content, .component--tabbed-product-tray .component__content, .component--top-brands .component__content, .component--visual-category-tray .component__content, .component--watch .component__content, .component--wysiwyg .component__content { padding-left: 0px; padding-right: 0px; }

@media print, screen and (min-width: 64em) {
  .component--email-signup .component__content, .component--featured-videos .component__content, .component--hero-carousel .component__content, .component--hero-static .component__content, .component--hero-static-multi .component__content, .component--hero-static-tall .component__content, .component--megaboard .component__content, .component--tabbed-product-tray .component__content, .component--top-brands .component__content, .component--visual-category-tray .component__content, .component--watch .component__content, .component--wysiwyg .component__content { width: 100%; }
}

.component--marketing-tile .component__content, .component--megaboard .component__content, .component--microboard .component__content, .component--miniboard .component__content { padding-left: 0px; padding-right: 0px; }

@media screen and (max-width: 63.9375em) {
  .component--blog-trending-tray .component__content, .component--nanoboard .component__content, .component--read-component .component__content, .component--tabbed-seo .component__content { padding-left: 0px; padding-right: 0px; }
}

.component__wrapper--background-gray { background-color: rgb(213, 212, 212); }

.component__wrapper--background-black { background-color: rgb(21, 18, 17); color: rgb(255, 255, 255); }

.article-tile { background-color: rgb(255, 255, 255); border: 1px solid rgb(227, 226, 226); display: inline-block; position: relative; text-align: left; vertical-align: top; white-space: normal; width: 100%; }

.article-tile, .article-tile:active, .article-tile:focus, .article-tile:hover, .article-tile:link, .article-tile:visited { color: rgb(21, 18, 17); }

.article-tile__link-hidden-text { display: none; }

.article-tile__image { background-position: 50% center; background-size: cover; line-height: 0; padding-top: 66%; position: relative; width: 100%; }

.article-tile__image-tag { height: 0px; visibility: hidden; }

.article-tile__title { font-family: var(--brand-font); font-weight: 700; margin: 0px 0px 10px; text-transform: none; }

.article-tile__author-link:link, .article-tile__author-link:visited, .article-tile__title-link:link, .article-tile__title-link:visited { color: rgb(21, 18, 17); }

.article-tile__author-link:active, .article-tile__author-link:hover, .article-tile__title-link:active, .article-tile__title-link:hover { color: var(--brand-color-text); }

.article-tile__meta { bottom: 8px; left: 21px; position: absolute; right: 21px; }

.article-tile__info { padding: 19px 21px; }

.article-tile__date { font-size: 13px; }

.article-tile__comments, .article-tile__comments-bubble, .article-tile__likes { float: right; font-weight: 700; }

.article-tile__comments { color: var(--brand-color-text); font-size: 13px; margin-left: 10px; }

.article-tile__likes { background-color: rgb(59, 89, 152); background-image: url("/images/sites/revzilla/support/facebook_like-0f7410a3f8fe08b5e8e82fa372cab11b.svg?vsn=d"); background-position: 3px center; background-repeat: no-repeat; background-size: 16px; border-radius: 3px; color: rgb(255, 255, 255); font-size: 12px; height: 20px; line-height: 22px; padding: 0px 6px 0px 23px; }

.article-tile__likes::before { content: "Like"; }

.article-tile__likes-link:active, .article-tile__likes-link:hover, .article-tile__likes-link:link, .article-tile__likes-link:visited { color: rgb(255, 255, 255); }

.article-tile__comments-bubble { font-size: 13px !important; margin-left: 10px; }

.article-tile__info { height: 157px; }

.article-tile__title { display: -webkit-box; font-size: 22px; height: 54px; line-height: 1.25; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin-bottom: 9px; overflow: hidden; text-overflow: ellipsis; white-space: normal; }

.article-tile__author { font-size: 13px; }

.article-tile__comments { display: none; }

@media print, screen and (min-width: 64em) {
  .article-tile__info { height: 207px; }
  .article-tile__title { display: -webkit-box; font-size: 28px; height: 69px; line-height: 1.25; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin-bottom: 20px; overflow: hidden; text-overflow: ellipsis; white-space: normal; }
  .article-tile__author { font-size: 16px; }
}

@media screen and (min-width: 80em) {
  .article-tile__comments { display: inline-block; }
}

.component-top-content .bannerboard__color-block:first-child .bannerboard { padding-top: 0px; }

.bannerboard__headings { margin-bottom: 22px; }

.bannerboard__heading, .bannerboard__subheading { margin-bottom: 0px; text-align: center; }

.bannerboard__heading { font-size: 22px; font-weight: 700; line-height: 27px; }

.bannerboard__subheading { font-size: 14px; line-height: 17px; }

.bannerboard__board-copy, .bannerboard__heading, .bannerboard__subheading { color: inherit; }

.bannerboard__wrapper + .bannerboard__wrapper { margin-top: 22px; }

.bannerboard__wrapper--no-gaps + .bannerboard__wrapper--no-gaps { margin-top: 0px; }

.bannerboard__board { text-align: center; }

.bannerboard__boards { float: left; padding-left: 1rem; padding-right: 1rem; width: 100%; }

@media print, screen and (min-width: 48em) {
  .bannerboard__boards { padding-left: 0.625rem; padding-right: 0.625rem; }
}

.bannerboard__boards:last-child:not(:first-child) { float: right; }

.bannerboard .js-CmtoTray-scrollWrapper { gap: 22px; padding-left: 16px; padding-right: 16px; }

@media print, screen and (min-width: 48em) {
  .bannerboard .js-CmtoTray-scrollWrapper { padding-left: 0px; padding-right: 0px; }
}

.bannerboard__image { width: 100%; }

.bannerboard__board-copy { max-width: 360px; padding: 0px 16px; margin: 20px auto !important; }

.bannerboard__board--no-gaps { margin: 0px !important; }

@media screen and (max-width: 47.9375em) {
  .bannerboard__boards .bannerboard__board + .bannerboard__board, .bannerboard__wrapper .bannerboard__board + .bannerboard__board { margin-top: 22px; }
}

@media print, screen and (min-width: 48em) {
  .bannerboard__wrapper { display: flex; }
  .bannerboard__board { flex-grow: 1; width: 100%; }
  .bannerboard__board:not(:last-child) { margin-right: 11px; }
  .bannerboard__board:not(:first-child) { margin-left: 11px; }
}

.bannerboard__cta-list-wrapper { align-items: flex-end; display: flex; justify-content: center; }

.bannerboard__cta-list { list-style: none; margin: 0px; width: 100%; }

.bannerboard__cta { border-bottom: 2px solid transparent; border-top: 2px solid transparent; display: inline-block; font-weight: 700; }

@media screen and (max-width: 47.9375em) {
  .bannerboard__cta-list { padding-bottom: 16px; }
  .bannerboard__cta-item { margin-left: 24px; margin-right: 24px; }
  .bannerboard__cta-item + .bannerboard__cta-item { margin-top: 8px; }
  .bannerboard__cta { line-height: 1.2; }
}

@media print, screen and (min-width: 48em) {
  .bannerboard__cta-list { padding-bottom: 32px; text-align: center; }
  .bannerboard__cta-item { display: inline; }
  .bannerboard__cta { line-height: 1.5; margin: 0px 24px; }
  .bannerboard__cta:hover { background-color: var(--brand-color); margin: 0px; padding: 0px 24px; border-color: var(--brand-color) !important; color: var(--brand-color-foreground) !important; }
}

.bannerboard__cta--white { border-bottom-color: rgb(255, 255, 255); color: rgb(255, 255, 255); }

.bannerboard__cta--black { border-bottom-color: rgb(21, 18, 17); color: rgb(21, 18, 17); }

.bannerboard__board--mobile-left .bannerboard__cta-item { text-align: left; }

.bannerboard__board--mobile-center .bannerboard__cta-item { text-align: center; }

.bannerboard__board--mobile-right .bannerboard__cta-item { text-align: right; }

.bannerboard__image-wrapper { position: relative; }

.bannerboard__cta-list-wrapper { inset: 0px; position: absolute; }

.category-links-content-block__heading { display: block; margin-bottom: 25px; text-align: center; width: 100%; }

.category-links-content-block__list { list-style: none; margin: 0px; }

.category-links-content-block__link { display: block; padding: 10px 10px 8px; }

.category-links-content-block__more-btn { clear: both; padding: 10px 10px 0px; }

@media screen and (max-width: 47.9375em) {
  .category-links-content-block__list-item { border-bottom: 1px solid rgb(227, 226, 226); }
}

.category-links-content-block__list-item--read-more { border-bottom: none; overflow: hidden; padding: 0px; }

.category-links-content-block__list-item--read-more--active { border-bottom: 1px solid rgb(227, 226, 226); padding: 0px; }

.category-links-content-block__more-btn { display: block; }

@media print, screen and (min-width: 48em) {
  .category-links-content-block__list-item { border-bottom: 1px solid rgb(227, 226, 226); float: left; }
  .category-links-content-block__list-item--read-more { overflow: visible; height: inherit !important; }
  .category-links-content-block__list-item:nth-of-type(3n+1) { clear: both; }
  .category-links-content-block__more-btn { display: none; }
  .category-links-content-block__list-item { width: calc(33.3333% - 33.3333px); }
  .category-links-content-block__list-item:not(:nth-of-type(3n)) { margin-right: 50px; }
}

@media print, screen and (min-width: 64em) {
  .category-links-content-block__list-item { width: calc(33.3333% - 20px); }
  .category-links-content-block__list-item:not(:nth-of-type(3n)) { margin-right: 30px; }
}

@media screen and (min-width: 80em) {
  .category-links-content-block__list-item { width: calc(33.3333% - 26.6667px); }
  .category-links-content-block__list-item:not(:nth-of-type(3n)) { margin-right: 40px; }
}

@media screen and (min-width: 90em) {
  .category-links-content-block__list-item { width: calc(33.3333% - 46.6667px); }
  .category-links-content-block__list-item:not(:nth-of-type(3n)) { margin-right: 70px; }
}

.category-preview { padding-bottom: 0px; }

@media print, screen and (min-width: 64em) {
  .category-preview__scroll-wrapper { white-space: normal !important; }
  .category-preview__scroll-overflow-wrapper, .category-preview__scroll-wrapper { height: auto !important; overflow: visible !important; }
  .category-preview__controls { display: none; }
}

.category-preview__scroll-overflow-wrapper, .category-preview__scroll-wrapper { height: auto !important; }

.category-preview__product-tile { height: 100%; }

.category-preview .component__content { padding-left: 0px; padding-right: 0px; }

.category-preview__scroll-wrapper { display: flex; float: left; gap: 15px; padding-left: 1rem; padding-right: 1rem; width: 100%; }

@media print, screen and (min-width: 48em) {
  .category-preview__scroll-wrapper { padding-left: 0.625rem; padding-right: 0.625rem; }
}

.category-preview__scroll-wrapper:last-child:not(:first-child) { float: right; }

.category-preview--miniboard-left .category-preview__tiles { grid-template-areas: "miniboard miniboard miniboard tile1 tile2"; }

.category-preview--miniboard-right .category-preview__tiles { grid-template-areas: "tile1 tile2 miniboard miniboard miniboard"; }

.category-preview--truncated .category-preview__tiles { grid-template-rows: 1fr; }

.category-preview__miniboard { float: left; grid-area: miniboard; padding-left: 1rem; padding-right: 1rem; width: 100%; }

@media print, screen and (min-width: 48em) {
  .category-preview__miniboard { padding-left: 0.625rem; padding-right: 0.625rem; }
}

.category-preview__miniboard:last-child:not(:first-child) { float: right; }

.category-preview__board { height: 100%; width: 100%; }

.category-preview .product-tile { height: 100%; }

.category-preview__shop-link-wrapper { margin-bottom: 20px; margin-top: 20px; text-align: center; }

@media screen and (max-width: 63.9375em) {
  .category-preview__board { margin-bottom: 15px; }
  .category-preview__product-tile { width: 152px; }
  .category-preview__product-tile-wrapper { display: inline-block; padding-bottom: 30px; padding-top: 15px; position: relative; vertical-align: top; }
}

@media print, screen and (min-width: 48em) {
  .category-preview__copy { padding: 10px 10px 0px; }
}

@media screen and (max-width: 63.9375em) {
  .category-preview__miniboard--desktop { display: none; }
}

@media print, screen and (min-width: 64em) {
  .category-preview .component__content { padding-left: 10px; padding-right: 10px; }
  .category-preview__miniboard, .category-preview__scroll-wrapper { padding-left: 0px; padding-right: 0px; }
  .category-preview__miniboard--mobile { display: none; }
  .category-preview__tiles { gap: 40px 20px; display: grid; grid-template-columns: repeat(5, 1fr); }
  .category-preview--truncated .category-preview__product-tile-wrapper:nth-child(n+4) { display: none !important; }
}

.contest-entry__content { display: flex; }

.contest-entry__heading { font-family: var(--brand-font-heading); font-size: 32px; font-weight: 700; line-height: 1.1; margin-bottom: 16px; text-transform: uppercase; }

.contest-entry .field--email-signup { margin-top: 0px; }

.contest-entry__submit-rules { align-items: center; display: inline-flex; flex-direction: column; }

.contest-entry__heading--failure { color: rgb(236, 28, 44); font-family: var(--brand-font); font-weight: 400; }

@media screen and (max-width: 47.9375em) {
  .contest-entry__content { flex-direction: column; }
  .contest-entry__copy, .contest-entry__heading { text-align: center; }
  .contest-entry__copy ul { display: inline-block; text-align: left; }
  .contest-entry__entry { margin-top: 32px; }
}

@media print, screen and (min-width: 48em) {
  .contest-entry__copy--failure, .contest-entry__copy--success, .contest-entry__heading--failure, .contest-entry__heading--success { text-align: center; }
  .contest-entry__entry, .contest-entry__info { width: 50%; }
}

@media print, screen and (min-width: 64em) {
  .contest-entry__info { padding-right: 24px; }
  .contest-entry__entry { padding-left: 24px; }
}

.component-top-content .duoboard__color-block:first-child .duoboard { padding-top: 0px; }

.duoboard__headings { margin-bottom: 22px; }

.duoboard__heading, .duoboard__subheading { margin-bottom: 0px; text-align: center; }

.duoboard__heading { font-size: 22px; font-weight: 700; line-height: 27px; }

.duoboard__subheading { font-size: 14px; line-height: 17px; }

.duoboard__board-copy, .duoboard__heading, .duoboard__subheading { color: inherit; }

.duoboard__wrapper + .duoboard__wrapper { margin-top: 22px; }

.duoboard__wrapper--no-gaps + .duoboard__wrapper--no-gaps { margin-top: 0px; }

.duoboard__board { text-align: center; }

.duoboard__boards { float: left; padding-left: 1rem; padding-right: 1rem; width: 100%; }

@media print, screen and (min-width: 48em) {
  .duoboard__boards { padding-left: 0.625rem; padding-right: 0.625rem; }
}

.duoboard__boards:last-child:not(:first-child) { float: right; }

.duoboard .js-CmtoTray-scrollWrapper { gap: 22px; padding-left: 16px; padding-right: 16px; }

@media print, screen and (min-width: 48em) {
  .duoboard .js-CmtoTray-scrollWrapper { padding-left: 0px; padding-right: 0px; }
}

.duoboard__image { width: 100%; }

.duoboard__board-copy { max-width: 360px; padding: 0px 16px; margin: 20px auto !important; }

.duoboard__board--no-gaps { margin: 0px !important; }

@media screen and (max-width: 47.9375em) {
  .duoboard__boards .duoboard__board + .duoboard__board, .duoboard__wrapper .duoboard__board + .duoboard__board { margin-top: 22px; }
}

@media print, screen and (min-width: 48em) {
  .duoboard__wrapper { display: flex; }
  .duoboard__boards { display: grid; gap: 22px; grid-template-columns: repeat(2, 1fr); grid-template-rows: auto; }
  .duoboard__boards--no-gaps { gap: 0px; }
}

.duoboard .component__content { padding-left: 0px; padding-right: 0px; }

.duoboard .js-CmtoTray-scrollWrapper .duoboard__board { flex: 0 0 calc(66.6667% - 7.33333px); }

@media print, screen and (min-width: 48em) {
  .duoboard .js-CmtoTray-scrollWrapper .duoboard__board { flex: 0 0 calc(50% - 11px); }
}

.duoboard__image-wrapper, .duoboard__video { position: relative; }

.duoboard__video { bottom: 4%; height: 0px; margin-bottom: 1rem; overflow: hidden; padding-bottom: 56.25%; position: absolute; right: 10%; width: 80%; }

.duoboard__video embed, .duoboard__video iframe, .duoboard__video object, .duoboard__video video { height: 100%; left: 0px; position: absolute; top: 0px; width: 100%; }

.duoboard__lazy-youtube { border: 1px solid rgb(255, 255, 255); margin-bottom: 0px; }

.gallery { width: 100%; }

.gallery__color-block--black { background-color: rgb(21, 18, 17); color: rgb(255, 255, 255); }

.gallery__color-block--white { background-color: rgb(255, 255, 255); }

.gallery__color-block--gray { background-color: rgb(213, 212, 212); }

.gallery__headings { margin-bottom: 22px; }

.gallery__heading, .gallery__subheading { margin-bottom: 0px; text-align: center; }

.gallery__heading { font-size: 22px; font-weight: 700; line-height: 27px; }

.gallery__subheading { font-size: 14px; line-height: 17px; }

.gallery__grid { display: grid; gap: 10px; grid-template-columns: repeat(6, 1fr); }

.gallery__grid--large-small { grid-template-areas: "a a b c c d" "a a e c c f"; }

.gallery__grid--small-large { grid-template-areas: "a b b c d d" "e b b f d d"; }

.gallery__grid--large { grid-template-areas: "a a b b c c" "a a b b c c"; }

.gallery__grid--small { grid-template-areas: "a b c d e f" "g h i j k l"; }

.gallery__cell { display: block; position: relative; }

.gallery__grid--large-small .gallery__cell:first-child { grid-area: a; }

.gallery__grid--large-small .gallery__cell:nth-child(3) { grid-area: c; }

.gallery__grid--small-large .gallery__cell:nth-child(2) { grid-area: b; }

.gallery__grid--small-large .gallery__cell:nth-child(4) { grid-area: d; }

.gallery__grid--large .gallery__cell:first-child { grid-area: a; }

.gallery__grid--large .gallery__cell:nth-child(2) { grid-area: b; }

.gallery__grid--large .gallery__cell:nth-child(3) { grid-area: c; }

.gallery__cell-img { aspect-ratio: 1 / 1; object-fit: cover; vertical-align: middle; width: 100%; }

.gallery__cell-content-toggle { left: 0px; opacity: 0; pointer-events: none; position: fixed; }

body[data-whatinput="mouse"] .gallery__cell-content:hover, body[data-whatinput="touch"] .gallery__cell-content-toggle:checked + .gallery__cell-content { opacity: 1; }

.gallery__cell-content { align-items: center; background-color: rgba(0, 0, 0, 0.8); inset: 0px; color: rgb(255, 255, 255); display: flex; flex-direction: column; justify-content: center; opacity: 0; padding: 10px; position: absolute; text-align: center; transition: opacity 0.25s ease-in-out; }

.gallery__cell-content ul { list-style: none; margin: 0px; padding: 0px; }

.gallery__cell-content a, .gallery__cell-content a:active, .gallery__cell-content a:focus, .gallery__cell-content a:hover, .gallery__cell-content a:link, .gallery__cell-content a:visited { color: rgb(255, 255, 255); }

.gallery__cell-content a:hover { color: var(--brand-color-text); }

@media screen and (max-width: 47.9375em) {
  .gallery__grid { grid-template-columns: repeat(2, 1fr); }
  .gallery__grid--large-small { grid-template-areas: "a a" "b d" "c c" "e f"; }
  .gallery__grid--small-large { grid-template-areas: "a c" "b b" "e f" "d d"; }
  .gallery__grid--large { grid-template-areas: "a a" "b b" "c c"; }
  .gallery__grid--small { grid-template-areas: "a b" "c d" "e f" "g h" "i j" "k l"; }
}

.guided-content::after { clear: both; content: ""; display: table; }

@media screen and (min-width: 80em) {
  .guided-content__scroll-wrapper { white-space: normal !important; }
  .guided-content__scroll-overflow-wrapper, .guided-content__scroll-wrapper { height: auto !important; overflow: visible !important; }
  .guided-content__controls { display: none; }
}

.guided-content__scroll-wrapper { float: left; margin-left: auto; margin-right: auto; padding-left: 1rem; padding-right: 1rem; width: 100%; }

@media print, screen and (min-width: 48em) {
  .guided-content__scroll-wrapper { padding-left: 0.625rem; padding-right: 0.625rem; }
}

.guided-content__scroll-wrapper:last-child:not(:first-child) { float: right; }

.guided-content__scroll-wrapper, .guided-content__scroll-wrapper:last-child:not(:first-child) { clear: both; float: none; }

.guided-content__background { display: block; margin: 0px auto 16px; max-width: 130px; width: 100%; }

.guided-content__content, .guided-content__frame-wrapper { height: 100%; }

.guided-content__frame { padding: 0px 16px; white-space: normal; }

.guided-content__headings, .guided-content__link-wrapper { text-align: center; }

.guided-content__text { display: block; text-align: center; transition: color 0.15s ease-in-out; width: 100%; }

.guided-content__text:not(:hover) { color: rgb(21, 18, 17); }

.guided-content__related-links { align-items: center; border-left: 1px solid rgb(227, 226, 226); display: flex; justify-content: center; padding: 16px; }

.guided-content__related-links-item { margin-bottom: 4px; }

.guided-content__related-links-item:last-of-type { margin-bottom: 0px; }

.guided-content__related-links-list { list-style: none; margin: 8px 0px 0px; padding: 0px; }

.guided-content__short-description { font-size: 14px; }

.guided-content__title { font-weight: 700; }

.guided-content__wrapper { background-color: rgb(255, 255, 255); border: 1px solid rgb(227, 226, 226); clear: both; margin: 0px auto 16px; padding: 16px 0px 32px; }

@media screen and (max-width: 63.9375em) {
  .guided-content__text { font-size: 14px; }
  .guided-content__wrapper { border-left: none; border-right: none; margin-top: 8px; }
}

@media screen and (max-width: 79.9375em) {
  .guided-content__arrow { display: block !important; }
  .guided-content__arrow--left { transform: translateX(60%); }
  .guided-content__arrow--right { transform: translateX(-60%); }
}

@media screen and (min-width: 80em) {
  .guided-content__wrapper { padding: 16px; }
  .guided-content__wrapper:has(.guided-content__frame:nth-last-child(n+8)) { padding-bottom: 32px; }
}

@media screen and (min-width: 80em) {
  .guided-content:has(.guided-content__frame:nth-last-child(n+8)) .guided-content__scroll-wrapper { white-space: normal !important; }
  .guided-content:has(.guided-content__frame:nth-last-child(n+8)) .guided-content__scroll-overflow-wrapper, .guided-content:has(.guided-content__frame:nth-last-child(n+8)) .guided-content__scroll-wrapper { overflow: hidden !important; }
  .guided-content:has(.guided-content__frame:nth-last-child(n+8)) .guided-content__controls { display: block; }
}

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

.guided-content__frame { float: left; opacity: 0; width: 14.2857%; }

.guided-content__scroll-wrapper .guided-content__frame { min-width: 200px; opacity: 1; width: 100%; }

@media screen and (min-width: 80em) {
  .guided-content__scroll-wrapper .guided-content__frame { min-width: 14.2857%; }
}

.hero-static-multi__cta-list-wrapper { align-items: flex-end; display: flex; justify-content: center; }

.hero-static-multi__cta-list { list-style: none; margin: 0px; width: 100%; }

.hero-static-multi__cta { border-bottom: 2px solid transparent; border-top: 2px solid transparent; display: inline-block; font-weight: 700; }

@media screen and (max-width: 47.9375em) {
  .hero-static-multi__cta-list { padding-bottom: 16px; }
  .hero-static-multi__cta-item { margin-left: 24px; margin-right: 24px; }
  .hero-static-multi__cta-item + .hero-static-multi__cta-item { margin-top: 8px; }
  .hero-static-multi__cta { line-height: 1.2; }
}

@media print, screen and (min-width: 48em) {
  .hero-static-multi__cta-list { padding-bottom: 32px; text-align: center; }
  .hero-static-multi__cta-item { display: inline; }
  .hero-static-multi__cta { line-height: 1.5; margin: 0px 24px; }
  .hero-static-multi__cta:hover { background-color: var(--brand-color); margin: 0px; padding: 0px 24px; border-color: var(--brand-color) !important; color: var(--brand-color-foreground) !important; }
}

.hero-static-multi__background { background-position: 50% center; background-size: cover; }

.hero-static-multi__cta--white { border-bottom-color: rgb(255, 255, 255); color: rgb(255, 255, 255); }

.hero-static-multi__cta--black { border-bottom-color: rgb(21, 18, 17); color: rgb(21, 18, 17); }

@media screen and (max-width: 47.9375em) {
  .hero-static-multi__background { height: 330px; }
  .hero-static-multi--mobile-left .hero-static-multi__cta-item { text-align: left; }
  .hero-static-multi--mobile-center .hero-static-multi__cta-item { text-align: center; }
  .hero-static-multi--mobile-right .hero-static-multi__cta-item { text-align: right; }
}

@media print, screen and (min-width: 48em) {
  .hero-static-multi__background { height: 300px; }
}

.hero-static-multi__background { margin-left: auto; margin-right: auto; max-width: 90rem; }

.hero-static-multi__background::after, .hero-static-multi__background::before { content: " "; display: table; flex-basis: 0px; order: 1; }

.hero-static-multi__background::after { clear: both; }

.hero-static-tall .view { margin: 0px auto; width: 280px; }

.hero-static-tall__video .youtube-player-container, .hero-static-tall__video iframe { height: 100%; max-width: 100%; }

.hero-static-tall__frame { display: table; height: 360px; overflow: hidden; width: 100%; }

.hero-static-tall__video { background-color: rgb(0, 0, 0); border: 1px solid rgb(255, 255, 255); height: 100%; left: 50%; margin-right: -50%; position: absolute; top: 0px; transform: translate(-50%); width: 100%; }

.hero-static-tall__frame { position: relative; }

.hero-static-tall__video-wrapper { height: 0px; margin-bottom: 1rem; margin-top: 100px; overflow: hidden; padding-bottom: 56.25%; position: relative; }

.hero-static-tall__background, .hero-static-tall__video-wrapper embed, .hero-static-tall__video-wrapper iframe, .hero-static-tall__video-wrapper object, .hero-static-tall__video-wrapper video { height: 100%; left: 0px; position: absolute; top: 0px; width: 100%; }

.hero-static-tall__background { background-position: 50% center; background-repeat: no-repeat; background-size: cover; }

@media print, screen and (min-width: 48em) {
  .hero-static-tall .view { width: 410px; }
  .hero-static-tall__background, .hero-static-tall__frame { height: 475px; }
  .hero-static-tall__video-wrapper { margin-top: 135px; }
}

@media print, screen and (min-width: 64em) {
  .hero-static-tall .view { width: 425px; }
  .hero-static-tall__background, .hero-static-tall__frame { height: 440px; }
  .hero-static-tall__video-wrapper { margin-top: 108px; }
}

@media screen and (min-width: 80em) {
  .hero-static-tall .view { width: 500px; }
  .hero-static-tall__video-wrapper { margin-top: 50px; }
}

.featured-buttons--no-heading .featured-buttons__heading { display: none; }

.featured-buttons__heading { position: relative; text-align: center; }

.featured-buttons__wrapper { float: left; }

@media screen and (max-width: 47.9375em) {
  .featured-buttons__row:last-child .featured-buttons__wrapper:last-child { margin-bottom: 0px; }
}

.featured-buttons__heading { margin-bottom: 20px; }

.featured-buttons__wrapper { margin-bottom: 10px; }

.featured-buttons__row:last-child .featured-buttons__wrapper:last-child { margin-bottom: 0px !important; }

@media print, screen and (min-width: 48em) {
  .featured-buttons__heading { margin-bottom: 15px; }
  .featured-buttons__row:last-child .featured-buttons__wrapper { margin-bottom: 0px !important; }
}

@media print, screen and (min-width: 64em) {
  .featured-buttons__heading { margin-bottom: 30px; }
  .featured-buttons__wrapper { margin-bottom: 20px; }
}

.featured-buttons__row { float: left; margin: 0px auto; max-width: 90rem; padding-left: 0px; padding-right: 0px; width: 100%; }

.featured-buttons__row::after, .featured-buttons__row::before { content: " "; display: table; flex-basis: 0px; order: 1; }

.featured-buttons__row::after { clear: both; }

@media print, screen and (min-width: 48em) {
  .featured-buttons__row { padding-left: 0.625rem; padding-right: 0.625rem; }
}

.featured-buttons__row:last-child:not(:first-child) { float: right; }

.featured-buttons__row, .featured-buttons__row:last-child:not(:first-child) { clear: both; float: none; }

.featured-buttons__row[data-count="1"] { width: 33.3333%; }

.featured-buttons__row[data-count="2"] { width: 66.6667%; }

.featured-buttons__row[data-count="3"] { width: 100%; }

.featured-buttons__row[data-count="1"] .featured-buttons__wrapper { float: left; padding-left: 1rem; padding-right: 1rem; width: 100%; }

@media print, screen and (min-width: 48em) {
  .featured-buttons__row[data-count="1"] .featured-buttons__wrapper { padding-left: 0.625rem; padding-right: 0.625rem; }
}

.featured-buttons__row[data-count="1"] .featured-buttons__wrapper:last-child:not(:first-child) { float: right; }

.featured-buttons__row[data-count="2"] .featured-buttons__wrapper { float: left; padding-left: 1rem; padding-right: 1rem; width: 50%; }

@media print, screen and (min-width: 48em) {
  .featured-buttons__row[data-count="2"] .featured-buttons__wrapper { padding-left: 0.625rem; padding-right: 0.625rem; }
}

.featured-buttons__row[data-count="2"] .featured-buttons__wrapper:last-child:not(:first-child) { float: right; }

.featured-buttons__row[data-count="3"] .featured-buttons__wrapper { float: left; padding-left: 1rem; padding-right: 1rem; width: 33.3333%; }

@media print, screen and (min-width: 48em) {
  .featured-buttons__row[data-count="3"] .featured-buttons__wrapper { padding-left: 0.625rem; padding-right: 0.625rem; }
}

.featured-buttons__row[data-count="3"] .featured-buttons__wrapper:last-child:not(:first-child) { float: right; }

@media screen and (max-width: 47.9375em) {
  .featured-buttons__row, .featured-buttons__wrapper { display: block !important; float: none !important; width: 100% !important; }
}

@media print, screen and (min-width: 64em) {
  .featured-buttons__wrapper { padding-left: 15px !important; padding-right: 15px !important; }
}

.megaboard { position: relative; }

.megaboard__image { width: 100%; }

.megaboard__content-wrapper { inset: 0px; display: flex; position: absolute; }

.megaboard__content { display: flex; width: 100%; }

.megaboard__content--white-text, .megaboard__content--white-text:active, .megaboard__content--white-text:focus, .megaboard__content--white-text:hover, .megaboard__content--white-text:link, .megaboard__content--white-text:visited { color: rgb(255, 255, 255); }

.megaboard__content--black-text, .megaboard__content--black-text:active, .megaboard__content--black-text:focus, .megaboard__content--black-text:hover, .megaboard__content--black-text:link, .megaboard__content--black-text:visited { color: rgb(2, 54, 123); }

.megaboard__brand { font-weight: 700; text-transform: uppercase; }

.megaboard__heading { font-family: var(--brand-font-heading); font-weight: 700; margin: 0.1em 0px; }

.megaboard__subheading { line-height: 1.25; }

.megaboard__button { margin-top: 16px; }

.megaboard__content--mobile-v-top { align-items: flex-start; }

.megaboard__content--mobile-v-middle { align-items: center; }

.megaboard__content--mobile-v-bottom { align-items: flex-end; }

.megaboard__content--mobile-h-left { justify-content: flex-start; }

.megaboard__content--mobile-h-center { justify-content: center; }

.megaboard__content--mobile-h-right { justify-content: flex-end; }

.megaboard__content--mobile-t-left { text-align: left; }

.megaboard__content--mobile-t-center { text-align: center; }

.megaboard__content--mobile-t-right { text-align: right; }

@media print, screen and (min-width: 48em) {
  .megaboard__content--tablet-v-top { align-items: flex-start; }
  .megaboard__content--tablet-v-middle { align-items: center; }
  .megaboard__content--tablet-v-bottom { align-items: flex-end; }
  .megaboard__content--tablet-h-left { justify-content: flex-start; }
  .megaboard__content--tablet-h-center { justify-content: center; }
  .megaboard__content--tablet-h-right { justify-content: flex-end; }
  .megaboard__content--tablet-t-left { text-align: left; }
  .megaboard__content--tablet-t-center { text-align: center; }
  .megaboard__content--tablet-t-right { text-align: right; }
}

.megaboard__content--megaboard { padding: 36px; }

@media screen and (min-width: 80em) {
  .megaboard__content--megaboard { padding: 64px 80px; }
}

@media screen and (min-width: 120em) {
  .megaboard__content--megaboard { padding: 154px 80px; }
}

.megaboard__content--megaboard .megaboard__brand { font-size: 14px; }

.megaboard__content--megaboard .megaboard__heading { font-size: 24px; }

.megaboard__content--megaboard .megaboard__subheading { font-size: 16px; }

@media print, screen and (min-width: 48em) {
  .megaboard__content--megaboard .megaboard__heading { line-height: 1.2; }
}

@media print, screen and (min-width: 64em) {
  .megaboard__content--megaboard .megaboard__brand { font-size: 16px; }
  .megaboard__content--megaboard .megaboard__heading { font-size: 36px; }
  .megaboard__content--megaboard .megaboard__subheading { font-size: 18px; }
}

@media screen and (min-width: 80em) {
  .megaboard__content--megaboard .megaboard__brand { font-size: 22px; }
  .megaboard__content--megaboard .megaboard__heading { font-size: 48px; }
  .megaboard__content--megaboard .megaboard__subheading { font-size: 24px; }
}

@media print, screen and (min-width: 48em) {
  .megaboard__content--megaboard .megaboard__copy { max-width: 256px; }
}

@media print, screen and (min-width: 64em) {
  .megaboard__content--megaboard .megaboard__copy { max-width: 340px; }
}

@media screen and (min-width: 80em) {
  .megaboard__content--megaboard .megaboard__copy { max-width: 480px; }
}

@media screen and (min-width: 120em) {
  .megaboard__content--megaboard .megaboard__copy { max-width: 640px; }
}

@media screen and (max-width: 47.9375em) {
  .megaboard__badge { font-size: 14px; left: 32px; line-height: 20px; padding: 4px 10px; position: absolute; }
  .megaboard__badge + .megaboard__content { padding-top: 32px; }
}

@media print, screen and (min-width: 48em) {
  .megaboard__badge { align-items: center; aspect-ratio: 1 / 1; display: flex; font-size: 10px; justify-content: center; line-height: 1; padding: 8px; text-align: center; }
}

@media print, screen and (min-width: 64em) {
  .megaboard__badge { font-size: 14px; padding: 16px; }
}

@media screen and (min-width: 80em) {
  .megaboard__badge { font-size: 18px; }
}

.megaboard__content--megaboard-slim { padding: 16px 32px; }

.megaboard__content--megaboard-slim .megaboard__heading { line-height: 1; }

.megaboard__content--megaboard-slim .megaboard__brand { font-size: 12px; }

.megaboard__content--megaboard-slim .megaboard__heading { font-size: 24px; }

.megaboard__content--megaboard-slim .megaboard__subheading { font-size: 14px; }

@media print, screen and (min-width: 64em) {
  .megaboard__content--megaboard-slim .megaboard__brand { font-size: 12px; }
  .megaboard__content--megaboard-slim .megaboard__heading { font-size: 30px; }
  .megaboard__content--megaboard-slim .megaboard__subheading { font-size: 16px; }
}

.megaboard__arrow { aspect-ratio: 0.5 / 1; background-size: 50%; margin-left: auto; }

.megaboard__content-wrapper:has(.megaboard__arrow) .megaboard__content { padding-right: 0px; }

.megaboard__content--white-text + .megaboard__arrow { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20fill%3D%27%23ffffff%27%20d%3D%27M0%200%209.72844%200%2018.91376%209.99908%209.72844%2020%200%2020%209.23132%209.99908z%27%3E%3C%2Fpath%3E%3C%2Fsvg%3E"); background-position: 50% center; background-repeat: no-repeat; content: ""; }

.megaboard__content--black-text + .megaboard__arrow { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20fill%3D%27%2302367b%27%20d%3D%27M0%200%209.72844%200%2018.91376%209.99908%209.72844%2020%200%2020%209.23132%209.99908z%27%3E%3C%2Fpath%3E%3C%2Fsvg%3E"); background-position: 50% center; background-repeat: no-repeat; content: ""; }

.miniboard__board { background-color: rgb(255, 255, 255); border-color: rgb(255, 255, 255); border-style: solid; box-shadow: rgba(0, 0, 0, 0.15) 0px 1px 3px 0px; display: block; transition: box-shadow 0.25s ease-in-out; }

.miniboard__board:hover { box-shadow: rgba(0, 0, 0, 0.15) 0px 3px 6px 0px; }

.miniboard__board, .miniboard__board:hover { color: var(--brand-color); }

.miniboard__board:hover .miniboard__image { transform: scale(1.01); }

.miniboard__header { overflow: hidden; position: relative; }

.miniboard__image { object-fit: cover; transform: translateZ(0px) scale(1); transition: transform 0.45s ease-in-out; width: 100%; }

.miniboard__title { color: rgb(255, 255, 255); position: absolute; text-align: center; text-shadow: rgba(0, 0, 0, 0.3) 0px 0px 3px, rgba(0, 0, 0, 0.3) 0px 3px 6px; top: 50%; width: 100%; z-index: 100; }

.miniboard__heading, .miniboard__subheading { display: block; letter-spacing: 0.1em; line-height: 1; text-transform: uppercase; }

.miniboard__heading { font-family: var(--brand-font-heading); font-weight: 700; margin: -0.05em 0px -0.2em; }

.miniboard__subheading { font-weight: 700; margin: -0.1em 0px -0.2em; }

.miniboard__subheading--above { padding-bottom: 10px; }

.miniboard__subheading--below { padding-top: 10px; }

.miniboard__body { align-items: center; display: flex; gap: 10px; justify-content: space-between; }

.miniboard__copy { font-weight: 400; margin-bottom: 0px; }

.miniboard__button { text-align: right; }

.miniboard__button .ui-button--small { min-width: 120px; text-transform: uppercase; white-space: nowrap !important; }

@media screen and (max-width: 47.9375em) {
  .miniboard__frame:not(:last-child) { margin-bottom: 15px; }
}

.miniboard__board { border-width: 5px; }

.miniboard__title { height: 38px; margin-top: -19px; }

.miniboard__heading { font-size: 22px; }

.miniboard__subheading { font-size: 14px; }

.miniboard__copy { text-align: center; }

@media screen and (max-width: 63.9375em) {
  .miniboard__button { display: none; }
}

@media print, screen and (min-width: 48em) {
  .miniboard__frame { float: left; margin-bottom: 25px; }
  .miniboard__frame:nth-of-type(2n+1) { clear: left; padding-right: 13px; }
  .miniboard__frame:nth-of-type(2n) { padding-left: 13px; }
  .miniboard__frame:nth-last-of-type(-n+2) { margin-bottom: 0px !important; }
  .miniboard__board { border-width: 10px; }
}

@media print, screen and (min-width: 64em) {
  .miniboard__frame { margin-bottom: 30px; }
  .miniboard__frame:nth-of-type(2n+1) { padding-right: 22px; }
  .miniboard__frame:nth-of-type(2n) { padding-left: 22px; }
  .miniboard__title { height: 44px; margin-top: -22px; }
  .miniboard__heading { font-size: 28px; }
  .miniboard__subheading { font-size: 16px; }
  .miniboard__body { padding: 25px 10px 15px; }
  .miniboard__copy { text-align: left; }
}

@media screen and (min-width: 80em) {
  .miniboard__frame { margin-bottom: 20px; }
  .miniboard__title { height: 50px; margin-top: -25px; }
  .miniboard__heading { font-size: 32px; }
  .miniboard__subheading { font-size: 20px; }
}

@media screen and (min-width: 90em) {
  .miniboard__frame { margin-bottom: 30px; }
  .miniboard__button { padding-left: 20px; padding-right: 20px; }
}

.miniboard__frame { float: left; padding-left: 1rem; padding-right: 1rem; width: 100%; }

@media print, screen and (min-width: 48em) {
  .miniboard__frame { padding-left: 0.625rem; padding-right: 0.625rem; }
}

.miniboard__frame:last-child:not(:first-child) { float: right; }

@media print, screen and (min-width: 48em) {
  .miniboard__frame { width: 50%; }
}

.miniboard--dynamic-height .miniboard__board { display: flex; flex-direction: column; }

.miniboard--dynamic-height .miniboard__header, .miniboard--dynamic-height .miniboard__image { height: 100%; }

@media print, screen and (min-width: 64em) {
  .read-component__scroll-wrapper { white-space: normal !important; }
  .read-component__scroll-overflow-wrapper, .read-component__scroll-wrapper { height: auto !important; overflow: visible !important; }
  .read-component__controls { display: none; }
}

.read-component__scroll-wrapper { float: left; margin-left: auto; margin-right: auto; padding-left: 1rem; padding-right: 1rem; width: 100%; }

@media print, screen and (min-width: 48em) {
  .read-component__scroll-wrapper { padding-left: 0.625rem; padding-right: 0.625rem; }
}

.read-component__scroll-wrapper:last-child:not(:first-child) { float: right; }

.read-component__scroll-wrapper, .read-component__scroll-wrapper:last-child:not(:first-child) { clear: both; float: none; }

.read-component .article-tile__image { padding-top: 66%; }

.read-component__heading { color: inherit; font-size: 28px; font-weight: 700; letter-spacing: 0.5px; line-height: 36px; margin-bottom: 20px; text-align: center; text-transform: uppercase; }

.read-component__article-wrapper { display: inline-block; }

.read-component__scroll-wrapper { overflow-x: scroll; white-space: nowrap; }

.read-component__scroll-bar { margin-top: 20px; }

.read-component__view-all-wrapper { line-height: 1; margin: 20px 0px 0px; text-align: center; }

.read-component__view-all { padding-bottom: 0px; }

.read-component__color-block--black { background-color: rgb(21, 18, 17); color: rgb(255, 255, 255); }

.read-component__color-block--black .read-component__heading { color: rgb(255, 255, 255); }

.read-component__color-block--white { background-color: rgb(255, 255, 255); }

.read-component__color-block--gray { background-color: rgb(213, 212, 212); }

@media screen and (max-width: 47.9375em) {
  .read-component__article-wrapper { margin: 0px 5px; }
}

@media screen and (max-width: 63.9375em) {
  .read-component__article-wrapper { width: 284px; }
}

@media print, screen and (min-width: 48em) {
  .read-component__article-wrapper { margin: 0px 15px; }
  .read-component__article-wrapper:first-of-type { margin-left: 0px; }
  .read-component__article-wrapper:last-of-type { margin-right: 0px; }
}

@media screen and (min-width: 48em) and (max-width: 63.9375em) {
  .read-component__article-wrapper:first-of-type { }
  .read-component__article-wrapper:last-of-type { }
}

@media print, screen and (min-width: 64em) {
  .read-component__articles-tray { margin: 0px auto; }
  .read-component__article-wrapper { float: left; margin-left: 15px; margin-right: 15px; width: calc(33.3333% - 20px); }
  .read-component__article-wrapper:first-of-type { margin-left: 0px; }
  .read-component__article-wrapper:last-of-type { margin-right: 0px; }
  .read-component__scroll-wrapper { overflow: visible; padding: 0px; }
  .read-component__view-all { margin-top: 20px; }
}

.registration { background-color: rgb(0, 31, 63); padding: 20px; }

.registration__copy, .registration__heading { color: rgb(255, 255, 255); font-weight: 400; text-align: center; }

.registration__heading { color: rgb(255, 255, 255); font-family: var(--brand-font-heading); font-size: 22px; font-weight: 700; text-transform: uppercase; }

.registration__copy { font-size: 14px; font-weight: 700; line-height: 18px; margin-bottom: 13px; }

.registration .ui-button { margin-top: 15px; width: 100%; }

.registration .ui-copy { font-size: 11px; margin-top: 8px; text-align: center; }

.registration .ui-copy, .registration .ui-copy a { color: rgb(255, 255, 255); }

.registration .ui-button, .registration .ui-password-input, .registration .ui-text-input { height: 40px !important; }

.registration .ui-password-input__button { height: 28px; line-height: 28px; }

.registration .field__message { color: rgb(0, 0, 0); }

body.user-authed .registration__copy--unauthed, body.user-authed .registration__form, body.user-unauthed .registration__copy--authed { display: none; }

.registration__copy--authed { margin-bottom: 0px; }

@media print, screen and (min-width: 64em) {
  .registration__heading { font-size: 26px; }
  .registration__copy { font-size: 20px; }
  .registration__form { margin: 0px auto; max-width: 400px; }
}

.seo-block { padding-left: 8px; padding-right: 8px; }

.seo-block__top-content { padding-top: 10px; }

@media print, screen and (min-width: 48em) {
  .seo-block { float: none; padding-left: 1rem; padding-right: 1rem; width: 100%; }
}

@media print, screen and (min-width: 48em) and (min-width: 48em) {
  .seo-block { padding-left: 0.625rem; padding-right: 0.625rem; }
}

@media print, screen and (min-width: 48em) {
  .seo-block:last-child:not(:first-child) { float: right; }
  .seo-block__top-content { padding-top: 20px; }
}

.tabbed-product-tray__header { margin-bottom: 0px; text-align: center; }

.tabbed-product-tray__tab-content { list-style: none; }

.tabbed-product-tray__button-link-wrapper { margin-top: 3rem; text-align: center; }

.tabbed-product-tray__tab-header-wrapper { text-align: center; }

.tabbed-product-tray__header { cursor: pointer; }

.tabbed-product-tray__header:first-of-type::after { color: var(--brand-color-text); content: " / "; margin-left: 6px; margin-right: 8px; }

.tabbed-product-tray__header:only-child::after { display: none; }

.tabbed-product-tray__header--tab { display: inline-block; }

.tabbed-product-tray__header--non-tab { display: none; }

.tabbed-product-tray__header.tab-header { color: rgb(143, 142, 141); }

.tabbed-product-tray__header.tab-header--active { color: rgb(21, 18, 17); }

.tabbed-product-tray__tray-wrapper.tab-content { display: none; }

.tabbed-product-tray__tray-wrapper.tab-content--active { display: block; }

@media screen and (max-width: 47.9375em) {
  .tabbed-product-tray__header { font-size: 18px; line-height: 24px; margin-bottom: 20px; }
  .tabbed-product-tray__button-link-wrapper { margin-top: 12px; }
}

@media screen and (max-width: 63.9375em) {
  .tabbed-product-tray__header--last { margin-top: 36px; }
  .tabbed-product-tray__button-link { width: inherit; }
}

@media print, screen and (min-width: 48em) {
  .tabbed-product-tray__header { margin-bottom: 28px; }
  .tabbed-product-tray__button-link-wrapper { margin-top: 16px; }
}

@media screen and (min-width: 80em) {
  .tabbed-product-tray__tray-wrapper { border-bottom: none; }
}

.component-top-content .trioboard__color-block:first-child .trioboard { padding-top: 0px; }

.trioboard__headings { margin-bottom: 22px; }

.trioboard__heading, .trioboard__subheading { margin-bottom: 0px; text-align: center; }

.trioboard__heading { font-size: 22px; font-weight: 700; line-height: 27px; }

.trioboard__subheading { font-size: 14px; line-height: 17px; }

.trioboard__board-copy, .trioboard__heading, .trioboard__subheading { color: inherit; }

.trioboard__wrapper + .trioboard__wrapper { margin-top: 22px; }

.trioboard__wrapper--no-gaps + .trioboard__wrapper--no-gaps { margin-top: 0px; }

.trioboard__board { text-align: center; }

.trioboard__boards { float: left; padding-left: 1rem; padding-right: 1rem; width: 100%; }

@media print, screen and (min-width: 48em) {
  .trioboard__boards { padding-left: 0.625rem; padding-right: 0.625rem; }
}

.trioboard__boards:last-child:not(:first-child) { float: right; }

.trioboard .js-CmtoTray-scrollWrapper { gap: 22px; padding-left: 16px; padding-right: 16px; }

@media print, screen and (min-width: 48em) {
  .trioboard .js-CmtoTray-scrollWrapper { padding-left: 0px; padding-right: 0px; }
}

.trioboard__image { width: 100%; }

.trioboard__board-copy { max-width: 360px; padding: 0px 16px; margin: 20px auto !important; }

.trioboard__board--no-gaps { margin: 0px !important; }

@media screen and (max-width: 47.9375em) {
  .trioboard__boards .trioboard__board + .trioboard__board, .trioboard__wrapper .trioboard__board + .trioboard__board { margin-top: 22px; }
}

@media print, screen and (min-width: 48em) {
  .trioboard__wrapper { display: flex; }
  .trioboard__boards { display: grid; gap: 22px; grid-template-columns: repeat(3, 1fr); grid-template-rows: auto; }
  .trioboard__boards--no-gaps { gap: 0px; }
}

.trioboard .component__content { padding-left: 0px; padding-right: 0px; }

.trioboard .js-CmtoTray-scrollWrapper .trioboard__board { flex: 0 0 calc(66.6667% - 7.33333px); }

@media print, screen and (min-width: 48em) {
  .trioboard .js-CmtoTray-scrollWrapper .trioboard__board { flex: 0 0 calc(33.3333% - 14.6667px); }
}

.component-top-content .tileboard__color-block:first-child .tileboard { padding-top: 0px; }

.tileboard__headings { margin-bottom: 22px; }

.tileboard__heading, .tileboard__subheading { margin-bottom: 0px; text-align: center; }

.tileboard__heading { font-size: 22px; font-weight: 700; line-height: 27px; }

.tileboard__subheading { font-size: 14px; line-height: 17px; }

.tileboard__board-copy, .tileboard__heading, .tileboard__subheading { color: inherit; }

.tileboard__wrapper + .tileboard__wrapper { margin-top: 22px; }

.tileboard__wrapper--no-gaps + .tileboard__wrapper--no-gaps { margin-top: 0px; }

.tileboard__board { text-align: center; }

.tileboard__boards { float: left; padding-left: 1rem; padding-right: 1rem; width: 100%; }

@media print, screen and (min-width: 48em) {
  .tileboard__boards { padding-left: 0.625rem; padding-right: 0.625rem; }
}

.tileboard__boards:last-child:not(:first-child) { float: right; }

.tileboard .js-CmtoTray-scrollWrapper { gap: 22px; padding-left: 16px; padding-right: 16px; }

@media print, screen and (min-width: 48em) {
  .tileboard .js-CmtoTray-scrollWrapper { padding-left: 0px; padding-right: 0px; }
}

.tileboard__image { width: 100%; }

.tileboard__board-copy { max-width: 360px; padding: 0px 16px; margin: 20px auto !important; }

.tileboard__board--no-gaps { margin: 0px !important; }

@media screen and (max-width: 47.9375em) {
  .tileboard__boards .tileboard__board + .tileboard__board, .tileboard__wrapper .tileboard__board + .tileboard__board { margin-top: 22px; }
}

@media print, screen and (min-width: 48em) {
  .tileboard__wrapper { display: flex; }
  .tileboard__board { flex-grow: 1; width: 100%; }
  .tileboard__board:not(:last-child) { margin-right: 11px; }
  .tileboard__board:not(:first-child) { margin-left: 11px; }
}

.tileboard__image, .tileboard__tile { width: 100%; }

.tileboard__tiles--tall { position: relative; }

.tileboard__video-wrapper { bottom: 0px; overflow: hidden; position: absolute; right: 0px; top: 45%; width: 80%; }

.tileboard__video { background-color: rgb(0, 0, 0); border: 1px solid rgb(255, 255, 255); inset: 0px; height: 0px; margin-bottom: 1rem; overflow: hidden; padding-bottom: 56.25%; position: absolute; width: 100%; }

.tileboard__video embed, .tileboard__video iframe, .tileboard__video object, .tileboard__video video { height: 100%; left: 0px; position: absolute; top: 0px; width: 100%; }

.tileboard__lazy-youtube { position: absolute; }

@media screen and (max-width: 47.9375em) {
  .tileboard__tiles--square { display: flex; flex-wrap: wrap; }
  .tileboard__tile { display: block; padding-bottom: 22px; }
  .tileboard__tile--square { width: 50%; }
  .tileboard__tile--square:nth-child(2n+1) { padding-right: 11px; }
  .tileboard__tile--square:nth-child(2n) { padding-left: 11px; }
  .tileboard__tiles:last-child .tileboard__tile:last-child { padding-bottom: 0px; }
  .tileboard__video-wrapper { left: 10%; }
}

@media print, screen and (min-width: 48em) {
  .tileboard__wrapper { align-items: flex-start; display: flex; }
  .tileboard__wrapper--column { flex-direction: column; }
  .tileboard__tiles { place-content: space-between; align-self: stretch; display: flex; flex-flow: wrap; flex-grow: 1; width: 50%; }
  .tileboard__wrapper--column .tileboard__tiles { flex-wrap: nowrap; width: 100%; }
  .tileboard__tile--square { width: 50%; }
  .tileboard__video-wrapper { left: calc(10% - 11px); }
  .tileboard__tiles + .tileboard__tiles .tileboard__video-wrapper { left: calc(10% + 11px); }
  .tileboard__wrapper--row .tileboard__tiles:first-child { padding-right: 11px; }
  .tileboard__wrapper--row .tileboard__tiles:not(:first-child) { padding-left: 11px; }
  .tileboard__wrapper--column .tileboard__tiles:first-child { padding-bottom: 11px; }
  .tileboard__wrapper--column .tileboard__tiles:not(:first-child) { padding-top: 11px; }
  .tileboard__wrapper--column .tileboard__tile:first-child:not(:last-child) { padding-right: 11px; }
  .tileboard__wrapper--column .tileboard__tile:not(:first-child) { padding-left: 11px; }
  .tileboard__tile--square:nth-child(2n+1) { padding-right: 11px; }
  .tileboard__tile--square:nth-child(2n) { padding-left: 11px; }
}

.visual-category-links__link { display: flex; flex-direction: column; gap: 4px; }

.visual-category-links__image { aspect-ratio: 1 / 1; margin: 0px auto; max-width: 108px; width: 100%; }

.visual-category-links__content--reduced-width .visual-category-links__image { max-width: 110px; }

.visual-category-links__header, .visual-category-links__link-label, .visual-category-links__shop-link { color: var(--brand-color-text); text-align: center; }

.visual-category-links__header, .visual-category-links__link-label { text-transform: none; }

.visual-category-links__header { margin-bottom: 16px; }

.visual-category-links__link:hover .visual-category-links__link-label { color: var(--brand-color-text); }

.visual-category-links__link-label { margin-bottom: 0px; }

.visual-category-links__link-label, .visual-category-links__link-label:visited { color: var(--brand-color-text); }

.visual-category-links__shop-link { margin-top: 16px; width: 100%; }

@media screen and (max-width: 47.9375em) {
  .visual-category-links__header { font-size: 18px; line-height: 24px; }
  .visual-category-links__link { align-items: center; flex-direction: row; float: left; gap: 8px; margin-bottom: 16px; padding-right: 16px; width: 50%; }
  .visual-category-links__link--odd { clear: both; }
  .visual-category-links__image { align-self: flex-start; height: 48px; width: 48px; }
  .visual-category-links__link-label { flex-grow: 1; font-size: 16px; line-height: 22px; text-align: left; }
}

@media print, screen and (min-width: 48em) {
  .visual-category-links__header { font-size: 18px; line-height: 24px; }
  .visual-category-links__row { display: flex; gap: 24px; justify-content: center; }
  .visual-category-links__row + .visual-category-links__row { margin-top: 24px; }
  .visual-category-links__link { flex-basis: 125px; }
}

@media screen and (min-width: 80em) {
  .visual-category-links__row { gap: 32px; }
  .visual-category-links__link { flex-basis: 185px; }
}

.visual-category-links__content { float: left; margin-left: auto; margin-right: auto; padding-left: 0px; padding-right: 0px; width: 100%; }

@media print, screen and (min-width: 48em) {
  .visual-category-links__content { padding-left: 0.625rem; padding-right: 0.625rem; }
}

.visual-category-links__content:last-child:not(:first-child) { float: right; }

.visual-category-links__content, .visual-category-links__content:last-child:not(:first-child) { clear: both; float: none; }

@media print, screen and (min-width: 48em) {
  .visual-category-links__content--reduced-width { width: 83.3333%; }
}

@media print, screen and (min-width: 64em) {
  .visual-category-links__content--reduced-width { width: 70%; }
}

.watch { overflow: hidden; }

.watch__arrows { position: relative; }

.watch__arrow { background-color: rgba(0, 0, 0, 0.5); bottom: 0px; position: absolute; transition: background-color 0.1s linear; }

.watch__arrow:hover { background-color: transparent; }

.watch__arrow:active { background-color: rgba(0, 0, 0, 0.5); }

.watch__arrow--slide-transitioning { background-color: transparent; transition: background-color 50ms linear; }

.watch__arrow--prev { left: -10px; }

.watch__arrow--next { right: -10px; }

.watch__arrow-pointer { mix-blend-mode: difference; }

.watch__indicators { position: relative; text-align: center; width: 100%; }

.watch__indicator { display: inline-block; padding: 15px 6px; }

.watch__indicator-inner { background-color: rgb(143, 142, 141); display: block; height: 2px; width: 72px; }

.watch__indicator--active .watch__indicator-inner { background-color: var(--brand-color); }

.watch__watch-header { font-size: 28px; font-weight: 700; letter-spacing: 0.5px; line-height: 36px; margin-bottom: 24px; text-align: center; text-transform: uppercase; }

.watch__view-all-link-wrapper { display: inline-block; text-align: center; width: 100%; }

.watch__text-wrapper { margin: 0px auto; opacity: 0; text-align: center; transition: opacity 0.36s cubic-bezier(0.785, 0.135, 0.15, 0.86); width: 90%; }

.watch__slide { float: left; position: relative; }

.watch__slide::before { content: ""; display: block; width: 100%; }

.watch__slide--active .watch__text-wrapper { opacity: 1; }

.watch__slide--active .watch__iframe-wrapper { transform: scale(1); }

.watch__slide-content { inset: 0px; font-family: var(--brand-font); position: absolute; text-align: center; }

.watch__iframe-wrapper { left: 0px; margin-left: auto; margin-right: auto; position: relative; right: 0px; transform: scale(0.78); transition: left 0.36s cubic-bezier(0.785, 0.135, 0.15, 0.86), right 0.36s cubic-bezier(0.785, 0.135, 0.15, 0.86), transform 0.36s cubic-bezier(0.785, 0.135, 0.15, 0.86); }

.watch__iframe-wrapper .youtube-player-container, .watch__iframe-wrapper .youtube-player-container iframe { height: 100%; width: 100%; }

.watch__video-title { display: flex; flex-direction: column; height: 96px; justify-content: center; }

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

@media screen and (max-width: 47.9375em) {
  .watch__indicators { display: table; left: 50%; margin-left: -120px; top: -5px; width: 240px; }
  .watch__indicator { display: table-cell; padding: 15px 2px; }
  .watch__indicator-inner { width: auto; }
  .watch__video-description { display: none; }
}

.watch__arrow { bottom: 130px; height: 116px; }

.watch__carousel-wrapper { height: 230px; }

.watch__carousel-wrapper--slide-transitioning .watch__slide { transition: left 50ms cubic-bezier(0.785, 0.135, 0.15, 0.86), right 50ms cubic-bezier(0.785, 0.135, 0.15, 0.86); }

.watch__carousel-wrapper--slide-transitioning .watch__slide--left .watch__iframe-wrapper, .watch__carousel-wrapper--slide-transitioning .watch__slide--right .watch__iframe-wrapper { left: 0px; }

.watch__slide { height: 230px; }

.watch__slide--right .watch__iframe-wrapper { left: -19px; }

.watch__slide--left .watch__iframe-wrapper { left: 19px; }

.watch__slide-content { width: 262px; }

.watch__iframe-wrapper { height: 148px; width: 262px; }

.watch__indicators { bottom: 10px; }

.watch__view-all-link-wrapper { padding-top: 25px; }

@media screen and (max-width: 63.9375em) {
  .watch__arrow-pointer { display: none; }
}

@media print, screen and (min-width: 48em) {
  .watch__arrow { height: 274px; top: 38px; }
  .watch__carousel-wrapper, .watch__slide { height: 470px; }
  .watch__slide--right .watch__iframe-wrapper { left: -58px; }
  .watch__slide--left .watch__iframe-wrapper { left: 58px; }
  .watch__slide-content { width: 622px; }
  .watch__iframe-wrapper { height: 350px; width: 622px; }
  .watch__indicators { bottom: 30px; height: 0px; }
}

@media print, screen and (min-width: 64em) {
  .watch__arrow { height: 402px; top: 56px; }
  .watch__arrow-pointer-wrapper { height: 0px; margin-left: auto; margin-right: auto; width: 912px; }
  .watch__arrow-pointer { bottom: 100px; font-size: 40px; position: relative; }
  .watch__arrow-pointer--prev { left: 110px; }
  .watch__arrow-pointer--next { left: 760px; }
  .watch__carousel-wrapper { height: 315px; }
  .watch__slide { height: 630px; }
  .watch__slide--right .watch__iframe-wrapper { left: -90px; }
  .watch__slide--left .watch__iframe-wrapper { left: 90px; }
  .watch__slide-content { width: 912px; }
  .watch__iframe-wrapper { height: 514px; width: 912px; }
  .watch__indicators { bottom: 45px; }
  .watch__view-all-link-wrapper { padding-top: 0px; }
}

@media screen and (min-width: 80em) {
  .watch__arrows { height: 0px; }
  .watch__arrow { height: 418px; top: 58px; }
  .watch__arrow-pointer-wrapper { bottom: 0px; height: 0px; position: relative; width: 950px; }
  .watch__arrow-pointer { bottom: 75px; }
  .watch__arrow-pointer--prev { left: 5px; }
  .watch__arrow-pointer--next { left: 900px; }
  .watch__slide--right .watch__iframe-wrapper { left: -94px; }
  .watch__slide--left .watch__iframe-wrapper { left: 94px; }
  .watch__slide-content { width: 950px; }
  .watch__iframe-wrapper { height: 534px; width: 950px; }
  .watch__indicators { bottom: 20px; }
  .watch__view-all-link-wrapper { padding-top: 65px; }
}

.watch__slide { font-family: "262px"; }

@media print, screen and (min-width: 48em) {
  .watch__slide { font-family: "622px"; }
}

@media print, screen and (min-width: 64em) {
  .watch__slide { font-family: "912px"; }
}

@media screen and (min-width: 80em) {
  .watch__slide { font-family: "950px"; }
}

.component__badge { color: rgb(255, 255, 255); font-weight: 700; letter-spacing: 0.5px; line-height: 20px; text-transform: uppercase; }

.component__badge--sale { background-color: rgb(217, 32, 39); }

.component__badge--closeout { background-color: rgb(204, 255, 1); color: rgb(2, 54, 123); }

.component__badge--new { background-color: rgb(64, 142, 69); }

.component__badge--limited-time-light { background-color: rgb(227, 226, 226); color: var(--brand-color-text); }

.component__badge--limited-time-dark { background-color: var(--brand-color); color: var(--brand-color-foreground); }

.certona-tray .related-products__controls { position: absolute !important; top: 50%; }

.certona-tray .related-products__arrow { height: 50px !important; }

.certona-tray .related-products__product-tile-wrapper { width: 150px; }

.certona-tray .related-products__heading { font-size: 22px; margin-bottom: 16px; width: auto; }

.certona-tray .related-products .product-tile__image-wrapper { margin-top: 22px; }

.certona-tray .product-tile { color: rgb(51, 51, 51); }

.certona-tray .product-tile__name { margin-top: 11px; }

.certona-tray .product-tile__price-retail { margin-top: 8px; }

.certona-tray .product-tile .badge ~ .product-tile__image-wrapper, .certona-tray .product-tile__sash ~ .product-tile__image-wrapper { margin-top: 0px; }

@media screen and (max-width: 63.9375em) {
  .certona-tray .related-products { margin-bottom: 16px; }
}

@media print, screen and (min-width: 64em) {
  .certona-tray .related-products { float: left; margin-left: auto; margin-right: auto; padding-left: 1rem; padding-right: 1rem; width: 83.3333%; }
}

@media print, screen and (min-width: 64em) and (min-width: 48em) {
  .certona-tray .related-products { padding-left: 0.625rem; padding-right: 0.625rem; }
}

@media print, screen and (min-width: 64em) {
  .certona-tray .related-products:last-child:not(:first-child) { float: right; }
  .certona-tray .related-products, .certona-tray .related-products:last-child:not(:first-child) { clear: both; float: none; }
}

.dynaboard__heading { font-family: var(--brand-font-heading); font-size: 28px; font-weight: 700; line-height: 36px; margin-bottom: 12px; }

.dynaboard__boards { display: grid; }

.dynaboard__board { background-color: rgb(233, 233, 233); display: flex; flex-direction: column; position: relative; }

.dynaboard__board, .dynaboard__board:active, .dynaboard__board:focus, .dynaboard__board:hover, .dynaboard__board:link, .dynaboard__board:visited { color: rgb(0, 0, 0); }

.dynaboard__badge { border-bottom-right-radius: 14px; border-top-right-radius: 14px; font-size: 14px; max-width: calc(100% - 16px); padding: 3px 20px 3px 16px; position: absolute; top: 16px; }

.dynaboard__badge--is-large { border-bottom-right-radius: 16px; border-top-right-radius: 16px; font-size: 18px; padding: 6px 40px 6px 32px; }

.dynaboard__board-content { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20fill%3D%27%2302367b%27%20d%3D%27M0%200%209.72844%200%2018.91376%209.99908%209.72844%2020%200%2020%209.23132%209.99908z%27%3E%3C%2Fpath%3E%3C%2Fsvg%3E"); background-position: 100% center; background-repeat: no-repeat; background-size: 20px; content: ""; flex-grow: 1; margin-right: 22px; }

.dynaboard__board-category { color: var(--brand-color-text); font-size: 16px; font-weight: 500; letter-spacing: 1.5px; line-height: 24px; text-transform: uppercase; }

.dynaboard__board-heading { font-family: var(--brand-font); font-size: 18px; font-weight: 700; line-height: 24px; }

.dynaboard__board-subheading { flex-grow: 1; font-size: 14px; font-weight: 500; line-height: 22px; }

@media screen and (max-width: 47.9375em) {
  .dynaboard__boards { gap: 12px; grid-template-columns: repeat(var(--mobile-columns),1fr); }
  .dynaboard__board-content { padding: 14px 36px 14px 12px; }
}

@media print, screen and (min-width: 48em) {
  .dynaboard__boards { gap: 22px; grid-template-columns: repeat(var(--desktop-columns),1fr); }
  .dynaboard__board-content { padding: 15px 36px 15px 16px; }
}

.email-signup { background-color: rgb(0, 31, 63); padding: 15px 10px 0px; }

.email-signup__header { color: rgb(255, 255, 255); font-weight: 400; margin-top: 15px; text-align: center; }

.email-signup__header--heading { font-family: var(--brand-font-heading); font-size: 22px; text-transform: uppercase; }

.email-signup__header--subheading { font-family: var(--brand-font); font-size: 14px; font-weight: 700; line-height: 18px; margin-bottom: 13px; }

.email-signup__email-button, .email-signup__email-input { border-radius: 3px; height: 42px; margin-bottom: 16px !important; }

.email-signup__email-input { border-color: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 6px inset; padding-bottom: 20px !important; padding-top: 20px !important; }

.email-signup__email-button { background-color: rgb(249, 233, 0); color: rgb(0, 31, 63); font-family: var(--brand-font); font-weight: 700; width: 100%; }

.email-signup__email-button:hover { background-color: rgb(230, 167, 0); color: rgb(0, 31, 63); }

.email-signup__email-input-label { color: transparent; height: 1px; pointer-events: none; position: absolute; width: 1px; }

.email-signup--holiday { background-image: url("/images/sites/cycle_gear/support/holiday/email_signup/email_signup_component_mobile_2x-66e794069d3567e36bef4008a6551bdf.jpg?vsn=d"); }

@media print, screen and (min-width: 48em) {
  .email-signup { padding: 15px 18px 0px; }
  .email-signup--holiday { background-image: url("/images/sites/cycle_gear/support/holiday/email_signup/email_signup_component_mobile_2x-66e794069d3567e36bef4008a6551bdf.jpg?vsn=d"); }
  .email-signup__header--subheading { margin-bottom: 15px; }
  .email-signup__inputs { display: flex; }
  .email-signup__email-button { margin-left: 1%; width: 33%; }
}

@media print, screen and (min-width: 64em) {
  .email-signup--holiday { background-image: url("/images/sites/cycle_gear/support/holiday/email_signup/email_signup_component_desktop_2x-af8496cba8a6da73ca9b07da52be98da.jpg?vsn=d"); background-size: contain; }
  .email-signup__header--heading { font-size: 26px; }
  .email-signup__header--subheading { font-size: 20px; }
  .email-signup__inputs { margin: 0px auto; max-width: 580px; }
}

@media print, screen and (min-width: 48em) {
  .hero-static__frame--video .hero-static__text { width: calc(100% - 234px); }
}

@media print, screen and (min-width: 64em) {
  .hero-static__frame--video .hero-static__text { width: calc(100% - 285px); }
}

@media screen and (min-width: 80em) {
  .hero-static__frame--video .hero-static__text { width: calc(100% - 355px); }
}

.hero-static__link { inset: 0px; display: block; height: 100%; position: absolute; width: 100%; z-index: 250; }

.hero-static__video .youtube-player-container, .hero-static__video iframe { height: 100%; max-width: 100%; }

.hero-static__frame { display: table; margin-left: 0px; margin-right: 0px; overflow: hidden; position: relative; width: 100%; }

.hero-static__frame--no-heading .hero-static__heading, .hero-static__frame--no-subheading .hero-static__subheading, .hero-static__frame--no-video .hero-static__video, .hero-static__frame--no-video .hero-static__video-wrapper { display: none; }

.hero-static__frame--subheading-above .hero-static__subheading { margin-bottom: 10px; }

.hero-static__frame--subheading-below .hero-static__subheading { margin-top: 10px; }

.hero-static__frame--no-video .hero-static__text { display: table-cell; height: 100%; }

.hero-static__frame--video .hero-static__text { display: table; }

.hero-static__frame--video .hero-static__headings { display: table-cell; vertical-align: middle; }

.hero-static__headings { padding: 0px 5px; position: relative; text-align: center; z-index: 200; }

.hero-static__text { color: rgb(255, 255, 255); position: relative; text-align: center; vertical-align: middle; }

.hero-static__heading, .hero-static__subheading { color: rgb(255, 255, 255); display: block; line-height: 1.2; width: 100%; }

.hero-static__heading { font-family: var(--brand-font); font-weight: 700; margin: -0.1em 0px -0.2em; text-transform: uppercase; }

.hero-static__subheading { font-family: var(--brand-font); font-weight: 700; margin: -0.05em 0px -0.2em; }

.hero-static__video { background-color: rgb(0, 0, 0); display: block; position: relative; text-align: center; z-index: 300; }

.hero-static__background { background-color: rgb(0, 31, 63); background-position: 50% center; background-repeat: no-repeat; background-size: cover; height: 100%; left: 0px; position: absolute; top: 0px; width: 100%; }

@media screen and (max-width: 47.9375em) {
  .hero-static__frame--no-video, .hero-static__text { height: 140px; }
  .hero-static__frame--video .hero-static__text { top: -23px; width: 100%; }
  .hero-static__video-wrapper { margin-top: -80px; padding-top: 40px; }
  .hero-static__video { margin: 0px auto; }
}

.hero-static__text { display: block; height: 140px; }

.hero-static__background { height: 140px; }

.hero-static__heading { font-size: 24px; }

.hero-static__subheading { font-size: 14px; }

.hero-static__video { height: 140px; width: 249px; }

@media print, screen and (min-width: 48em) {
  .hero-static__frame { height: 140px; }
  .hero-static__text { display: table-cell; height: 100%; width: 100%; }
  .hero-static__heading { font-size: 30px; }
  .hero-static__subheading { font-size: 16px; }
  .hero-static__video { height: 120px; position: absolute; right: 20px; top: 10px; width: 214px; }
}

@media print, screen and (min-width: 64em) {
  .hero-static__background, .hero-static__frame { height: 160px; }
  .hero-static__heading { font-size: 40px; }
  .hero-static__subheading { font-size: 18px; }
  .hero-static__frame--subheading-above .hero-static__subheading { margin-bottom: 14px; }
  .hero-static__frame--subheading-below .hero-static__subheading { margin-top: 14px; }
  .hero-static__video { height: 160px; right: 0px; top: 0px; width: 285px; }
}

@media screen and (min-width: 80em) {
  .hero-static__background, .hero-static__frame { height: 200px; }
  .hero-static__video { height: 200px; width: 355px; }
}

.hero-static__frame { margin-left: auto; margin-right: auto; max-width: 90rem; }

.hero-static__frame::after, .hero-static__frame::before { content: " "; display: table; flex-basis: 0px; order: 1; }

.hero-static__frame::after { clear: both; }

.marketing-tile__frame { display: inline-block; margin-bottom: 30px; vertical-align: top; }

.marketing-tile__image { width: 100%; }

.marketing-tile__bottom-link-wrap, .marketing-tile__heading, .marketing-tile__subheading { font-family: var(--brand-font); font-size: 15px; line-height: 1.6; text-align: center; white-space: normal; }

.marketing-tile__heading { color: rgb(0, 31, 63); display: block; font-weight: 700; margin-bottom: 15px; margin-top: 22px; }

.marketing-tile__bottom-link-wrap, .marketing-tile__subheading { color: rgb(2, 54, 123); font-weight: 400; margin-bottom: 0px; }

.marketing-tile__controls { display: none; }

.marketing-tile__wrapper { margin-left: auto; margin-right: auto; max-width: 280px; }

.marketing-tile__frame { float: none; width: 280px; }

.marketing-tile__board, .marketing-tile__body { margin: auto; width: 100%; }

@media print, screen and (min-width: 48em) {
  .marketing-tile__frame { float: left; margin-left: 12px; margin-right: 12px; width: calc(50% - 12px); }
  .marketing-tile__wrapper { max-width: none; }
  .marketing-tile__bottom-link-wrap, .marketing-tile__heading, .marketing-tile__subheading { padding: 0px 10px; }
}

@media screen and (min-width: 48em) and (max-width: 63.9375em) {
  .marketing-tile__frame:first-of-type, .marketing-tile__frame:nth-of-type(3) { margin-left: 0px; }
  .marketing-tile__frame:nth-of-type(2) { margin-right: 0px; }
}

@media print, screen and (min-width: 64em) {
  .marketing-tile__frame { float: left; margin-bottom: 0px; margin-left: 9px; margin-right: 9px; width: calc(33.3333% - 12px); }
  .marketing-tile__frame:first-of-type { margin-left: 0px; }
  .marketing-tile__frame:last-of-type { margin-right: 0px; }
  .marketing-tile__heading { margin-bottom: 10px; margin-top: 17px; }
}

@media screen and (min-width: 80em) {
  .marketing-tile__heading { font-size: 18px; margin-bottom: 16px; margin-top: 23px; }
  .marketing-tile__bottom-link-wrap, .marketing-tile__subheading { font-size: 18px; font-weight: 400; }
}

@media print, screen and (min-width: 48em) {
  .marketing-tile__content { float: left; margin-left: auto; margin-right: auto; padding-left: 1rem; padding-right: 1rem; width: 100%; }
}

@media print, screen and (min-width: 48em) and (min-width: 48em) {
  .marketing-tile__content { padding-left: 0.625rem; padding-right: 0.625rem; }
}

@media print, screen and (min-width: 48em) {
  .marketing-tile__content:last-child:not(:first-child) { float: right; }
  .marketing-tile__content, .marketing-tile__content:last-child:not(:first-child) { clear: both; float: none; }
}

@media print, screen and (min-width: 64em) {
  .marketing-tile__content { width: 100%; }
}

.microboard__board { position: relative; }

.microboard__board--clickable:hover::after { background-color: rgba(0, 31, 63, 0.8); content: ""; height: 100%; left: 0px; position: absolute; top: 0px; width: 100%; }

.microboard__board--clickable:hover .microboard__label { color: rgb(249, 233, 0); }

.microboard__text { color: rgb(255, 255, 255); position: absolute; text-align: center; text-transform: uppercase; top: 50%; width: 100%; z-index: 100; }

.microboard__label, .microboard__segment { display: block; font-weight: 700; line-height: 1; }

.microboard__label, .microboard__segment { font-family: var(--brand-font); }

.microboard__segment { font-size: 14px; }

.microboard__background { width: 100%; }

.microboard__frame { margin-bottom: 10px; }

.microboard__text { height: 40px; margin-top: -20px; }

.microboard__text--no-subheading { height: 26px; margin-top: -13px; }

.microboard__label { font-size: 26px; }

.microboard__segment--above { margin-bottom: 6px; }

.microboard__segment--below { margin-top: 6px; }

@media print, screen and (min-width: 64em) {
  .microboard__text { height: 52px; margin-top: -26px; }
  .microboard__text--no-subheading { height: 36px; margin-top: -18px !important; }
  .microboard__label { font-size: 36px; }
  .microboard__segment { font-size: 16px; }
}

.microboard__frame { float: left; padding-left: 1rem; padding-right: 1rem; width: 100%; }

@media print, screen and (min-width: 48em) {
  .microboard__frame { padding-left: 0.625rem; padding-right: 0.625rem; }
}

.microboard__frame:last-child:not(:first-child) { float: right; }

@media print, screen and (min-width: 48em) {
  .microboard__frame { width: 50%; }
}

.nanoboard { overflow: auto; }

.nanoboard__board { margin-bottom: 40px; }

.nanoboard__board--clickable:hover .nanoboard__text { color: rgb(2, 54, 123); }

.nanoboard__background { margin-bottom: 5px; width: 100%; }

.nanoboard__text { color: rgb(0, 31, 63); font-weight: 700; min-height: 40px; text-align: center; transition: color 0.1s linear; }

@media screen and (max-width: 47.9375em) {
  .nanoboard__board { margin-bottom: 30px; }
  .nanoboard__text { min-height: 30px; }
}

.nanoboard__label { font-size: 12px; }

.nanoboard__board--has-text { margin-bottom: 0px; }

@media print, screen and (min-width: 48em) {
  .nanoboard__label { font-size: 16px; }
}

.nanoboard__frame { float: left; padding-left: 1rem; padding-right: 1rem; width: 100%; }

@media print, screen and (min-width: 48em) {
  .nanoboard__frame { padding-left: 0.625rem; padding-right: 0.625rem; }
}

.nanoboard__frame:last-child:not(:first-child) { float: right; }

.nanoboard__frame:last-child:last-child:last-child { float: left; }

.nanoboard__frame { width: 50%; }

@media print, screen and (min-width: 48em) {
  .nanoboard__frame { width: 33.3333%; }
}

.tray__scroll-wrapper { overflow: auto hidden; scrollbar-width: none; white-space: nowrap; }

.tray__scroll-wrapper::-webkit-scrollbar { display: none; }

.tray__controls:not(.tray__controls--inline-arrows) { height: 11px; position: relative; }

.tray__scroll-bar, .tray__scroll-handle::after { display: block; height: 3px; }

.tray__scroll-bar { background-color: rgb(205, 217, 228); margin-left: auto; margin-right: auto; position: relative; top: 11px; width: 240px; }

.tray__scroll-handle { border: 11px solid transparent; box-sizing: content-box; cursor: pointer; left: -11px; position: absolute; top: -11px; width: 50px; }

.tray__scroll-handle::after { background-color: rgb(249, 233, 0); content: ""; display: block; }

.tray__scroll-handle:focus { outline: none; }

.tray__scroll-handle:focus::after, .tray__scroll-handle:hover::after { background-color: rgb(208, 195, 0); }

.tray__controls:not(.tray__controls--inline-arrows) .tray__arrow { position: absolute; top: 0px; width: 22px; }

.tray__controls:not(.tray__controls--inline-arrows) .tray__arrow--left { left: 50%; margin-left: -164px; }

.tray__controls:not(.tray__controls--inline-arrows) .tray__arrow--right { margin-right: -164px; right: 50%; }

.tray__arrow { cursor: pointer; }

.tray__arrow[disabled] { cursor: default; }

.tray__arrow-icon { fill: rgb(2, 54, 123); transition: fill 0.1s linear; }

.tray__arrow:focus { outline: 0px; }

.tray__arrow:focus .tray__arrow-icon, .tray__arrow:hover .tray__arrow-icon { fill: rgb(4, 98, 223); }

.tray__arrow[disabled] .tray__arrow-icon { fill: rgb(212, 212, 212); }

.tray__arrow--left[disabled] + .tray__arrow--right[disabled] + .tray__scroll-bar, .tray__arrow--left[disabled] + .tray__arrow--right[disabled] + .tray__scroll-bar .tray__scroll-handle::after { background-color: rgb(2, 54, 123); }

@media screen and (max-width: 47.9375em) {
  .tray__controls:not(.tray__controls--inline-arrows) .tray__arrow { display: none; }
}

.tray__controls:not(.tray__controls--inline-arrows) { margin-top: 12px; }

.top-brands { position: relative; text-align: center; user-select: none; }

.top-brands__scroll-wrapper { float: left; margin-left: auto; margin-right: auto; padding-left: 1rem; padding-right: 1rem; width: 100%; }

@media print, screen and (min-width: 48em) {
  .top-brands__scroll-wrapper { padding-left: 0.625rem; padding-right: 0.625rem; }
}

.top-brands__scroll-wrapper:last-child:not(:first-child) { float: right; }

.top-brands__scroll-wrapper, .top-brands__scroll-wrapper:last-child:not(:first-child) { clear: both; float: none; }

.top-brands__scroll-wrapper { padding-left: 0px; padding-right: 0px; }

.top-brands__brand-link { display: inline-block; margin-right: -4px; }

.top-brands__brand-logo { display: block; height: 42px; margin-left: auto; margin-right: auto; margin-top: 29px; max-width: 100%; }

.top-brands__brand-link { background-color: rgb(245, 245, 245); height: 100px; }

.top-brands__shop-link-wrapper { margin-top: 30px; text-align: center; }

.top-brands__heading { color: rgb(0, 31, 63); font-size: 14px; font-weight: 700; line-height: 2.15; margin-bottom: 11px; }

.top-brands__scroll-bar { margin-bottom: 15px; }

.top-brands__scroll-wrapper { height: 100px; }

.top-brands__brand-link { width: 37.037%; }

.top-brands__controls:not(.top-brands__controls--inline-arrows) .top-brands__arrow--left, .top-brands__controls:not(.top-brands__controls--inline-arrows) .top-brands__arrow--right { display: none; }

@media screen and (min-width: 26.25em) {
  .top-brands__brand-link { width: 33.3333%; }
}

@media screen and (min-width: 37.5em) {
  .top-brands__brand-link { width: 25%; }
}

@media print, screen and (min-width: 48em) {
  .top-brands__brand-link { width: 20%; }
}

@media print, screen and (min-width: 64em) {
  .top-brands__scroll-wrapper { height: 150px; }
  .top-brands__heading { font-size: 18px; margin-bottom: 26px; }
  .top-brands__brand-link { height: 150px; }
  .top-brands__brand-logo { height: 55px; margin-top: 47.5px; }
  .top-brands__controls:not(.top-brands__controls--inline-arrows) .top-brands__arrow--left { display: block; left: -20px !important; margin-left: 0px !important; top: -98px !important; }
  .top-brands__controls:not(.top-brands__controls--inline-arrows) .top-brands__arrow--right { display: block; margin-right: 0px !important; right: -20px !important; top: -98px !important; }
}

@media screen and (min-width: 80em) {
  .top-brands__brand-link { width: 16.6667%; }
}

@media print, screen and (min-width: 64em) {
  .top-brands .component__content { float: left; margin-left: auto; margin-right: auto; padding-left: 1rem; padding-right: 1rem; width: 83.3333%; }
}

@media print, screen and (min-width: 64em) and (min-width: 48em) {
  .top-brands .component__content { padding-left: 0.625rem; padding-right: 0.625rem; }
}

@media print, screen and (min-width: 64em) {
  .top-brands .component__content:last-child:not(:first-child) { float: right; }
  .top-brands .component__content, .top-brands .component__content:last-child:not(:first-child) { clear: both; float: none; }
}

.visual-category-tray { position: relative; text-align: center; user-select: none; }

.visual-category-tray__heading { color: rgb(0, 31, 63); display: block; font-size: 14px; font-weight: 700; line-height: 2.15; margin-bottom: 11px; }

.visual-category-tray__scroll-wrapper { display: block; }

.visual-category-tray__scroll-link { display: inline-block; margin-right: -4px; }

.visual-category-tray__scroll-link + .visual-category-tray__scroll-link { border-left: 1px solid rgb(245, 245, 245); }

.visual-category-tray__link-label { color: rgb(0, 31, 63); display: block; font-size: 14px; font-weight: 700; margin-top: 10px; text-align: center; }

.visual-category-tray__image { background-position: 50% center; background-repeat: no-repeat; background-size: contain; margin: auto; padding-top: 25%; }

.visual-category-tray__shop-link { clear: left; display: block; letter-spacing: 0px; text-transform: none; }

.visual-category-tray__shop-link, .visual-category-tray__shop-link:focus, .visual-category-tray__shop-link:hover { color: rgb(2, 54, 123); }

.visual-category-tray__shop-link:active { color: color-mix(in srgb, rgb(2, 54, 123) 84%, rgb(0, 0, 0)); }

.visual-category-tray__shop-link-wrapper { text-align: center; }

.visual-category-tray__scroll-link { width: 37.037%; }

.visual-category-tray__controls:not(.visual-category-tray__controls--inline-arrows) .visual-category-tray__arrow--left, .visual-category-tray__controls:not(.visual-category-tray__controls--inline-arrows) .visual-category-tray__arrow--right { display: none; }

@media screen and (min-width: 26.25em) {
  .visual-category-tray__scroll-link { width: 33.3333%; }
}

@media screen and (min-width: 37.5em) {
  .visual-category-tray__scroll-link { width: 25%; }
}

@media screen and (max-width: 63.9375em) {
  .visual-category-tray__controls { display: none; }
}

@media print, screen and (min-width: 48em) {
  .visual-category-tray__heading { margin-bottom: 35px; }
  .visual-category-tray__scroll-link { width: 30%; }
  .visual-category-tray__controls { height: 36px !important; }
  .visual-category-tray__arrow { height: 20px !important; width: 22px !important; }
}

@media print, screen and (min-width: 64em) {
  .visual-category-tray__heading { font-size: 18px; margin-bottom: 26px; }
  .visual-category-tray__scroll-link { height: 150px; width: 20%; }
  .visual-category-tray__image { height: 55px; margin-top: 47.5px; }
  .visual-category-tray__controls:not(.visual-category-tray__controls--inline-arrows) .visual-category-tray__arrow--left { display: block; left: -20px !important; margin-left: 0px !important; top: -98px !important; }
  .visual-category-tray__controls:not(.visual-category-tray__controls--inline-arrows) .visual-category-tray__arrow--right { display: block; margin-right: 0px !important; right: -20px !important; top: -98px !important; }
}

@media screen and (min-width: 80em) {
  .visual-category-tray__scroll-link { width: 16.6667%; }
}

@media print, screen and (min-width: 64em) {
  .visual-category-tray .component__content { float: left; margin-left: auto; margin-right: auto; padding-left: 1rem; padding-right: 1rem; width: 83.3333%; }
}

@media print, screen and (min-width: 64em) and (min-width: 48em) {
  .visual-category-tray .component__content { padding-left: 0.625rem; padding-right: 0.625rem; }
}

@media print, screen and (min-width: 64em) {
  .visual-category-tray .component__content:last-child:not(:first-child) { float: right; }
  .visual-category-tray .component__content, .visual-category-tray .component__content:last-child:not(:first-child) { clear: both; float: none; }
}

.wysiwyg { margin-left: auto; margin-right: auto; max-width: 90rem; }

.wysiwyg section .date-card { color: rgb(2, 54, 123); float: left; font-weight: 700; height: 70px; margin-bottom: 20px; margin-right: 0.5em; text-align: center; width: 70px; }

.wysiwyg section .date-card__day { background: rgb(204, 216, 228); font-size: 9px; line-height: 18px; text-transform: uppercase; }

.wysiwyg section .date-card__number { background: rgb(230, 236, 241); font-size: 36px; line-height: 52px; }

.wysiwyg::after, .wysiwyg::before { content: " "; display: table; flex-basis: 0px; order: 1; }

.wysiwyg::after { clear: both; }

.wysiwyg__content { float: left; margin-left: auto; margin-right: auto; padding-left: 1rem; padding-right: 1rem; width: 100%; }

@media print, screen and (min-width: 48em) {
  .wysiwyg__content { padding-left: 0.625rem; padding-right: 0.625rem; }
}

.wysiwyg__content:last-child:not(:first-child) { float: right; }

.wysiwyg__content, .wysiwyg__content:last-child:not(:first-child) { clear: both; float: none; }