/*
Theme Name: StringKing
Author: StringKing
Author URI: https://stringking.com/
Description: This is the theme of the StringKing website.
Version: 1.5
Text Domain: stringking
*/
@import url("https://fonts.googleapis.com/css?family=IBM+Plex+Mono:400,500,700");
@font-face {
  font-family: "DIN Next W01_n1";
  src: url("fonts/din-next/06e964c1-d71a-48a5-b3fd-88c164e2b0fa.eot?#iefix") format("eot"); }

@font-face {
  font-family: "DIN Next W01";
  src: url("fonts/din-next/06e964c1-d71a-48a5-b3fd-88c164e2b0fa.eot?#iefix");
  src: url("fonts/din-next/06e964c1-d71a-48a5-b3fd-88c164e2b0fa.eot?#iefix") format("eot"), url("fonts/din-next/9972265f-63aa-4e68-9eef-e571f0072395.woff2") format("woff2"), url("fonts/din-next/04c0d1f1-0fdf-4866-a034-1b5d1ba44a94.woff") format("woff"), url("fonts/din-next/a840f6fc-ef1f-44cd-a5fb-f68784b9bc1e.ttf") format("truetype"), url("fonts/din-next/4032b83f-6bbc-40a1-bfb9-cafd86356a17.svg#4032b83f-6bbc-40a1-bfb9-cafd86356a17") format("svg");
  font-weight: 100;
  font-style: normal; }

@font-face {
  font-family: "DIN Next W01_n2";
  src: url("fonts/din-next/3e0b2cd7-9657-438b-b4af-e04122e8f1f7.eot?#iefix") format("eot"); }

@font-face {
  font-family: "DIN Next W01";
  src: url("fonts/din-next/3e0b2cd7-9657-438b-b4af-e04122e8f1f7.eot?#iefix");
  src: url("fonts/din-next/3e0b2cd7-9657-438b-b4af-e04122e8f1f7.eot?#iefix") format("eot"), url("fonts/din-next/de1216be-00c2-43c0-9c45-3e7f925eb519.woff2") format("woff2"), url("fonts/din-next/bc176270-17fa-4c78-a343-9fe52824e501.woff") format("woff"), url("fonts/din-next/3516f91d-ac48-42cd-acfe-1be691152cc4.ttf") format("truetype"), url("fonts/din-next/d1b1e866-a411-42ba-8f75-72bf28e23694.svg#d1b1e866-a411-42ba-8f75-72bf28e23694") format("svg");
  font-weight: 200;
  font-style: normal; }

@font-face {
  font-family: "DIN Next W01_n4";
  src: url("fonts/din-next/da088ecc-a53c-4831-a95b-6fd81b5b338a.eot?#iefix") format("eot"); }

@font-face {
  font-family: "DIN Next W01";
  src: url("fonts/din-next/da088ecc-a53c-4831-a95b-6fd81b5b338a.eot?#iefix");
  src: url("fonts/din-next/da088ecc-a53c-4831-a95b-6fd81b5b338a.eot?#iefix") format("eot"), url("fonts/din-next/44e7b0fa-6c8d-43c2-b19e-f1e3ce9ea57c.woff2") format("woff2"), url("fonts/din-next/c5a7f89e-15b6-49a9-8259-5ea665e72191.woff") format("woff"), url("fonts/din-next/868c94b5-ca49-46b7-b62b-297f8d861125.ttf") format("truetype"), url("fonts/din-next/e3145f65-29b5-4f7f-8c6e-2dc135021b6a.svg#e3145f65-29b5-4f7f-8c6e-2dc135021b6a") format("svg");
  font-weight: 400;
  font-style: normal; }

@font-face {
  font-family: "DIN Next W01_n5";
  src: url("fonts/din-next/324dee78-6585-4c13-8ca3-5817cc600d84.eot?#iefix") format("eot"); }

@font-face {
  font-family: "DIN Next W01";
  src: url("fonts/din-next/324dee78-6585-4c13-8ca3-5817cc600d84.eot?#iefix");
  src: url("fonts/din-next/324dee78-6585-4c13-8ca3-5817cc600d84.eot?#iefix") format("eot"), url("fonts/din-next/be607c9f-3c81-41b4-b7ad-17af005c80bb.woff2") format("woff2"), url("fonts/din-next/4bf0ead4-e61b-4992-832b-6ff05828d99f.woff") format("woff"), url("fonts/din-next/73713a0b-8f6a-4c4e-b8a8-7cf238e632f6.ttf") format("truetype"), url("fonts/din-next/b90b6bdf-15e2-4544-9fe0-92c79fff0ecd.svg#b90b6bdf-15e2-4544-9fe0-92c79fff0ecd") format("svg");
  font-weight: 500;
  font-style: normal; }

@font-face {
  font-family: "DIN Next W01_n7";
  src: url("fonts/din-next/b32ab78b-6c51-4bd3-bc37-4edcec0331f8.eot?#iefix") format("eot"); }

@font-face {
  font-family: "DIN Next W01";
  src: url("fonts/din-next/b32ab78b-6c51-4bd3-bc37-4edcec0331f8.eot?#iefix");
  src: url("fonts/din-next/b32ab78b-6c51-4bd3-bc37-4edcec0331f8.eot?#iefix") format("eot"), url("fonts/din-next/121784c1-863c-4e49-b682-625ea7de55b0.woff2") format("woff2"), url("fonts/din-next/9949035f-6226-4080-a14a-bf7d94ffb1e1.woff") format("woff"), url("fonts/din-next/6241bd09-15c2-485e-9796-9db8d0aa6974.ttf") format("truetype"), url("fonts/din-next/af94da3e-4232-416a-b6bc-f39f85dd5db6.svg#af94da3e-4232-416a-b6bc-f39f85dd5db6") format("svg");
  font-weight: 700;
  font-style: normal; }

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

.row, .breadcrumb, .row__item, .breadcrumb-item, .lateral-link, .section-x, .quantity {
  display: flex;
  align-items: center; }

.content, .data-section, .site-message, .section-content, .section-x__content, .site-nav {
  max-width: 88em;
  margin-left: auto;
  margin-right: auto; }

.meta-box__label, .catalog-header-title, .catalog-filter-option, .catalog-menu-market-title, .catalog-category-title, .catalog-product-options-title, .comment__meta, .h3, .contact-label, .credit-balance-title, .job-header__department, .lateral-link, .property-list-label, .market-category-title-secondary, .market-menu-category, .menu-title, .option-group-title, .order-form-navigate-step-title, .order-form-header-order-type, .panel-list-item-type, .panel-list-item-description, .pricing-category-group > .line, .section-category, .segmented-control-label, .segmented-nav__link, .site-header-secondary .breadcrumb, .site-header-nav-item-link, .site-header-nav-item-text, .site-header-organization, .site-loading-message, .site-footer-list-header, .site-nav-link, .site-nav-text, .site-announcement p, .site-announcement h1, .specs-group-title, .tag, .field-choice__details, .home-section__title, .home-section__text, .team-page-header-name, .team-page-header-discount-unit, .product-family-sibling-name, .quantity__label, .attribute__legend, .option-tile__details, .wholesale-category-header, .wholesale-order-list-item-type, .wholesale-order-list-sub-section-title, .ustring-card-label, .favorite-logo--small .favorite-logo-text, .favorite-logo--large .favorite-logo-text, .filter-field, .head-info, .pocket-tile-info-text, .pocket-rating-field, .shooter-setup-name, .threesixty-status-text, .tutorial-header-title, .tutorial-footer-header, .tutorial-top-nav-link-step, .tutorial-top-nav-link-title, .tutorial-shooter-setup-full-rating-field, .tutorial-shooter-setup-grid-rating-field, .warranty-category {
  text-transform: uppercase;
  letter-spacing: 0.05em; }

input, textarea, button, .button, .warranty-button, .select, body, .input:not(.system), .file-label, .textarea, .select2-container--default .select2-search--dropdown .select2-search__field {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

input, textarea, button, .button, .warranty-button, .select {
  margin: 0;
  background: transparent;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  border-radius: 0; }

a, .catalog-menu-product-title, .sub-section__link, .dropdown-link, .video-control, .lightbox-close, .video-embed-full__close, .icon.action, .market-menu-product, .menu-link, .menu-link svg, .modal, .modal-close, .notice--success .notice__dismiss, .notice--info .notice__dismiss, .notice--error .notice__dismiss, .order-form-navigate-step, .order-form-content, .order-form-table-expand svg, .order-form-variation, .order-form-flag-action, .highlight, .user-header, .panel.is-blurred, .is-blurred.order-form-header, .is-blurred.order-form-navigate-substep-list, .is-blurred.order-form-category-navigation-step, .is-blurred.order-form-product, .is-blurred.order-form-product-group, .is-blurred.order-form-panel, .panel-list-item, .panel-loading, .pricing .line-link, .section-details-wrap, .segmented-control-label, .site-wrap.is-blurred, .site-header-nav-item-link, .site-header-nav-item-text, .site-header-nav-item-box, .site-header-nav-item-icon svg, .site-header-nav-item-icon-link, .site-loading, .site-message-dismiss, .site-footer-partners-icon svg, .site-footer-social-icon svg, .footer-nav-link, .footer-partners-icon, .footer-social-link, .site-nav-link, .site-nav-text, .star-rating-star--active svg, .button, .warranty-button, .button-extension, .field-choice, .input:not(.system), .file-label, .textarea, .select, .select2-container--default .select2-search--dropdown .select2-search__field, .callout__image, .callout__text, .callout__logo, .carousel-nav__link, .home-social-tile, .home-social-name, .product-info-video-thumb, .product-info-video-description, .product-up_sell, .product-thumbs-link-video, .product-thumbs-link-video svg, .quantity__step, .remove-item, .attribute-legend-modal, .option-tile, .option-tile .product-logo,
.option-tile .product-logo__suffix--box, .wholesale-variation, .wholesale-flag-action, .ws-highlight, .ustring-card--link, .mesh-chooser-item, .pocket-tile, .pocket-sibling, .ustring-search-icon svg, .ustring-search-item a, .shooter-setup, .shooter-setup-info, .tutorial-loader, .tutorial-footer-link, .tutorial-top-nav-link, .tutorial-side-nav, .tutorial-side-nav svg, .tutorial-inner-nav-link, .tutorial-video-control-icon, .tutorial-video-control-icon svg, .replacement-link, .warranty-text--default p a, .warranty-link, .warranty-category {
  transition: all 0.1s ease-in-out;
  -webkit-backface-visibility: hidden;
  transform: translateZ(0); }

.catalog-filter-option, .catalog-menu-category-title, .catalog-menu-category-title-chevron svg, .radio-list-item, .radio-list-item-indicator-off, .radio-list-item-indicator-on, .order-form-category-navigation-step, .order-form-table-link, .site-header-logo svg, .site-footer-list-link, .store-locator-results-item {
  transition: all 0.05s ease-in-out; }

@-webkit-keyframes spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

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

.padding-top {
  padding-top: 1.5em; }
  .padding-top--none {
    padding-top: 0; }
  .padding-top--quarter {
    padding-top: 0.375em; }
  .padding-top--half {
    padding-top: 0.75em; }
  .padding-top--double {
    padding-top: 3em; }

.padding-left {
  padding-left: 1.5em; }
  .padding-left--none {
    padding-left: 0; }
  .padding-left--quarter {
    padding-left: 0.375em; }
  .padding-left--half {
    padding-left: 0.75em; }
  .padding-left--double {
    padding-left: 3em; }

.padding-right {
  padding-right: 1.5em; }
  .padding-right--none {
    padding-right: 0; }
  .padding-right--quarter {
    padding-right: 0.375em; }
  .padding-right--half {
    padding-right: 0.75em; }
  .padding-right--double {
    padding-right: 3em; }

.padding-bottom {
  padding-bottom: 1.5em; }
  .padding-bottom--none {
    padding-bottom: 0; }
  .padding-bottom--quarter {
    padding-bottom: 0.375em; }
  .padding-bottom--half {
    padding-bottom: 0.75em; }
  .padding-bottom--double {
    padding-bottom: 3em; }

.padding-sides {
  padding-left: 1.5em;
  padding-right: 1.5em; }
  .padding-sides--none {
    padding-left: 0;
    padding-right: 0; }
  .padding-sides--quarter {
    padding-left: 0.375em;
    padding-right: 0.375em; }
  .padding-sides--half {
    padding-left: 0.75em;
    padding-right: 0.75em; }
  .padding-sides--double {
    padding-left: 3em;
    padding-right: 3em; }

.padding-ends {
  padding-top: 1.5em;
  padding-bottom: 1.5em; }
  .padding-ends--none {
    padding-top: 0;
    padding-bottom: 0; }
  .padding-ends--quarter {
    padding-top: 0.375em;
    padding-bottom: 0.375em; }
  .padding-ends--half {
    padding-top: 0.75em;
    padding-bottom: 0.75em; }
  .padding-ends--double {
    padding-top: 3em;
    padding-bottom: 3em; }

.padding-all {
  padding-top: 1.5em;
  padding-left: 1.5em;
  padding-right: 1.5em;
  padding-bottom: 1.5em; }
  .padding-all--none {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0; }
  .padding-all--quarter {
    padding-top: 0.375em;
    padding-left: 0.375em;
    padding-right: 0.375em;
    padding-bottom: 0.375em; }
  .padding-all--half {
    padding-top: 0.75em;
    padding-left: 0.75em;
    padding-right: 0.75em;
    padding-bottom: 0.75em; }
  .padding-all--double {
    padding-top: 3em;
    padding-left: 3em;
    padding-right: 3em;
    padding-bottom: 3em; }

.margin-top {
  margin-top: 1.5em; }
  .margin-top--auto {
    margin-top: auto; }
  .margin-top--none, .order-form-category-navigation-step {
    margin-top: 0; }
  .margin-top--quarter {
    margin-top: 0.375em; }
  .margin-top--half {
    margin-top: 0.75em; }
  .margin-top--double {
    margin-top: 3em; }

.margin-left {
  margin-left: 1.5em; }
  .margin-left--auto {
    margin-left: auto; }
  .margin-left--none {
    margin-left: 0; }
  .margin-left--quarter {
    margin-left: 0.375em; }
  .margin-left--half {
    margin-left: 0.75em; }
  .margin-left--double {
    margin-left: 3em; }

.margin-right {
  margin-right: 1.5em; }
  .margin-right--auto {
    margin-right: auto; }
  .margin-right--none {
    margin-right: 0; }
  .margin-right--quarter {
    margin-right: 0.375em; }
  .margin-right--half {
    margin-right: 0.75em; }
  .margin-right--double {
    margin-right: 3em; }

.margin-bottom {
  margin-bottom: 1.5em; }
  .margin-bottom--auto {
    margin-bottom: auto; }
  .margin-bottom--none {
    margin-bottom: 0; }
  .margin-bottom--quarter {
    margin-bottom: 0.375em; }
  .margin-bottom--half {
    margin-bottom: 0.75em; }
  .margin-bottom--double {
    margin-bottom: 3em; }

.margin-sides {
  margin-left: 1.5em;
  margin-right: 1.5em; }
  .margin-sides--auto {
    margin-left: auto;
    margin-right: auto; }
  .margin-sides--none {
    margin-left: 0;
    margin-right: 0; }
  .margin-sides--quarter {
    margin-left: 0.375em;
    margin-right: 0.375em; }
  .margin-sides--half {
    margin-left: 0.75em;
    margin-right: 0.75em; }
  .margin-sides--double {
    margin-left: 3em;
    margin-right: 3em; }

.margin-ends {
  margin-top: 1.5em;
  margin-bottom: 1.5em; }
  .margin-ends--auto {
    margin-top: auto;
    margin-bottom: auto; }
  .margin-ends--none {
    margin-top: 0;
    margin-bottom: 0; }
  .margin-ends--quarter {
    margin-top: 0.375em;
    margin-bottom: 0.375em; }
  .margin-ends--half {
    margin-top: 0.75em;
    margin-bottom: 0.75em; }
  .margin-ends--double {
    margin-top: 3em;
    margin-bottom: 3em; }

.margin-all {
  margin-top: 1.5em;
  margin-left: 1.5em;
  margin-right: 1.5em;
  margin-bottom: 1.5em; }
  .margin-all--auto {
    margin-top: auto;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: auto; }
  .margin-all--none {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 0; }
  .margin-all--quarter {
    margin-top: 0.375em;
    margin-left: 0.375em;
    margin-right: 0.375em;
    margin-bottom: 0.375em; }
  .margin-all--half {
    margin-top: 0.75em;
    margin-left: 0.75em;
    margin-right: 0.75em;
    margin-bottom: 0.75em; }
  .margin-all--double {
    margin-top: 3em;
    margin-left: 3em;
    margin-right: 3em;
    margin-bottom: 3em; }

.border-top {
  border-top: 1px solid #EEEEEE; }

.border-top--dark {
  border-top: 1px solid #D8D8D5; }

.border-left {
  border-left: 1px solid #EEEEEE; }

.border-left--dark {
  border-left: 1px solid #D8D8D5; }

.border-right {
  border-right: 1px solid #EEEEEE; }

.border-right--dark {
  border-right: 1px solid #D8D8D5; }

.border-bottom {
  border-bottom: 1px solid #EEEEEE; }

.border-bottom--dark {
  border-bottom: 1px solid #D8D8D5; }

.border-sides {
  border-left: 1px solid #EEEEEE;
  border-right: 1px solid #EEEEEE; }

.border-sides--dark {
  border-left: 1px solid #D8D8D5;
  border-right: 1px solid #D8D8D5; }

.border-ends {
  border-top: 1px solid #EEEEEE;
  border-bottom: 1px solid #EEEEEE; }

.border-ends--dark {
  border-top: 1px solid #D8D8D5;
  border-bottom: 1px solid #D8D8D5; }

.border-all {
  border-top: 1px solid #EEEEEE;
  border-left: 1px solid #EEEEEE;
  border-right: 1px solid #EEEEEE;
  border-bottom: 1px solid #EEEEEE; }

.border-all--dark {
  border-top: 1px solid #D8D8D5;
  border-left: 1px solid #D8D8D5;
  border-right: 1px solid #D8D8D5;
  border-bottom: 1px solid #D8D8D5; }

.inner-border-top, .inner-border-left, .inner-border-right, .inner-border-bottom {
  position: relative; }
  .inner-border-top:before, .inner-border-left:before, .inner-border-right:before, .inner-border-bottom:before {
    content: '';
    display: block;
    position: absolute;
    background: #EEEEEE; }

.inner-border-top:before, .inner-border-bottom:before {
  left: 0;
  right: 0;
  height: 1px; }

.inner-border-left:before, .inner-border-right:before {
  top: 0;
  bottom: 0;
  width: 1px; }

.inner-border-top:before {
  top: 0; }

.inner-border-left:before {
  left: 0; }

.inner-border-right:before {
  right: 0; }

.inner-border-bottom:before {
  bottom: 0; }

.bg--white {
  background-color: #FFFFFF; }

.bg--gray-100 {
  background-color: #F8F8F8; }

.bg--gray-200 {
  background-color: #EEEEEE; }

.bg--gray-300 {
  background-color: #D8D8D5; }

.bg--gray-400 {
  background-color: #BDBDBD; }

.bg--gray-500 {
  background-color: #9E9E9E; }

.bg--gray-600 {
  background-color: #757575; }

.bg--gray-700 {
  background-color: #525252; }

.bg--gray-800 {
  background-color: #383634; }

.bg--gray-900 {
  background-color: #1D1B19; }

.round-corners {
  border-radius: 0.25em; }

.align-left {
  text-align: left;
  justify-content: flex-start; }

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

.align-right {
  text-align: right;
  justify-content: flex-end; }

.medium {
  font-weight: 500; }

.bold {
  font-weight: 700 !important; }

.text-large {
  font-size: 1.25em; }

.weight-light {
  font-weight: 200; }

.weight-regular {
  font-weight: 400; }

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

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

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

.center-element {
  margin: auto; }

.is-hidden {
  display: none; }

.uppercase {
  text-transform: uppercase; }

.flex {
  display: flex; }
  .flex--center {
    justify-content: center !important; }
  .flex--middle {
    align-items: center; }
  .flex-item--center {
    align-self: center; }
  .flex__item {
    flex: auto; }
    .flex__item--center {
      align-self: center; }
  .flex-align-center {
    align-items: center; }
  .flex-justify-start {
    justify-content: flex-start; }
  .flex-justify-between {
    justify-content: space-between; }
  .flex-0 {
    flex: 0 !important; }
  .flex-shrink-0 {
    flex-shrink: 0; }

.full {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: auto;
  height: auto; }

.inline-block {
  display: inline-block; }

.min-320 {
  min-width: 320px; }

.min-384 {
  min-width: 384px; }

.min-420 {
  min-width: 420px; }

.min-480 {
  min-width: 480px; }

.min-640 {
  min-width: 640px; }

.min-720 {
  min-width: 720px; }

.min-900 {
  min-width: 900px; }

.max-120 {
  max-width: 120px; }

.max-160 {
  max-width: 160px; }

.max-200 {
  max-width: 200px; }

.max-240 {
  max-width: 240px; }

.max-280 {
  max-width: 280px; }

.max-320 {
  max-width: 320px; }

.max-384 {
  max-width: 384px; }

.max-420 {
  max-width: 420px; }

.max-480 {
  max-width: 480px; }

.max-640 {
  max-width: 640px; }

.max-720 {
  max-width: 720px; }

.max-900 {
  max-width: 900px; }

.color-red {
  color: #D32F2F; }

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

.nowrap {
  white-space: nowrap; }

.faded {
  color: #BDBDBD; }

.user-select-none {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }

.cursor-help {
  cursor: help; }

.us-t {
  -webkit-user-select: text !important;
     -moz-user-select: text !important;
      -ms-user-select: text !important;
          user-select: text !important; }

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

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

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

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

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

*, *:before, *:after {
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

html, body {
  height: 100%;
  min-width: 64em; }

body {
  display: flex;
  flex-direction: column;
  color: #1D1B19;
  font-size: 1em;
  font-family: "DIN Next W01", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
  font-weight: 400;
  line-height: 1.5; }

a {
  color: #1E88E5;
  text-decoration: none;
  font-weight: 500; }
  a:hover {
    color: #1565C0; }

p {
  margin-bottom: 1em; }
  p:last-child {
    margin-bottom: 0; }

input:focus, textarea:focus, button:focus {
  outline: none; }

input[type=radio] {
  display: none; }

input[type=checkbox].system {
  -webkit-appearance: checkbox;
     -moz-appearance: checkbox;
          appearance: checkbox; }

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0; }

pre.code {
  padding: 1.5em;
  margin: 0.75em;
  font-family: "IBM Plex Mono", Consolas, "Courier New", Courier, monospace;
  font-size: 0.6875em;
  font-weight: 500;
  background: #1D1B19;
  color: #FCFCFC;
  overflow: scroll;
  border-radius: 4px; }
  pre.code.bool {
    color: #74c3ff; }
  pre.code.numeric {
    color: #95ec95; }
  pre.code.string {
    color: #f5ec7e; }

code {
  display: inline-block;
  font-family: "IBM Plex Mono", Consolas, "Courier New", Courier, monospace;
  font-weight: 700;
  font-size: 90%;
  background: #F8F8F8;
  border-radius: 0.25em;
  color: #1E88E5;
  padding: 0 0.25em;
  border: 1px solid #EEEEEE; }

h5 {
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-weight: 700; }

p > strong {
  font-weight: 700; }

.content, .data-section, .site-message {
  width: 100%; }
  .content--large {
    max-width: 64em; }
  .content--medium {
    max-width: 45em; }
  .content--small {
    max-width: 30em; }
  .content--x-small {
    max-width: 22.5em; }
  .content--mini {
    max-width: 20em; }

.grid {
  display: flex;
  flex-wrap: wrap; }
  .grid--gutters {
    margin: 0 0 -1.5em -1.5em; }
    .grid--gutters > .grid__col:not(.grid__col--placeholder) {
      padding: 0 0 1.5em 1.5em; }
    .grid--gutters-double {
      margin: 0 0 -3em -3em; }
      .grid--gutters-double > .grid__col:not(.grid__col--placeholder) {
        padding: 0 0 3em 3em; }
    .grid--gutters-half {
      margin: 0 0 -0.75em -0.75em; }
      .grid--gutters-half > .grid__col:not(.grid__col--placeholder) {
        padding: 0 0 0.75em 0.75em; }
  .grid--gutters--h {
    margin: 0 0 0 -1.5em; }
    .grid--gutters--h > .grid__col:not(.grid__col--placeholder) {
      padding: 0 0 0 1.5em; }
  .grid--vertical {
    flex-direction: column;
    justify-content: flex-start; }
    .grid--vertical > .grid__col {
      flex: none; }
      .grid--vertical > .grid__col--grow {
        flex-grow: 1; }
  .grid--center {
    justify-content: center; }
  .grid__col {
    flex: 1; }
    .grid__col--gutter {
      padding: 0 0 1.5em 1.5em; }
    .grid__col.collapse-vertical {
      padding-bottom: 0 !important; }

.max-1 {
  flex: 0 0 auto;
  width: 8.3333333333%; }

.max-push-0 {
  margin-left: 0%; }

.max-2 {
  flex: 0 0 auto;
  width: 16.6666666667%; }

.max-push-1 {
  margin-left: 8.3333333333%; }

.max-3 {
  flex: 0 0 auto;
  width: 25%; }

.max-push-2 {
  margin-left: 16.6666666667%; }

.max-4 {
  flex: 0 0 auto;
  width: 33.3333333333%; }

.max-push-3 {
  margin-left: 25%; }

.max-5 {
  flex: 0 0 auto;
  width: 41.6666666667%; }

.max-push-4 {
  margin-left: 33.3333333333%; }

.max-6 {
  flex: 0 0 auto;
  width: 50%; }

.max-push-5 {
  margin-left: 41.6666666667%; }

.max-7 {
  flex: 0 0 auto;
  width: 58.3333333333%; }

.max-push-6 {
  margin-left: 50%; }

.max-8 {
  flex: 0 0 auto;
  width: 66.6666666667%; }

.max-push-7 {
  margin-left: 58.3333333333%; }

.max-9 {
  flex: 0 0 auto;
  width: 75%; }

.max-push-8 {
  margin-left: 66.6666666667%; }

.max-10 {
  flex: 0 0 auto;
  width: 83.3333333333%; }

.max-push-9 {
  margin-left: 75%; }

.max-11 {
  flex: 0 0 auto;
  width: 91.6666666667%; }

.max-push-10 {
  margin-left: 83.3333333333%; }

.max-12 {
  flex: 0 0 auto;
  width: 100%; }

.max-push-11 {
  margin-left: 91.6666666667%; }

@media (max-width: 72em) {
  .large-1 {
    flex: 0 0 auto;
    width: 8.3333333333%; }
  .large-push-0 {
    margin-left: 0%; }
  .large-2 {
    flex: 0 0 auto;
    width: 16.6666666667%; }
  .large-push-1 {
    margin-left: 8.3333333333%; }
  .large-3 {
    flex: 0 0 auto;
    width: 25%; }
  .large-push-2 {
    margin-left: 16.6666666667%; }
  .large-4 {
    flex: 0 0 auto;
    width: 33.3333333333%; }
  .large-push-3 {
    margin-left: 25%; }
  .large-5 {
    flex: 0 0 auto;
    width: 41.6666666667%; }
  .large-push-4 {
    margin-left: 33.3333333333%; }
  .large-6 {
    flex: 0 0 auto;
    width: 50%; }
  .large-push-5 {
    margin-left: 41.6666666667%; }
  .large-7 {
    flex: 0 0 auto;
    width: 58.3333333333%; }
  .large-push-6 {
    margin-left: 50%; }
  .large-8 {
    flex: 0 0 auto;
    width: 66.6666666667%; }
  .large-push-7 {
    margin-left: 58.3333333333%; }
  .large-9 {
    flex: 0 0 auto;
    width: 75%; }
  .large-push-8 {
    margin-left: 66.6666666667%; }
  .large-10 {
    flex: 0 0 auto;
    width: 83.3333333333%; }
  .large-push-9 {
    margin-left: 75%; }
  .large-11 {
    flex: 0 0 auto;
    width: 91.6666666667%; }
  .large-push-10 {
    margin-left: 83.3333333333%; }
  .large-12 {
    flex: 0 0 auto;
    width: 100%; }
  .large-push-11 {
    margin-left: 91.6666666667%; } }

@media (max-width: 57.5em) {
  .medium-1 {
    flex: 0 0 auto;
    width: 8.3333333333%; }
  .medium-push-0 {
    margin-left: 0%; }
  .medium-2 {
    flex: 0 0 auto;
    width: 16.6666666667%; }
  .medium-push-1 {
    margin-left: 8.3333333333%; }
  .medium-3 {
    flex: 0 0 auto;
    width: 25%; }
  .medium-push-2 {
    margin-left: 16.6666666667%; }
  .medium-4 {
    flex: 0 0 auto;
    width: 33.3333333333%; }
  .medium-push-3 {
    margin-left: 25%; }
  .medium-5 {
    flex: 0 0 auto;
    width: 41.6666666667%; }
  .medium-push-4 {
    margin-left: 33.3333333333%; }
  .medium-6 {
    flex: 0 0 auto;
    width: 50%; }
  .medium-push-5 {
    margin-left: 41.6666666667%; }
  .medium-7 {
    flex: 0 0 auto;
    width: 58.3333333333%; }
  .medium-push-6 {
    margin-left: 50%; }
  .medium-8 {
    flex: 0 0 auto;
    width: 66.6666666667%; }
  .medium-push-7 {
    margin-left: 58.3333333333%; }
  .medium-9 {
    flex: 0 0 auto;
    width: 75%; }
  .medium-push-8 {
    margin-left: 66.6666666667%; }
  .medium-10 {
    flex: 0 0 auto;
    width: 83.3333333333%; }
  .medium-push-9 {
    margin-left: 75%; }
  .medium-11 {
    flex: 0 0 auto;
    width: 91.6666666667%; }
  .medium-push-10 {
    margin-left: 83.3333333333%; }
  .medium-12 {
    flex: 0 0 auto;
    width: 100%; }
  .medium-push-11 {
    margin-left: 91.6666666667%; } }

@media (max-width: 48em) {
  .small-1 {
    flex: 0 0 auto;
    width: 8.3333333333%; }
  .small-push-0 {
    margin-left: 0%; }
  .small-2 {
    flex: 0 0 auto;
    width: 16.6666666667%; }
  .small-push-1 {
    margin-left: 8.3333333333%; }
  .small-3 {
    flex: 0 0 auto;
    width: 25%; }
  .small-push-2 {
    margin-left: 16.6666666667%; }
  .small-4 {
    flex: 0 0 auto;
    width: 33.3333333333%; }
  .small-push-3 {
    margin-left: 25%; }
  .small-5 {
    flex: 0 0 auto;
    width: 41.6666666667%; }
  .small-push-4 {
    margin-left: 33.3333333333%; }
  .small-6 {
    flex: 0 0 auto;
    width: 50%; }
  .small-push-5 {
    margin-left: 41.6666666667%; }
  .small-7 {
    flex: 0 0 auto;
    width: 58.3333333333%; }
  .small-push-6 {
    margin-left: 50%; }
  .small-8 {
    flex: 0 0 auto;
    width: 66.6666666667%; }
  .small-push-7 {
    margin-left: 58.3333333333%; }
  .small-9 {
    flex: 0 0 auto;
    width: 75%; }
  .small-push-8 {
    margin-left: 66.6666666667%; }
  .small-10 {
    flex: 0 0 auto;
    width: 83.3333333333%; }
  .small-push-9 {
    margin-left: 75%; }
  .small-11 {
    flex: 0 0 auto;
    width: 91.6666666667%; }
  .small-push-10 {
    margin-left: 83.3333333333%; }
  .small-12 {
    flex: 0 0 auto;
    width: 100%; }
  .small-push-11 {
    margin-left: 91.6666666667%; } }

@media (max-width: 32em) {
  .min-1 {
    flex: 0 0 auto;
    width: 8.3333333333%; }
  .min-push-0 {
    margin-left: 0%; }
  .min-2 {
    flex: 0 0 auto;
    width: 16.6666666667%; }
  .min-push-1 {
    margin-left: 8.3333333333%; }
  .min-3 {
    flex: 0 0 auto;
    width: 25%; }
  .min-push-2 {
    margin-left: 16.6666666667%; }
  .min-4 {
    flex: 0 0 auto;
    width: 33.3333333333%; }
  .min-push-3 {
    margin-left: 25%; }
  .min-5 {
    flex: 0 0 auto;
    width: 41.6666666667%; }
  .min-push-4 {
    margin-left: 33.3333333333%; }
  .min-6 {
    flex: 0 0 auto;
    width: 50%; }
  .min-push-5 {
    margin-left: 41.6666666667%; }
  .min-7 {
    flex: 0 0 auto;
    width: 58.3333333333%; }
  .min-push-6 {
    margin-left: 50%; }
  .min-8 {
    flex: 0 0 auto;
    width: 66.6666666667%; }
  .min-push-7 {
    margin-left: 58.3333333333%; }
  .min-9 {
    flex: 0 0 auto;
    width: 75%; }
  .min-push-8 {
    margin-left: 66.6666666667%; }
  .min-10 {
    flex: 0 0 auto;
    width: 83.3333333333%; }
  .min-push-9 {
    margin-left: 75%; }
  .min-11 {
    flex: 0 0 auto;
    width: 91.6666666667%; }
  .min-push-10 {
    margin-left: 83.3333333333%; }
  .min-12 {
    flex: 0 0 auto;
    width: 100%; }
  .min-push-11 {
    margin-left: 91.6666666667%; } }

.max-1-16 {
  flex: 0 0 6.25%; }

.max-push-0-16 {
  margin-left: 0%; }

.max-2-16 {
  flex: 0 0 12.5%; }

.max-push-1-16 {
  margin-left: 6.25%; }

.max-3-16 {
  flex: 0 0 18.75%; }

.max-push-2-16 {
  margin-left: 12.5%; }

.max-4-16 {
  flex: 0 0 25%; }

.max-push-3-16 {
  margin-left: 18.75%; }

.max-5-16 {
  flex: 0 0 31.25%; }

.max-push-4-16 {
  margin-left: 25%; }

.max-6-16 {
  flex: 0 0 37.5%; }

.max-push-5-16 {
  margin-left: 31.25%; }

.max-7-16 {
  flex: 0 0 43.75%; }

.max-push-6-16 {
  margin-left: 37.5%; }

.max-8-16 {
  flex: 0 0 50%; }

.max-push-7-16 {
  margin-left: 43.75%; }

.max-9-16 {
  flex: 0 0 56.25%; }

.max-push-8-16 {
  margin-left: 50%; }

.max-10-16 {
  flex: 0 0 62.5%; }

.max-push-9-16 {
  margin-left: 56.25%; }

.max-11-16 {
  flex: 0 0 68.75%; }

.max-push-10-16 {
  margin-left: 62.5%; }

.max-12-16 {
  flex: 0 0 75%; }

.max-push-11-16 {
  margin-left: 68.75%; }

.max-13-16 {
  flex: 0 0 81.25%; }

.max-push-12-16 {
  margin-left: 75%; }

.max-14-16 {
  flex: 0 0 87.5%; }

.max-push-13-16 {
  margin-left: 81.25%; }

.max-15-16 {
  flex: 0 0 93.75%; }

.max-push-14-16 {
  margin-left: 87.5%; }

.max-16-16 {
  flex: 0 0 100%; }

.max-push-15-16 {
  margin-left: 93.75%; }

@media (max-width: 72em) {
  .large-1-16 {
    flex: 0 0 6.25%; }
  .large-push-0-16 {
    margin-left: 0%; }
  .large-2-16 {
    flex: 0 0 12.5%; }
  .large-push-1-16 {
    margin-left: 6.25%; }
  .large-3-16 {
    flex: 0 0 18.75%; }
  .large-push-2-16 {
    margin-left: 12.5%; }
  .large-4-16 {
    flex: 0 0 25%; }
  .large-push-3-16 {
    margin-left: 18.75%; }
  .large-5-16 {
    flex: 0 0 31.25%; }
  .large-push-4-16 {
    margin-left: 25%; }
  .large-6-16 {
    flex: 0 0 37.5%; }
  .large-push-5-16 {
    margin-left: 31.25%; }
  .large-7-16 {
    flex: 0 0 43.75%; }
  .large-push-6-16 {
    margin-left: 37.5%; }
  .large-8-16 {
    flex: 0 0 50%; }
  .large-push-7-16 {
    margin-left: 43.75%; }
  .large-9-16 {
    flex: 0 0 56.25%; }
  .large-push-8-16 {
    margin-left: 50%; }
  .large-10-16 {
    flex: 0 0 62.5%; }
  .large-push-9-16 {
    margin-left: 56.25%; }
  .large-11-16 {
    flex: 0 0 68.75%; }
  .large-push-10-16 {
    margin-left: 62.5%; }
  .large-12-16 {
    flex: 0 0 75%; }
  .large-push-11-16 {
    margin-left: 68.75%; }
  .large-13-16 {
    flex: 0 0 81.25%; }
  .large-push-12-16 {
    margin-left: 75%; }
  .large-14-16 {
    flex: 0 0 87.5%; }
  .large-push-13-16 {
    margin-left: 81.25%; }
  .large-15-16 {
    flex: 0 0 93.75%; }
  .large-push-14-16 {
    margin-left: 87.5%; }
  .large-16-16 {
    flex: 0 0 100%; }
  .large-push-15-16 {
    margin-left: 93.75%; } }

@media (max-width: 57.5em) {
  .medium-1-16 {
    flex: 0 0 6.25%; }
  .medium-push-0-16 {
    margin-left: 0%; }
  .medium-2-16 {
    flex: 0 0 12.5%; }
  .medium-push-1-16 {
    margin-left: 6.25%; }
  .medium-3-16 {
    flex: 0 0 18.75%; }
  .medium-push-2-16 {
    margin-left: 12.5%; }
  .medium-4-16 {
    flex: 0 0 25%; }
  .medium-push-3-16 {
    margin-left: 18.75%; }
  .medium-5-16 {
    flex: 0 0 31.25%; }
  .medium-push-4-16 {
    margin-left: 25%; }
  .medium-6-16 {
    flex: 0 0 37.5%; }
  .medium-push-5-16 {
    margin-left: 31.25%; }
  .medium-7-16 {
    flex: 0 0 43.75%; }
  .medium-push-6-16 {
    margin-left: 37.5%; }
  .medium-8-16 {
    flex: 0 0 50%; }
  .medium-push-7-16 {
    margin-left: 43.75%; }
  .medium-9-16 {
    flex: 0 0 56.25%; }
  .medium-push-8-16 {
    margin-left: 50%; }
  .medium-10-16 {
    flex: 0 0 62.5%; }
  .medium-push-9-16 {
    margin-left: 56.25%; }
  .medium-11-16 {
    flex: 0 0 68.75%; }
  .medium-push-10-16 {
    margin-left: 62.5%; }
  .medium-12-16 {
    flex: 0 0 75%; }
  .medium-push-11-16 {
    margin-left: 68.75%; }
  .medium-13-16 {
    flex: 0 0 81.25%; }
  .medium-push-12-16 {
    margin-left: 75%; }
  .medium-14-16 {
    flex: 0 0 87.5%; }
  .medium-push-13-16 {
    margin-left: 81.25%; }
  .medium-15-16 {
    flex: 0 0 93.75%; }
  .medium-push-14-16 {
    margin-left: 87.5%; }
  .medium-16-16 {
    flex: 0 0 100%; }
  .medium-push-15-16 {
    margin-left: 93.75%; } }

@media (max-width: 48em) {
  .small-1-16 {
    flex: 0 0 6.25%; }
  .small-push-0-16 {
    margin-left: 0%; }
  .small-2-16 {
    flex: 0 0 12.5%; }
  .small-push-1-16 {
    margin-left: 6.25%; }
  .small-3-16 {
    flex: 0 0 18.75%; }
  .small-push-2-16 {
    margin-left: 12.5%; }
  .small-4-16 {
    flex: 0 0 25%; }
  .small-push-3-16 {
    margin-left: 18.75%; }
  .small-5-16 {
    flex: 0 0 31.25%; }
  .small-push-4-16 {
    margin-left: 25%; }
  .small-6-16 {
    flex: 0 0 37.5%; }
  .small-push-5-16 {
    margin-left: 31.25%; }
  .small-7-16 {
    flex: 0 0 43.75%; }
  .small-push-6-16 {
    margin-left: 37.5%; }
  .small-8-16 {
    flex: 0 0 50%; }
  .small-push-7-16 {
    margin-left: 43.75%; }
  .small-9-16 {
    flex: 0 0 56.25%; }
  .small-push-8-16 {
    margin-left: 50%; }
  .small-10-16 {
    flex: 0 0 62.5%; }
  .small-push-9-16 {
    margin-left: 56.25%; }
  .small-11-16 {
    flex: 0 0 68.75%; }
  .small-push-10-16 {
    margin-left: 62.5%; }
  .small-12-16 {
    flex: 0 0 75%; }
  .small-push-11-16 {
    margin-left: 68.75%; }
  .small-13-16 {
    flex: 0 0 81.25%; }
  .small-push-12-16 {
    margin-left: 75%; }
  .small-14-16 {
    flex: 0 0 87.5%; }
  .small-push-13-16 {
    margin-left: 81.25%; }
  .small-15-16 {
    flex: 0 0 93.75%; }
  .small-push-14-16 {
    margin-left: 87.5%; }
  .small-16-16 {
    flex: 0 0 100%; }
  .small-push-15-16 {
    margin-left: 93.75%; } }

@media (max-width: 32em) {
  .min-1-16 {
    flex: 0 0 6.25%; }
  .min-push-0-16 {
    margin-left: 0%; }
  .min-2-16 {
    flex: 0 0 12.5%; }
  .min-push-1-16 {
    margin-left: 6.25%; }
  .min-3-16 {
    flex: 0 0 18.75%; }
  .min-push-2-16 {
    margin-left: 12.5%; }
  .min-4-16 {
    flex: 0 0 25%; }
  .min-push-3-16 {
    margin-left: 18.75%; }
  .min-5-16 {
    flex: 0 0 31.25%; }
  .min-push-4-16 {
    margin-left: 25%; }
  .min-6-16 {
    flex: 0 0 37.5%; }
  .min-push-5-16 {
    margin-left: 31.25%; }
  .min-7-16 {
    flex: 0 0 43.75%; }
  .min-push-6-16 {
    margin-left: 37.5%; }
  .min-8-16 {
    flex: 0 0 50%; }
  .min-push-7-16 {
    margin-left: 43.75%; }
  .min-9-16 {
    flex: 0 0 56.25%; }
  .min-push-8-16 {
    margin-left: 50%; }
  .min-10-16 {
    flex: 0 0 62.5%; }
  .min-push-9-16 {
    margin-left: 56.25%; }
  .min-11-16 {
    flex: 0 0 68.75%; }
  .min-push-10-16 {
    margin-left: 62.5%; }
  .min-12-16 {
    flex: 0 0 75%; }
  .min-push-11-16 {
    margin-left: 68.75%; }
  .min-13-16 {
    flex: 0 0 81.25%; }
  .min-push-12-16 {
    margin-left: 75%; }
  .min-14-16 {
    flex: 0 0 87.5%; }
  .min-push-13-16 {
    margin-left: 81.25%; }
  .min-15-16 {
    flex: 0 0 93.75%; }
  .min-push-14-16 {
    margin-left: 87.5%; }
  .min-16-16 {
    flex: 0 0 100%; }
  .min-push-15-16 {
    margin-left: 93.75%; } }

.row--full {
  height: 100%; }

.row__item {
  height: 100%;
  margin-left: 1.5em; }
  .row--small .row__item {
    margin-left: 0.5em; }
    .row--small .row__item--right {
      margin-left: auto; }
  .row__item:first-child:not(.row__item--right) {
    margin-left: 0; }
  .row__item--right {
    margin-left: auto; }

.accordion-content {
  overflow: hidden;
  transition: height 0.4s cubic-bezier(0.8, 0, 0.2, 1); }

.body-type-choice {
  display: block;
  cursor: pointer;
  border: 2px solid #EEEEEE;
  color: #9E9E9E;
  border-radius: 4px;
  text-align: center;
  transition: all 0.1s ease-in-out;
  font-weight: 500; }
  .body-type-choice-text {
    display: block;
    padding: 8px; }
  .body-type-choice:hover {
    border-color: #1E88E5; }
  .body-type-choice.is-current {
    border-color: #1E88E5;
    background: #1E88E5;
    color: #FFF;
    cursor: default;
    font-weight: 700; }
  .body-type-choice:active {
    border-color: #1565C0;
    background: #1565C0;
    color: #EEE; }

.body-type-image {
  display: block;
  width: 100%;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px; }

.box {
  padding: 1.5em;
  border-radius: 0.25em;
  background: #F8F8F8;
  margin-left: auto;
  margin-right: auto; }
  .box--no-padding {
    padding: 0; }
  .box--small {
    max-width: 20em; }
  .box--sm-md {
    max-width: 30em; }
  .box--medium {
    max-width: 45em; }
  .box__title {
    font-size: 1.375em;
    margin-bottom: 0.5em; }
  .box__description {
    color: #757575; }
  .box--highlight {
    background: #FEF8EE; }

.meta-box, .pocket-info-box {
  max-width: 30em;
  padding: 1.5em;
  background: #F8F8F8;
  border-radius: 0.25em;
  text-align: left; }
  .meta-box-before {
    font-size: 2em;
    font-weight: 200; }
  .meta-box-after {
    font-size: 1.25em; }
  .meta-box--small, .pocket-info-box {
    max-width: 20em; }
  .meta-box--full {
    max-width: 100%; }
  .meta-box--center {
    margin: 0 auto; }
  .meta-box-sep {
    border: none;
    height: 1px;
    background-color: #D8D8D5;
    margin-top: 0;
    margin-bottom: 1.25em; }
  .meta-box__row {
    display: flex;
    justify-content: space-between;
    align-items: center; }
    .meta-box__row--actions {
      margin-top: 1em;
      padding-top: 1.5em;
      border-top: 1px solid #EEEEEE; }
    .meta-box__row:not(:last-of-type) {
      padding-bottom: 1.25em; }
  .meta-box__label {
    color: #9E9E9E;
    font-size: 1em;
    line-height: 1;
    font-weight: 500; }
    .meta-box__label--small {
      font-size: 0.75em; }
  .meta-box__value {
    font-size: 1.375em;
    line-height: 1; }
    .meta-box__value--bold {
      font-weight: 700; }
    .meta-box__value--small {
      font-size: 1em; }

.flex {
  display: flex;
  align-items: center;
  justify-content: space-between; }

.breadcrumb-item {
  font-size: 1em;
  color: #9E9E9E;
  white-space: nowrap; }
  .breadcrumb-item--link {
    font-weight: 500; }
    .breadcrumb-item--link:hover {
      color: #525252; }
  .breadcrumb-item--sep {
    padding: 0 0.5em;
    cursor: default;
    font-weight: 500; }
  .breadcrumb-item--current, .breadcrumb-item--current:hover {
    color: #1D1B19;
    font-weight: 700;
    cursor: default; }

.catalog {
  margin-bottom: 4.5em; }
  .catalog-header {
    display: none;
    text-align: center;
    border-radius: 0.375em;
    background: #FFFFFF; }
    .catalog-header-title {
      display: block;
      font-size: 1.5em;
      padding: 1em;
      color: #D8D8D5;
      max-width: 58.6666666667em;
      margin: 0 auto; }
      .catalog-header-title-year {
        font-weight: 700;
        color: #1D1B19; }
  .catalog-wrap {
    max-width: 88em;
    margin: 0 auto;
    position: relative; }
  .catalog-filter {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 0.25em; }
    .catalog-filter:not(:first-child) {
      margin-top: 1.5em; }
    .catalog-filter-option {
      padding: 0.2857142857em 0.8571428571em;
      font-size: 0.875em;
      text-align: center;
      flex-grow: 1;
      font-weight: 700; }
      .catalog-filter-option:first-child {
        border-top-left-radius: 0.2857142857em;
        border-bottom-left-radius: 0.2857142857em; }
      .catalog-filter-option:last-child {
        border-top-right-radius: 0.2857142857em;
        border-bottom-right-radius: 0.2857142857em; }
      .catalog-filter-option:not(.is-active) {
        color: #9E9E9E;
        cursor: pointer;
        background: #F8F8F8; }
        .catalog-filter-option:not(.is-active):hover {
          color: #1E88E5;
          background: white; }
        .catalog-filter-option:not(.is-active):active {
          color: #0D47A1;
          background: #e4e4e4; }
      .catalog-filter-option.is-active {
        color: #FFFFFF;
        background: #1E88E5;
        cursor: default; }
  .catalog-menu {
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    width: 17em;
    position: absolute;
    top: 4.5em;
    padding: 2.25em 2.25em 2.25em 0; }
    .catalog-menu.pinned {
      position: fixed;
      top: 0;
      bottom: 0;
      overflow-y: scroll; }
      .catalog-menu.pinned::-webkit-scrollbar {
        display: none; }
    .catalog-menu-market-title {
      font-weight: 700;
      color: #BDBDBD; }
    .catalog-menu-market:not(:first-child) {
      margin-top: 2.25em; }
    .catalog-menu-category {
      border-radius: 0.25em;
      font-size: 1em;
      margin-top: 0.75em; }
      .catalog-menu-category-title {
        opacity: 0.6;
        display: flex;
        align-items: center;
        justify-content: space-between;
        font-weight: 700;
        cursor: pointer;
        color: #1D1B19;
        -webkit-backface-visibility: hidden;
        transform: translateZ(0);
        margin-bottom: 0.5em; }
        .catalog-menu-category-title:hover, .catalog-menu-category-title.active {
          opacity: 0.8; }
        .catalog-menu-category-title:active {
          opacity: 1; }
        .catalog-menu-category-title-chevron svg {
          height: 0.875em;
          width: 0.875em;
          fill: #1D1B19; }
          .catalog-menu-category-title-chevron svg.active {
            transform: rotate(180deg); }
    .catalog-menu-product-title {
      padding: 1em;
      opacity: 0.8;
      cursor: pointer;
      display: flex;
      align-items: center;
      justify-content: space-between; }
      .catalog-menu-product-title:first-child {
        border-top-left-radius: 0.25em;
        border-top-right-radius: 0.25em; }
      .catalog-menu-product-title:last-child {
        border-bottom-left-radius: 0.25em;
        border-bottom-right-radius: 0.25em; }
      .catalog-menu-product-title:hover {
        opacity: 1;
        background: #F8F8F8; }
      .catalog-menu-product-title:active {
        background: #ebebeb; }
  .catalog-content {
    margin-left: 17em; }
  .catalog-market:not(:first-child) {
    margin-top: 4.5em; }
  .catalog-category:not(:first-child) {
    margin-top: 4.5em; }
  .catalog-category-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 1.5em;
    font-weight: 700;
    padding: 0 0.5em; }
  .catalog-category-market {
    color: #D8D8D5;
    font-weight: 400; }
  .catalog-product-group-header {
    position: relative;
    padding: 2.25em;
    text-align: center;
    background: #1D1B19;
    color: #FFFFFF;
    border-top-left-radius: 0.375em;
    border-top-right-radius: 0.375em; }
  .catalog-product-group-logo {
    display: inline-block;
    margin: 0 auto 12px auto;
    line-height: 1;
    font-size: 32px;
    font-weight: 700; }
  .catalog-product-group-new {
    position: absolute;
    top: 2.25em;
    right: 2.25em; }
  .catalog-product {
    display: flex;
    padding: 2.25em;
    position: relative; }
    .catalog-product-link {
      position: absolute;
      top: 1.6875em;
      right: 1.6875em;
      z-index: 500; }
    .catalog-product-image {
      display: block;
      width: 100%;
      height: auto;
      border-bottom: 1px solid #F8F8F8;
      border-radius: 0.5em; }
      .catalog-product-image-wrap {
        width: 40%;
        margin-right: 2.25em; }
    .catalog-product-details {
      width: 60%;
      position: relative; }
    .catalog-product-new {
      position: absolute;
      top: 0;
      right: 0; }
    .catalog-product-logo {
      line-height: 1;
      margin-bottom: 12px;
      font-size: 32px;
      font-weight: 700; }
    .catalog-product-tagline {
      font-size: 24px; }
    .catalog-product-launch-date {
      margin-top: 0.75em; }
    .catalog-product-description {
      margin-top: 0.75em; }
    .catalog-product-group-description {
      margin-top: 0.75em;
      color: #D8D8D5 !important; }
    .catalog-product-features {
      list-style: disc;
      padding-left: 1em;
      margin-bottom: 1.5em; }
    .catalog-product-options-title {
      font-size: 0.875em;
      font-weight: 700;
      color: #BDBDBD;
      padding: 0.2857142857em 0.5714285714em 0.1428571429em;
      border-radius: 0.2857142857em;
      background: #F8F8F8; }
      .catalog-product-options-title--effective {
        background: #FFF3E0;
        color: #FFA726; }
      .catalog-product-options-title-date {
        float: right; }
    .catalog-product-options-list {
      padding: 0.5em; }
    .catalog-product-options-item {
      padding: 0.125em 0;
      display: flex;
      align-items: center;
      justify-content: space-between;
      border-top: 1px solid #EEEEEE; }
      .catalog-product-options-item:first-child, .catalog-product-options-item--swatch {
        border-top: none; }
    .catalog-product-options-value {
      display: inline-flex;
      align-items: center;
      min-width: 4em;
      margin-right: 0.75em;
      font-weight: 700; }
    .catalog-product-options-date {
      opacity: 0.3;
      margin-left: 6px;
      font-weight: 500; }
    .catalog-product-options-details {
      color: #9E9E9E;
      text-align: right; }
    .catalog-product-options-details .productLogo {
      position: relative;
      top: 4px; }
  .catalog-preview-thumb {
    width: 25%;
    height: auto; }

.comment-list {
  margin-top: 1.5em;
  padding: 1.5em;
  border: 1px solid #EEEEEE;
  border-radius: 0.25em;
  background: #F8F8F8; }
  .comment-list__item:not(:last-of-type) {
    border-bottom: 1px solid #EEEEEE;
    padding-bottom: 1.5em;
    margin-bottom: 1.5em; }

.comment__meta {
  font-size: 0.8125em;
  margin-bottom: 0.4615384615em;
  color: #9E9E9E;
  font-weight: 500; }

.comment__text {
  font-size: 1.25em; }

.comparison-row-title {
  font-size: 1.5em;
  font-weight: 200;
  color: #9E9E9E;
  border-bottom: 1px solid #EEEEEE; }

.comparison-value {
  font-size: 1.25em;
  text-align: center; }
  .comparison-value--price {
    margin-bottom: 0.6em; }

.data-section {
  padding: 1.5em; }
  .data-section--full {
    max-width: 100%;
    padding: 0; }
  .data-section--small {
    max-width: 30em; }
  .data-section__title {
    font-size: 1.75em;
    margin-bottom: 0.4285714286em; }

.sub-section:not(:last-child) {
  margin-bottom: 1em; }

.sub-section__title {
  font-size: 1.125em;
  margin-bottom: 0.3333333333em;
  color: #525252; }

.sub-section__link {
  font-size: 0.875em;
  display: inline-block;
  border-radius: 0.2857142857em;
  padding: 0.4285714286em 0.8571428571em;
  background: #EEEEEE;
  color: #525252;
  border: 2px solid transparent;
  font-weight: 500;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }
  .sub-section__link:hover, .sub-section__link.is-current {
    background: #FCFCFC;
    color: #1D1B19;
    border-color: #BDBDBD; }
  .sub-section__link.is-current {
    cursor: default; }

.dropdown {
  position: relative;
  display: flex; }
  .dropdown-mask {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 700; }
  .dropdown-anchor {
    display: flex;
    flex-grow: 1;
    align-items: center;
    color: #757575;
    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    padding: 0 0.25em; }
    .dropdown-anchor:active {
      color: #525252; }
  .dropdown-chevron {
    position: relative;
    top: 2px;
    width: 8px; }
    .dropdown-chevron svg {
      fill: #9E9E9E; }
  .dropdown-list {
    display: none;
    position: absolute;
    top: 2.5em;
    left: 0;
    z-index: 800;
    background: #F8F8F8;
    border: 1px solid #EEEEEE;
    border-radius: 4px; }
    .dropdown-list.is-showing {
      display: block; }
  .dropdown-item {
    display: flex;
    position: relative;
    z-index: 100; }
  .dropdown-link {
    display: flex;
    flex-grow: 1;
    justify-content: flex-start;
    padding: 0.5em 0.75em;
    color: #9E9E9E;
    white-space: nowrap;
    background: #F8F8F8; }
    .dropdown-link:hover {
      background: #FFFFFF;
      color: #1D1B19; }
    .dropdown-link--current, .dropdown-link--current:hover {
      cursor: default;
      font-weight: 500;
      color: #1E88E5;
      background: #FFFFFF; }
  .dropdown-item:first-of-type .dropdown-link {
    border-top-left-radius: 0.25em;
    border-top-right-radius: 0.25em; }
  .dropdown-item:last-of-type .dropdown-link {
    border-bottom-left-radius: 0.25em;
    border-bottom-right-radius: 0.25em; }
  .dropdown-item:not(:first-of-type) .dropdown-link--current,
  .dropdown-item:not(:first-of-type) .dropdown-link--current:hover {
    border-top: 1px solid #EEEEEE; }
  .dropdown-item:not(:last-of-type) .dropdown-link--current,
  .dropdown-item:not(:last-of-type) .dropdown-link--current:hover {
    border-bottom: 1px solid #EEEEEE; }

.image {
  display: block;
  width: 100%;
  height: auto; }

.h1 {
  font-size: 2em;
  font-weight: 500; }

.h3 {
  font-size: 1.5em;
  font-weight: 500;
  margin-bottom: 0.5em; }

.heading-3 {
  font-size: 1.5em; }

.heading-4 {
  font-size: 1.25em;
  font-weight: 500; }

p.small {
  font-size: 0.875em; }

.legal-text {
  font-size: 0.75em;
  text-align: justify; }
  .legal-text--highlighted {
    color: #9E9E9E; }
  .legal-text-highlight {
    color: #1D1B19;
    background-color: #FFECB3; }

.strikethrough {
  text-decoration: line-through;
  opacity: 0.35; }

.ol {
  padding-left: 2em;
  margin-top: 1em;
  margin-bottom: 1em; }
  .ol li {
    position: relative;
    list-style: none; }
    .ol li:before {
      content: "(" attr(seq) ") ";
      counter-increment: list;
      position: absolute;
      left: -1.5em; }

.status {
  padding: 1.5em;
  text-align: center; }
  .status__text {
    font-size: 1.25em; }

.coming-soon {
  display: inline-block;
  font-size: 1em;
  color: #FFFFFF;
  background: #BDBDBD;
  border-radius: 0.25em;
  padding: 0.5em 0.625em;
  line-height: 1; }

.ship-to-billing-note {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 1.5em;
  border: 1px solid #EEEEEE;
  border-radius: 0.25em;
  background: #F8F8F8; }
  .ship-to-billing-note__text {
    text-align: center;
    font-size: 1.25em; }

.video-control {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0 auto;
  opacity: 0.8;
  cursor: pointer; }
  .video-control:hover {
    opacity: 1; }
  .video-control--dark svg {
    fill: #383634; }
  .video-control--dark .video-control__text {
    color: #383634; }
  .video-control--light svg {
    fill: #D8D8D5; }
  .video-control--light .video-control__text {
    color: #D8D8D5; }
  .video-control--white svg {
    fill: #FFFFFF; }
  .video-control--white .video-control__text {
    color: #FFFFFF; }
  .video-control svg {
    height: 5em;
    margin: auto; }
  .video-control__text {
    font-size: 1.25em;
    font-weight: 500; }
  .video-control-wrap {
    position: relative; }
  .video-control-icon {
    display: flex;
    width: 100%;
    height: 100%;
    cursor: pointer; }

.lightbox {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 800;
  background: rgba(29, 27, 25, 0.5);
  display: flex;
  justify-content: center;
  align-items: center; }
  .lightbox-wrap {
    position: relative;
    margin: 2.125em; }
  .lightbox-close {
    position: absolute;
    top: -0.5625em;
    right: -0.5625em;
    width: 1.125em;
    height: 1.125em;
    line-height: 1.15625em;
    background: #F8F8F8;
    color: #525252;
    opacity: 0.9;
    border-radius: 50%;
    font-size: 2em;
    font-weight: 400;
    text-align: center;
    cursor: pointer; }
    .lightbox-close:hover {
      background: #FFFFFF;
      color: #1D1B19;
      opacity: 1; }
  .lightbox-image {
    display: block;
    width: auto;
    height: auto;
    max-width: 90vw;
    max-height: 90vh;
    border-radius: 0.25em;
    box-shadow: 0 0 1.5em rgba(29, 27, 25, 0.5); }

.video-embed {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 300; }
  .video-embed-wrap {
    position: relative; }
  .video-embed-iframe {
    width: 100%;
    height: 100%; }

.video-embed-full {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 800;
  background: rgba(29, 27, 25, 0.5); }
  .video-embed-full__close {
    position: absolute;
    top: 0.4em;
    right: 0.4em;
    width: 1.2em;
    height: 1.2em;
    line-height: 1.2em;
    background: #F8F8F8;
    color: #525252;
    opacity: 0.8;
    border-radius: 50%;
    font-size: 2.5em;
    font-weight: 200;
    text-align: center;
    cursor: pointer; }
    .video-embed-full__close:hover {
      background: #FFFFFF;
      color: #1D1B19;
      opacity: 1; }
  .video-embed-full__iframe {
    width: calc( 100% - 5em * 2);
    height: calc(100% - 5em * 2);
    margin: 5em;
    background: #000000; }

.mono {
  font-family: "IBM Plex Mono", Consolas, "Courier New", Courier, monospace !important;
  font-weight: 500; }

.text-red {
  color: #E53935; }

.link {
  color: #1E88E5;
  font-weight: 700;
  cursor: pointer; }
  .link:hover {
    color: #2196F3; }
  .link:active {
    color: #1976D2; }

.pointer {
  cursor: pointer; }

.contact + .contact {
  margin-top: 48px; }

.contact-label {
  font-size: 14px;
  font-weight: 700;
  border-bottom: 2px solid #dfdfdf;
  margin-bottom: 16px;
  padding-bottom: 8px; }

.credit-balance {
  background: #388E3C;
  color: #FFFFFF;
  padding: 24px;
  text-align: right; }
  .credit-balance-title {
    opacity: 0.5;
    font-weight: 700; }
  .credit-balance-amount {
    font-family: "IBM Plex Mono", Consolas, "Courier New", Courier, monospace !important;
    font-weight: 700;
    font-size: 24px; }

.note {
  font-size: 14px;
  color: #757575;
  padding: 10px 12px;
  background-color: #F8F8F8;
  border: 1px solid #EEEEEE;
  border-radius: 6px; }

.post {
  margin: auto;
  max-width: 720px;
  background: #FAFAFA;
  color: #525252;
  border-radius: 8px;
  border: 1px solid #DDD;
  padding: 48px; }
  .post h1 {
    font-weight: 700;
    font-size: 2em;
    margin-bottom: 16px; }
  .post h2 {
    font-weight: 700;
    font-size: 1.5em;
    margin-bottom: 16px; }
    .post h2:not(:first-child) {
      margin-top: 24px; }
  .post h3 {
    font-weight: 700;
    font-size: 1.25em;
    margin-bottom: 16px; }
  .post ol, .post ul {
    padding-left: 20px;
    margin-bottom: 16px; }
    .post ol li:not(:last-child), .post ul li:not(:last-child) {
      margin-bottom: 8px; }
  .post ol {
    list-style: decimal; }
  .post ul {
    list-style: disc; }
  .post p {
    line-height: 1.5; }
  .post em {
    font-style: italic; }
  .post strong {
    font-weight: 700; }

.user-select-text {
  -webkit-user-select: text;
     -moz-user-select: text;
      -ms-user-select: text;
          user-select: text; }

.fw-40 {
  width: 40px; }

.fw-60 {
  width: 60px; }

.fw-64 {
  width: 64px; }

.fw-80 {
  width: 80px; }

.fw-120 {
  width: 120px; }

.fw-160 {
  width: 160px; }

.fw-200 {
  width: 200px; }

.fw-240 {
  width: 240px; }

.fw-280 {
  width: 280px; }

.fw-320 {
  width: 320px; }

.fw-360 {
  width: 360px; }

.fw-400 {
  width: 400px; }

.fw-440 {
  width: 440px; }

.fw-480 {
  width: 480px; }

.tech-data {
  margin-top: 48px; }
  .tech-data h2 {
    font-weight: bold;
    margin-bottom: 16px;
    font-size: 20px; }
  .tech-data ul {
    list-style: disc;
    margin: 16px 0 32px;
    padding-left: 16px;
    font-size: 15px; }

.guarantee {
  max-width: 19.125em;
  margin: 0 auto; }
  .guarantee__products {
    padding: 1em 0; }
  .guarantee__product {
    padding: 0.5em 0;
    text-align: center; }
  .guarantee-description {
    max-width: 30em;
    margin-left: auto;
    margin-right: auto;
    padding: 3em; }
    .guarantee-description__text {
      font-size: 1.25em;
      font-weight: 200; }
    .guarantee-description__link {
      margin-top: 1.5em; }

.icon-x-small svg {
  width: 12px;
  height: 12px; }

.icon-small svg {
  width: 16px;
  height: 16px; }

.icon-medium svg {
  width: 20px;
  height: 20px; }

.icon-large svg {
  width: 24px;
  height: 24px; }

.icon-white svg {
  fill: #FFFFFF; }

.icon-red svg {
  fill: #E53935; }

.icon-orange svg {
  fill: #FB8C00; }

.icon-amber svg {
  fill: #FFB300; }

.icon-green svg {
  fill: #43A047; }

.icon-blue svg {
  fill: #1E88E5; }

.icon-gray svg {
  fill: #757575; }

.icon-medium-gray svg {
  fill: #9E9E9E; }

.icon-light-gray svg {
  fill: #D8D8D5; }

.icon-srt {
  font-size: 0; }

.icon.inline {
  position: relative;
  top: 2px; }

.icon-large.inline {
  top: 6px; }

.icon.fs-0 {
  font-size: 0; }

.icon.right {
  margin-left: 8px; }

.icon.action {
  padding: 8px 0;
  cursor: pointer; }
  .icon.action:hover {
    -webkit-filter: brightness(110%);
            filter: brightness(110%); }
  .icon.action:active {
    -webkit-filter: brightness(50%);
            filter: brightness(50%); }

.job-wrap {
  font-size: 1em; }
  .job-wrap strong,
  .job-wrap b {
    font-weight: 700; }
  .job-wrap ul {
    list-style: disc;
    padding-left: 1em;
    margin-bottom: 1em; }
  .job-wrap h3 {
    font-weight: 500;
    font-size: 1.125em;
    margin-bottom: 0.4444444444em; }

.job-header__department {
  font-size: 0.875em;
  font-weight: 500; }

.job-header__title {
  font-size: 2em; }

.job-header__apply {
  margin: 1em 0; }

.lateral-link {
  height: 100%;
  margin-left: 1.5em;
  color: #9E9E9E;
  font-weight: 400; }
  .lateral-link:first-child {
    margin-left: 0; }
  .lateral-link:hover {
    color: #1D1B19; }
  .lateral-link--current, .lateral-link--current:hover {
    color: #1D1B19;
    font-weight: 500;
    border-top: 2px solid transparent;
    border-bottom: 2px solid #1D1B19; }

.list {
  list-style: disc;
  padding-left: 2em; }
  .list-item:not(:last-child) {
    margin-bottom: 0.5em; }
  .list-link {
    color: #383634;
    border-bottom: 2px solid #BDBDBD; }
    .list-link:hover {
      color: #1976D2;
      border-color: #64B5F6; }

.row-item {
  border-bottom: 1px solid #D8D8D5; }
  .row-item:first-child:not(.row-item--highlight) {
    border-top: 1px solid #D8D8D5; }
  .row-item--highlight {
    border-radius: 0.25em;
    border: none;
    background: #383634;
    color: #F8F8F8; }
  .row-item-wrap {
    font-size: 1em;
    padding: 0.75em 1em;
    display: flex;
    align-items: center;
    justify-content: space-between; }
  .row-item-link {
    color: #525252; }
    .row-item-link:hover {
      color: #1D1B19;
      background: #F8F8F8; }
    .row-item-link:active {
      color: #1D1B19;
      background: #EEEEEE; }
  .row-item-label {
    font-weight: 400;
    text-overflow: ellipsis;
    overflow: hidden; }
    .row-item-label--small {
      font-size: 0.875em;
      color: #9E9E9E; }
  .row-item-value {
    font-weight: 500;
    text-overflow: ellipsis;
    overflow: hidden; }
  .row-item--highlight .row-item-value {
    font-weight: 700; }

.property-list-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%; }
  .property-list-row:not(:first-child) {
    margin-top: 16px; }

.property-list-label {
  color: #9E9E9E;
  font-size: 0.75em;
  line-height: 1;
  font-weight: 500; }

.property-list-value {
  font-size: 1em;
  line-height: 1; }
  .property-list-value div + div {
    margin-top: 6px; }

.radio-list {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }
  .radio-list-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 18px 24px;
    cursor: pointer; }
    .radio-list-item:not(:first-child) {
      border-top: 1px solid #EEEEEE; }
    .radio-list-item-left {
      display: flex;
      justify-content: flex-start; }
    .radio-list-item.is-selected {
      background: #FFFFFF;
      cursor: default; }
    .radio-list-item:hover {
      background: #FFFFFF; }
    .radio-list-item:active:not(.is-selected) {
      background: #F8F8F8; }
    .radio-list-item-indicator {
      position: relative;
      font-size: 0;
      width: 24px;
      margin-right: 12px; }
      .radio-list-item-indicator-off {
        position: absolute;
        top: 0;
        left: 0;
        opacity: 1; }
      .radio-list-item-indicator-on {
        position: absolute;
        top: 0;
        left: 0;
        opacity: 0; }
    .radio-list-item.is-selected .radio-list-item-indicator-off {
      opacity: 0; }
    .radio-list-item.is-selected .radio-list-item-indicator-on {
      opacity: 1; }
    .radio-list-item-title {
      font-weight: 700;
      color: #9E9E9E; }
    .radio-list-item.is-selected .radio-list-item-title {
      color: #383634; }

.loading-icon--inline {
  display: inline-block; }

.loading-icon--x-small {
  height: 1.25em; }

.loading-icon--small {
  height: 1.5em; }

.loading-icon--medium {
  height: 1.75em; }

.loading-icon--large {
  height: 3em; }

.loading-icon svg {
  height: 100%;
  -webkit-animation: spin 1s steps(16) infinite;
          animation: spin 1s steps(16) infinite; }

.loading-icon--smooth svg {
  -webkit-animation: spin 1s steps(64) infinite;
          animation: spin 1s steps(64) infinite; }

.spinner {
  display: block;
  font-size: 0; }
  .spinner.is-hidden {
    display: none; }
  .spinner svg {
    -webkit-animation: spin 1s steps(64) infinite;
            animation: spin 1s steps(64) infinite; }

.market-category:not(:first-child) {
  margin-top: 24px;
  padding-top: 24px;
  border-top: 2px solid #dfdfdf; }

.market-category-title {
  display: flex;
  margin-bottom: 24px;
  justify-content: space-between; }
  .market-category-title-primary {
    font-size: 20px;
    font-weight: 700;
    color: #383634; }
  .market-category-title-button {
    position: relative;
    bottom: 2px; }
  .market-category-title-secondary {
    font-size: 16px;
    font-weight: 500;
    color: #BDBDBD; }

.market-menu {
  padding: 16px !important;
  overflow: hidden;
  background: rgba(248, 248, 248, 0.95);
  -webkit-backdrop-filter: blur(16px);
          backdrop-filter: blur(16px);
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
  border-top: 2px solid #525252; }
  .market-menu-category {
    display: block;
    font-weight: 700;
    font-size: 14px;
    color: #BDBDBD;
    line-height: 1;
    padding: 10px; }
    .market-menu-category:hover {
      color: #9E9E9E; }
    .market-menu-category:active {
      color: #525252; }
  .market-menu-item {
    font-size: 0; }
  .market-menu-product {
    display: block;
    font-size: 16px;
    line-height: 1.2;
    color: #525252;
    padding: 6px 10px;
    border-radius: 8px; }
    .market-menu-product:hover {
      color: #383634;
      background: #FFFFFF; }
    .market-menu-product:active {
      color: #1D1B19;
      background: #e4e4e4; }

.side-menu-wrap {
  width: 200px;
  position: absolute;
  top: 0;
  left: 0; }

.menu {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  margin-bottom: 48px; }
  .menu-title {
    font-weight: 700;
    font-size: 13px;
    margin-bottom: 8px;
    padding: 8px 8px 4px 8px;
    line-height: 1;
    color: #BDBDBD; }
  .menu-list-item:not(:first-child) {
    margin-top: 4px; }
  .menu-list-sep {
    display: block;
    margin: 8px;
    height: 2px;
    background: #D8D8D5;
    border-radius: 1px; }
  .menu-link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-weight: 400;
    padding: 0.375em 0.5em;
    color: #525252;
    border-radius: 0.25em;
    font-size: 15px; }
    .menu-link svg {
      fill: #525252; }
    .menu-link:hover {
      color: #1976D2;
      background: #F8F8F8; }
      .menu-link:hover svg {
        fill: #1976D2; }
    .menu-link:active:not(.is-active) {
      color: #0D47A1;
      background: #e6e6e6; }
      .menu-link:active:not(.is-active) svg {
        fill: #0D47A1; }
    .menu-link.is-active {
      color: #1976D2;
      background: #F8F8F8;
      font-weight: 700;
      cursor: default; }
      .menu-link.is-active svg {
        fill: #1976D2; }
    .menu-link .icon {
      display: inline-block;
      margin-left: 2px;
      margin-right: 6px;
      position: relative;
      top: 3px; }

.message {
  padding: 3em 1.5em;
  margin-left: auto;
  margin-right: auto;
  text-align: center; }
  .message-text--large {
    font-size: 1.75em;
    margin-bottom: 0.5714285714em; }
  .message-text--medium {
    font-size: 1.125em;
    margin-bottom: 0.8888888889em; }
  .message p {
    margin-bottom: 1.5em; }

.modal {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(29, 27, 25, 0.5);
  z-index: 800;
  pointer-events: auto; }
  .modal--hidden {
    opacity: 0;
    pointer-events: none; }
  .modal-box {
    position: relative;
    transition: all 0.2s cubic-bezier(0.17, 0.67, 0.19, 1.14);
    margin-left: 0 !important;
    margin-right: 0 !important; }
    .modal-box--opaque {
      background: #F8F8F8;
      border-radius: 0.25em; }
  .modal--hidden .modal-box {
    transform: scale(0);
    transition: all 0.2s cubic-bezier(0.96, 0.3, 0.83, 0.67); }
  .modal-close {
    position: absolute;
    top: 4px;
    right: 4px;
    color: #383634;
    background: #e9e9e9;
    font-size: 1.5em;
    width: 1.3333333333em;
    height: 1.3333333333em;
    line-height: 1.3333333333em;
    text-align: center;
    border-radius: 50%;
    cursor: pointer;
    box-shadow: 0 2px 0 #D8D8D5; }
    .modal-close:hover {
      color: #1D1B19;
      background: #EEEEEE; }
    .modal-close:active {
      background: #e4e4e4;
      box-shadow: 0 1px 0 #D8D8D5, inset 0 0 4px rgba(29, 27, 25, 0.05);
      top: 5px; }
  .modal-loading {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 48px; }

.notice {
  height: 3em; }
  .notice--success {
    color: #2E7D32;
    background: #E8F5E9;
    border-bottom: 1px solid #C8E6C9; }
  .notice--info {
    color: #F9A825;
    background: #FEF8EE;
    border-bottom: 1px solid #FFF9C4; }
  .notice--error {
    color: #C62828;
    background: #FFEBEE;
    border-bottom: 1px solid #FFCDD2; }
  .notice__text {
    margin-bottom: 0; }
    .notice__text strong {
      font-weight: 700; }
  .notice--success .notice__dismiss {
    display: inline-block;
    flex-shrink: 0;
    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    font-size: 1.25em;
    width: 1.2em;
    height: 1.2em;
    line-height: 1.2em;
    text-align: center;
    font-weight: 400;
    border-radius: 50%;
    color: #FFFFFF;
    background: #43A047; }
    .notice--success .notice__dismiss:hover {
      color: #FFFFFF;
      background: #4bb24f; }
    .notice--success .notice__dismiss:active {
      color: #FFFFFF;
      background: #388E3C; }
    .notice--success .notice__dismiss.is-disabled, .notice--success .notice__dismiss.is-disabled:hover {
      color: #FFFFFF;
      cursor: default;
      background: #D8D8D5; }
  .notice--info .notice__dismiss {
    display: inline-block;
    flex-shrink: 0;
    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    font-size: 1.25em;
    width: 1.2em;
    height: 1.2em;
    line-height: 1.2em;
    text-align: center;
    font-weight: 400;
    border-radius: 50%;
    color: #FFFFFF;
    background: #FDD835; }
    .notice--info .notice__dismiss:hover {
      color: #FFFFFF;
      background: #fddd4e; }
    .notice--info .notice__dismiss:active {
      color: #FFFFFF;
      background: #FBC02D; }
    .notice--info .notice__dismiss.is-disabled, .notice--info .notice__dismiss.is-disabled:hover {
      color: #FFFFFF;
      cursor: default;
      background: #D8D8D5; }
  .notice--error .notice__dismiss {
    display: inline-block;
    flex-shrink: 0;
    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    font-size: 1.25em;
    width: 1.2em;
    height: 1.2em;
    line-height: 1.2em;
    text-align: center;
    font-weight: 400;
    border-radius: 50%;
    color: #FFFFFF;
    background: #E53935; }
    .notice--error .notice__dismiss:hover {
      color: #FFFFFF;
      background: #e84f4c; }
    .notice--error .notice__dismiss:active {
      color: #FFFFFF;
      background: #D32F2F; }
    .notice--error .notice__dismiss.is-disabled, .notice--error .notice__dismiss.is-disabled:hover {
      color: #FFFFFF;
      cursor: default;
      background: #D8D8D5; }

.option-group-title {
  display: block;
  font-size: 0.875em;
  line-height: 1;
  font-weight: 500; }

.option-group-list {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  margin: 0 0 0 -0.75em; }

.option-group-list--full .option-group-item {
  flex: 0 0 100%; }

.option-group-list--halves .option-group-item {
  flex: 0 0 50%; }

.option-group-list--thirds .option-group-item {
  flex: 0 0 33.33%; }

.option-group__list--fifths .option-group__item {
  width: 20%; }

.option-group-item {
  display: flex;
  flex: 1;
  padding: 0.75em 0 0 0.75em; }
  .option-group-item:first-child {
    margin-left: 0; }

.order-form-navigate-step {
  text-align: center;
  padding: 0.5625em 1.125em;
  color: #1E88E5;
  background: #F8F8F8;
  border-radius: 0.375em;
  cursor: default;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer; }
  .order-form-navigate-step:hover {
    background: #FFFFFF; }
  .order-form-navigate-step:active {
    background: #EEEEEE; }
  .order-form-navigate-step:not(:first-child) {
    margin-left: 2.25em; }
  .is-active.order-form-navigate-step {
    color: #EEEEEE;
    background: #1E88E5;
    cursor: default; }
  .is-empty.order-form-navigate-step {
    opacity: 0; }
  .is-disabled.order-form-navigate-step, .is-disabled.order-form-navigate-step:hover, .is-disabled.order-form-navigate-step:active {
    background: #F8F8F8;
    color: #D8D8D5;
    cursor: default; }
  .order-form-navigate-step svg {
    display: block;
    fill: #1E88E5; }

.order-form-navigate-step-title {
  font-weight: 700; }

.order-form-navigate-step-label {
  font-weight: 400; }

.order-form {
  margin: 0 auto;
  color: #383634;
  background: #EEEEEE;
  position: relative; }
  .order-form-header {
    max-width: 88em;
    margin: 0 auto; }
    .order-form-header-content {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 2.25em;
      border-radius: 0.375em; }
    .order-form-header-title {
      display: flex;
      align-items: center; }
      .order-form-header-title-number {
        font-size: 2em;
        font-weight: 500; }
      .order-form-header-title-status {
        margin-left: 1em;
        position: relative;
        bottom: 0.1875em; }
    .order-form-header-order-type {
      color: #D8D8D5;
      font-weight: 500; }
    .order-form-header-description {
      color: #9E9E9E; }
    .order-form-header-actions {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 1.125em 2.25em;
      background: #F8F8F8;
      border-bottom-left-radius: 0.375em;
      border-bottom-right-radius: 0.375em; }
  .order-form-navigate {
    margin-top: 2.25em; }
    .order-form-navigate-inner {
      display: flex;
      align-items: center;
      justify-content: space-between;
      max-width: 88em;
      margin: 0 auto; }
    .order-form-navigate-progress {
      display: flex;
      align-items: center;
      justify-content: center; }
    .order-form-navigate-step {
      display: flex;
      align-items: center; }
      .order-form-navigate-step.has-substeps {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0; }
      .order-form-navigate-step-icon--h svg {
        width: 1em; }
      .order-form-navigate-step-icon--v svg {
        height: 1em; }
      .order-form-navigate-step-icon:not(:first-child) {
        margin-left: 1.125em; }
      .order-form-navigate-step-icon:not(:last-child) {
        margin-right: 1.125em; }
    .order-form-navigate-substep {
      margin-left: 0.125em !important;
      border-top-left-radius: 0;
      border-bottom-left-radius: 0;
      position: relative;
      display: none; }
      .order-form-navigate-substep-list {
        display: none;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        background: #F8F8F8;
        color: #1D1B19;
        z-index: 600;
        border-top-left-radius: 0;
        border-top-right-radius: 0; }
    .order-form-navigate-back .order-form-navigate-step-text {
      text-align: left; }
    .order-form-navigate-next .order-form-navigate-step-text {
      text-align: right; }
  .order-form-details {
    display: flex; }
    .order-form-details-column {
      padding: 2.25em; }
      .order-form-details-column.width-sm {
        flex: 0 0 25%; }
      .order-form-details-column.width-lg {
        flex: 0 0 37.5%; }
      .order-form-details-column:not(:first-child) {
        border-left: 1px solid #EEEEEE; }
      .order-form-details-column-header {
        width: 100%; }
    .order-form-details label {
      display: block;
      margin-top: 0.5em; }
      .order-form-details label input {
        width: 100%; }
    .order-form-details-field-group:not(:first-child) {
      margin-top: 2.25em; }
  .order-form-category {
    margin: 2.25em auto 0; }
    .order-form-category-products {
      max-width: 88em;
      margin: 0 auto;
      padding-bottom: 2.25em; }
      .order-form-category-products-loading {
        display: flex;
        justify-content: center; }
    .order-form-category-summary {
      padding: 1.125em 0; }
    .order-form-category-navigation {
      display: flex;
      align-items: center;
      justify-content: space-between;
      margin: 0 auto 2.25em;
      max-width: 88em; }
      .order-form-category-navigation-step {
        font-size: 0.875em;
        padding: 0.5em 0.75em;
        text-align: center;
        font-weight: 500;
        background: #F8F8F8 !important;
        -webkit-user-select: none;
           -moz-user-select: none;
            -ms-user-select: none;
                user-select: none;
        flex-grow: 1;
        min-height: 56px;
        display: flex;
        flex-direction: column;
        justify-content: center; }
        .order-form-category-navigation-step:not(:first-child) {
          margin-left: 0.5625em; }
        .order-form-category-navigation-step {
          cursor: pointer; }
          .order-form-category-navigation-step :hover {
            color: #1E88E5;
            background: #FFFFFF !important; }
          .order-form-category-navigation-step :active {
            background: #EEEEEE !important; }
        .order-form-category-navigation-step.is-disabled {
          color: #BDBDBD;
          cursor: default; }
        .order-form-category-navigation-step.is-current {
          cursor: default;
          color: #FCFCFC;
          background: #1E88E5 !important; }
  .order-form-product {
    margin-bottom: 2.25em; }
    .order-form-product-group {
      margin-bottom: 2.25em; }
      .order-form-product-group-header {
        position: relative;
        padding: 2.25em;
        text-align: center;
        background: #1D1B19;
        color: #FFFFFF;
        border-radius: 0.375em; }
      .order-form-product-group-logo {
        display: inline-block;
        margin: 0 auto 0.75em auto; }
      .order-form-product-group-tagline {
        font-size: 1.5em; }
      .order-form-product-group-description {
        margin-top: 0.75em;
        color: #D8D8D5 !important; }
      .order-form-product-group-new {
        position: absolute;
        top: 2.25em;
        right: 2.25em; }
    .order-form-product-header {
      display: flex;
      justify-content: space-between;
      padding: 0 2.25em; }
    .order-form-product-logo {
      margin-bottom: 0.5em; }
    .order-form-product-tagline {
      font-size: 1.125em; }
    .order-form-product-info {
      display: flex;
      align-items: center;
      flex-grow: 1;
      justify-content: space-between; }
      .order-form-product-info-left {
        display: flex;
        align-items: center; }
      .order-form-product-info-right {
        text-align: right;
        margin-left: auto;
        padding: 0 1.5em; }
      .order-form-product-info-totals {
        display: flex;
        flex-direction: column;
        justify-content: center;
        text-align: right;
        background: #FCFCFC;
        height: 100%;
        border-left: 1px solid #EEEEEE;
        padding: 0.75em 1.5em;
        font-size: 0.875em;
        border-top-right-radius: 0.375em; }
    .order-form-product-thumb {
      width: 10em;
      height: 10em;
      margin-top: 1.125em;
      margin-right: 2.25em; }
    .order-form-product-name {
      font-size: 1.25em;
      font-weight: 700; }
    .order-form-product-total {
      margin-top: 0.25em; }
  .order-form-table {
    width: 100%;
    min-width: 75em;
    color: #383634; }
    .order-form-table-wrap {
      overflow-x: scroll; }
    .order-form-table th {
      font-weight: 700;
      padding-top: 0.75em;
      padding-bottom: 0.75em; }
    .order-form-table tbody tr {
      border-top: 1px solid #EEEEEE; }
    .order-form-table tr.shaded td, .order-form-table tr.shaded th {
      background: #F8F8F8 !important; }
    .order-form-table-header tr {
      border-top: 1px solid #EEEEEE; }
      .order-form-table-header tr:last-child {
        border-bottom: 2px solid #D8D8D5; }
    .order-form-table-header-label {
      border-bottom: 2px solid #1E88E5;
      color: #1E88E5; }
    .order-form-table-footer tr {
      border-top: 1px solid #EEEEEE; }
      .order-form-table-footer tr:first-child {
        border-top: 2px solid #D8D8D5; }
    .order-form-table-expandable {
      border-bottom: 2px solid #D8D8D5; }
      .order-form-table-expandable-header.is-expanded {
        border-top: 2px solid #D8D8D5;
        color: #1976D2; }
        .order-form-table-expandable-header.is-expanded svg {
          transform: rotate(180deg); }
    .order-form-table-link {
      cursor: pointer;
      -webkit-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none; }
      .order-form-table-link:hover {
        color: #1976D2;
        background: #FCFCFC; }
        .order-form-table-link:hover svg {
          -webkit-filter: saturate(1);
                  filter: saturate(1); }
      .order-form-table-link:active {
        background: #f4f4f4; }
      .order-form-table-link--highlight {
        color: #1E88E5; }
    .order-form-table-column {
      font-size: 0.875em;
      vertical-align: middle;
      padding: 0.25em; }
      .order-form-table-column:first-child {
        padding-left: 1.7142857143em; }
      .order-form-table-column:last-child {
        padding-right: 1.7142857143em; }
      .order-form-table-column.is-disabled {
        color: #D8D8D5; }
      .order-form-table-column-actions {
        width: 4.5714285714em; }
    .order-form-table-actions {
      display: flex;
      align-items: center;
      justify-content: flex-end; }
    .order-form-table-expand {
      font-size: 0; }
      .order-form-table-expand:not(:first-child) {
        margin-left: 24px; }
      .order-form-table-expand svg {
        width: 16px;
        height: 16px;
        fill: #1976D2;
        -webkit-filter: saturate(0);
                filter: saturate(0);
        transform: rotate(0deg); }
  .order-form-no-variations {
    padding: 4.5em;
    background: #F8F8F8;
    text-align: center;
    font-weight: 500;
    color: #9E9E9E;
    border-bottom-left-radius: 0.375em;
    border-bottom-right-radius: 0.375em;
    border-top: 1px solid #EEEEEE; }
  .order-form-variations {
    width: 100%;
    background: #FFFFFF;
    border-bottom-left-radius: 0.375em;
    border-bottom-right-radius: 0.375em;
    position: relative; }
    .order-form-variations-wrap {
      width: 100%; }
  .order-form-variation {
    cursor: default;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none; }
    .order-form-variation:last-child td:first-child {
      border-bottom-left-radius: 0.375em; }
    .order-form-variation:last-child td:last-child {
      border-bottom-right-radius: 0.375em; }
    .order-form-variation-thumb {
      display: block;
      width: 2.8571428571em;
      height: 2.8571428571em;
      border-radius: 0.2857142857em; }
      .order-form-variation-thumb-wrap {
        display: flex;
        align-items: center;
        justify-content: flex-start; }
    .order-form-variation:not(.highlight):hover {
      background: #F8F8F8; }
  .order-form-qty-input {
    width: 5.1428571429em;
    text-align: right;
    margin: 0 auto !important; }
    .order-form-qty-input--placeholder {
      height: 2em;
      background: #ebebeb;
      border-radius: 0.2857142857em; }
  .order-form-label {
    color: #9E9E9E; }
  .order-form-value {
    font-weight: 700; }
  .order-form-learn-more {
    color: #1E88E5;
    transition: none;
    font-size: 0.875em;
    margin-top: 0.5714285714em; }
    .order-form-learn-more-icon svg {
      height: 1em;
      margin-left: 0.1428571429em;
      fill: #1E88E5;
      position: relative;
      top: 0.1428571429em; }
    .order-form-learn-more:hover {
      color: #42A5F5; }
    .order-form-learn-more:hover .order-form-learn-more-icon svg {
      fill: #42A5F5; }
    .order-form-learn-more:active {
      color: #1565C0; }
    .order-form-learn-more:active .order-form-learn-more-icon svg {
      fill: #1565C0; }
  .order-form-panel {
    margin-top: 2.25em;
    max-width: 88em; }
  .order-form-flag-legend {
    padding: 0 2.25em;
    margin: 3.75em auto;
    max-width: 92.5em; }
  .order-form-flag-tile {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 0.25em;
    padding: 0.75em;
    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none; }
    .order-form-flag-tile:not(:first-child) {
      margin-top: 0.75em; }
  .order-form-flag-icon {
    margin-right: 0.75em; }
  .order-form-flag-details {
    flex-grow: 1; }
  .order-form-flag-label {
    font-size: 1em;
    font-weight: 700; }
  .order-form-flag-description {
    font-weight: 400;
    font-size: 0.875em; }
  .order-form-flag-action {
    opacity: 0;
    margin-left: 0.75em; }
  .order-form-flag-tile:hover .order-form-flag-action {
    opacity: 1; }
  .order-form-orders {
    max-width: 57.5em;
    margin: 3em auto; }
    .order-form-orders-title {
      font-size: 1.25em;
      font-weight: 500;
      text-align: center; }
  .order-form-footer {
    padding-bottom: 7.5em; }

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

.highlight svg {
  width: 20px;
  height: 20px; }

.highlight--amber {
  background: rgba(254, 248, 238, 0.6); }
  .highlight--amber .text {
    color: #ef9607; }
  .highlight--amber:hover {
    background: #fdf4e4; }
  .highlight--amber svg {
    fill: #ef9607; }
  .highlight--amber.is-active {
    background: #ef9607;
    color: #fdf4e4; }
    .highlight--amber.is-active svg {
      fill: #fdf4e4; }

.highlight--green {
  background: rgba(232, 245, 233, 0.4);
  color: #2E7D32; }
  .highlight--green:hover {
    background: #e8f5e9; }
  .highlight--green svg {
    fill: #2E7D32; }
  .highlight--green.is-active {
    background: #2E7D32;
    color: #e8f5e9; }
    .highlight--green.is-active svg {
      fill: #e8f5e9; }

.highlight--red {
  background: rgba(255, 235, 238, 0.4);
  color: #C62828; }
  .highlight--red:hover {
    background: #ffebee; }
  .highlight--red svg {
    fill: #C62828; }
  .highlight--red.is-active {
    background: #C62828;
    color: #ffebee; }
    .highlight--red.is-active svg {
      fill: #ffebee; }

.highlight--blue {
  background: rgba(227, 242, 253, 0.4);
  color: #1565C0; }
  .highlight--blue:hover {
    background: #e3f2fd; }
  .highlight--blue svg {
    fill: #1565C0; }
  .highlight--blue.is-active {
    background: #1565C0;
    color: #e3f2fd; }
    .highlight--blue.is-active svg {
      fill: #e3f2fd; }

.variation-detail {
  display: flex;
  align-items: center; }
  .variation-detail .color-swatch {
    margin-bottom: 0; }
  .variation-detail-item, .variation-detail-color {
    font-size: 0; }
  .variation-detail-text {
    white-space: nowrap; }
  .variation-detail-sep {
    font-weight: 700;
    margin: 0 0.5em; }
  .variation-detail .color-swatch {
    font-size: 16px; }

.rounded-bottom tr:first-child, .rounded-bottom th:first-child {
  border-bottom-left-radius: 0.375em; }

.rounded-bottom tr:last-child, .rounded-bottom th:last-child {
  border-bottom-right-radius: 0.375em; }

.page-header {
  height: 3em;
  background: #EEEEEE; }

.user-header {
  border-bottom: none;
  white-space: nowrap; }
  .user-header--generic {
    background: #383634;
    color: #F8F8F8; }
  a > .user-header--generic:hover {
    background: #525252; }
  .user-header-name {
    font-weight: 700; }
  .user-header-value {
    font-weight: 500; }
  .user-header-label {
    opacity: 0.6; }
  .user-header-logo {
    height: 2em;
    width: auto; }
    .user-header-logo-wrap {
      background: #F8F8F8;
      display: flex;
      align-items: center;
      padding: 0.25em 0.375em;
      border-radius: 0.25em; }
      .user-header-logo-wrap svg {
        height: 2em;
        width: auto;
        fill: #1D1B19; }

.page-sibling {
  font-size: 14px;
  color: #9E9E9E;
  font-weight: 500; }
  .page-sibling:hover {
    color: #1D1B19; }
  .page-sibling:not(:first-child) {
    margin-left: 16px; }
  .page-sibling--current {
    cursor: default;
    color: #1D1B19;
    font-weight: 700; }

.dropdown-list, .order-form-navigate-step, .modal-loading, .panel, .order-form-header, .order-form-navigate-substep-list, .order-form-category-navigation-step, .order-form-product, .order-form-product-group, .order-form-panel, .site-message, .product-family-sibling, .ustring-card, .pocket-tile {
  border-radius: 0.375em;
  box-shadow: 0 7px 14px 0 rgba(50, 50, 93, 0.1), 0 3px 6px 0 rgba(0, 0, 0, 0.07); }

.modal-loading, .panel, .order-form-header, .order-form-navigate-substep-list, .order-form-category-navigation-step, .order-form-product, .order-form-product-group, .order-form-panel, .site-message, .product-family-sibling, .ustring-card, .pocket-tile {
  background: #FFFFFF;
  position: relative; }

.panel, .order-form-header, .order-form-navigate-substep-list, .order-form-category-navigation-step, .order-form-product, .order-form-product-group, .order-form-panel {
  margin-left: auto;
  margin-right: auto; }
  .panel--small {
    max-width: 30em; }
  .panel h3, .order-form-header h3, .order-form-navigate-substep-list h3, .order-form-category-navigation-step h3, .order-form-product h3, .order-form-product-group h3, .order-form-panel h3 {
    text-align: center;
    font-weight: 700;
    font-size: 18px; }
  .panel.is-blurred, .is-blurred.order-form-header, .is-blurred.order-form-navigate-substep-list, .is-blurred.order-form-category-navigation-step, .is-blurred.order-form-product, .is-blurred.order-form-product-group, .is-blurred.order-form-panel {
    -webkit-filter: blur(6px);
            filter: blur(6px); }
  .panel + .panel:not(.margin-top--none):not(.order-form-category-navigation-step), .order-form-header + .panel:not(.margin-top--none):not(.order-form-category-navigation-step), .order-form-navigate-substep-list + .panel:not(.margin-top--none):not(.order-form-category-navigation-step), .order-form-category-navigation-step + .panel:not(.margin-top--none):not(.order-form-category-navigation-step), .order-form-product + .panel:not(.margin-top--none):not(.order-form-category-navigation-step), .order-form-product-group + .panel:not(.margin-top--none):not(.order-form-category-navigation-step), .order-form-panel + .panel:not(.margin-top--none):not(.order-form-category-navigation-step), .panel + .order-form-header:not(.margin-top--none):not(.order-form-category-navigation-step), .order-form-header + .order-form-header:not(.margin-top--none):not(.order-form-category-navigation-step), .order-form-navigate-substep-list + .order-form-header:not(.margin-top--none):not(.order-form-category-navigation-step), .order-form-category-navigation-step + .order-form-header:not(.margin-top--none):not(.order-form-category-navigation-step), .order-form-product + .order-form-header:not(.margin-top--none):not(.order-form-category-navigation-step), .order-form-product-group + .order-form-header:not(.margin-top--none):not(.order-form-category-navigation-step), .order-form-panel + .order-form-header:not(.margin-top--none):not(.order-form-category-navigation-step), .panel + .order-form-navigate-substep-list:not(.margin-top--none):not(.order-form-category-navigation-step), .order-form-header + .order-form-navigate-substep-list:not(.margin-top--none):not(.order-form-category-navigation-step), .order-form-navigate-substep-list + .order-form-navigate-substep-list:not(.margin-top--none):not(.order-form-category-navigation-step), .order-form-category-navigation-step + .order-form-navigate-substep-list:not(.margin-top--none):not(.order-form-category-navigation-step), .order-form-product + .order-form-navigate-substep-list:not(.margin-top--none):not(.order-form-category-navigation-step), .order-form-product-group + .order-form-navigate-substep-list:not(.margin-top--none):not(.order-form-category-navigation-step), .order-form-panel + .order-form-navigate-substep-list:not(.margin-top--none):not(.order-form-category-navigation-step), .panel + .order-form-category-navigation-step:not(.margin-top--none):not(.order-form-category-navigation-step), .order-form-header + .order-form-category-navigation-step:not(.margin-top--none):not(.order-form-category-navigation-step), .order-form-navigate-substep-list + .order-form-category-navigation-step:not(.margin-top--none):not(.order-form-category-navigation-step), .order-form-category-navigation-step + .order-form-category-navigation-step:not(.margin-top--none):not(.order-form-category-navigation-step), .order-form-product + .order-form-category-navigation-step:not(.margin-top--none):not(.order-form-category-navigation-step), .order-form-product-group + .order-form-category-navigation-step:not(.margin-top--none):not(.order-form-category-navigation-step), .order-form-panel + .order-form-category-navigation-step:not(.margin-top--none):not(.order-form-category-navigation-step), .panel + .order-form-product:not(.margin-top--none):not(.order-form-category-navigation-step), .order-form-header + .order-form-product:not(.margin-top--none):not(.order-form-category-navigation-step), .order-form-navigate-substep-list + .order-form-product:not(.margin-top--none):not(.order-form-category-navigation-step), .order-form-category-navigation-step + .order-form-product:not(.margin-top--none):not(.order-form-category-navigation-step), .order-form-product + .order-form-product:not(.margin-top--none):not(.order-form-category-navigation-step), .order-form-product-group + .order-form-product:not(.margin-top--none):not(.order-form-category-navigation-step), .order-form-panel + .order-form-product:not(.margin-top--none):not(.order-form-category-navigation-step), .panel + .order-form-product-group:not(.margin-top--none):not(.order-form-category-navigation-step), .order-form-header + .order-form-product-group:not(.margin-top--none):not(.order-form-category-navigation-step), .order-form-navigate-substep-list + .order-form-product-group:not(.margin-top--none):not(.order-form-category-navigation-step), .order-form-category-navigation-step + .order-form-product-group:not(.margin-top--none):not(.order-form-category-navigation-step), .order-form-product + .order-form-product-group:not(.margin-top--none):not(.order-form-category-navigation-step), .order-form-product-group + .order-form-product-group:not(.margin-top--none):not(.order-form-category-navigation-step), .order-form-panel + .order-form-product-group:not(.margin-top--none):not(.order-form-category-navigation-step), .panel + .order-form-panel:not(.margin-top--none):not(.order-form-category-navigation-step), .order-form-header + .order-form-panel:not(.margin-top--none):not(.order-form-category-navigation-step), .order-form-navigate-substep-list + .order-form-panel:not(.margin-top--none):not(.order-form-category-navigation-step), .order-form-category-navigation-step + .order-form-panel:not(.margin-top--none):not(.order-form-category-navigation-step), .order-form-product + .order-form-panel:not(.margin-top--none):not(.order-form-category-navigation-step), .order-form-product-group + .order-form-panel:not(.margin-top--none):not(.order-form-category-navigation-step), .order-form-panel + .order-form-panel:not(.margin-top--none):not(.order-form-category-navigation-step) {
    margin-top: 2.25em; }
  .panel-header {
    padding: 1.125em 1.5em;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #FFFFFF;
    border-top-left-radius: 0.375em;
    border-top-right-radius: 0.375em;
    border-bottom: 2px solid #EEEEEE; }
    .panel-header--no-padding {
      padding: 0; }
  .panel-title {
    font-size: 18px;
    font-weight: 500;
    color: #383634; }
  .panel-subtitle {
    color: #AAA; }
  .panel-actions .button + .button, .panel-actions .warranty-button + .button, .panel-actions .button + .warranty-button, .panel-actions .warranty-button + .warranty-button {
    margin-left: 18px; }
  .panel-actions-message {
    display: inline-block;
    margin-right: 24px;
    color: #757575;
    font-weight: 500;
    font-size: 14px; }
  .panel-footer {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding: 1.125em 1.5em;
    background: #F8F8F8;
    border-bottom-left-radius: 0.375em;
    border-bottom-right-radius: 0.375em; }
    .panel-footer--actions {
      border-top: 2px solid #EEEEEE; }
      .panel-footer--actions .button + .button, .panel-footer--actions .warranty-button + .button, .panel-footer--actions .button + .warranty-button, .panel-footer--actions .warranty-button + .warranty-button {
        margin-left: 1.5em; }
    .panel-footer .button + .button, .panel-footer .warranty-button + .button, .panel-footer .button + .warranty-button, .panel-footer .warranty-button + .warranty-button {
      margin-left: 18px; }
  .panel-content {
    padding: 1.5em;
    overflow-x: scroll; }
    .panel-content:first-child {
      border-top-left-radius: 0.375em;
      border-top-right-radius: 0.375em; }
    .panel-content:last-child {
      border-bottom-left-radius: 0.375em;
      border-bottom-right-radius: 0.375em; }
    .panel-content-none {
      text-align: center;
      padding: 1.5em;
      color: #9E9E9E;
      font-weight: 500; }
    .panel-content-title {
      font-weight: 700;
      margin-bottom: 0.5em; }
    .panel-content-description {
      font-size: 0.875em; }
    .panel-content--no-padding, .panel-content.no-padding {
      padding: 0; }
    .panel-content--bg, .panel-content.bg {
      background: #F8F8F8; }
    .panel-content--red {
      background: #FFEBEE;
      color: #C62828;
      border-radius: 0.375em; }
      .panel-content--red a {
        color: #C62828;
        font-weight: 700; }
        .panel-content--red a:hover {
          color: #D32F2F; }
  .panel-list-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    background: #F8F8F8; }
    .panel-list-item:not(:first-child) {
      border-top: 1px solid #EEEEEE; }
    .panel-list-item:last-child {
      border-bottom-left-radius: 0.375em;
      border-bottom-right-radius: 0.375em; }
    .panel-list-item-inner {
      padding: 1em 1.5em;
      flex-grow: 1;
      display: flex;
      align-items: center;
      justify-content: space-between; }
    .panel-list-item-link {
      cursor: pointer; }
      .panel-list-item-link:hover {
        color: #1E88E5;
        background: #FCFCFC; }
      .panel-list-item-link:active {
        background: #EEEEEE; }
    .panel-list-item-type, .panel-list-item-description {
      color: #BDBDBD;
      font-weight: 500;
      font-size: 0.75em; }
    .panel-list-item-title {
      font-size: 1.25em;
      font-weight: 500; }
    .panel-list-item-actions {
      display: flex;
      align-items: center;
      padding: 0 1.5em;
      border-left: 1px solid #EEEEEE;
      align-self: stretch; }
  .panel-note {
    font-size: 0.875em;
    color: #9E9E9E; }
    .panel-note .dark {
      color: #525252; }
  .panel p, .order-form-header p, .order-form-navigate-substep-list p, .order-form-category-navigation-step p, .order-form-product p, .order-form-product-group p, .order-form-panel p {
    color: #383634; }
  .panel-error {
    margin-top: 1.5em;
    background: #FFEBEE;
    color: #D32F2F;
    border-radius: 0.375em;
    padding: 0.5em 0.75em; }
    .panel-error-note {
      color: #D32F2F !important;
      font-size: 14px;
      border-top: 1px solid #EF9A9A;
      padding-top: 8px;
      margin-top: 8px; }
  .panel-content.no-padding .panel-error {
    border-radius: 0;
    padding: 18px 24px; }
  .panel-loading {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 600;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, 0.9);
    border-radius: 0.375em;
    opacity: 0;
    pointer-events: none; }
    .panel-loading.is-loading {
      pointer-events: all;
      opacity: 1; }
    .panel-loading-inner {
      text-align: center; }
    .panel-loading-icon svg {
      height: 32px;
      width: 32px; }
    .panel-loading-icon--spinner svg {
      fill: #1D1B19; }
    .panel-loading-icon--check svg {
      fill: #43A047; }
    .panel-loading-message {
      font-size: 1.25em;
      font-weight: 500;
      margin-top: 1em;
      color: #1D1B19; }

.pricing .line {
  display: flex;
  justify-content: space-between;
  padding: 2px 4px; }
  .pricing .line-link {
    margin-left: 8px;
    padding: 2px; }
    .pricing .line-link:hover {
      -webkit-filter: brightness(50%);
              filter: brightness(50%); }

.pricing-category-group + .pricing-category-group {
  margin-top: 48px; }

.pricing-category-group > .line {
  font-weight: 700;
  border-bottom: 2px solid #dfdfdf;
  margin-bottom: 8px;
  padding-bottom: 8px;
  font-size: 14px; }
  .pricing-category-group > .line .discount {
    color: #BDBDBD; }

.pricing-category {
  border-bottom: 1px solid #D8D8D5;
  margin-bottom: 4px;
  padding-bottom: 4px; }
  .pricing-category > .line {
    font-weight: 500; }

.pricing-product {
  padding-left: 12px;
  font-size: 14px; }

.pricing-sku {
  padding-left: 12px;
  color: #9E9E9E; }

.section {
  width: 100%;
  height: 100%;
  overflow: hidden;
  display: block; }
  .section--height-auto {
    height: auto; }
  .section--height-x-short {
    height: 20em; }
  .section--height-short {
    height: 24em; }
  .section--height-standard {
    height: 32em; }
  .section--height-tall {
    height: 40em; }
  .section--height-x-tall {
    height: 48em; }
  .section--width-half {
    float: left;
    width: 50%; }
  .section-wrap {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    height: 100%; }
  .section-flag {
    position: absolute;
    top: 1.5em;
    left: 1.5em;
    z-index: 700;
    color: #FFFFFF;
    background: #1E88E5;
    border: 2px solid #FFFFFF;
    border-radius: 0.25em;
    padding: 0.25em 0.5em 0.1875em;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.1em; }
  .section-image {
    width: auto;
    height: 100%; }
    .section-image-outer-wrap {
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0; }
    .section-image-wrap {
      position: absolute;
      width: auto; }
  .section-content {
    width: 100%;
    height: 100%;
    display: flex;
    padding: 3em 8%; }
  .section--link .section-content {
    pointer-events: none; }
  .section-details {
    display: flex;
    align-items: center;
    position: relative;
    z-index: 600;
    flex: auto; }
    .section-details-wrap {
      flex: 1 0 auto;
      width: 100%;
      max-width: 40em;
      padding: 1em; }
    .section-details--dark {
      color: #383634; }
    .section-details--light {
      color: #FCFCFC; }
    .section-details--left {
      margin-right: 50%;
      padding-right: 8%; }
    .section-details--center {
      margin-left: auto;
      margin-right: auto; }
    .section-details--right {
      margin-left: 50%;
      padding-left: 8%; }
    .section-details--top {
      align-self: flex-start;
      align-items: flex-start; }
    .section-details--bottom {
      align-self: flex-end;
      align-items: flex-end; }
  .section-logo {
    font-size: 32px;
    font-weight: 700;
    margin: 0 auto;
    display: flex;
    margin-bottom: 20px; }
    .section-logo.text {
      max-width: 220px; }
    .align-left .section-logo {
      justify-content: flex-start; }
    .align-center .section-logo {
      justify-content: center; }
    .align-right .section-logo {
      justify-content: flex-end; }
  .section-title {
    font-size: 32px;
    line-height: 1.2;
    letter-spacing: -0.02em;
    font-weight: 400; }
  .section-category {
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 4px; }
  .section-logo + .section-title {
    font-size: 24px; }
  .section-text {
    font-size: 1.125em; }
  .section-title + .section-text {
    margin-top: 0.6666666667em; }
  .section-price + .section-text {
    margin-top: 0.4444444444em; }
  .section-price {
    font-size: 1.125em; }
  .section-title + .section-price {
    margin-top: 0.4444444444em; }
  .section-link {
    display: inline-block;
    pointer-events: all; }
    .section-link-wrap {
      margin-top: 1em; }
    .section-link:not(:last-child) {
      margin-right: 0.75em; }
  .section-list {
    text-align: left;
    font-size: 1.125em;
    display: inline-block; }
    .section-list-header {
      font-weight: bold; }
    .section-list-list {
      margin-top: 0.4444444444em; }
      .section-list-list-ul {
        list-style: disc; }
      .section-list-list-ol {
        list-style: decimal; }

.section-x {
  position: relative;
  height: 20em; }
  .section-x--border {
    border-top: 1px solid #EEEEEE;
    margin-bottom: 1px; }
  .section-x--product-banner {
    height: 40em;
    border-bottom: 1px solid #EEEEEE; }
    .section-x--product-banner:last-of-type {
      border-bottom: none; }
  .section-x__image {
    position: absolute;
    width: auto;
    background-repeat: no-repeat;
    background-size: auto 100%; }
    .section-x__image--top, .section-x__image--bottom, .section-x__image--full {
      background-position-x: center;
      left: 0;
      right: 0; }
    .section-x__image--left, .section-x__image--right, .section-x__image--left-center, .section-x__image--right-center {
      height: 100%;
      top: 0;
      bottom: 0; }
    .section-x__image--bottom {
      height: 50%;
      top: 50%;
      bottom: 0; }
    .section-x__image--full {
      height: 100%;
      top: 0;
      bottom: 0; }
    .section-x__image--top {
      height: 50%;
      top: 0;
      bottom: 50%; }
    .section-x__image--left {
      left: 0;
      right: 50%;
      background-position-x: right; }
    .section-x__image--left-center {
      left: 0;
      right: 40%;
      background-position-x: right; }
    .section-x__image--right {
      left: 50%;
      right: 0;
      background-position-x: left; }
    .section-x__image--right-center {
      left: 40%;
      right: 0;
      background-position-x: left; }
  .section-x__content {
    width: 100%;
    height: 100%;
    display: flex; }

.description {
  position: relative;
  z-index: 500;
  flex: auto;
  display: flex;
  align-items: center; }
  .description--top {
    height: 50%;
    align-self: flex-start;
    text-align: center; }
  .description--top-center {
    height: 50%;
    align-self: flex-start;
    text-align: center;
    margin-top: 15%; }
  .description--top-left {
    height: 50%;
    align-self: flex-start;
    margin-right: 50%;
    text-align: left; }
  .description--top-right {
    height: 50%;
    align-self: flex-start;
    margin-left: 50%;
    text-align: left; }
  .description--left {
    margin-right: 50%; }
  .description--right {
    margin-left: 50%; }
  .description--bottom {
    height: 50%;
    align-self: flex-end;
    text-align: center; }
  .description--center {
    text-align: center; }
  .description--dark {
    color: #383634; }
  .description--light {
    color: #D8D8D5; }
  .description--white {
    color: #FFFFFF; }
  .description__wrap {
    width: 100%;
    max-width: 30em;
    margin-left: auto;
    margin-right: auto;
    padding: 3em; }
  .description--top .description__wrap,
  .description--bottom .description__wrap,
  .description--center .description__wrap {
    max-width: 45em; }
  .description__headline {
    font-size: 2.25em;
    line-height: 1.2;
    letter-spacing: -0.02em;
    font-weight: 200; }
  .description__price {
    font-size: 1.25em; }
  .description__text {
    margin-top: 0.5em; }
    .description__text > p {
      font-size: 1.25em; }
  .description__link {
    margin-top: 0.75em; }
    .description__link--inline {
      display: inline-block; }
      .description__link--inline:not(:last-child) {
        margin-right: 0.75em; }
  .description__note {
    margin-top: 0.8571428571em;
    font-size: 0.875em;
    color: #9E9E9E; }

.category-header {
  border-bottom: 2px solid #dfdfdf;
  padding: 20px;
  background: #EEEEEE; }
  .category-header h1 {
    font-size: 20px;
    font-weight: 700;
    text-align: center;
    line-height: 1; }

.segmented-control {
  display: flex;
  height: 32px;
  border-radius: 6px;
  background: #FCFCFC; }
  .segmented-control--full {
    width: 100%; }
  .segmented-control.tall {
    height: 56px; }
  .segmented-control-label {
    flex-shrink: 0;
    flex-grow: 1;
    height: 32px;
    line-height: 34px;
    padding: 0 0.75em;
    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    color: #BDBDBD;
    text-align: center;
    font-weight: 500;
    font-size: 14px; }
    .tall .segmented-control-label {
      height: 56px;
      line-height: 58px; }
    .segmented-control-label svg {
      height: 0.75em;
      fill: #1E88E5; }
    .segmented-control-label:not(:first-child):not(.is-selected) {
      border-left: 2px solid #EEEEEE; }
    .is-selected + .segmented-control-label {
      border-left: none !important; }
    .segmented-control-label:first-child {
      border-radius: 6px 0 0 6px; }
    .segmented-control-label:last-child {
      border-radius: 0 6px 6px 0; }
    .segmented-control-label:hover {
      background: #FFFFFF;
      color: #1E88E5; }
    .segmented-control-label:active {
      background: #f3f3f3;
      color: #187bd1; }
    .segmented-control-label.is-selected {
      background: #1E88E5;
      color: #FFFFFF;
      cursor: default;
      font-weight: 700; }
      .segmented-control-label.is-selected svg {
        fill: #FFFFFF; }
      .segmented-control-label.is-selected:hover {
        background: #1E88E5;
        color: #FFFFFF; }
    .segmented-control-label.is-disabled, .segmented-control-label.is-disabled:hover, .segmented-control-label.is-disabled:active {
      background: #F8F8F8;
      color: #D8D8D5;
      cursor: default; }

.segmented-nav {
  display: flex;
  height: 2em; }
  .segmented-nav--full {
    width: 100%; }
  .segmented-nav__link {
    flex-shrink: 0;
    flex-grow: 1;
    height: 2em;
    line-height: 1.875em;
    padding: 0 0.75em;
    border: 2px solid #757575;
    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    color: #757575;
    text-align: center;
    font-weight: 500; }
    .segmented-nav__link svg {
      height: 0.75em;
      fill: #757575; }
    .segmented-nav__link:not(:first-child) {
      border-left: none; }
    .segmented-nav__link:first-child {
      border-radius: 0.25em 0 0 0.25em; }
    .segmented-nav__link:last-child {
      border-radius: 0 0.25em 0.25em 0; }
    .segmented-nav__link:hover {
      background: #EEEEEE;
      color: #757575; }
    .segmented-nav__link.is-pressing {
      background: #D8D8D5; }
    .segmented-nav__link.is-current {
      background: #757575;
      color: #FFFFFF;
      cursor: default;
      font-weight: 700; }
      .segmented-nav__link.is-current svg {
        fill: #FFFFFF; }
      .segmented-nav__link.is-current:hover {
        background: #757575;
        color: #FFFFFF; }
  .segmented-nav--primary .segmented-nav__link {
    border-color: #1E88E5;
    color: #1E88E5; }
    .segmented-nav--primary .segmented-nav__link svg {
      fill: #1E88E5; }
    .segmented-nav--primary .segmented-nav__link:hover {
      color: #1E88E5; }
    .segmented-nav--primary .segmented-nav__link.is-current, .segmented-nav--primary .segmented-nav__link.is-current:hover {
      background: #1E88E5;
      color: #FFFFFF; }
  .segmented-nav--large .segmented-nav__link {
    text-transform: none;
    letter-spacing: 0;
    font-size: 1.25em;
    height: 2.8em;
    line-height: 2.6em;
    font-weight: 500; }
    .segmented-nav--large .segmented-nav__link.is-current {
      font-weight: 700; }

.site {
  background: #EEEEEE; }
  .site-wrap {
    display: flex;
    min-height: 100vh;
    flex-direction: column;
    position: relative; }
    .site-wrap.is-blurred {
      -webkit-filter: blur(6px);
              filter: blur(6px); }
  .site-header {
    padding: 0 20px;
    margin-bottom: 36px;
    height: 64px;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none; }
    .site-header.with-secondary {
      height: 112px; }
    .site-header.m-none {
      margin-bottom: 0; }
      .bg-white .site-header.m-none {
        border-bottom: 2px solid #dfdfdf; }
        .bg-white .site-header.m-none.with-secondary {
          height: 114px; }
        .bg-white .site-header.m-none:not(.with-secondary) {
          height: 66px; }
    .site-header.b-bottom {
      border-color: transparent !important; }
    .site-header.m-none .site-header-inner,
    .site-header.with-secondary .site-header-inner {
      border: none; }
    .site-header-inner {
      display: flex;
      align-items: center;
      justify-content: space-between;
      border-bottom: 2px solid #dfdfdf;
      height: 64px;
      width: 100%;
      margin: 0 auto;
      padding: 0 4.5px;
      overflow-x: hidden;
      overflow-y: hidden; }
      .site-wrap:not(.site-wrap--full) .site-header-inner {
        max-width: 1408px; }
    .site-header-secondary {
      display: flex;
      align-items: center;
      justify-content: space-between;
      height: 48px;
      border-top: 2px solid #dfdfdf;
      margin: 0 auto -2px;
      padding: 0 4.5px; }
      .site-header-secondary .breadcrumb {
        height: 100%;
        font-size: 14px; }
      .site-wrap:not(.site-wrap--full) .site-header-secondary {
        max-width: 1408px; }
      .b-bottom .site-header-secondary {
        border-bottom: 2px solid #dfdfdf; }
    .site-header-left {
      display: flex;
      align-items: center;
      height: 100%; }
    .site-header-right {
      display: flex;
      align-items: center;
      text-align: right;
      margin-right: -12px; }
    .site-header-logo {
      display: block;
      font-size: 0;
      padding: 17px 16px 17px 0; }
      .site-header-logo svg {
        width: 150px;
        height: 30px; }
      .theme-light .site-header-logo svg {
        fill: #757575; }
      .site-header-logo:hover svg {
        -webkit-filter: brightness(75%);
                filter: brightness(75%); }
      .site-header-logo:active svg {
        -webkit-filter: brightness(40%);
                filter: brightness(40%); }
    .site-header-nav {
      display: flex;
      height: 100%; }
      .site-header-nav-item {
        height: 100%; }
        .site-header-nav-item-link {
          display: flex;
          align-items: center;
          height: 100%;
          padding: 0 4px;
          font-size: 13px;
          font-weight: 700;
          text-align: center; }
          .theme-light .site-header-nav-item-link {
            color: #7d7d7d; }
            .theme-light .site-header-nav-item-link.is-current {
              color: #383634;
              border-color: #383634; }
            .theme-light .site-header-nav-item-link:active {
              background: #e6e6e6; }
          .is-hovering .site-header-nav-item-link.is-hovering {
            color: #525252; }
          .is-hovering .site-header-nav-item-link:not(.is-hovering) {
            color: #BDBDBD; }
        .site-header-nav-item-text {
          color: #7d7d7d;
          line-height: 1;
          font-size: 12px;
          font-weight: 700;
          position: relative;
          top: 1px;
          margin-left: 6px; }
        .site-header-nav-item-box {
          color: #F8F8F8;
          background: #757575;
          border-radius: 4px;
          font-size: 12px;
          font-weight: 700;
          padding: 4px 6px;
          line-height: 1; }
        .site-header-nav-item-logo {
          font-size: 0; }
          .site-header-nav-item-logo img {
            -webkit-filter: saturate(0%);
                    filter: saturate(0%);
            width: auto;
            height: 24px; }
        .site-header-nav-item-icon {
          display: block;
          font-size: 0; }
          .site-header-nav-item-icon svg {
            width: 16px;
            height: 16px;
            fill: #757575; }
          .site-header-nav-item-icon-link {
            display: flex;
            align-items: center;
            padding: 22px 8px; }
            .site-header-nav-item-icon-link:hover svg,
            .site-header-nav-item-icon-link:hover span {
              -webkit-filter: brightness(75%);
                      filter: brightness(75%); }
            .site-header-nav-item-icon-link.is-current svg,
            .site-header-nav-item-icon-link:active svg,
            .site-header-nav-item-icon-link.is-current span,
            .site-header-nav-item-icon-link:active span {
              -webkit-filter: brightness(40%);
                      filter: brightness(40%); }
        .site-header-nav-item-icon-link:hover .site-header-nav-item-box {
          -webkit-filter: brightness(100%);
                  filter: brightness(100%);
          background: #525252; }
        .site-header-nav-item-icon-link:active .site-header-nav-item-box,
        .site-header-nav-item-icon-link.is-current .site-header-nav-item-box {
          -webkit-filter: brightness(100%);
                  filter: brightness(100%);
          background: #383634; }
        .site-header-nav-item-icon-link:hover .site-header-nav-item-logo,
        .site-header-nav-item-icon-link.is-current .site-header-nav-item-logo {
          -webkit-filter: brightness(100%);
                  filter: brightness(100%); }
          .site-header-nav-item-icon-link:hover .site-header-nav-item-logo img,
          .site-header-nav-item-icon-link.is-current .site-header-nav-item-logo img {
            -webkit-filter: saturate(100%);
                    filter: saturate(100%); }
        .site-header-nav-item-icon-link:active .site-header-nav-item-logo {
          -webkit-filter: brightness(90%);
                  filter: brightness(90%); }
          .site-header-nav-item-icon-link:active .site-header-nav-item-logo img {
            -webkit-filter: saturate(100%);
                    filter: saturate(100%); }
    .site-header-organization {
      color: #9E9E9E;
      margin-left: 8px;
      font-size: 14px;
      font-weight: 500; }
  .site-content {
    flex-grow: 1; }
    .bg-white .site-content {
      background: #FFFFFF; }
    .site-content--padding {
      padding: 0 2.25em; }
    .site-content-inner {
      position: relative; }
      .site-content-inner--side-menu {
        padding-left: 236px;
        margin: 0 auto;
        width: 100%; }
        .site-wrap:not(.site-wrap--full) .site-content-inner--side-menu {
          max-width: 88em; }
  .site-loading {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    background: rgba(255, 255, 255, 0.5);
    pointer-events: none;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    align-items: center;
    justify-content: center;
    z-index: 900;
    opacity: 0; }
    .site-loading.is-visible {
      opacity: 1;
      pointer-events: all; }
    .site-loading-box {
      text-align: center; }
    .site-loading-message {
      font-size: 1.5em;
      font-weight: 500;
      margin-top: 1em;
      color: #1D1B19; }
    .site-loading-spinner svg {
      fill: #1D1B19; }
  .site-messages {
    padding: 0 36px; }
  .site-message {
    margin-top: 18px;
    position: relative; }
    .site-message:last-child {
      margin-bottom: 18px; }
    .site-message-dismiss {
      position: absolute;
      top: 24px;
      right: 24px;
      cursor: pointer; }
      .site-message-dismiss:hover {
        transform: scale(1.1);
        -webkit-filter: brightness(120%);
                filter: brightness(120%); }
      .site-message-dismiss:active {
        transform: scale(0.9);
        -webkit-filter: brightness(80%);
                filter: brightness(80%); }
    .site-message--red {
      color: #C62828;
      background: #FDF6F6; }
      .site-message--red a {
        color: #C62828;
        background: #FFEBEE; }
        .site-message--red a:hover {
          color: #B71C1C;
          background: #ffdce0; }
        .site-message--red a:active {
          color: #B71C1C;
          background: #FFCDD2; }
    .site-message--green {
      color: #2E7D32;
      background: #f3faf3; }
      .site-message--green a {
        color: #2E7D32;
        background: #E8F5E9; }
        .site-message--green a:hover {
          color: #1B5E20;
          background: #d3ebd3; }
        .site-message--green a:active {
          color: #1B5E20;
          background: #C8E6C9; }
    .site-message--blue {
      color: #1565C0;
      background: #f1f9fe; }
      .site-message--blue a {
        color: #1565C0;
        background: #E3F2FD; }
        .site-message--blue a:hover {
          color: #0D47A1;
          background: #c9e5fc; }
        .site-message--blue a:active {
          color: #0D47A1;
          background: #BBDEFB; }
    .site-message-content {
      padding: 0.75em 2.25em;
      text-align: center; }
      .site-message-content a {
        display: inline-block;
        border-radius: 6px;
        padding: 2px 6px; }
  .site-footer {
    flex: none;
    position: relative;
    z-index: 600;
    border-top: 2px solid #dfdfdf;
    padding: 0 36px; }
    .site-footer:not(.m-none) {
      margin-top: 36px; }
    .site-footer-inner {
      width: 100%;
      margin: 0 auto;
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 36px 0; }
      .site-wrap:not(.site-wrap--full) .site-footer-inner {
        max-width: 1408px; }
    .site-footer-left {
      text-align: left;
      display: flex;
      justify-content: flex-start;
      align-items: flex-start; }
    .site-footer-right {
      display: flex;
      flex-direction: column;
      align-items: flex-end;
      justify-content: flex-end; }
    .site-footer-column:not(:first-child) {
      margin-left: 18px; }
    .site-footer-list-header {
      display: block;
      font-size: 14px;
      font-weight: 700;
      white-space: nowrap;
      margin-bottom: 6px;
      color: #9E9E9E; }
    .site-footer-list-item {
      display: block;
      font-size: 0;
      line-height: 1; }
      .site-footer-list-item a {
        display: block;
        padding: 2px 0;
        font-size: 15px;
        font-weight: 400; }
    .site-footer-list-link {
      line-height: 1.3;
      color: #9E9E9E; }
      .site-footer-list-link:hover {
        color: #757575; }
      .site-footer-list-link:active {
        color: #383634; }
    .site-footer-list-tag {
      margin-left: 6px;
      position: relative;
      bottom: 2px; }
    .site-footer-partners {
      color: #9E9E9E;
      font-weight: 500;
      display: flex;
      align-items: center;
      margin-right: -0.75em; }
      .site-footer-partners-icon {
        height: 4.5em;
        padding: 0.75em; }
        .site-footer-partners-icon svg {
          -webkit-filter: brightness(100%);
                  filter: brightness(100%);
          width: auto;
          height: 3em; }
          .site-footer-partners-icon svg * {
            fill: #9E9E9E; }
        .site-footer-partners-icon:hover svg {
          -webkit-filter: brightness(80%);
                  filter: brightness(80%); }
    .site-footer-social {
      display: flex;
      align-items: center;
      justify-content: center;
      margin-bottom: 0.75em;
      margin-right: -0.75em; }
      .site-footer-social-item {
        padding: 0.75em;
        border-radius: 0.25em;
        display: block; }
      .site-footer-social-icon {
        width: 1.5em;
        height: 1.5em; }
        .site-footer-social-icon svg {
          -webkit-filter: brightness(100%);
                  filter: brightness(100%);
          width: 1.5em;
          height: 1.5em; }
          .site-footer-social-icon svg * {
            fill: #9E9E9E; }
      .site-footer-social-link:hover svg {
        -webkit-filter: brightness(80%);
                filter: brightness(80%); }
    .site-footer-copyright {
      font-weight: 400;
      text-align: center;
      color: #BDBDBD; }
    .site-footer-serverid {
      font-size: 12px;
      color: #CCC; }

.site-content--old {
  flex: 1 0 auto; }

.site-footer--old {
  flex: none;
  background: #1D1B19;
  position: relative;
  z-index: 600; }
  .site-footer--old-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center; }

.footer-nav {
  display: flex;
  justify-content: flex-start;
  flex-basis: 50%; }
  .footer-nav-group {
    margin-right: 1.5em; }
  .footer-nav-header {
    color: #F8F8F8;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    font-weight: 700;
    font-size: 0.875em; }
  .footer-nav-link {
    color: #FFFFFF;
    opacity: 0.8; }
    .footer-nav-link:hover {
      color: #FFFFFF;
      opacity: 1; }
  .footer-nav-link {
    font-weight: 400; }

.footer-details {
  flex-basis: 50%;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: center; }

.footer-partners {
  color: #F8F8F8;
  font-weight: 500;
  display: flex;
  align-items: center;
  margin-right: -0.75em; }
  .footer-partners-icon {
    height: 4.5em;
    padding: 0.75em;
    opacity: 0.8; }
    .footer-partners-icon:hover {
      opacity: 1; }
    .footer-partners-icon svg {
      width: auto;
      height: 3em; }
      .footer-partners-icon svg * {
        fill: #FFFFFF; }

.footer-social {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 0.75em;
  margin-right: -0.75em; }
  .footer-social-item {
    padding: 0.75em;
    border-radius: 0.25em;
    display: block; }
  .footer-social-link {
    opacity: 0.8; }
    .footer-social-link:hover {
      opacity: 1; }
  .footer-social-icon {
    width: 1.875em;
    height: 1.875em; }
    .footer-social-icon svg {
      width: 1.875em;
      height: 1.875em; }
      .footer-social-icon svg * {
        fill: #FFFFFF; }

.copyright {
  color: #F8F8F8;
  text-align: right;
  font-weight: 500; }

.site-header--old {
  flex: none;
  width: 100%;
  background: #1D1B19; }

.site-nav {
  display: flex;
  height: 3em; }
  .site-nav-item {
    display: flex;
    flex-grow: 1;
    align-items: center;
    justify-content: center;
    height: 100%; }
  .site-nav-link, .site-nav-text {
    color: #FFFFFF;
    opacity: 0.9;
    font-weight: 500;
    font-size: 0.9375em;
    white-space: nowrap;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    width: 100%;
    height: 100%;
    display: flex;
    flex-grow: 1;
    align-items: center;
    justify-content: center;
    margin: 0; }
    .site-nav-link--logo svg, .site-nav-text--logo svg {
      height: 1.7333333333em;
      fill: #FFFFFF; }
    .site-nav-link--logo-small svg, .site-nav-text--logo-small svg {
      height: 0.9333333333em;
      fill: #FFFFFF; }
    .site-nav-link--icon svg, .site-nav-text--icon svg {
      height: 1.0666666667em;
      fill: #FFFFFF; }
  .site-nav-text {
    cursor: default; }
  .site-nav-link {
    cursor: pointer; }
    .site-nav-link:hover {
      color: #FFFFFF;
      background: #383634;
      opacity: 1; }
      .site-nav-link:hover .cart-count {
        background: #FFFFFF;
        color: #1D1B19; }
    .site-nav-link--current, .site-nav-link--current:hover {
      font-weight: 700;
      background: #EEEEEE;
      color: #1D1B19;
      opacity: 1; }
      .site-nav-link--current .cart-count, .site-nav-link--current:hover .cart-count {
        background: #1D1B19;
        color: #EEEEEE; }
      .site-nav-link--current svg, .site-nav-link--current:hover svg {
        fill: #1D1B19; }

.cart-count {
  font-size: 0.875em;
  display: inline-block;
  font-weight: 700;
  flex-shrink: 0;
  width: 1.6428571429em;
  height: 1.6428571429em;
  line-height: 1.8571428571em;
  letter-spacing: -1px;
  position: relative;
  bottom: 1px;
  margin-left: 0.5714285714em;
  text-align: center;
  background: #FFFFFF;
  color: #1D1B19;
  border-radius: 50%; }

.account-text {
  display: inline-block;
  margin-left: 0.5em; }

.site-announcement {
  display: block;
  height: 3em;
  text-align: center;
  padding: 0 1.5em; }
  .site-announcement--message, .site-announcement--message:hover {
    color: #1D1B19;
    background: #F8F8F8; }
  .site-announcement--alert, .site-announcement--alert:hover {
    color: #F8F8F8;
    background: #E53935; }
  .site-announcement p, .site-announcement h1 {
    line-height: 3.4285714286em;
    margin: 0;
    font-size: 0.875em;
    font-weight: 700;
    position: relative;
    top: 0.0625em; }

.slider {
  width: 100%;
  overflow-x: scroll;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  flex-wrap: nowrap; }

.specs-table {
  text-align: left;
  margin: 0 auto; }
  .specs-table.width-1 {
    width: 60%; }
  .specs-table.width-2 {
    width: 80%; }
  .specs-table-row.first-row {
    border-top: 2px solid #EEEEEE; }
  .specs-table th {
    font-size: 0.875em;
    width: 10%;
    padding: 0.5em 1em; }
  .specs-table td {
    font-size: 0.875em;
    width: 15%;
    padding: 0.5em 1em;
    border-top: 1px solid #EEEEEE; }

.specs-group-title {
  font-weight: 700; }

.specs-group-subtitle {
  display: block; }

.specs-field-label {
  font-weight: 500;
  border-top: 1px solid #EEEEEE; }

@-webkit-keyframes chosen {
  0% {
    transform: scale(1); }
  40% {
    transform: scale(1.2); }
  100% {
    transform: scale(1); } }

@keyframes chosen {
  0% {
    transform: scale(1); }
  40% {
    transform: scale(1.2); }
  100% {
    transform: scale(1); } }

.star-rating-group {
  display: flex;
  justify-content: center; }

.star-rating-star {
  padding: 0.25em; }
  .star-rating-star svg {
    width: 1.5em;
    height: 1.5em;
    fill: #F5BD47; }
  .star-rating-star.is-hovering svg {
    fill: #BDBDBD;
    transform: scale(1); }
  .star-rating-star.is-chosen svg {
    fill: #F5BD47;
    transform: scale(1); }
  .star-rating-star.is-chosen.is-not-hovering svg {
    fill: #D8D8D5;
    transform: scale(0.9); }
  .star-rating-star.is-animated svg {
    -webkit-animation: chosen 0.3s ease-out;
            animation: chosen 0.3s ease-out; }
  .star-rating-star--active {
    cursor: pointer; }
    .star-rating-star--active svg {
      fill: #EEEEEE;
      transform: scale(0.9); }
  .star-rating-star--small {
    padding: 0.1875em; }
    .star-rating-star--small svg {
      width: 1.25em;
      width: 1.25em; }

.color-swatch {
  display: inline-block;
  border: 1px solid #EEEEEE;
  padding: 0.25em;
  border-radius: 0.25em;
  background: #FFFFFF;
  margin-bottom: 0.25em; }
  .color-swatch + .color-swatch {
    margin-left: 4px; }
  .color-swatch-inner {
    display: flex;
    align-items: center; }
  .color-swatch-color {
    display: flex;
    flex-direction: column;
    width: 0.75em;
    height: 0.75em;
    flex-shrink: 0; }
    .color-swatch-color-fill {
      display: block;
      flex-grow: 1; }
      .color-swatch-color-fill:first-child {
        border-top-left-radius: 0.125em;
        border-top-right-radius: 0.125em; }
      .color-swatch-color-fill:last-child {
        border-bottom-left-radius: 0.125em;
        border-bottom-right-radius: 0.125em; }
      .color-swatch-color-fill--white {
        background-color: #EAEAEA; }
      .color-swatch-color-fill--gray {
        background-color: #8E9090; }
      .color-swatch-color-fill--black {
        background-color: #1D1B19; }
      .color-swatch-color-fill--maroon {
        background-color: #8B2332; }
      .color-swatch-color-fill--red {
        background-color: #D8262E; }
      .color-swatch-color-fill--orange {
        background-color: #FF4C00; }
      .color-swatch-color-fill--yellow {
        background-color: #FFCA22; }
      .color-swatch-color-fill--stringking-yellow {
        background-color: #E1A811; }
      .color-swatch-color-fill--neon-yellow {
        background-color: #FFEE00; }
      .color-swatch-color-fill--volt {
        background-color: #D0FF00; }
      .color-swatch-color-fill--lime {
        background-color: #3CD52E; }
      .color-swatch-color-fill--forest, .color-swatch-color-fill--forest-green {
        background-color: #026937; }
      .color-swatch-color-fill--carolina {
        background-color: #6DABE4; }
      .color-swatch-color-fill--royal, .color-swatch-color-fill--royal-blue {
        background-color: #0055B8; }
      .color-swatch-color-fill--navy {
        background-color: #041E41; }
      .color-swatch-color-fill--purple {
        background-color: #520A76; }
      .color-swatch-color-fill--pink {
        background-color: #FF3FB4; }
      .color-swatch-color-fill--raw {
        background-color: #E9DDC6; }
      .color-swatch-color-fill--nickel {
        background-color: #D3C7B9; }
      .color-swatch-color-fill--silver {
        background-color: #D7D6D8; }
      .color-swatch-color-fill--chrome {
        background-color: #E9E9E9; }
      .color-swatch-color-fill--zinc {
        background-color: #BBB6B0; }
      .color-swatch-color-fill--black-nickel {
        background-color: #564E4E; }
      .color-swatch-color-fill--light-black {
        background-color: #443C37; }
      .color-swatch-color-fill--light-navy {
        background-color: #2D5589; }
      .color-swatch-color-fill--light-green {
        background-color: #64964B; }
      .color-swatch-color-fill--heather-gray {
        background-color: #D1D1D1; }
  .color-swatch-label {
    font-size: 0.875em;
    line-height: 1;
    position: relative;
    top: 0.1428571429em;
    margin-left: 0.25em; }

.swipe {
  overflow: hidden;
  visibility: hidden;
  position: relative;
  width: 100%; }
  .swipe-wrap {
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0; }
  .swipe-item {
    float: left;
    width: 100%;
    height: 100%;
    position: relative; }

.table {
  width: 100%; }
  .table th, .table td {
    font-size: 13px;
    padding: 10px;
    border-bottom: 1px solid #EEEEEE;
    text-align: left;
    background: #FFFFFF;
    vertical-align: middle; }
    .table th:first-child, .table td:first-child {
      padding-left: 24px; }
    .table th:last-child, .table td:last-child {
      padding-right: 24px; }
    .table th.actions, .table td.actions {
      padding-top: 4px;
      padding-bottom: 4px; }
    .table th.no-padding, .table td.no-padding {
      padding: 0; }
    .table th.str, .table th.left, .table td.str, .table td.left {
      text-align: left; }
    .table th.num, .table th.right, .table td.num, .table td.right {
      text-align: right; }
    .table th.center, .table td.center {
      text-align: center; }
    .table th.nowrap, .table td.nowrap {
      white-space: nowrap; }
    .table th.mono, .table td.mono {
      font-size: 11px; }
    .table th .tag, .table td .tag {
      font-size: 11px; }
  .table--data {
    font-family: "IBM Plex Mono", Consolas, "Courier New", Courier, monospace;
    font-weight: 500; }
    .table--data th, .table--data td {
      font-size: 11px; }
  .table tbody:last-child tr:last-child th, .table tbody:last-child tr:last-child td, .table tfoot:last-child tr:last-child th, .table tfoot:last-child tr:last-child td {
    border-bottom-left-radius: 0.375em;
    border-bottom-right-radius: 0.375em;
    border-bottom: none; }
  .table--striped tr:nth-child(odd) td {
    background: #EEEEEE; }
  .table thead th {
    background: #F8F8F8; }
  .table tr.shaded th, .table tr.shaded td {
    background: #F8F8F8; }
  .table th,
  .table tfoot td,
  .table th a {
    font-weight: 700; }
  .table tr.highlight-red th, .table tr.highlight-red td, .table tr.highlight-red a:not(.button):not(.warranty-button) {
    color: #D32F2F;
    background: #fefafa; }
  .table tr.highlight-orange th, .table tr.highlight-orange td, .table tr.highlight-orange a:not(.button):not(.warranty-button) {
    color: #F57C00;
    background: #fffbf4; }
  .table tr.highlight-green th, .table tr.highlight-green td, .table tr.highlight-green a:not(.button):not(.warranty-button) {
    color: #388E3C;
    background: #f6fbf7; }
  .table tr.highlight-blue th, .table tr.highlight-blue td, .table tr.highlight-blue a:not(.button):not(.warranty-button) {
    color: #1976D2;
    background: #f6fbfe; }
  .table tr.border-top-double th, .table tr.border-top-double td {
    border-top: solid 2px #D8D8D5; }
  .table tr.border-bottom-double th, .table tr.border-bottom-double td {
    border-bottom: solid 2px #D8D8D5; }
  .table tr.border-top-triple th, .table tr.border-top-triple td {
    border-top: solid 3px #D8D8D5; }
  .table tr.border-bottom-triple th, .table tr.border-bottom-triple td {
    border-bottom: solid 3px #D8D8D5; }

.tag {
  display: inline-block;
  font-size: 12px;
  font-weight: 700;
  color: #FFFFFF;
  padding: 6px 8px 4px;
  background: #BDBDBD;
  line-height: 1;
  border-radius: 6px;
  white-space: nowrap; }
  .tag-large {
    font-size: 16px; }
  .tag-small {
    font-size: 10px;
    padding: 5px 5px 3px; }
  .tag.inline {
    margin-left: 6px;
    position: relative;
    bottom: 2px; }
  .tag-notice, .tag-blue {
    background: #1E88E5; }
  .tag-warning, .tag-amber {
    background: #FFB300; }
  .tag-success, .tag-green {
    background: #43A047; }
  .tag-error, .tag-red {
    background: #E53935; }
  .tag-orange {
    background: #FB8C00; }
  .tag-purple {
    background: #5E35B1; }
  .tag-indigo {
    background: #3949AB; }
  .tag-cyan {
    background: #00ACC1; }
  .tag-teal {
    background: #00897B; }
  .tag-black {
    background: #383634; }
  .tag-gray {
    background: #BDBDBD; }
  .tag-blue-light {
    background-color: #E3F2FD;
    color: #1976D2; }
  .tag-amber-light {
    background-color: #fff6d7;
    color: #FF8F00; }
  .tag-green-light {
    background-color: #E8F5E9;
    color: #388E3C; }
  .tag-red-light {
    background-color: #FFEBEE;
    color: #D32F2F; }
  .tag-orange-light {
    background-color: #FFF3E0;
    color: #EF6C00; }
  .tag-purple-light {
    background-color: #EDE7F6;
    color: #5E35B1; }
  .tag-indigo-light {
    background-color: #E8EAF6;
    color: #3949AB; }
  .tag-cyan-light {
    background-color: #E0F7FA;
    color: #00ACC1; }
  .tag-teal-light {
    background-color: #E0F2F1;
    color: #00897B; }
  .tag-black-light {
    background-color: #EEEEEE;
    color: #383634; }
  .tag-gray-light {
    background-color: #F8F8F8;
    color: #9E9E9E; }
  .tag-local-pickup {
    color: #FB8C00;
    background-color: #EEEEEE; }
  .tag-usps-blue {
    color: #333366;
    background-color: #EEEEEE; }
  .tag-usps-red {
    color: #E71921;
    background-color: #EEEEEE; }
  .tag-ups-brown {
    color: #351C15;
    background-color: #FFB500; }
  .tag-fedex-purple {
    color: #660099;
    background-color: #EEEEEE; }
  .tag-dhl-yellow {
    color: #BA0C2F;
    background: #FFCD00; }

.catalog-filter, .input:hover:not(.system), .file-label:hover, .textarea:hover, .select:hover, .select2-container--default .select2-search--dropdown .select2-search__field:hover, .select2-dropdown, .select2-container .select2-selection--single:hover {
  box-shadow: 0 4px 8px 0 rgba(50, 50, 93, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.1); }

.body-type-choice.is-current, .segmented-control, .select2-container .select2-selection--single {
  box-shadow: 0 2px 3px 0 rgba(50, 50, 93, 0.14), 0 1px 2px 0 rgba(0, 0, 0, 0.2); }

.button, .warranty-button {
  display: inline-block;
  font-size: 1em;
  height: 2.25em;
  line-height: 2.375em;
  padding: 0 0.75em;
  color: #F8F8F8;
  background: #383634;
  border-radius: 0.25em;
  font-family: "DIN Next W01", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
  font-weight: 500;
  cursor: pointer;
  white-space: nowrap;
  text-align: center;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle; }
  .button:disabled, .warranty-button:disabled, .button.is-disabled, .is-disabled.warranty-button {
    cursor: default;
    color: #757575;
    background: #F8F8F8; }
    .button:disabled:hover, .warranty-button:disabled:hover, .button:disabled:focus, .warranty-button:disabled:focus, .button.is-disabled:hover, .is-disabled.warranty-button:hover, .button.is-disabled:focus, .is-disabled.warranty-button:focus {
      color: #757575;
      background: #F8F8F8; }
    .button:disabled:active, .warranty-button:disabled:active, .button.is-disabled:active, .is-disabled.warranty-button:active {
      top: 0; }
  .button:hover, .warranty-button:hover {
    color: #FFFFFF;
    background: #525252; }
  .button:active, .warranty-button:active, .button:focus, .warranty-button:focus {
    color: #FFFFFF;
    background: #1D1B19; }
  .button--x-small {
    font-size: 0.7875em;
    height: 2.2857142857em;
    line-height: 2.4444444444em;
    padding: 0 0.6349206349em;
    font-weight: 700;
    border-radius: 5px; }
  .button--small {
    font-size: 0.875em;
    height: 2.2857142857em;
    line-height: 2.4285714286em;
    padding: 0 0.8571428571em;
    font-weight: 500;
    border-radius: 6px; }
  .button--sm-md {
    font-size: 1.125em;
    height: 2.3888888889em;
    line-height: 2.5em;
    padding: 0 0.8888888889em;
    font-weight: 500;
    border-radius: 6px; }
  .button--medium {
    font-size: 1.125em;
    height: 2.4444444444em;
    line-height: 2.5555555556em;
    padding: 0 0.8888888889em;
    font-weight: 500;
    border-radius: 6px; }
  .button--large {
    font-size: 1.375em;
    height: 2.5454545455em;
    line-height: 2.6363636364em;
    border-radius: 6px; }
  .button--gray {
    background: #9E9E9E !important; }
    .button--gray:hover {
      color: #FFFFFF !important;
      background: #BDBDBD !important; }
    .button--gray:active, .button--gray:focus {
      background: #757575 !important; }
    .button--gray:disabled, .button--gray.is-disabled {
      color: #EEEEEE !important;
      background: #F8F8F8 !important; }
  .button--blue {
    background: #1E88E5 !important; }
    .button--blue:hover {
      color: #FFFFFF !important;
      background: #2196F3 !important; }
    .button--blue:active, .button--blue:focus {
      background: #1976D2 !important; }
    .button--blue:disabled, .button--blue.is-disabled {
      color: #FFFFFF !important;
      background: #BBDEFB !important; }
  .button--amber {
    background: #FFB300 !important; }
    .button--amber:hover {
      color: #FFFFFF !important;
      background: #FFC107 !important; }
    .button--amber:active, .button--amber:focus {
      background: #FFA000 !important; }
    .button--amber:disabled, .button--amber.is-disabled {
      color: #FFFFFF !important;
      background: #FFECB3 !important; }
  .button--orange {
    background: #FB8C00 !important; }
    .button--orange:hover {
      color: #FFFFFF !important;
      background: #FF9800 !important; }
    .button--orange:active, .button--orange:focus {
      background: #F57C00 !important; }
    .button--orange:disabled, .button--orange.is-disabled {
      color: #FFFFFF !important;
      background: #FFE0B2 !important; }
  .button--purple {
    background: #5E35B1 !important; }
    .button--purple:hover {
      color: #FFFFFF !important;
      background: #673AB7 !important; }
    .button--purple:active, .button--purple:focus {
      background: #512DA8 !important; }
    .button--purple:disabled, .button--purple.is-disabled {
      color: #FFFFFF !important;
      background: #D1C4E9 !important; }
  .button--green {
    background: #43A047 !important; }
    .button--green:hover {
      color: #FFFFFF !important;
      background: #4CAF50 !important; }
    .button--green:active, .button--green:focus {
      background: #388E3C !important; }
    .button--green:disabled, .button--green.is-disabled {
      color: #FFFFFF !important;
      background: #C8E6C9 !important; }
  .button--red {
    background: #E53935 !important; }
    .button--red:hover {
      color: #FFFFFF !important;
      background: #F44336 !important; }
    .button--red:active, .button--red:focus {
      background: #D32F2F !important; }
    .button--red:disabled, .button--red.is-disabled {
      color: #FFFFFF !important;
      background: #FFCDD2 !important; }
  .button--primary {
    background: #1E88E5; }
    .button--primary:hover {
      color: #FFFFFF;
      background: #2196F3; }
    .button--primary:active, .button--primary:focus {
      background: #1976D2; }
  .button--secondary {
    color: #383634;
    background: #EEEEEE; }
    .button--secondary:hover {
      color: #1D1B19;
      background: #F8F8F8; }
    .button--secondary:active, .button--secondary:focus {
      color: #1D1B19;
      background: #dfdfdf; }
    .button--secondary:disabled, .button--secondary.is-disabled, .button--secondary:disabled:hover, .button--secondary.is-disabled:hover {
      color: #BDBDBD;
      background: #F8F8F8; }
  .button--white {
    color: #383634;
    background: #FCFCFC; }
    .button--white:hover {
      color: #1D1B19;
      background: #FFFFFF; }
    .button--white:active, .button--white:focus {
      color: #1D1B19;
      background: #EEEEEE; }
    .button--white:disabled, .button--white.is-disabled, .button--white:disabled:hover, .button--white.is-disabled:hover {
      color: #BDBDBD;
      background: #F8F8F8; }
  .button--inverse {
    color: #383634;
    background: rgba(248, 248, 248, 0.8); }
    .button--inverse:hover {
      color: #1D1B19;
      background: #f8f8f8; }
    .button--inverse:active {
      background: #EEEEEE; }
    .button--inverse:disabled, .button--inverse.is-disabled, .button--inverse:disabled:hover, .button--inverse.is-disabled:hover {
      color: #9E9E9E;
      background: #D8D8D5; }
  .button.text-red, .text-red.warranty-button {
    color: #E53935; }
  .button.text-orange, .text-orange.warranty-button {
    color: #FB8C00; }
  .button.text-amber, .text-amber.warranty-button {
    color: #FFB300; }
  .button.text-green, .text-green.warranty-button {
    color: #43A047; }
  .button.text-blue, .text-blue.warranty-button {
    color: #1E88E5; }
  .button--full {
    width: 100%; }
  .button--success {
    color: #FFFFFF;
    background: #43A047; }
    .button--success:hover {
      color: #FFFFFF;
      background: #4bb24f; }
    .button--success:active {
      color: #FFFFFF;
      background: #388E3C; }
    .button--success.is-disabled, .button--success.is-disabled:hover {
      color: #FFFFFF;
      cursor: default;
      background: #D8D8D5; }
  .button--compound {
    padding: 0;
    display: flex; }
  .button-inner {
    padding: 0 1em; }
  .button-extension {
    display: inline-block;
    text-transform: uppercase;
    height: 2.625em;
    padding: 0 1em;
    border-radius: 0 0.25em 0.25em 0;
    color: #FFFFFF; }
    .button-extension--blue {
      background: #42A5F5; }
    .button-extension--green {
      background: #66BB6A; }
  .button:hover .button-extension--blue, .warranty-button:hover .button-extension--blue {
    background: #5ab1f6; }
  .button:hover .button-extension--green, .warranty-button:hover .button-extension--green {
    background: #78c37b; }
  .button:active .button-extension--blue, .warranty-button:active .button-extension--blue {
    background: #2a99f4; }
  .button:active .button-extension--green, .warranty-button:active .button-extension--green {
    background: #54b359; }
  .button-icon {
    display: inline-block;
    margin-left: 0.25em; }
    .button-icon svg {
      height: 0.75em;
      fill: #D8D8D5; }
  .button--secondary .button-icon svg {
    fill: #757575; }
  .button--usps-blue {
    background-color: #333366 !important; }
  .button--usps-red {
    background-color: #E71921 !important; }
  .button--ups-brown {
    color: #FFB500 !important;
    background-color: #351C15 !important; }
    .button--ups-brown svg {
      fill: #FFB500 !important; }
  .button--fedex-purple {
    background-color: #660099 !important; }
  .button--dhl-yellow {
    color: #FFCD00 !important;
    background-color: #BA0C2F !important; }
    .button--dhl-yellow svg {
      fill: #BA0C2F !important; }

.field {
  display: block; }
  .field-half {
    width: 50%; }
  .field-choice {
    display: flex;
    flex: 1;
    cursor: pointer;
    justify-content: center;
    align-items: center;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    padding: 1em;
    border: 2px solid #EEEEEE;
    border-radius: 0.25em;
    background: #FCFCFC; }
    .field-choice:hover {
      border: 2px solid #D8D8D5;
      background: #FFFFFF; }
    .field-choice.is-current, .field-choice.is-current:hover {
      border: 2px solid #383634;
      background: #FFFFFF; }
    .field-choice.is-disabled {
      cursor: default;
      border-color: transparent; }
    .field-choice__text {
      color: #525252; }
    .field-choice.is-current .field-choice__text {
      color: #1D1B19;
      font-weight: 500; }
    .field-choice.is-disabled .field-choice__text {
      opacity: 0.25; }
    .field-choice__name {
      white-space: nowrap;
      text-align: center;
      line-height: 1.2; }
    .field-choice.is-disabled .field-choice__name {
      color: #EEEEEE; }
    .field-choice.is-current .field-choice__name {
      color: #1D1B19; }
    .field-choice__details {
      font-weight: 500;
      font-size: 0.75em;
      margin-top: 0.5em;
      opacity: 0.5;
      line-height: 1.2; }
    .field-choice.is-disabled .field-choice__details {
      opacity: 0.25; }
    .field-choice.is-current .field-choice__details {
      opacity: 1; }
  .field-choice-input:checked + .field-choice,
  .field-choice-input:checked + .field-choice:hover {
    border: 2px solid #383634;
    background: #FFFFFF; }
  .field-choice-input:checked + .field-choice .field-choice__text,
  .field-choice-input:checked + .field-choice:hover .field-choice__text {
    color: #1D1B19; }
  .field__label {
    display: block;
    font-size: 0.875em;
    color: #757575;
    margin-bottom: 4px;
    font-weight: 500;
    position: relative; }
    .field__label.is-disabled {
      color: #D8D8D5; }
    .field__label--large {
      font-size: 1em; }
    .field__label-optional {
      background-color: #1E88E5;
      color: #FFF;
      border-radius: 4px;
      padding: 2px 6px 0;
      position: absolute;
      top: -1px;
      right: 0;
      font-size: 11px;
      font-weight: bold;
      text-transform: uppercase; }
  .field--large {
    margin-bottom: 2em; }
  .field--large .field__label {
    font-size: 1em;
    margin-bottom: 0.5em;
    text-align: center; }
  .field__input {
    display: block;
    width: 100%; }
    .field__input:disabled {
      color: #BDBDBD; }
  .field.is-empty .field__input,
  .field.is-empty .field__select,
  .field.is-empty .field__textarea {
    border-color: #E53935;
    background: #FFEBEE; }
    .field.is-empty .field__input::-webkit-input-placeholder, .field.is-empty .field__select::-webkit-input-placeholder, .field.is-empty .field__textarea::-webkit-input-placeholder {
      color: #EF9A9A; }
    .field.is-empty .field__input::-moz-placeholder, .field.is-empty .field__select::-moz-placeholder, .field.is-empty .field__textarea::-moz-placeholder {
      color: #EF9A9A; }
    .field.is-empty .field__input:-ms-input-placeholder, .field.is-empty .field__select:-ms-input-placeholder, .field.is-empty .field__textarea:-ms-input-placeholder {
      color: #EF9A9A; }
    .field.is-empty .field__input::-ms-input-placeholder, .field.is-empty .field__select::-ms-input-placeholder, .field.is-empty .field__textarea::-ms-input-placeholder {
      color: #EF9A9A; }
    .field.is-empty .field__input::placeholder,
    .field.is-empty .field__select::placeholder,
    .field.is-empty .field__textarea::placeholder {
      color: #EF9A9A; }
  .field.is-empty .field__label {
    font-weight: 700;
    color: #E53935; }
    .field.is-empty .field__label:after {
      font-weight: 400; }
  .field__textarea {
    display: block;
    width: 100%;
    height: 8em;
    resize: none; }
    .field__textarea--resize {
      resize: vertical; }
  .field__select {
    display: block;
    width: 100%; }
  .field__description {
    font-size: 0.8125em;
    color: #9E9E9E;
    margin-bottom: 0.3076923077em; }
  .field-prepend {
    display: flex; }
    .field-prepend-prepend {
      flex-grow: 0;
      height: 2em;
      line-height: 2em;
      padding-left: 0.625em;
      padding-right: 0.5em;
      font-weight: 500;
      background: #EEEEEE;
      border-top-left-radius: 0.25em;
      border-bottom-left-radius: 0.25em; }
    .field-prepend-input {
      flex-grow: 1;
      border-top-left-radius: 0 !important;
      border-bottom-left-radius: 0 !important; }

.input:not(.system), .file-label, .textarea, .select, .select2-container--default .select2-search--dropdown .select2-search__field, .mesh-chooser-select {
  box-shadow: 0 2px 3px 0 rgba(50, 50, 93, 0.14), 0 1px 2px 0 rgba(0, 0, 0, 0.2); }

.input:not(.system), .file-label, .textarea, .select, .select2-container--default .select2-search--dropdown .select2-search__field {
  font-size: 1em;
  margin: 0;
  padding: 0 0.5em;
  border-radius: 0.25em;
  font-family: "DIN Next W01", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
  background-color: #FCFCFC;
  color: #383634; }
  .input:not(.system)::-webkit-input-placeholder, .file-label::-webkit-input-placeholder, .textarea::-webkit-input-placeholder, .select::-webkit-input-placeholder, .select2-container--default .select2-search--dropdown .select2-search__field::-webkit-input-placeholder {
    padding-top: 0.125em;
    color: #BDBDBD; }
  .input:not(.system)::-moz-placeholder, .file-label::-moz-placeholder, .textarea::-moz-placeholder, .select::-moz-placeholder, .select2-container--default .select2-search--dropdown .select2-search__field::-moz-placeholder {
    padding-top: 0.125em;
    color: #BDBDBD; }
  .input:not(.system):-ms-input-placeholder, .file-label:-ms-input-placeholder, .textarea:-ms-input-placeholder, .select:-ms-input-placeholder, .select2-container--default .select2-search--dropdown .select2-search__field:-ms-input-placeholder {
    padding-top: 0.125em;
    color: #BDBDBD; }
  .input:not(.system)::-ms-input-placeholder, .file-label::-ms-input-placeholder, .textarea::-ms-input-placeholder, .select::-ms-input-placeholder, .select2-container--default .select2-search--dropdown .select2-search__field::-ms-input-placeholder {
    padding-top: 0.125em;
    color: #BDBDBD; }
  .input:not(.system)::placeholder, .file-label::placeholder, .textarea::placeholder, .select::placeholder, .select2-container--default .select2-search--dropdown .select2-search__field::placeholder {
    padding-top: 0.125em;
    color: #BDBDBD; }
  .input:disabled:not(.system), .file-label:disabled, .textarea:disabled, .select:disabled, .select2-container--default .select2-search--dropdown .select2-search__field:disabled {
    border-color: #f0f0f0;
    background: #f0f0f0; }
    .input:disabled:hover:not(.system), .file-label:disabled:hover, .textarea:disabled:hover, .select:disabled:hover, .select2-container--default .select2-search--dropdown .select2-search__field:disabled:hover {
      border-color: #f0f0f0; }
  .input:focus:not(.system), .file-label:focus, .textarea:focus, .select:focus, .select2-container--default .select2-search--dropdown .select2-search__field:focus {
    outline: none;
    background-color: #FFFFFF;
    box-shadow: 0 1px 4px 1px rgba(30, 136, 229, 0.8); }

.input:not(.system) {
  padding: 0.0625em 0.5em 0;
  height: 2em;
  line-height: 1; }

.input + .input {
  margin-left: 0.375em; }

.input-wrap {
  position: relative;
  display: block; }

.right .input {
  margin-left: auto; }

.input.right {
  text-align: right; }

.input.padding-right {
  padding-right: 24px !important; }

.input-prepend {
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0;
  height: 2em;
  line-height: 2.125em;
  padding: 0 8px;
  color: #9E9E9E;
  z-index: 600; }

.input-append {
  display: inline-block;
  position: absolute;
  right: 0;
  top: 0;
  height: 2em;
  line-height: 2.125em;
  padding: 0 8px;
  color: #9E9E9E;
  z-index: 600; }

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

.input--large {
  font-size: 1.125em;
  height: 2.4444444444em;
  width: 15.5555555556em;
  border-radius: 0.2222222222em; }

.input--small {
  width: 4.5em; }

.input--medium {
  width: 6em; }

.input.w-64 {
  width: 64px; }

.input.w-80 {
  width: 80px; }

.input.w-96 {
  width: 96px; }

.input.w-128 {
  width: 128px; }

.input.w-160 {
  width: 160px; }

.input.w-192 {
  width: 192px; }

.input.w-224 {
  width: 224px; }

.input.w-256 {
  width: 256px; }

.input--full {
  width: 100%; }

.input--pseudo {
  line-height: 1.9;
  cursor: text; }

.input--dollars {
  flex-shrink: 0;
  font-size: 1.25em;
  width: 3.6em; }

.input--display, .input--display-dark {
  padding: 0.25em 0.5em;
  line-height: 1.6;
  border: none;
  background: #F8F8F8; }

.input--display-dark {
  background: #EEEEEE; }

.input-prefix {
  font-size: 1.25em;
  font-weight: 500;
  color: #9E9E9E; }

.woocommerce-invalid .input {
  background-color: #FFEBEE;
  border-color: #E57373; }

.input-inside-input {
  padding-left: 3em; }

.input-inside-wrap {
  position: relative; }

.input-inside-content {
  position: absolute;
  left: 0.6em;
  top: 0.35em;
  font-size: 90%; }

.input.mono {
  font-family: "IBM Plex Mono", Consolas, "Courier New", Courier, monospace;
  font-size: 90%; }

.file-label {
  height: 2em;
  line-height: 1.875em;
  overflow: hidden; }
  .file-label:hover {
    cursor: pointer; }
  .file-label:active {
    background: #F8F8F8;
    border-color: #2196F3; }

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

.textarea {
  padding: 0.375em 0.5em;
  height: 5.75em; }
  .textarea--tall {
    height: 8em; }
  .textarea--resize {
    resize: vertical; }

.select {
  height: 2em;
  background: url("icons/select.svg") no-repeat right 4px center white;
  background-size: 18px 12px;
  cursor: pointer; }
  .select > option {
    font-family: "DIN Next W01", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif; }
    .select > option:empty {
      color: #FFFFFF; }
  .select--large {
    height: 2.4444444444em;
    padding: 0 1.6666666667em 0 0.6666666667em;
    font-size: 1.125em; }
  .select-rpad {
    padding-right: 24px !important;
    width: 192px; }

.search-field {
  width: 24em;
  height: 2.4em;
  font-size: 1.25em;
  padding: 0 0.8em;
  border: none;
  background: transparent;
  border-radius: 0; }
  .search-field:focus {
    border: none;
    background: transparent; }

.form--ajax {
  position: relative; }

.form-loading {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 300;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: all; }

.select2-selection {
  width: 100%; }

.select2-dropdown {
  border: none !important;
  top: 4px; }
  .select2-dropdown--above {
    border-bottom: none !important; }
  .select2-dropdown--below {
    border-top: none !important; }

.select2-container .select2-selection--single {
  border: none !important;
  height: 2em !important;
  padding-top: 3px;
  background: url("icons/select.svg") no-repeat right 4px center white;
  background-size: 18px 12px; }
  .select2-container .select2-selection--single:focus {
    outline: none !important;
    border: none !important;
    box-shadow: 0 1px 4px 1px rgba(30, 136, 229, 0.8); }
  .select2-container .select2-selection--single .select2-selection__arrow {
    display: none !important; }

.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #2196F3 !important; }

.select2-container--default .select2-search--dropdown {
  padding: 8px !important;
  background: #F8F8F8; }
  .select2-container--default .select2-search--dropdown .select2-search__field {
    border: none !important;
    border-radius: 4px !important;
    padding: 4px 0 !important; }
    .select2-container--default .select2-search--dropdown .select2-search__field:focus {
      border-color: #2196F3 !important; }

.select2-results__option {
  padding: 8px !important; }

.checkbox-label {
  cursor: pointer;
  padding: 8px; }
  .checkbox-label input {
    cursor: pointer; }

.radio-label,
.checkbox-label {
  cursor: pointer;
  color: #9E9E9E;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }
  .radio-label:hover,
  .checkbox-label:hover {
    color: #757575; }
  .radio-label__dot,
  .checkbox-label__dot {
    display: inline-block;
    height: 1.125em;
    width: 1.125em;
    padding: 0.125em;
    border: 0.125em solid #9E9E9E;
    position: relative;
    top: 0.1875em;
    margin-right: 0.125em; }
    .radio-label__dot .inner-dot,
    .checkbox-label__dot .inner-dot {
      display: block;
      height: 0.625em;
      width: 0.625em;
      border-radius: 50%;
      background: transparent; }
  .radio-label:hover .radio-label__dot,
  .checkbox-label:hover .radio-label__dot, .radio-label:hover
  .checkbox-label__dot,
  .checkbox-label:hover
  .checkbox-label__dot {
    border-color: #757575; }
  .radio-label__name,
  .checkbox-label__name {
    font-weight: 500; }
  .radio-label__amount,
  .checkbox-label__amount {
    display: inline-block;
    width: 4.5em; }

.radio-input:checked + .radio-label, .radio-label.is-checked,
.checkbox-input:checked + .radio-label,
.checkbox-label.is-checked, .radio-input:checked +
.checkbox-label,
.checkbox-input:checked +
.checkbox-label {
  color: #1D1B19; }

.radio-input:checked + .radio-label .radio-label__dot,
.radio-label.is-checked .radio-label__dot,
.checkbox-input:checked + .radio-label .radio-label__dot,
.checkbox-label.is-checked .radio-label__dot, .radio-input:checked +
.checkbox-label .radio-label__dot,
.radio-label.is-checked
.checkbox-label__dot,
.checkbox-input:checked +
.checkbox-label .radio-label__dot,
.checkbox-label.is-checked
.checkbox-label__dot, .radio-input:checked + .radio-label
.checkbox-label__dot,
.checkbox-input:checked + .radio-label
.checkbox-label__dot, .radio-input:checked +
.checkbox-label
.checkbox-label__dot,
.checkbox-input:checked +
.checkbox-label
.checkbox-label__dot {
  border-color: #1D1B19; }
  .radio-input:checked + .radio-label .radio-label__dot .inner-dot,
  .radio-label.is-checked .radio-label__dot .inner-dot,
  .checkbox-input:checked + .radio-label .radio-label__dot .inner-dot,
  .checkbox-label.is-checked .radio-label__dot .inner-dot, .radio-input:checked +
  .checkbox-label .radio-label__dot .inner-dot,
  .radio-label.is-checked
  .checkbox-label__dot .inner-dot,
  .checkbox-input:checked +
  .checkbox-label .radio-label__dot .inner-dot,
  .checkbox-label.is-checked
  .checkbox-label__dot .inner-dot, .radio-input:checked + .radio-label
  .checkbox-label__dot .inner-dot,
  .checkbox-input:checked + .radio-label
  .checkbox-label__dot .inner-dot, .radio-input:checked +
  .checkbox-label
  .checkbox-label__dot .inner-dot,
  .checkbox-input:checked +
  .checkbox-label
  .checkbox-label__dot .inner-dot {
    background: #1D1B19; }

.radio-label__dot {
  border-radius: 50%; }
  .radio-label__dot .inner-dot {
    border-radius: 50%; }

.radio-input:checked + .radio-label {
  cursor: default; }

.checkbox-label__dot {
  border-radius: 0.25em; }
  .checkbox-label__dot .inner-dot {
    border-radius: 0.125em; }

.home-section {
  display: flex;
  padding: 1.5em;
  border-bottom: 1px solid #EEEEEE; }
  .home-section--wrap {
    padding: 0;
    border: none;
    max-width: 1408px;
    margin: 0 auto; }
  .home-section__half {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50%;
    padding: 1.5em; }
    .home-section__half:nth-of-type(even) {
      border-left: 1px solid #EEEEEE; }
  .home-section__title {
    font-size: 1.75em;
    text-align: center;
    font-weight: 400; }
  .home-section__text {
    font-size: 1.25em;
    text-align: center;
    font-weight: 500; }
  .home-section:nth-of-type(odd) {
    background: #F8F8F8; }
  .home-section:nth-of-type(even) {
    background: #FFFFFF; }

.callout {
  position: relative;
  cursor: pointer; }
  .callout__play {
    display: flex;
    width: 100%;
    height: 100%;
    padding-bottom: 2.125em; }
  .callout__image {
    border-radius: 0.5em;
    box-shadow: 0 0 4px rgba(29, 27, 25, 0.2); }
  .callout__text {
    display: block;
    margin-top: 16px;
    text-align: center;
    font-weight: 400;
    color: #9E9E9E;
    line-height: 1; }
    .callout__text.callout-product-logo {
      font-size: 24px;
      text-align: center;
      font-weight: 700;
      text-transform: uppercase;
      color: #1D1B19; }
  .callout__logo {
    display: block;
    margin-bottom: 1em;
    text-align: center;
    opacity: 0.8; }
  .callout:hover .callout__image {
    transform: scale(1.01);
    box-shadow: 0 0 12px rgba(29, 27, 25, 0.2); }
  .callout:hover .callout__text {
    color: #525252; }
  .callout:hover .callout__logo {
    opacity: 1; }

.carousel {
  height: 40em; }
  .carousel-nav__link {
    position: absolute;
    z-index: 800;
    top: 16.9375em;
    color: #FFFFFF;
    background: rgba(189, 189, 189, 0.3);
    line-height: 1;
    padding: 1.5em 1em;
    border-radius: 0.25em;
    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none; }
    .carousel-nav__link:hover {
      background: rgba(189, 189, 189, 0.4); }
    .carousel-nav__link--prev {
      left: 1.5em; }
    .carousel-nav__link--next {
      right: 1.5em; }
    .carousel-nav__link svg {
      display: block;
      width: 1.5em;
      height: 3.125em;
      fill: #FFFFFF; }

@media (min-width: 105.0625em) {
  .carousel {
    height: 60em; }
    .carousel-nav__link {
      top: 26.9375em; } }

@media (max-width: 105em) {
  .carousel {
    height: 50em; }
    .carousel-nav__link {
      top: 21.9375em; } }

@media (max-width: 88em) {
  .carousel {
    height: 40em; }
    .carousel-nav__link {
      top: 16.9375em; } }

.home-social-link {
  display: block;
  text-align: center;
  width: 4em;
  margin: 0 auto; }

.home-social-tile {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75em;
  border-radius: 0.5em; }

.home-social-link:hover .home-social-tile {
  transform: scale(1.05);
  box-shadow: 0 0 8px rgba(29, 27, 25, 0.2); }

.home-social-icon {
  width: 2.5em;
  height: 2.5em; }
  .home-social-icon svg {
    width: 2.5em;
    height: 2.5em;
    fill: #FFFFFF; }

.home-social-name {
  font-size: 0.8125em;
  margin-top: 0.3076923077em;
  color: #525252; }

.home-social-link:hover .home-social-name {
  color: #1D1B19; }

.home-partner-wrap {
  display: flex;
  align-items: center;
  justify-content: center; }

.home-partner-link {
  display: block;
  margin: 0 1.5em; }
  .home-partner-link svg {
    width: auto;
    height: 8em;
    max-width: 16em; }

.team-page-header {
  padding: 16px 24px; }
  .team-page-header-wrap {
    display: flex;
    align-items: center;
    margin: 0 auto; }
  .team-page-header-name {
    font-size: 24px; }
  .team-page-header-info {
    font-size: 20px;
    opacity: 0.6; }
  .team-page-header-logo {
    height: 48px;
    width: auto;
    max-width: 144px; }
    .team-page-header-logo-wrap {
      background: #FFFFFF;
      display: flex;
      align-items: center;
      padding: 0.75em 1em;
      border-radius: 0.25em;
      margin-right: 1.5em; }
  .team-page-header-link {
    display: inline-block;
    color: #FFFFFF;
    opacity: 0.6;
    padding: 0.25em 0.5em;
    border: 2px solid #FFFFFF;
    border-radius: 0.25em;
    font-size: 0.875em;
    font-weight: 700; }
    .team-page-header-link-icon {
      margin-left: 0.375em;
      height: 0.875em;
      position: relative;
      top: 0.125em; }
      .team-page-header-link-icon svg {
        height: 0.875em;
        fill: #FFFFFF; }
    .team-page-header-link:hover {
      color: #FFFFFF;
      opacity: 1; }
  .team-page-header-discount {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-left: auto;
    padding: 0.75em 1em;
    border-radius: 0.25em; }
    .team-page-header-discount-value {
      font-size: 2em;
      font-weight: 500;
      line-height: 1; }
    .team-page-header-discount-unit {
      font-size: 1em;
      font-weight: 700;
      line-height: 1; }

.cart-cell {
  margin-right: 1.5em; }
  .cart-cell--header {
    font-weight: 700; }
  .cart-cell--remove {
    margin-left: 1.5em;
    flex: 0 0 1.5em; }
  .cart-cell--thumbnail {
    flex: 0 0 5.625em; }
    .cart-cell--thumbnail img {
      width: 100%;
      height: auto; }
  .cart-cell--name {
    flex: 1; }
  .cart-cell--price {
    flex: 0 0 6em;
    text-align: center; }
  .cart-cell--quantity {
    flex: 0 0 7em;
    text-align: center; }
  .cart-cell--subtotal {
    flex: 0 0 6em;
    text-align: right; }
  .cart-cell__details {
    margin-top: 0.5em;
    font-weight: 500; }
  .cart-cell__link {
    display: block;
    font-size: 20px;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 12px; }

.cart-actions {
  display: flex;
  justify-content: space-between;
  padding: 0 1.5em; }

.cart-totals {
  background: #F8F8F8;
  border-top: 1px solid #EEEEEE;
  border-bottom: 1px solid #EEEEEE; }

.cart-totals-row {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding: 1em 1.5em; }
  .cart-totals-row:not(.order-total):not(:last-of-type) {
    border-bottom: 1px solid #EEEEEE; }
  .cart-totals-row__description {
    flex-grow: 1;
    margin-right: auto;
    padding-right: 1.5em; }
    .cart-totals-row__description p b {
      font-weight: 500; }
  .cart-totals-row__label {
    display: flex;
    flex: 0 0 7.5em;
    align-items: center;
    color: #757575; }
    .order_total .cart-totals-row__label > span {
      font-size: 1.25em; }
  .cart-totals-row__value {
    display: flex;
    justify-content: flex-end;
    flex: 0 0 20em;
    text-align: right; }
    .order_total .cart-totals-row__value > span {
      font-size: 1.25em;
      font-weight: 500; }
  .cart-totals-row__agreement {
    width: 27.5em;
    display: flex;
    align-items: flex-start;
    margin-bottom: 0; }
    .cart-totals-row__agreement-text {
      display: inline-block;
      width: 25em;
      margin-left: 0.75em; }

.cart-action {
  display: flex;
  justify-content: flex-end;
  padding: 1.5em; }
  .cart-action__button {
    flex: 0 0 27.5em; }

.cart-adjustment-remove {
  margin-right: 0.5em; }

.cart-adjustment-name {
  display: inline-block;
  font-weight: 500;
  text-align: right;
  align-self: center; }

.cart-adjustment-amount {
  display: inline-block;
  width: 6.25em;
  align-self: center;
  line-height: 1; }
  .cart-adjustment-amount small {
    font-size: 0.875em;
    font-weight: 500; }

.discounted-price {
  text-decoration: line-through;
  color: #BDBDBD; }

.order-print {
  padding: 1.5em;
  text-align: right; }

.cart-item-disclaimer {
  display: inline-block;
  padding: 0.75em 1em;
  border-radius: 0.25em;
  border: 1px solid transparent; }
  .cart-item-disclaimer--red {
    background: #FFEBEE;
    color: #B71C1C;
    border-color: #FFCDD2; }
    .cart-item-disclaimer--red a {
      color: #B71C1C;
      font-weight: 700; }
      .cart-item-disclaimer--red a:hover {
        color: #B71C1C; }
  .cart-item-disclaimer--green {
    background: #E8F5E9;
    color: #1B5E20;
    border-color: #C8E6C9; }
  .cart-item-disclaimer-title {
    font-weight: 700;
    margin-bottom: 0.25em; }
  .cart-item-disclaimer-description {
    opacity: 0.8;
    font-size: 0.875em; }

.item-attributes {
  margin-top: 0.375em; }

.item-attribute-list {
  display: flex;
  align-items: center; }

.item-attribute-value {
  font-size: 1em;
  line-height: 1;
  font-weight: 500; }
  .item-component-values .item-attribute-value {
    font-size: 0.8125em; }

.item-attribute-color {
  display: flex;
  align-items: center;
  border: 1px solid #EEEEEE;
  padding: 0.3125em;
  border-radius: 0.25em;
  background: #FFFFFF;
  position: relative;
  bottom: 1px; }
  .item-component-values .item-attribute-color {
    padding: 0.1875em 0.25em 0.25em 0.25em; }
  .item-attribute-color__name {
    font-size: 0.875em;
    line-height: 1;
    position: relative;
    top: 0.1428571429em; }
    .item-component-values .item-attribute-color__name {
      font-size: 0.8125em;
      top: 0.1538461538em; }

.item-attribute-sep {
  font-size: 1em;
  line-height: 1;
  margin: 0 0.25em; }
  .item-component-values .item-attribute-sep {
    font-size: 0.8125em; }

.item-component-list {
  margin-top: 0.5em;
  margin-left: 0.75em; }

.item-component-item {
  display: flex;
  align-items: center; }
  .item-component-item:not(:last-child) {
    margin-bottom: 0.375em; }

.item-component-name {
  display: inline-block;
  font-size: 0.875em;
  width: 9.1428571429em; }

.item-component-values {
  display: flex;
  align-items: center; }

.product-banner {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  height: 40em;
  width: 100%;
  padding: 6em;
  position: relative; }
  .product-banner--left {
    justify-content: flex-start;
    text-align: left; }
  .product-banner--right {
    justify-content: flex-end;
    text-align: right; }
  .product-banner__logo {
    position: relative;
    z-index: 500; }
  .product-banner__shop {
    position: relative;
    z-index: 500;
    margin-top: 1.5em; }
  .product-banner__image {
    position: absolute;
    top: 0;
    left: 6em;
    right: 6em;
    bottom: 0;
    background-size: auto 40em;
    background-repeat: no-repeat; }
  .product-banner-price {
    display: block;
    font-weight: 500; }
    .product-banner-price--original {
      text-decoration: line-through;
      color: #9E9E9E;
      font-weight: 400; }

/**
 * Product
 */
.product {
  display: flex;
  flex-wrap: wrap;
  padding: 3em;
  max-width: 80em; }
  @media (max-width: 72em) {
    .product {
      padding: 1.5em; } }
  .product-viewer {
    display: flex;
    width: 100%;
    border-bottom: 1px solid #EEEEEE;
    padding-bottom: 3em; }
  .product-images {
    flex: 0 0 auto;
    width: 55%; }
  .product-logo-wrap {
    font-size: 32px;
    text-align: center;
    font-weight: 700;
    text-transform: uppercase; }
    .product-logo-wrap img {
      display: block;
      margin: 0 auto 12px; }
  .product-selection {
    flex: 0 0 auto;
    width: 45%;
    margin-left: 3em; }
    @media (max-width: 72em) {
      .product-selection {
        margin-left: 1.5em; } }
  .product-tagline {
    font-size: 1.5em;
    font-weight: 400; }
  .product-description {
    font-size: 1.125em;
    margin-bottom: 1.3333333333em; }
  .product-info {
    background: #FFFFFF; }
    .product-info-video {
      height: auto;
      max-height: 30em;
      padding: 1.5em;
      position: relative; }
      .product-info-video-background {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center; }
      .product-info-video-wrap {
        height: 100%;
        width: auto; }
      .product-info-video-thumb {
        display: block;
        border-radius: 0.25em;
        width: auto;
        height: auto;
        max-height: 27em;
        max-width: 100%;
        margin: 0 auto;
        box-shadow: 0 0 4px rgba(29, 27, 25, 0.2); }
      .product-info-video:hover .product-info-video-thumb {
        transform: scale(1.01);
        box-shadow: 0 0 12px rgba(29, 27, 25, 0.2); }
      .product-info-video-description {
        position: absolute;
        top: 20%;
        left: 0;
        right: 0;
        text-align: center;
        font-size: 2em;
        color: #FFFFFF;
        opacity: 0.8; }
      .product-info-video:hover .product-info-video-description {
        opacity: 1; }
  .product-services {
    margin-bottom: 1.5em;
    background: #F8F8F8;
    border-radius: 0.25em;
    border: 1px solid #EEEEEE;
    padding: 0.75em; }
    .product-services-title {
      margin-bottom: 0.5em;
      font-weight: 700; }
    .product-services-label {
      display: inline-block;
      font-weight: 500;
      margin-left: 4px; }
    .product-services-cost {
      font-weight: 700;
      color: #1D1B19;
      float: right; }
    .product-services-description {
      display: block;
      font-size: 0.8125em;
      padding: 0 3.6923076923em 0 1.8461538462em; }
    .product-services-cart-item {
      color: #43A047;
      font-weight: 500;
      margin-top: 0.25em; }
      .product-services-cart-item svg {
        font-size: 0;
        height: 20px;
        width: 20px;
        fill: #43A047;
        position: relative;
        top: 4px; }
  .product-family {
    padding: 36px;
    border-bottom: 2px solid #dfdfdf;
    background: #EEEEEE; }
    .product-family-logo {
      text-align: center;
      font-size: 28px;
      font-weight: 700;
      text-transform: uppercase; }
      .product-family-logo img {
        display: block;
        margin: 0 auto 12px; }
    .product-family-description {
      text-align: center;
      font-size: 20px; }
    .product-family-siblings {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 100%;
      margin-top: 12px; }
    .product-family-sibling {
      display: flex;
      flex-direction: column;
      align-items: center;
      padding: 12px;
      margin: 12px; }
      .product-family-sibling:not(.is-selected) {
        opacity: 0.7;
        transform: scale(0.99); }
        .product-family-sibling:not(.is-selected):hover {
          opacity: 1;
          transform: scale(1); }
      .product-family-sibling.is-selected {
        cursor: default;
        border: 2px solid #dfdfdf;
        border-color: #383634; }
      .product-family-sibling-image {
        margin-bottom: 12px;
        border-bottom: 1px solid #EEEEEE;
        width: 120px;
        height: auto; }
      .product-family-sibling-name {
        color: #383634;
        font-weight: 700; }
      .product-family-sibling-description {
        font-size: 14px;
        color: #383634;
        margin-top: 12px;
        line-height: 1; }

.product-logo--full {
  height: 1.75em; }
  .product-logo--full-text {
    height: 1.75em; }
  .product-logo--full-box {
    height: 2.275em; }
  .product-logo--full-large {
    height: 3.5em; }
  .product-logo--full-x-large {
    height: 3.85em; }

.product-logo--med {
  height: 1.25em; }
  .product-logo--med-text {
    height: 1.25em; }
  .product-logo--med-box {
    height: 1.625em; }
  .product-logo--med-large {
    height: 2.5em; }
  .product-logo--med-x-large {
    height: 2.75em; }

.product-logo--sm {
  height: 1em; }
  .product-logo--sm-text {
    height: 1em; }
  .product-logo--sm-box {
    height: 1.3em; }
  .product-logo--sm-large {
    height: 2em; }
  .product-logo--sm-x-large {
    height: 2.2em; }

.productLogo {
  display: block;
  font-size: 0; }
  .productLogo--inline {
    display: inline-block; }
  .productLogo--text--xxs {
    height: 12px; }
  .productLogo--text--xs {
    height: 16px; }
  .productLogo--text--sm {
    height: 20px; }
  .productLogo--text--md {
    height: 24px; }
  .productLogo--text--lg {
    height: 28px; }
  .productLogo--text--xl {
    height: 40px; }
  .productLogo--box--xxs {
    height: 16px; }
  .productLogo--box--xs {
    height: 21px; }
  .productLogo--box--sm {
    height: 26px; }
  .productLogo--box--md {
    height: 31px; }
  .productLogo--box--lg {
    height: 36px; }
  .productLogo--box--xl {
    height: 52px; }
  .productLogo--gender--xxs {
    height: 22px; }
  .productLogo--gender--xs {
    height: 29px; }
  .productLogo--gender--sm {
    height: 36px; }
  .productLogo--gender--md {
    height: 44px; }
  .productLogo--gender--lg {
    height: 51px; }
  .productLogo--gender--xl {
    height: 73px; }
  .productLogo--gender-box--xxs {
    height: 24px; }
  .productLogo--gender-box--xs {
    height: 32px; }
  .productLogo--gender-box--sm {
    height: 39px; }
  .productLogo--gender-box--md {
    height: 47px; }
  .productLogo--gender-box--lg {
    height: 55px; }
  .productLogo--gender-box--xl {
    height: 79px; }
  .productLogo--large--xxs {
    height: 26px; }
  .productLogo--large--xs {
    height: 35px; }
  .productLogo--large--sm {
    height: 44px; }
  .productLogo--large--md {
    height: 53px; }
  .productLogo--large--lg {
    height: 62px; }
  .productLogo--large--xl {
    height: 88px; }
  .productLogo--headstrong--xxs {
    height: 36px; }
  .productLogo--headstrong--xs {
    height: 48px; }
  .productLogo--headstrong--sm {
    height: 60px; }
  .productLogo--headstrong--md {
    height: 72px; }
  .productLogo--headstrong--lg {
    height: 84px; }
  .productLogo--headstrong--xl {
    height: 120px; }

.product--old {
  display: flex;
  flex-wrap: wrap;
  padding: 3em;
  max-width: 72em; }

.product__images {
  flex: 0 0 auto;
  width: 50%;
  padding-right: 1.5em; }

.product__details {
  flex: 0 0 auto;
  width: 50%;
  padding-left: 1.5em; }

.product__section {
  margin-bottom: 1em; }

.product-up_sell {
  display: block;
  text-align: center;
  border: 2px solid #EEEEEE;
  border-radius: 0.25em;
  padding: 0.75em;
  color: #525252; }
  .product-up_sell:not(:first-of-type) {
    margin-top: 0.75em; }
  .product-up_sell-product {
    display: flex;
    justify-content: center;
    margin-top: 0.375em; }
  .product-up_sell:hover {
    color: #1D1B19;
    border-color: #D8D8D5;
    background: #F8F8F8; }

.product-price {
  font-size: 1.5em;
  font-weight: 500; }
  .product-price--original {
    text-decoration: line-through;
    color: #9E9E9E;
    font-size: 1.125em;
    font-weight: 500; }

.stock.is-sold-out {
  font-size: 1.25em;
  font-weight: 500; }

.product-logo {
  color: #1D1B19;
  text-transform: uppercase;
  line-height: 1.2;
  font-size: 2.5em;
  font-weight: 700; }
  .product-logo--light {
    color: #F8F8F8; }
  .product-logo--medium {
    font-size: 2em; }
  .product-logo--small {
    font-size: 1.5em; }
  .product-logo--x-small {
    font-size: 1.25em; }
  .product-logo--xx-small {
    font-size: 1em; }
  .product-logo__prefix--small {
    font-size: 0.5em;
    display: block;
    font-weight: 500; }
  .product-logo__prefix--head {
    font-weight: 400; }
  .product-logo__variant--f {
    text-transform: lowercase;
    color: #F5BD47; }
  .product-logo__variant--s {
    text-transform: lowercase;
    color: #E33D2E; }
  .product-logo__variant--x {
    text-transform: lowercase;
    color: #008FDC; }
  .product-logo__variant--default {
    font-weight: 400;
    letter-spacing: -0.05em; }
  .product-logo__suffix--box {
    font-size: 0.75em;
    color: #FFFFFF;
    background: #1D1B19;
    border-radius: 0.1em;
    position: relative;
    bottom: 0.15em; }
    .product-logo__suffix--box-numeric {
      letter-spacing: -0.05em;
      padding: 0.15em 0.3em 0 0.2em; }
    .product-logo__suffix--box-text {
      padding: 0.15em 0.25em 0 0.25em; }
  .product-logo__suffix--large {
    font-weight: 400; }
  .product-logo__suffix--small {
    font-size: 0.5em;
    display: block;
    font-weight: 500;
    position: relative;
    bottom: 0.25em; }
  .product-logo__suffix--le {
    font-size: 0.4em;
    display: block;
    font-weight: 700;
    letter-spacing: 0.2em;
    position: relative;
    bottom: 0.4em; }
  .product-logo__suffix--prototype {
    font-size: 0.25em;
    border-radius: 0.25em;
    border: 0.15em solid #1D1B19;
    padding: 1em;
    position: relative;
    bottom: 1.1em; }
    .product-logo__suffix--prototype-text {
      padding: 1em 1.2em 1em 1em; }
  .product-logo--light .product-logo__suffix--box {
    color: #1D1B19;
    background: #F8F8F8; }

.product-name {
  color: #1D1B19;
  line-height: 1.2;
  font-size: 2em;
  text-transform: uppercase;
  font-weight: 500; }
  .product-name--small {
    font-size: 1.5em; }
  .product-name__prefix--small {
    font-size: 0.5em;
    display: block;
    font-weight: 500;
    text-transform: uppercase; }

.product-image {
  display: block;
  width: 100%;
  height: auto;
  margin-top: 1.5em; }
  .product-image.sticky {
    top: 0;
    position: fixed; }

.product-thumbs {
  display: flex;
  justify-content: center;
  margin-top: 1.5em;
  margin-bottom: 3em; }
  .product-thumbs-item {
    margin: 0 0.75em; }
  .product-thumbs-link {
    cursor: pointer;
    border: 2px solid transparent;
    border-radius: 0.5em; }
    .product-thumbs-link:hover {
      border: 0.125em solid #EEEEEE; }
    .product-thumbs-link.is-current {
      border: 0.125em solid #BDBDBD;
      cursor: default; }
    .product-thumbs-link-video {
      width: 4em;
      height: 4em;
      background: #F8F8F8;
      border: 2px solid #F8F8F8;
      display: flex;
      justify-content: center;
      align-items: center; }
      .product-thumbs-link-video svg {
        width: 2.5em;
        height: 2.5em;
        fill: #1D1B19;
        opacity: 0.9; }
      .product-thumbs-link-video:hover {
        background: #FFFFFF;
        border: 2px solid #EEEEEE; }
        .product-thumbs-link-video:hover svg {
          opacity: 1;
          transform: scale(1.05); }
  .product-thumbs-image {
    display: block;
    border-radius: 0.375em;
    width: 4em;
    height: 4em; }

.quantity__label {
  margin-right: 1em; }

.quantity__step {
  display: inline-block;
  flex-shrink: 0;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  font-size: 1.25em;
  width: 1.2em;
  height: 1.2em;
  line-height: 1.2em;
  text-align: center;
  font-weight: 400;
  border-radius: 50%;
  color: #FFFFFF;
  background: #757575; }
  .quantity__step:hover {
    color: #FFFFFF;
    background: #828282; }
  .quantity__step:active {
    color: #FFFFFF;
    background: #525252; }
  .quantity__step.is-disabled, .quantity__step.is-disabled:hover {
    color: #FFFFFF;
    cursor: default;
    background: #D8D8D5; }

.quantity__input {
  flex-shrink: 0;
  font-size: 1.25em;
  width: 2.4em;
  margin: 0 0.4em; }

.remove-item {
  display: inline-block;
  flex-shrink: 0;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  font-size: 1.25em;
  width: 1.2em;
  height: 1.2em;
  line-height: 1.2em;
  text-align: center;
  font-weight: 400;
  border-radius: 50%;
  color: #FFFFFF;
  background: #757575; }
  .remove-item:hover {
    color: #FFFFFF;
    background: #828282; }
  .remove-item:active {
    color: #FFFFFF;
    background: #525252; }
  .remove-item.is-disabled, .remove-item.is-disabled:hover {
    color: #FFFFFF;
    cursor: default;
    background: #D8D8D5; }

.store-locator {
  width: 100%;
  height: 100%; }
  .store-locator-search {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1.5em; }
    .store-locator-search-submit {
      position: relative;
      bottom: 1px; }
  .store-locator-navigator {
    width: 100%;
    height: 45em;
    position: relative; }
  .store-locator-loading {
    width: 100%;
    height: 45em;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 800;
    opacity: 0.6;
    background: #FFFFFF;
    border-top-left-radius: 0.5em;
    border-bottom-left-radius: 0.5em; }
    .store-locator-loading-wrap {
      width: 100%;
      height: 100%;
      display: flex;
      align-items: center;
      justify-content: center; }
  .store-locator-results {
    width: 25em;
    overflow-y: scroll;
    position: absolute;
    top: 0;
    left: 0;
    right: 30em;
    bottom: 0;
    border: 2px solid #D8D8D5;
    border-top-left-radius: 0.5em;
    border-bottom-left-radius: 0.5em;
    background: #FFFFFF;
    padding: 0 0.75em; }
    .store-locator-results-none {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: 100%; }
    .store-locator-results-count {
      text-align: center;
      font-size: 1.25em;
      font-weight: 500;
      padding: 1.2em; }
    .store-locator-results-item {
      padding: 0.75em;
      cursor: pointer;
      border-top: 1px solid #EEEEEE; }
      .store-locator-results-item:hover {
        color: #1565C0; }
      .store-locator-results-item.is-active {
        color: #1E88E5; }
  .store-locator-map {
    width: auto;
    height: auto;
    background: #DDD;
    position: absolute;
    top: 0;
    left: 25em;
    right: 0;
    bottom: 0;
    border-top-right-radius: 0.5em;
    border-bottom-right-radius: 0.5em; }

.location-marker {
  font-family: "DIN Next W01", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
  font-size: 16px;
  padding: 8px; }
  .location-marker-button {
    display: inline-block;
    color: #FFFFFF;
    background: #1565C0;
    padding: 4px 8px;
    border-radius: 0.25em; }
    .location-marker-button:hover {
      color: #FFFFFF;
      background: #1E88E5; }

.attribute {
  margin-bottom: 0.75em; }
  .attribute-legend-wrap {
    font-size: 0.875em;
    margin-bottom: 0.5714285714em;
    line-height: 1;
    display: flex;
    justify-content: space-between;
    align-items: center; }
  .attribute-legend-modal {
    font-weight: 700;
    color: #1E88E5;
    cursor: pointer; }
    .attribute-legend-modal:hover {
      color: #42A5F5; }
    .attribute-legend-modal:active {
      color: #1976D2; }
  .attribute__legend {
    font-weight: 700; }
  .attribute__logo {
    margin-bottom: 0.75em; }
  .attribute__product {
    text-align: center;
    background: #FFFFFF;
    border: 2px solid #383634;
    border-radius: 0.25em;
    padding: 0.75em;
    margin-bottom: 1.5em;
    cursor: default; }
  .attribute__list {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    margin: 0 0 0 -0.75em; }
  .attribute__list--full .attribute__item {
    width: 100%; }
  .attribute__list--halves .attribute__item {
    width: 50%; }
  .attribute__list--thirds .attribute__item {
    width: 33.33%; }
  .attribute__list--fifths .attribute__item {
    width: 20%; }
  .attribute__item {
    display: flex;
    flex: 1 0 auto;
    padding: 0 0 0.75em 0.75em; }
    .attribute__item:first-child {
      margin-left: 0; }

.option-tile {
  display: flex;
  flex: 1;
  cursor: pointer;
  justify-content: center;
  align-items: center;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  padding: 0.5em;
  border: 2px solid #EEEEEE;
  border-radius: 0.25em;
  background: #FCFCFC; }
  .option-tile:hover:not(.is-disabled) {
    border-color: #D8D8D5;
    background: #FFFFFF; }
  .option-tile.is-disabled {
    cursor: default; }
    .option-tile.is-disabled:not(.is-current) {
      opacity: 0.3; }
  .option-tile.is-current, .option-tile.is-current:hover, .option-tile.is-current.is-disabled {
    border-color: #383634;
    background: #FFFFFF; }
  .option-tile--color {
    justify-content: flex-start; }
  .option-tile__text {
    text-align: center;
    line-height: 1;
    color: #525252; }
  .option-tile.is-current .option-tile__text {
    font-weight: 500; }
  .option-tile--color .option-tile__text {
    text-align: left; }
  .option-tile:hover .option-tile__text {
    color: #383634; }
  .option-tile.is-current .option-tile__text {
    color: #1D1B19; }
  .option-tile  .product-logo {
    color: #525252; }
  .option-tile  .product-logo__suffix--box {
    background: #525252; }
  .option-tile__label {
    line-height: 1.2; }
  .option-tile--color .option-tile__label {
    font-size: 0.875em; }
  .option-tile__details {
    font-weight: 500;
    font-size: 0.75em;
    margin-top: 0.8333333333em;
    opacity: 0.5;
    line-height: 1.2; }
  .option-tile.is-current .option-tile__details {
    font-weight: 700; }
  .option-tile__price {
    line-height: 1.2;
    font-size: 1em;
    margin-top: 0.375em; }
    .option-tile__price--original {
      font-size: 0.875em;
      color: #9E9E9E;
      text-decoration: line-through;
      margin-top: 0.5714285714em; }
  .option-tile .product-logo {
    margin-bottom: -4px; }

.swatch {
  display: block;
  width: 1.5em;
  height: 1.5em;
  flex-shrink: 0;
  border-radius: 0.25em; }
  .swatch-wrap {
    display: flex;
    align-items: center;
    justify-content: flex-start; }
  .swatch--left {
    margin-right: 0.5em; }
    .swatch--left.swatch--small {
      margin-right: 0.25em; }
  .swatch--right {
    margin-left: 0.5em; }
  .swatch--small {
    width: 0.75em;
    height: 0.75em;
    border-radius: 0.125em; }
  .swatch--spec {
    display: inline-block;
    width: 0.875em;
    height: 0.875em;
    border-radius: 50%; }
    .swatch--spec:not(:last-of-type) {
      margin-right: 0.5em; }
  .swatch--white {
    background-color: #EAEAEA; }
  .swatch--gray {
    background-color: #8E9090; }
  .swatch--black {
    background-color: #1D1B19; }
  .swatch--maroon {
    background-color: #8B2332; }
  .swatch--red {
    background-color: #D8262E; }
  .swatch--orange {
    background-color: #FF4C00; }
  .swatch--stringking-yellow {
    background-color: #E1A811; }
  .swatch--yellow {
    background-color: #FFCA22; }
  .swatch--volt {
    background-color: #D0FF00; }
  .swatch--lime {
    background-color: #3CD52E; }
  .swatch--forest {
    background-color: #026937; }
  .swatch--carolina {
    background-color: #6DABE4; }
  .swatch--royal {
    background-color: #0055B8; }
  .swatch--navy {
    background-color: #041E41; }
  .swatch--purple {
    background-color: #520A76; }
  .swatch--pink {
    background-color: #FF3FB4; }
  .swatch--raw {
    background-color: #E9DDC6; }
  .swatch--nickel {
    background-color: #D3C7B9; }
  .swatch--silver {
    background-color: #D7D6D8; }
  .swatch--chrome {
    background-color: #E9E9E9; }
  .swatch--zinc {
    background-color: #BBB6B0; }
  .swatch--black-nickel {
    background-color: #564E4E; }
  .swatch__top-half, .swatch__bottom-half {
    display: block;
    width: 1.5em;
    height: 0.6875em; }
  .swatch__top-half {
    border-top-left-radius: 0.25em;
    border-top-right-radius: 0.25em;
    margin-bottom: 0.125em; }
  .swatch__bottom-half {
    border-bottom-left-radius: 0.25em;
    border-bottom-right-radius: 0.25em; }
  .swatch__left-half, .swatch__right-half {
    display: inline-block;
    height: 1.5em;
    width: 0.6875em; }
  .swatch__left-half {
    border-top-left-radius: 0.25em;
    border-bottom-left-radius: 0.25em;
    margin-right: 0.125em; }
  .swatch__right-half {
    border-top-right-radius: 0.25em;
    border-bottom-right-radius: 0.25em; }

.component:not(:last-child) {
  margin-bottom: 1.5em; }

.component-group--minimal {
  border-radius: 0.25em;
  padding: 1.25em 1em;
  margin-bottom: 1.25em;
  background: #F8F8F8; }

.component__selection {
  display: flex;
  justify-content: space-between;
  margin-bottom: 0.5em; }

.component__options {
  display: flex;
  justify-content: space-between; }

.component__change {
  cursor: pointer; }

.selection {
  display: flex; }
  .selection__text {
    font-size: 0.875em;
    position: relative;
    top: 0.2142857143em;
    font-weight: 500; }
  .selection__swatch {
    border: none; }
  .selection.no-selection .selection__swatch {
    color: #BDBDBD;
    border: 0.125em solid #BDBDBD;
    line-height: 1.4375em; }
  .selection.no-selection .selection__text,
  .selection.is-sold-out .selection__text {
    color: #BDBDBD; }
  .selection.is-sold-out .selection__swatch {
    border-width: 0.125em;
    border-style: solid;
    line-height: 1.4375em; }
  .selection__sold-out {
    color: #1D1B19;
    font-weight: 700; }

.option-dot {
  display: block;
  cursor: pointer;
  border-radius: 50%;
  height: 1.5em;
  width: 1.5em;
  padding: 0.1875em;
  border: 0.125em solid transparent; }
  .option-dot:hover {
    border-color: #9E9E9E; }
  .option-dot.is-current {
    border-color: #1D1B19; }
  .option-dot.is-disabled, .option-dot.is-disabled:hover {
    cursor: default;
    border-color: transparent; }
    .option-dot.is-disabled.is-current, .option-dot.is-disabled:hover.is-current {
      border-color: #D8D8D5; }
  .option-dot__input {
    display: none; }
  .option-dot__swatch {
    display: block;
    height: 0.875em;
    width: 0.875em;
    border-radius: 50%; }
  .option-dot.is-disabled .option-dot__swatch {
    border-width: 0.125em;
    border-style: solid; }

.retail-link {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative; }
  .retail-link img {
    width: auto;
    height: auto;
    max-width: 6.25em;
    max-height: 80%; }
  .retail-link svg {
    display: block;
    position: absolute;
    top: 0.375em;
    right: 0.375em;
    width: 0.6em;
    height: 0.6em;
    fill: #1D1B19; }

.add-to-cart-note, .preorder-date, .backorder-date, .low-stock-note {
  text-align: center;
  font-weight: 700;
  margin-bottom: 12px;
  padding: 8px;
  border-radius: 4px;
  color: #0D47A1;
  background: #E3F2FD; }

.preorder-date {
  color: #1B5E20;
  background: #E8F5E9; }

.backorder-date {
  color: #B71C1C;
  background: #FFEBEE; }

.low-stock-note {
  color: #E65100;
  background: #FFF3E0; }

.wholesale {
  background: #EEEEEE;
  /*
	 * OLD STYLES
	 */ }
  .wholesale-category-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 1.5em;
    font-weight: 700;
    padding: 0 0.5em; }
    .wholesale-category-header-market {
      opacity: 0.3;
      font-weight: 400; }
  .wholesale-wrap {
    margin: 0 auto;
    color: #383634;
    position: relative; }
  .wholesale-order-list-item {
    display: block;
    background: #FCFCFC;
    border-radius: 0.375em;
    color: #383634;
    box-shadow: 0 0 0 1px rgba(50, 50, 93, 0.05), 0 2px 5px 0 rgba(50, 50, 93, 0.08), 0 1px 1.5px 0 rgba(0, 0, 0, 0.07), 0 1px 2px 0 rgba(0, 0, 0, 0.08); }
    .wholesale-order-list-item-row {
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 1em; }
      .wholesale-order-list-item-row:not(:first-child) {
        border-top: 1px solid #EEEEEE; }
    .wholesale-order-list-item:not(:first-child) {
      margin-top: 1.5em; }
    .wholesale-order-list-item:hover {
      background: #FFFFFF;
      color: #1D1B19;
      box-shadow: 0 0 0 1px rgba(50, 50, 93, 0.05), 0 2px 5px 0 rgba(50, 50, 93, 0.1), 0 5px 10px 0 rgba(50, 50, 93, 0.08), 0 1px 1.5px 0 rgba(0, 0, 0, 0.08), 0 1px 2px 0 rgba(0, 0, 0, 0.08); }
    .wholesale-order-list-item-type {
      color: #D8D8D5;
      font-weight: 500;
      font-size: 0.75em; }
    .wholesale-order-list-item-title {
      display: flex;
      align-items: center;
      margin-bottom: 0.25em; }
      .wholesale-order-list-item-title h3 {
        font-size: 1.25em;
        font-weight: 500;
        position: relative;
        top: 2px; }
    .wholesale-order-list-item-status {
      margin-left: 0.5em; }
    .wholesale-order-list-item-description {
      font-size: 0.75em;
      color: #9E9E9E; }
    .wholesale-order-list-item-right {
      text-align: right; }
    .wholesale-order-list-item-qty {
      font-size: 0.875em;
      color: #9E9E9E; }
    .wholesale-order-list-item-cost {
      font-size: 1.125em;
      font-weight: 500; }
  .wholesale-order-list-sub-section-title {
    padding: 0.6153846154em 1.2307692308em 0.5274725275em;
    font-size: 0.8125em;
    background: #EEEEEE;
    color: #9E9E9E;
    font-weight: 700; }
  .wholesale-order-message {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0.98;
    font-weight: 500;
    font-size: 1.5em;
    color: #FFFFFF;
    box-shadow: 0 -2px 16px 0 rgba(50, 50, 93, 0.2);
    text-align: center; }
    .wholesale-order-message-incomplete {
      background: #E53935; }
    .wholesale-order-message-save {
      background: #1E88E5; }
    .wholesale-order-message-submit {
      background: #FB8C00; }
    .wholesale-order-message-draft {
      background: #757575; }
  .wholesale-summary {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 800;
    background: #FFFFFF;
    border-top: 1px solid #D8D8D5;
    padding: 1.5em 2.25em;
    box-shadow: 0 -2px 16px 0 rgba(50, 50, 93, 0.2); }
    .wholesale-summary-wrap {
      display: flex;
      align-items: center;
      justify-content: space-between;
      max-width: 88em;
      margin: 0 auto;
      min-height: 4.5em; }
    .wholesale-summary-right {
      display: flex; }
    .wholesale-summary-totals {
      text-align: right;
      font-size: 1.125em; }
    .wholesale-summary-actions {
      display: flex;
      align-items: center;
      margin-left: 2.25em; }
    .wholesale-summary-search {
      width: 30em; }
  .wholesale-header {
    max-width: 57.5em;
    margin: 0 auto 2.25em;
    padding: 2.25em;
    background: #FFFFFF;
    border-radius: 0.375em;
    box-shadow: 0 7px 14px 0 rgba(50, 50, 93, 0.1), 0 3px 6px 0 rgba(0, 0, 0, 0.07); }
    .wholesale-header-header {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding-bottom: 1.5em;
      margin-bottom: 1.5em;
      border-bottom: 1px solid #EEEEEE; }
    .wholesale-header-title {
      font-size: 2em;
      font-weight: 500; }
    .wholesale-header-description {
      color: #9E9E9E; }
    .wholesale-header-status {
      display: flex;
      flex-direction: column;
      align-items: flex-end; }
      .wholesale-header-status-message {
        font-size: 0.875em;
        margin-top: 0.5714285714em;
        color: #9E9E9E;
        font-weight: 500;
        text-align: right;
        margin-bottom: 0; }
    .wholesale-header label {
      display: block;
      margin-top: 0.5em; }
      .wholesale-header label input {
        width: 100%; }
    .wholesale-header-field-group:not(:first-child) {
      margin-top: 2.25em; }
  .wholesale-category-x {
    padding: 2.25em;
    margin: 2.25em auto;
    border-top: 2px solid #D8D8D5; }
    .wholesale-category-x-header {
      display: flex;
      align-items: center;
      justify-content: space-between;
      max-width: 88em;
      margin: 0 auto;
      padding: 0 1.5em; }
    .wholesale-category-x-name {
      font-size: 1.5em;
      font-weight: 500; }
    .wholesale-category-x-totals {
      text-align: right; }
  .wholesale-product {
    border-radius: 0.375em;
    max-width: 88em;
    margin: 2.25em auto 0 auto;
    background: #FFFFFF;
    box-shadow: 0 7px 14px 0 rgba(50, 50, 93, 0.1), 0 3px 6px 0 rgba(0, 0, 0, 0.07); }
    .wholesale-product-header {
      display: flex;
      justify-content: space-between; }
    .wholesale-product-logo {
      margin-bottom: 0.5em; }
    .wholesale-product-tagline {
      font-size: 1.125em; }
    .wholesale-product-info {
      display: flex;
      align-items: center;
      flex-grow: 1;
      justify-content: space-between; }
      .wholesale-product-info-left {
        display: flex;
        align-items: center;
        padding: 0.75em 1.5em; }
      .wholesale-product-info-right {
        text-align: right;
        margin-left: auto;
        padding: 0 1.5em; }
      .wholesale-product-info-totals {
        display: flex;
        flex-direction: column;
        justify-content: center;
        text-align: right;
        background: #FCFCFC;
        height: 100%;
        border-left: 1px solid #EEEEEE;
        padding: 0.75em 1.5em;
        font-size: 0.875em;
        border-top-right-radius: 0.375em; }
    .wholesale-product-thumb {
      width: 7.5em;
      height: 7.5em;
      margin-right: 1.5em; }
    .wholesale-product-name {
      font-size: 1.25em;
      font-weight: 700; }
    .wholesale-product-total {
      margin-top: 0.25em; }
  .wholesale-variations {
    width: 100%;
    background: #FFFFFF;
    border-bottom-left-radius: 0.375em;
    border-bottom-right-radius: 0.375em;
    border-top: 1px solid #EEEEEE;
    position: relative; }
    .wholesale-variations-wrap {
      width: 100%; }
    .wholesale-variations-table {
      width: 100%; }
    .wholesale-variations-header {
      font-weight: 700; }
      .wholesale-variations-header th {
        padding-top: 1em;
        padding-bottom: 1em; }
    .wholesale-variations-loading {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      z-index: 500;
      background: rgba(255, 255, 255, 0.75);
      cursor: default;
      display: flex;
      align-items: center;
      justify-content: center;
      pointer-events: none;
      border-bottom-left-radius: 0.375em;
      border-bottom-right-radius: 0.375em; }
  .wholesale-variation {
    border-top: 1px solid #EEEEEE;
    cursor: default;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none; }
    .wholesale-variation:last-child td:first-child {
      border-bottom-left-radius: 0.375em; }
    .wholesale-variation:last-child td:last-child {
      border-bottom-right-radius: 0.375em; }
    .wholesale-variation-thumb {
      display: block;
      width: 2.8571428571em;
      height: 2.8571428571em;
      border-radius: 0.2857142857em; }
      .wholesale-variation-thumb-wrap {
        display: flex;
        align-items: center;
        justify-content: flex-start; }
    .wholesale-variation:not(.highlight):hover {
      background: #F8F8F8; }
  .wholesale-column {
    font-size: 0.875em;
    text-align: left;
    vertical-align: middle;
    padding: 0.25em; }
    .wholesale-column--first {
      padding-left: 1.7142857143em; }
    .wholesale-column--last {
      padding-right: 1.7142857143em; }
    .wholesale-column--thumb {
      width: 2.8571428571em; }
      .wholesale-column--thumb svg {
        margin-left: 1.7142857143em; }
    .wholesale-column--upc {
      cursor: text;
      -webkit-user-select: all;
         -moz-user-select: all;
          -ms-user-select: all;
              user-select: all;
      width: 6em;
      white-space: nowrap; }
    .wholesale-column--flag {
      width: 20px;
      padding-right: 1.7142857143em; }
    .wholesale-column--color {
      color: #1D1B19 !important; }
    .wholesale-column--qty {
      text-align: center; }
    .wholesale-column--right {
      text-align: right; }
  .wholesale-qty-input {
    width: 5.1428571429em;
    text-align: right; }
  .wholesale-label {
    color: #9E9E9E; }
  .wholesale-value {
    font-weight: 700; }
  .wholesale-learn-more {
    color: #1E88E5;
    transition: none;
    font-size: 0.875em;
    margin-top: 0.5714285714em; }
    .wholesale-learn-more-icon svg {
      height: 1em;
      margin-left: 0.1428571429em;
      fill: #1E88E5;
      position: relative;
      top: 0.1428571429em; }
    .wholesale-learn-more:hover {
      color: #42A5F5; }
    .wholesale-learn-more:hover .wholesale-learn-more-icon svg {
      fill: #42A5F5; }
    .wholesale-learn-more:active {
      color: #1565C0; }
    .wholesale-learn-more:active .wholesale-learn-more-icon svg {
      fill: #1565C0; }
  .wholesale-pricing-market:not(:first-child) {
    margin-top: 1.5em; }
  .wholesale-pricing-market-title {
    font-size: 1.25em;
    font-weight: 500;
    border-bottom: 2px solid #D8D8D5;
    padding: 0 0.4em 0.4em 0.4em;
    display: flex;
    align-items: center;
    justify-content: space-between; }
  .wholesale-pricing-market-margin {
    font-size: 0.8em; }
  .wholesale-pricing-category {
    border-bottom: 1px solid #D8D8D5;
    padding: 0.5em; }
    .wholesale-pricing-category-title {
      font-weight: 500; }
  .wholesale-pricing-product {
    font-size: 0.875em;
    padding-top: 0.4285714286em; }
  .wholesale-pricing-variation {
    padding-top: 0.4285714286em;
    padding-left: 0.5714285714em;
    color: #757575; }
  .wholesale-flag-legend {
    padding: 0 2.25em;
    margin: 3.75em auto;
    max-width: 92.5em; }
  .wholesale-flag-tile {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 0.25em;
    padding: 0.75em;
    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none; }
    .wholesale-flag-tile:not(:first-child) {
      margin-top: 0.75em; }
  .wholesale-flag-icon {
    margin-right: 0.75em; }
  .wholesale-flag-details {
    flex-grow: 1; }
  .wholesale-flag-label {
    font-size: 1em;
    font-weight: 700; }
  .wholesale-flag-description {
    font-weight: 400;
    font-size: 0.875em; }
  .wholesale-flag-action {
    opacity: 0;
    margin-left: 0.75em; }
  .wholesale-flag-tile:hover .wholesale-flag-action {
    opacity: 1; }
  .wholesale-orders {
    max-width: 88em;
    margin: 3em auto; }
    .wholesale-orders-title {
      font-size: 1.25em;
      font-weight: 500;
      text-align: center; }

.ws-highlight {
  font-weight: 500; }
  .ws-highlight svg {
    width: 20px;
    height: 20px; }
  .ws-highlight-amber {
    background: rgba(254, 248, 238, 0.6);
    color: #ef9607; }
    .ws-highlight-amber:hover {
      background: #fdf4e4; }
    .ws-highlight-amber svg {
      fill: #ef9607; }
    .ws-highlight-amber.is-active {
      background: #ef9607;
      color: #fdf4e4; }
      .ws-highlight-amber.is-active svg {
        fill: #fdf4e4; }
  .ws-highlight-purple {
    background: rgba(237, 231, 246, 0.4);
    color: #4527A0; }
    .ws-highlight-purple:hover {
      background: #ede7f6; }
    .ws-highlight-purple svg {
      fill: #4527A0; }
    .ws-highlight-purple.is-active {
      background: #4527A0;
      color: #ede7f6; }
      .ws-highlight-purple.is-active svg {
        fill: #ede7f6; }
  .ws-highlight-green {
    background: rgba(232, 245, 233, 0.4);
    color: #2E7D32; }
    .ws-highlight-green:hover {
      background: #e8f5e9; }
    .ws-highlight-green svg {
      fill: #2E7D32; }
    .ws-highlight-green.is-active {
      background: #2E7D32;
      color: #e8f5e9; }
      .ws-highlight-green.is-active svg {
        fill: #e8f5e9; }
  .ws-highlight-red {
    background: rgba(255, 235, 238, 0.4);
    color: #C62828; }
    .ws-highlight-red:hover {
      background: #ffebee; }
    .ws-highlight-red svg {
      fill: #C62828; }
    .ws-highlight-red.is-active {
      background: #C62828;
      color: #ffebee; }
      .ws-highlight-red.is-active svg {
        fill: #ffebee; }
  .ws-highlight-blue {
    background: rgba(227, 242, 253, 0.4);
    color: #1565C0; }
    .ws-highlight-blue:hover {
      background: #e3f2fd; }
    .ws-highlight-blue svg {
      fill: #1565C0; }
    .ws-highlight-blue.is-active {
      background: #1565C0;
      color: #e3f2fd; }
      .ws-highlight-blue.is-active svg {
        fill: #e3f2fd; }

.flag-icon {
  font-size: 0;
  cursor: help; }

.cross-through {
  opacity: 0.5;
  text-decoration: line-through; }

/**
 * UI
 */
.ui-dropdown-menu {
  position: absolute;
  z-index: 900;
  background: transparent; }

.ui-dropdown-arrow {
  background: #FFFFFF;
  width: 20px;
  height: 20px;
  display: block;
  position: absolute;
  transform: rotate(45deg);
  border-radius: 4px;
  z-index: 901;
  display: none; }

.ustring-card {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex: 1;
  background: #F8F8F8;
  padding: 1em;
  position: relative; }
  .ustring-card--favorite {
    background: #FEF8EE; }
  .ustring-card--link {
    box-shadow: 0 0 0.25em rgba(29, 27, 25, 0.15); }
    .ustring-card--link:hover {
      background: #FCFCFC;
      box-shadow: 0 0 0.5em rgba(29, 27, 25, 0.15); }
  .ustring-card-title {
    text-align: center; }
  .ustring-card-label {
    display: inline-block;
    color: #FFFFFF;
    height: 2.6666666667em;
    line-height: 2.8333333333em;
    font-weight: 700;
    font-size: 0.75em;
    background: #9E9E9E;
    padding: 0 0.5em 0 0.625em;
    border-radius: 0.25em; }
  .ustring-card-row {
    width: 100%;
    text-align: center;
    margin-top: 1em;
    margin-bottom: 0; }
    .ustring-card-row--border-top {
      padding-top: 1em;
      border-top: 1px solid #D8D8D5; }
    .ustring-card-row--border-bottom {
      padding-bottom: 1em;
      border-bottom: 1px solid #D8D8D5; }
  .ustring-card-favorite {
    position: absolute;
    bottom: 4em;
    right: 1em; }

.favorite-logo-wrap {
  display: inline-block; }

.favorite-logo--small {
  text-align: center; }

.favorite-logo--small svg {
  fill: #F5BD47;
  height: 1em; }

.favorite-logo-text {
  white-space: nowrap; }

.favorite-logo--small .favorite-logo-text {
  display: block;
  color: #F5BD47;
  line-height: 1;
  font-weight: 700;
  position: relative;
  font-size: 0.75em; }

.favorite-logo--large {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #1D1B19;
  padding: 0.5em;
  border-radius: 0.25em; }

.favorite-logo--large svg {
  fill: #FFFFFF;
  height: 1em; }

.favorite-logo--large .favorite-logo-text {
  font-size: 0.75em;
  color: #FFFFFF;
  line-height: 1;
  margin-left: 0.6666666667em;
  font-weight: 700;
  position: relative;
  top: 0.0833333333em; }

.filter-link {
  display: flex;
  border-radius: 6px;
  padding: 0 12px;
  margin-right: -12px;
  white-space: nowrap; }

.filter-label {
  height: 32px;
  line-height: 32px;
  margin-right: 0.25em;
  font-size: 14px;
  font-weight: 700;
  color: #383634; }

.filter-field {
  font-size: 12px;
  color: #9E9E9E; }

.filter-link:active {
  background: #dfdfdf; }

.filter-link.is-active {
  background: #e4e4e4; }

.head-name {
  display: flex; }
  .head-name--vertical {
    flex-direction: column; }

.head-brand, .head-model {
  line-height: 1.3;
  text-transform: uppercase;
  white-space: nowrap;
  font-weight: 400; }
  .head-brand--sm, .head-model--sm {
    font-size: 1em; }
  .head-brand--md, .head-model--md {
    font-size: 1.25em; }
  .head-brand--lg, .head-model--lg {
    font-size: 1.5em; }
  .head-brand--xl, .head-model--xl {
    font-size: 2em; }
  @media (max-width: 72em) {
    .head-brand--sm, .head-model--sm {
      font-size: 1em; }
    .head-brand--md, .head-model--md {
      font-size: 1.125em; }
    .head-brand--lg, .head-model--lg {
      font-size: 1.25em; }
    .head-brand--xl, .head-model--xl {
      font-size: 1.5em; } }

.head-brand {
  color: #BDBDBD; }
  .head-brand--block {
    display: block; }

.head-model {
  color: #1D1B19; }

.head-image {
  display: block;
  margin: 0 auto;
  max-height: 22.5em;
  max-width: 100%; }
  .head-image--small {
    height: 18em; }

.head-info {
  display: flex;
  justify-content: space-between;
  width: 100%;
  font-size: 1em;
  color: #1D1B19;
  font-weight: 500; }
  .head-info-attribute:first-of-type {
    text-align: left; }
  .head-info-attribute:last-of-type {
    text-align: right; }
  .head-info-attribute-label {
    display: block;
    font-size: 0.75em;
    color: #9E9E9E; }

.mesh-chooser {
  position: relative;
  text-align: center; }
  .mesh-chooser-mask {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 500; }
  .mesh-chooser-select {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    height: 3.5em;
    background: #FFFFFF;
    border: 2px solid transparent;
    border-radius: 6px;
    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none; }
    .mesh-chooser-select:active {
      background: #F8F8F8; }
    .mesh-chooser-select-chevron {
      position: absolute;
      z-index: 700;
      right: 0.875em;
      top: 0.875em; }
      .mesh-chooser-select-chevron svg {
        width: 0.75em;
        height: 1.375em;
        fill: #525252; }
  .mesh-chooser-current {
    display: inline-block; }
  .mesh-chooser-list {
    display: none;
    position: absolute;
    z-index: 600;
    top: 0;
    width: 100%;
    border-radius: 6px;
    box-shadow: 0 0 0.75em rgba(29, 27, 25, 0.2);
    border: 2px solid #1E88E5;
    background: #F8F8F8; }
    .mesh-chooser-list.is-showing {
      display: block; }
  .mesh-chooser-item {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 53px;
    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none; }
    .mesh-chooser-item-text {
      font-size: 1.125em;
      color: #525252; }
      @media (max-width: 72em) {
        .mesh-chooser-item-text {
          font-size: 1em; } }
    .mesh-chooser-item:first-child {
      border-radius: 6px 6px 0 0; }
    .mesh-chooser-item:last-child {
      border-radius: 0 0 6px 6px; }
    .mesh-chooser-item:not(:last-child) {
      border-bottom: 1px solid #EEEEEE; }
    .mesh-chooser-item:hover, .mesh-chooser-item.is-current {
      background: #FFFFFF;
      opacity: 1; }
    .mesh-chooser-item.is-current {
      cursor: default; }

.hole, .diamond, .mesh-row {
  color: #FFF;
  font-weight: bold;
  text-align: center; }

.pattern:not(:first-child) {
  border-top: 1px solid #DDD;
  padding-top: 12px;
  margin-top: 12px; }

.pattern-section + .pattern-section {
  margin-top: 1em;
  padding-top: 1em;
  border-top: 1px solid #D8D8D5; }

.pattern-row {
  display: flex;
  align-items: center;
  justify-content: space-between; }
  .pattern-row:not(:first-child) {
    margin-top: 4px; }

.pattern-name {
  font-weight: bold;
  font-size: 16px; }

.pattern-heading {
  font-size: 1.25em;
  margin-bottom: 0.4em;
  font-weight: 500; }

.pattern-status {
  text-align: right; }

.pattern-view {
  text-align: right; }

.pattern-timestamp {
  font-style: italic;
  color: #AAA; }

.pattern-label {
  color: #FFF;
  background: #2196F3;
  font-weight: bold;
  display: inline-block;
  padding: 2px 6px;
  border-radius: 3px; }

.pattern-up {
  margin-left: 28px; }

.hole {
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  line-height: 1.625em;
  margin: 0.25em 0;
  border-radius: 50%; }
  .hole--topstring {
    background: #F5BD47; }
  .hole--sidewall {
    background: #E33D2E; }

.diamond {
  display: inline-block;
  line-height: 1.375em;
  padding: 0.5em 0.6875em;
  position: relative;
  z-index: 1; }
  .diamond:after {
    content: '';
    width: 1.375em;
    height: 1.375em;
    border-radius: 3px;
    position: absolute;
    z-index: -1;
    top: 50%;
    left: 50%;
    margin-left: -0.6875em;
    margin-top: -0.75em;
    background: inherit;
    transform: rotate(45deg); }
  .diamond--whole:after {
    background: #2196F3; }
  .diamond--half:after {
    background: #4CAF50; }

.mesh-row {
  display: inline-block;
  padding: 2px 6px;
  border-radius: 3px; }
  .mesh-row--whole {
    background: #2196F3; }
  .mesh-row--half {
    background: #4CAF50; }

.pocket-forwarding {
  margin-left: 0.125em; }
  .pocket-forwarding svg {
    height: 0.75em;
    fill: #2196F3; }

.pocket-grid {
  flex: 1 0 300px; }

.pocket-tile {
  display: block;
  position: relative;
  border: 2px solid #D8D8D5;
  background: #FFFFFF; }
  .pocket-tile--sk-not-available {
    background: #F8F8F8; }
  .pocket-tile--publish:hover {
    border-color: #BDBDBD; }
  .pocket-tile--publish:active {
    -webkit-filter: brightness(90%);
            filter: brightness(90%); }
  .pocket-tile--dynamic {
    padding-bottom: 3.75em; }
  .pocket-tile--dynamic .pocket-tile-info {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0; }
  .pocket-tile--favorite {
    border-color: #F9DAA9; }
    .pocket-tile--favorite:hover {
      border-color: #F5BD47; }
  .pocket-tile-title {
    text-align: center;
    margin: 1em 0.5em 0.5em 0.5em; }
  .pocket-tile-image {
    position: relative;
    z-index: 200;
    margin-bottom: -1.875em;
    overflow: hidden; }
  .pocket-tile-info {
    position: relative;
    border-top: 1px solid #EEEEEE;
    background: #F8F8F8;
    height: 3.75em;
    overflow-y: hidden;
    border-radius: 0 0 4.5px 4.5px;
    z-index: 400; }
    .pocket-tile-info--head {
      display: flex;
      align-items: center;
      padding: 0 1em;
      height: 2.8125em; }
    .pocket-tile-info-row {
      display: flex;
      align-items: center;
      justify-content: center;
      height: 3.75em; }
    .pocket-tile-info-more {
      border-top: 1px solid #EEEEEE;
      padding: 1em; }
    .pocket-tile-info-text {
      font-weight: 500;
      font-size: 1em;
      padding: 0.5em; }
  .pocket-tile--favorite .pocket-tile-info {
    border-color: #F9DAA9;
    background: #FEF8EE; }
  .pocket-tile-favorite {
    position: absolute;
    bottom: 2.875em;
    right: 1em;
    z-index: 300; }

.pocket-name {
  font-size: 1.5em;
  white-space: nowrap; }
  @media (max-width: 72em) {
    .pocket-name {
      font-size: 1.125em; } }
  .pocket-name--placeholder span {
    color: #BDBDBD; }
  .pocket-name--large {
    font-size: 2em; }

.pocket-pocket_type {
  font-weight: 700; }

.pocket-text, .pocket-pocket_type {
  line-height: 1.3;
  text-transform: uppercase;
  color: #1D1B19; }
  .pocket-text--sm, .pocket-pocket_type--sm {
    font-size: 1em; }
  .pocket-text--md, .pocket-pocket_type--md {
    font-size: 1.25em; }
  .pocket-text--lg, .pocket-pocket_type--lg {
    font-size: 1.5em; }
  .pocket-text--xl, .pocket-pocket_type--xl {
    font-size: 2em; }

.pocket-thumbnail {
  display: block;
  height: 28em;
  width: auto;
  flex-shrink: 0;
  margin: 0 auto; }
  .pocket-thumbnail--large {
    height: 50em; }
  .pocket-thumbnail--placeholder {
    opacity: 0.5; }

.pocket-info-box {
  display: flex;
  flex-direction: column;
  align-items: center; }

.pocket-info {
  width: 100%;
  text-align: center; }

.pocket-profile {
  max-width: 80em;
  margin: 1.5em auto 0;
  padding: 0 1.5em; }

.pocket-sibling {
  display: block;
  font-size: 1em;
  height: 2.125em;
  line-height: 2em;
  padding: 0 0.75em;
  margin-right: 0.75em;
  border: 2px solid #D8D8D5;
  border-radius: 6px;
  font-weight: 700;
  color: #757575;
  background: #FFFFFF; }
  .pocket-sibling-wrap {
    display: flex;
    justify-content: center; }
  .pocket-sibling:hover {
    color: #383634;
    border-color: #9E9E9E; }
  .pocket-sibling--current, .pocket-sibling--current:hover {
    color: #1D1B19;
    border-color: #1D1B19;
    cursor: default; }
  .pocket-sibling--disabled, .pocket-sibling--disabled:hover {
    color: #D8D8D5;
    background: #F8F8F8;
    border-color: #EEEEEE;
    cursor: default; }

.pocket-rating {
  display: flex;
  align-items: center; }
  .pocket-ratings--short {
    display: flex;
    justify-content: space-between;
    width: 100%; }
  .pocket-ratings--short .pocket-rating {
    flex-basis: 25%;
    flex-direction: column; }
  .pocket-ratings--full .pocket-rating {
    justify-content: space-between;
    border-bottom: 1px solid #D8D8D5;
    padding: 0.75em 0.5em 0.625em; }
  .pocket-ratings--full .pocket-rating:first-child {
    border-top: 1px solid #D8D8D5; }
  .pocket-rating-field {
    font-size: 0.8125em;
    line-height: 1;
    font-weight: 500;
    color: #9E9E9E; }
    .pocket-rating-field .rating-value-extra {
      font-weight: 700; }
    @media (max-width: 72em) {
      .pocket-rating-field {
        font-size: 0.75em; } }
  .pocket-ratings--small .pocket-rating-field {
    font-size: 0.6875em;
    font-weight: 700; }
  .pocket-rating-value {
    font-size: 1.5em;
    line-height: 1;
    color: #1D1B19;
    font-weight: 500; }
    @media (max-width: 72em) {
      .pocket-rating-value {
        font-size: 1.25em; } }
  .pocket-ratings--short .pocket-rating-value {
    order: -1;
    margin-bottom: 0.25em; }
  .pocket-rating .rating-value-adjust {
    font-weight: 700; }
  .pocket-rating.rating-value-s .pocket-rating-value,
  .pocket-rating.rating-value-x .pocket-rating-value,
  .pocket-rating.rating-value-f .pocket-rating-value {
    font-weight: 700; }
  .pocket-rating.rating-value-s .pocket-rating-field .rating-value-adjust,
  .pocket-rating.rating-value-s .pocket-rating-value {
    color: #E33D2E; }
  .pocket-rating.rating-value-x .pocket-rating-field .rating-value-adjust,
  .pocket-rating.rating-value-x .pocket-rating-value {
    color: #008FDC; }
  .pocket-rating.rating-value-f .pocket-rating-field .rating-value-adjust,
  .pocket-rating.rating-value-f .pocket-rating-value {
    color: #F5BD47; }
  .pocket-ratings--small .pocket-rating-value {
    font-size: 1em; }

.ustring-search {
  position: relative;
  width: 100%;
  margin: 0 auto; }
  .ustring-search-input {
    display: block;
    width: 100%;
    font-size: 1.375em !important;
    padding: 0 0.7272727273em 0 2.0909090909em !important;
    height: 2.5454545455em !important; }
  .ustring-search-icon {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0.125em;
    display: flex;
    align-items: center;
    padding: 0 1em; }
    .ustring-search-icon svg {
      width: 1.25em;
      height: auto;
      fill: #BDBDBD; }
  .ustring-search-input:focus + .ustring-search-icon svg {
    fill: #2196F3; }
  .ustring-search-container {
    width: 100%;
    margin: auto;
    position: absolute;
    top: 4.25em;
    max-height: 26.25em;
    background: #F8F8F8;
    border-radius: 0.25em;
    box-shadow: 0 0 0.375em rgba(29, 27, 25, 0.2);
    overflow-y: scroll;
    z-index: 600; }
  .ustring-search-item:first-child a {
    border-top-left-radius: 0.25em;
    border-top-right-radius: 0.25em; }
  .ustring-search-item:last-child a {
    border-bottom-left-radius: 0.25em;
    border-bottom-right-radius: 0.25em; }
  .ustring-search-item:not(:last-child) a {
    border-bottom: 1px solid #EEEEEE; }
  .ustring-search-item a {
    display: block;
    font-size: 1.125em;
    font-weight: 400;
    padding: 0.6666666667em 0.8888888889em;
    color: #525252;
    background: #F8F8F8; }
    .ustring-search-item a:focus {
      background: #FFFFFF;
      color: #2196F3;
      outline: none; }
  .ustring-search-empty {
    font-size: 1.25em;
    padding: 3.2em 0.8em;
    text-align: center; }

.setup-name {
  line-height: 1.3;
  text-transform: uppercase;
  white-space: nowrap;
  color: #1D1B19; }
  .setup-name--sm {
    font-size: 1em; }
  .setup-name--md {
    font-size: 1.25em; }
  .setup-name--lg {
    font-size: 1.5em; }
  .setup-name--xl {
    font-size: 2em; }

.shooter-banner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 30em;
  border-top: 1px solid #EEEEEE;
  border-bottom: 1px solid #EEEEEE;
  position: relative;
  z-index: 800; }
  .shooter-banner-wrap {
    margin-bottom: 1.5em; }
  .shooter-banner-area {
    flex-basis: 25%; }
  .shooter-banner-favorite {
    margin-top: 1.5em; }
  .shooter-banner-name {
    font-size: 2.25em;
    font-weight: 700;
    text-transform: uppercase;
    white-space: nowrap;
    margin-bottom: 0.25em; }
  .shooter-banner-description {
    text-align: center; }
  .shooter-banner-row {
    white-space: nowrap;
    display: flex;
    align-items: center; }
    .shooter-banner-row:not(:last-child) {
      margin-bottom: 0.75em; }
    .shooter-banner-row-no {
      display: inline-block;
      font-size: 1.125em;
      width: 4.5em;
      height: 1.75em;
      line-height: 1.85em;
      text-align: center;
      font-weight: 700;
      color: #FFFFFF;
      border-radius: 0.25em;
      margin-right: 0.6666666667em; }
      @media (max-width: 72em) {
        .shooter-banner-row-no {
          font-size: 1em; } }
      .shooter-banner-row-no--whole {
        background-color: #1E88E5; }
      .shooter-banner-row-no--half {
        background-color: #4CAF50; }
    .shooter-banner-row-link {
      display: flex;
      align-items: center;
      cursor: pointer; }
      .shooter-banner-row-link:hover svg {
        fill: #1E88E5; }
    .shooter-banner-row-link:hover .shooter-banner-row-type {
      color: #1E88E5; }
    .shooter-banner-row-type {
      font-size: 1.125em;
      white-space: nowrap; }
      @media (max-width: 72em) {
        .shooter-banner-row-type {
          font-size: 1em; } }
    .shooter-banner-row-video {
      display: inline-block;
      height: 1.25em;
      margin-left: 0.5em; }
      .shooter-banner-row-video svg {
        height: 1.25em;
        fill: #525252; }
  .shooter-banner-image {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: auto 100%;
    z-index: -100; }

.shooter-group {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-basis: 10%;
  flex-grow: 0; }
  .shooter-group-name {
    font-weight: 700;
    font-size: 1.5em;
    text-align: center; }

.shooter-setup {
  flex-basis: 20%;
  flex-grow: 0;
  margin-bottom: 1.5em;
  opacity: 0.6; }
  .shooter-setup-wrap {
    cursor: pointer; }
  .shooter-setup-image {
    position: relative; }
  .shooter-setup:hover {
    opacity: 0.8; }
  .shooter-setup.is-current {
    opacity: 1; }
  .shooter-setup-info {
    background: #FCFCFC;
    border: 2px solid #EEEEEE;
    border-radius: 0.25em;
    padding: 0.375em 0.75em;
    position: relative; }
    .shooter-setup-info--favorite {
      background: rgba(245, 189, 71, 0.1);
      border: 2px solid rgba(245, 189, 71, 0.4);
      border-radius: 0.25em; }
  .shooter-setup.is-current .shooter-setup-info {
    background: #FFFFFF;
    border: 2px solid #757575;
    border-radius: 0.25em;
    box-shadow: 0 0 12px rgba(29, 27, 25, 0.2); }
    .shooter-setup.is-current .shooter-setup-info--favorite {
      background: #FFFFFF;
      border: 2px solid #F5BD47;
      border-radius: 0.25em; }
  .shooter-setup-wrap:hover .shooter-setup-info {
    background: #FFFFFF;
    border: 2px solid #BDBDBD;
    border-radius: 0.25em;
    box-shadow: 0 0 8px rgba(29, 27, 25, 0.1); }
    .shooter-setup-wrap:hover .shooter-setup-info--favorite {
      background: rgba(245, 189, 71, 0.05);
      border: 2px solid rgba(245, 189, 71, 0.8);
      border-radius: 0.25em; }
  .shooter-setup.is-current .shooter-setup-wrap:hover .shooter-setup-info {
    background: #FFFFFF;
    border: 2px solid #757575;
    border-radius: 0.25em;
    box-shadow: 0 0 12px rgba(29, 27, 25, 0.2); }
    .shooter-setup.is-current .shooter-setup-wrap:hover .shooter-setup-info--favorite {
      background: #FFFFFF;
      border: 2px solid #F5BD47;
      border-radius: 0.25em; }
  .shooter-setup-name {
    text-align: center;
    font-weight: 700;
    font-size: 1.25em;
    margin-bottom: 0.25em; }
  .shooter-setup-favorite {
    position: absolute;
    bottom: 0.375em;
    right: 0.375em; }

.grabbable.vrcontainer {
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab; }

.grabbing,
.grabbing .grabbable.vrcontainer {
  cursor: move;
  cursor: -webkit-grabbing;
  cursor: grabbing; }

.threesixty {
  min-height: 36em;
  height: 100%; }
  .threesixty-wrap {
    flex: 1;
    position: relative; }
  .threesixty-status {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #EEEEEE;
    padding: 0.75em 1em;
    border-radius: 0.25em;
    box-shadow: 0 0 0.375em rgba(29, 27, 25, 0.4); }
    .threesixty-status-wrap {
      display: flex;
      justify-content: center;
      position: absolute;
      left: 0;
      right: 0;
      bottom: 1.5em;
      z-index: 400;
      pointer-events: none; }
      .threesixty-status-wrap.faded {
        opacity: 0;
        transition: all 0.2s ease-in-out; }
    .threesixty-status-text {
      font-weight: 500;
      font-size: 1em;
      color: #525252;
      position: relative;
      top: 1px; }
    .threesixty-status-icon-loading {
      margin-right: 0.75em; }
    .threesixty-status-icon-arrow {
      height: 1em; }
      .threesixty-status-icon-arrow:first-of-type {
        margin-right: 0.75em; }
      .threesixty-status-icon-arrow:last-of-type {
        margin-left: 0.75em; }
    .threesixty-status-icon-arrow svg {
      height: 100%;
      fill: #525252; }
  .threesixty-viewer {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 300; }
  .threesixty-preload {
    border-bottom: 1px solid #EEEEEE;
    margin-bottom: -1px; }
  .threesixty-image {
    display: block;
    width: 100%;
    height: auto; }

.tutorial {
  max-width: 88em;
  margin: 0 auto; }
  .tutorial-header {
    padding: 1.5em;
    background: #F8F8F8;
    border-top: 1px solid #EEEEEE;
    border-bottom: 1px solid #EEEEEE;
    text-align: center;
    border-left: 1px solid #EEEEEE;
    border-right: 1px solid #EEEEEE; }
    .tutorial-header-title {
      font-size: 2em;
      font-weight: 500; }
    .tutorial-header-description {
      text-align: center;
      font-size: 1.25em;
      line-height: 1;
      margin-top: 1.2em;
      margin-bottom: 1.2em; }
  .tutorial-skill-level.is-current {
    cursor: default; }
  .tutorial-skill-level.disabled {
    cursor: default;
    background-color: #F8F8F8; }
    .tutorial-skill-level.disabled:hover {
      border-color: #EEEEEE; }
  .tutorial-wrap {
    position: relative; }
  .tutorial-loader {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 500;
    background: rgba(255, 255, 255, 0.8);
    cursor: default;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: none;
    opacity: 0; }
    .tutorial-loader.is-visible {
      pointer-events: all;
      opacity: 1; }
  .tutorial-content {
    border-left: 1px solid #EEEEEE;
    border-right: 1px solid #EEEEEE; }
  .tutorial-footer {
    padding: 1.5em;
    background: #1D1B19;
    color: #D8D8D5;
    text-align: center; }
    .tutorial-footer-header {
      font-weight: 700;
      font-size: 1.125em;
      margin-bottom: 0.4444444444em; }
    .tutorial-footer-text {
      margin-bottom: 0;
      color: #D8D8D5; }
    .tutorial-footer-link {
      padding: 0.5em 1em;
      color: #1D1B19;
      background: #D8D8D5;
      border-radius: 0.25em;
      font-weight: 500; }
      .tutorial-footer-link:hover {
        background: #FCFCFC;
        color: #1D1B19; }
      .tutorial-footer-link:active {
        background: #D8D8D5; }
      .tutorial-footer-link-wrap {
        margin-top: 1em; }
  .tutorial-top-nav {
    display: flex;
    border-bottom: 1px solid #EEEEEE; }
    .tutorial-top-nav-link {
      display: flex;
      flex-direction: column;
      flex: 1;
      text-align: center;
      padding: 0.75em 0;
      background: #F8F8F8;
      cursor: pointer;
      -webkit-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none; }
      .tutorial-top-nav-link:not(:first-child) {
        border-left: 1px solid #EEEEEE; }
      .tutorial-top-nav-link-step {
        flex-grow: 0;
        color: #9E9E9E;
        font-weight: 500;
        font-size: 0.75em;
        margin-bottom: 0.3333333333em; }
      .tutorial-top-nav-link-title {
        display: flex;
        flex-grow: 1;
        align-items: center;
        justify-content: center;
        font-weight: 700;
        color: #525252;
        font-size: 0.875em;
        word-spacing: 75em;
        line-height: 1.2; }
      .tutorial-top-nav-link.is-current {
        cursor: default; }
      .tutorial-top-nav-link:hover, .tutorial-top-nav-link.is-current {
        background: #FFFFFF; }
      .tutorial-top-nav-link:hover .tutorial-top-nav-link-title {
        color: #1D1B19; }
      .tutorial-top-nav-link.is-current .tutorial-top-nav-link-title {
        color: #2196F3; }
  .tutorial-side-nav {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 0;
    bottom: 0;
    width: calc( ( 100% - 1024px ) / 2);
    background: #F8F8F8;
    cursor: pointer; }
    .tutorial-side-nav-prev {
      left: 0;
      border-right: 1px solid #EEEEEE; }
    .tutorial-side-nav-next {
      right: 0;
      border-left: 1px solid #EEEEEE; }
    .tutorial-side-nav svg {
      width: 1em;
      fill: #525252; }
    .tutorial-side-nav:hover {
      background: #EEEEEE; }
    .tutorial-side-nav:active {
      background: #D8D8D5; }
    .tutorial-side-nav:hover svg {
      fill: #1D1B19; }
    .tutorial-side-nav.is-disabled, .tutorial-side-nav.is-disabled:hover, .tutorial-side-nav.is-disabled:active {
      background: #F8F8F8;
      cursor: default; }
      .tutorial-side-nav.is-disabled svg, .tutorial-side-nav.is-disabled:hover svg, .tutorial-side-nav.is-disabled:active svg {
        fill: #D8D8D5; }
  .tutorial-inner-nav {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 6.25em; }
    .tutorial-inner-nav--short {
      height: auto;
      padding: 1em; }
    .tutorial-inner-nav-link {
      font-size: 0.875em;
      padding: 0.5714285714em 0.7142857143em 0.4285714286em;
      line-height: 1;
      cursor: pointer;
      background: #F8F8F8;
      color: #757575;
      border-radius: 0.25em;
      font-weight: 500;
      -webkit-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none; }
      .tutorial-inner-nav-link:not(:first-child) {
        margin-left: 0.5714285714em; }
      .tutorial-inner-nav-link:hover {
        background: #EEEEEE;
        color: #1D1B19; }
      .tutorial-inner-nav-link:active {
        background: #D8D8D5; }
      .tutorial-inner-nav-link.is-current {
        cursor: default;
        color: #FFFFFF;
        background: #2196F3; }
  .tutorial-steps {
    position: relative;
    height: 48em; }
  .tutorial-step {
    max-width: 64em;
    width: 100%;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    position: relative; }
    .tutorial-step-sign-in {
      text-align: center; }
      .tutorial-step-sign-in-text {
        font-size: 1.25em;
        padding: 0.4em; }
    .tutorial-step-loading {
      display: flex;
      align-items: center;
      justify-content: center;
      height: 100%; }
  .tutorial-image-wrap {
    position: relative;
    height: 100%; }
    .tutorial-image-wrap.is-loaded {
      position: static; }
  .tutorial-image-wrap:not(.is-loaded) .tutorial-image {
    height: 0; }
  .tutorial-image-loader {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%; }
  .tutorial-switcher {
    position: relative; }
    .tutorial-switcher-bottom-lace {
      width: 84.26%;
      margin: 0 auto;
      position: relative; }
    .tutorial-switcher-overlay {
      position: absolute;
      z-index: 400;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0; }
    .tutorial-switcher-button-wrap {
      position: absolute;
      z-index: 500; }
      .tutorial-switcher-button-wrap--top {
        top: 1.5em; }
      .tutorial-switcher-button-wrap--left {
        left: 1.5em; }
      .tutorial-switcher-button-wrap--right {
        right: 1.5em; }
      .tutorial-switcher-button-wrap--bottom {
        bottom: 1.5em; }
  .tutorial-video {
    position: relative;
    height: 15.75em; }
    .tutorial-video-control-icon {
      display: flex;
      width: 100%;
      height: 100%;
      cursor: pointer; }
      .tutorial-video-control-icon svg {
        width: 3em; }
      .tutorial-video-control-icon:hover svg {
        transform: scale(1.05); }
    .tutorial-video-player {
      width: 100%;
      height: auto;
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      z-index: 200; }
  .tutorial-shooter-setup-full {
    height: 22em;
    position: relative; }
    .tutorial-shooter-setup-full-image {
      display: block;
      height: 100%;
      width: auto; }
    .tutorial-shooter-setup-full-favorite {
      position: absolute;
      top: 1.5em;
      left: 1.5em; }
    .tutorial-shooter-setup-full-info {
      position: absolute;
      top: 1.5em;
      right: 1.5em;
      text-align: right; }
    .tutorial-shooter-setup-full-shooters {
      position: absolute;
      bottom: 1.5em;
      right: 1.5em; }
    .tutorial-shooter-setup-full-name {
      font-size: 1.5em;
      font-weight: 700;
      text-transform: uppercase;
      line-height: 1;
      margin-bottom: 1em; }
    .tutorial-shooter-setup-full-rating {
      padding: 0.375em;
      display: flex;
      align-items: center;
      justify-content: space-between; }
      .tutorial-shooter-setup-full-rating:not(:first-child) {
        border-top: 1px solid #D8D8D5; }
      .tutorial-shooter-setup-full-rating-list {
        float: right;
        background: #F8F8F8;
        padding: 0.125em 0.5em;
        border-radius: 0.25em;
        width: 6em; }
      .tutorial-shooter-setup-full-rating-field {
        font-size: 0.75em;
        line-height: 1;
        font-weight: 500;
        color: #9E9E9E; }
      .tutorial-shooter-setup-full-rating-value {
        font-size: 1em;
        line-height: 1;
        color: #1D1B19;
        font-weight: 500; }
  .tutorial-shooter-setup-shooter {
    display: flex;
    align-items: center;
    margin-top: 0.5em; }
    .tutorial-shooter-setup-shooter-row {
      font-size: 0.9375em;
      width: 4.2666666667em;
      height: 1.3333333333em;
      line-height: 1.4666666667em;
      text-align: center;
      font-weight: 700;
      color: #FFFFFF;
      border-radius: 0.25em;
      margin-right: 0.5333333333em; }
      .tutorial-shooter-setup-shooter-row--whole {
        background-color: #2196F3; }
      .tutorial-shooter-setup-shooter-row--half {
        background-color: #4CAF50; }
    .tutorial-shooter-setup-shooter-type {
      font-weight: 700;
      line-height: 1; }
  .tutorial-shooter-setup-grid {
    display: flex;
    flex-wrap: wrap;
    padding: 0 0.1875em; }
    .tutorial-shooter-setup-grid-item {
      flex-basis: 20%;
      padding: 0 0.1875em;
      cursor: pointer;
      margin-bottom: 0.375em;
      position: relative; }
    .tutorial-shooter-setup-grid-item:hover .tutorial-shooter-setup-grid-info {
      border-color: #BDBDBD; }
    .tutorial-shooter-setup-grid-image {
      display: block;
      width: 6.75em;
      height: auto; }
    .tutorial-shooter-setup-grid-favorite {
      position: absolute;
      right: 0.375em;
      top: 3.375em; }
      .tutorial-shooter-setup-grid-favorite svg {
        width: 0.75em;
        height: auto; }
    .tutorial-shooter-setup-grid-info {
      background: #F8F8F8;
      padding: 0 0.375em;
      border-radius: 0.25em;
      border: 2px solid transparent;
      position: relative;
      bottom: 0; }
    .tutorial-shooter-setup-grid-item.is-current .tutorial-shooter-setup-grid-info {
      background: #FFFFFF;
      border-color: #2196F3; }
    .tutorial-shooter-setup-grid-name {
      font-size: 0.875em;
      font-weight: 700;
      text-transform: uppercase;
      line-height: 1;
      text-align: center;
      margin-top: 0.4285714286em; }
    .tutorial-shooter-setup-grid-rating {
      padding: 0.125em;
      display: flex;
      align-items: center;
      justify-content: space-between; }
      .tutorial-shooter-setup-grid-rating:not(:first-child) {
        border-top: 1px solid #D8D8D5; }
      .tutorial-shooter-setup-grid-rating-list {
        padding: 0;
        border-radius: 0.25em;
        width: 100%; }
      .tutorial-shooter-setup-grid-rating-field {
        font-size: 0.625em;
        line-height: 1;
        font-weight: 500;
        color: #9E9E9E; }
      .tutorial-shooter-setup-grid-rating-value {
        font-size: 0.8125em;
        line-height: 1;
        color: #1D1B19;
        font-weight: 500; }

.replacement {
  text-align: center;
  display: flex; }
  .replacement-link {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 1em 1.5em;
    flex: 1;
    color: #1D1B19;
    background: #FCFCFC;
    border: 2px solid #EEEEEE;
    border-radius: 0.25em; }
    .replacement-link:hover {
      color: #1D1B19;
      background: #FFFFFF;
      border: 2px solid #BDBDBD;
      border-radius: 0.25em; }
    .replacement-link--highlight {
      background: rgba(245, 189, 71, 0.1);
      border: 2px solid rgba(245, 189, 71, 0.4);
      border-radius: 0.25em; }
      .replacement-link--highlight:hover {
        background: rgba(245, 189, 71, 0.05);
        border: 2px solid rgba(245, 189, 71, 0.8);
        border-radius: 0.25em; }
  .replacement-title {
    display: block;
    font-size: 1.125em;
    font-weight: 500;
    margin-bottom: 0; }
    .replacement-title span {
      display: block;
      font-weight: 400; }
  .replacement-subtitle {
    margin-bottom: 0; }
  .replacement-product {
    margin: 1em;
    padding: 1em;
    border-top: 1px solid #EEEEEE;
    border-bottom: 1px solid #EEEEEE; }
  .replacement-details {
    font-size: 0.875em;
    margin-top: 0.5714285714em;
    line-height: 1;
    color: #9E9E9E; }
  .replacement-warranty {
    font-size: 0.875em;
    color: #9E9E9E;
    font-weight: 500; }

.warranty-text--default p a, .warranty-link {
  color: #F5BD47;
  font-weight: 500; }
  .warranty-text--default p a:hover, .warranty-link:hover {
    color: #e39e0c; }

.warranty-logo svg {
  fill: #1D1B19;
  height: 4em; }

.warranty-section {
  padding: 4em; }

.warranty-image {
  margin-bottom: 1.5em; }

.warranty-heading {
  font-size: 1.75em;
  margin-bottom: 0.2857142857em; }

.warranty-text--default p {
  margin-bottom: 1em; }

.warranty-text--footnote p {
  font-size: 0.75em;
  color: #BDBDBD;
  font-weight: 500; }

.warranty-category {
  display: inline-block;
  margin: 0.25em;
  color: #525252;
  font-weight: 500; }
  .warranty-category:hover {
    color: #757575; }

.warranty-button {
  margin-top: 1em; }
  .warranty-button:not(:last-child) {
    margin-bottom: 2em; }