@charset "UTF-8";
/*
* ICON SETUP INSTRUCTIONS
* 1) To edit Icomoon fonts, import the /fonts/icomoon/selection.json file at this URL: https://icomoon.io/app/#/select
* 2) After making changes and generating the font, replace everything in /fonts/icomoon with the downloaded files and folders
* 3) Copy the font files from /fonts/icomoon/fonts to /static/fonts/
* 4) Copy over the contents of the style.scss and variables.scss files per instructions below
* 5) Update the icons listed in /templates/default/styleguide/icons/availableIcons.isml to account for any changes
*/
@font-face {
  font-family: "icomoon";
  src: url("../fonts/icomoon.eot?skc9fc");
  src: url("../fonts/icomoon.eot?skc9fc#iefix") format("embedded-opentype"), url("../fonts/icomoon.ttf?skc9fc") format("truetype"), url("../fonts/icomoon.woff?skc9fc") format("woff"), url("../fonts/icomoon.svg?skc9fc#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block; }

@font-face {
  font-family: 'Gotham Bold';
  src: url("../fonts/Gotham-Bold.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: block; }

@font-face {
  font-family: 'Gotham Black';
  src: url("../fonts/Gotham-Black.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: block; }

@font-face {
  font-family: 'Gotham Book';
  src: url("../fonts/Gotham-Book.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: block; }

@font-face {
  font-family: 'Gotham Condensed Book';
  src: url("../fonts/GothamCondensed-Book.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
  font-display: block; }

@font-face {
  font-family: 'GothamRnd Bold';
  src: url("../fonts/GothamRnd-Bold.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
  font-display: block; }

@font-face {
  font-family: 'Gotham Rounded Bold';
  src: url("../fonts/GOTHAMROUNDED-BOLD.OTF") format("opentype");
  font-weight: normal;
  font-style: normal;
  font-display: block; }

@font-face {
  font-family: 'Gotham Rounded Book';
  src: url("../fonts/GothamRounded-Book.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
  font-display: block; }

@font-face {
  font-family: 'Gotham Rounded Medium';
  src: url("../fonts/GothamRounded-Medium.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
  font-display: block; }

@font-face {
  font-family: 'GothamXNarrow Ultra';
  src: url("../fonts/GothamXNarrow-Ultra.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
  font-display: block; }

@font-face {
  font-family: 'Montserrat Light';
  src: url("../fonts/Montserrat-Light.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: block; }

@font-face {
  font-family: 'Montserrat Medium';
  src: url("../fonts/Montserrat-Medium.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: block; }

@font-face {
  font-family: 'Montserrat Regular';
  src: url("../fonts/Montserrat-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: block; }

[class^="icon-"]:not(.btn),
[class*=" icon-"]:not(.btn) {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

/*
* Copy line 4 down from fonts/icomoon/variables.scss
*/
/*
* Copy line 30 down from from fonts/icomoon/style.scss
*/
.icon-icon-up-right :before {
  content: "\E903"; }

.icon-square-x-twitter:before {
  content: "\E908"; }

.icon-star-empty:before {
  content: "\E937"; }

.icon-star-half:before {
  content: "\E938"; }

.icon-star:before {
  content: "\E939"; }

.icon-account:before {
  content: "\E935"; }

.icon-arrow-left-thin:before {
  content: "\E92B"; }

.icon-arrow-right-thin:before {
  content: "\E930"; }

.icon-badge:before {
  content: "\E902"; }

.icon-bubble-tail:before {
  content: "\E900"; }

.icon-cart:before {
  content: "\E91E"; }

.icon-checkmark:before {
  content: "\E93E"; }

.icon-close:before {
  content: "\E93F"; }

.icon-collapse:before {
  content: "\E940"; }

.icon-expand:before {
  content: "\E941"; }

.icon-facebook:before {
  content: "\E942"; }

.icon-favorite:before {
  content: "\E943"; }

.icon-favorite-selected:before {
  content: "\E944"; }

.icon-filter:before {
  content: "\E945"; }

.icon-instagram:before {
  content: "\E946"; }

.icon-logo:before {
  content: "\E947"; }

.icon-pinterest:before {
  content: "\E906"; }

.icon-play:before {
  content: "\E918"; }

.icon-search:before {
  content: "\E919"; }

.icon-select:before {
  content: "\E901"; }

.icon-tiktok:before {
  content: "\E920"; }

.icon-twitter:before {
  content: "\E926"; }

.icon-youtube:before {
  content: "\E92A"; }

.icon-menu:before {
  content: "\E929"; }

.icon-images:before {
  content: "\E905"; }

.icon-alert:before {
  content: "\E904"; }

.icon-arrow-down:before {
  content: "\E907"; }

.icon-arrow-left:before {
  content: "\E909"; }

.icon-arrow-right:before {
  content: "\E90B"; }

.icon-arrow-top:before {
  content: "\E90C"; }

.icon-arrow-up:before {
  content: "\E90D"; }

.icon-call:before {
  content: "\E90E"; }

.icon-close-small:before {
  content: "\E911"; }

.icon-edit:before {
  content: "\E914"; }

.icon-email:before {
  content: "\E915"; }

.icon-film:before {
  content: "\E91A"; }

.icon-google:before {
  content: "\E91B"; }

.icon-guarantee:before {
  content: "\E91C"; }

.icon-image:before {
  content: "\E91D"; }

.icon-info:before {
  content: "\E921"; }

.icon-link:before {
  content: "\E923"; }

.icon-linkedin:before {
  content: "\E924"; }

.icon-livechat:before {
  content: "\E925"; }

.icon-location:before {
  content: "\E927"; }

.icon-lock:before {
  content: "\E928"; }

.icon-minus:before {
  content: "\E92C"; }

.icon-offsite:before {
  content: "\E92D"; }

.icon-pause:before {
  content: "\E92E"; }

.icon-plus:before {
  content: "\E931"; }

.icon-print:before {
  content: "\E932"; }

.icon-question:before {
  content: "\E933"; }

.icon-remove:before {
  content: "\E934"; }

.icon-size:before {
  content: "\E936"; }

.icon-zoom-out:before {
  content: "\E93C"; }

.icon-zoom:before {
  content: "\E93D"; }

.fa {
  display: inline-block;
  font-weight: normal;
  font-style: normal;
  text-rendering: auto;
  font-size: inherit; }

.fa-stack {
  position: relative;
  display: inline-block;
  vertical-align: middle; }

.fa-stack-1x,
.fa-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
  line-height: inherit; }

/*
* COLORS
*/
/*
* GRID SYSTEM
*/
/*
* Z Indexes
*/
/*
* ASPECT RATIOS
*/
/*
* MISC
*/
/*
* FONTS (setup is handled in utilities/_fonts.scss)
*/
/*
* TEXT
*/
/*
* HEADERS
*/
/*
* BUTTONS
*/
/*
* Notify button
*/
/*
* FORMs
*/
/*
* PROGRESSBAR
*/
/*
* BREADCRUMBS
*/
/*
* TOOLTIPS
*/
/*
* POPOVERS
*/
/*
* MODALS
*/
/*
* ALERTS (also affects toast messages)
*/
/*
* TOAST MESSAGES
*/
/*
* CARDS
*/
/*
* COLLAPSIBLE
*/
/*
* TABS
*/
/*TAB MENU - NEW COMPONENT */
/*
* SLIDER
*/
/*
* DROPDOWNS
*/
/*
* NAVIGATION LINKS // generic navigation links styling (header, footer, etc)
*/
/*
* HEADER
*/
/*
* FOOTER
*/
/*
* PAGE-LEVEL SETTINGS
*/
/*
* PRODUCT
*/
/*
* MINICART
*/
/*
* CART AND CHECKOUT
*/
/*
* PAGE DESIGNER MODULES
*/
/*
* HERO ASSETS
*/
/*
* POPSOCKETS HERO BANNER
*/
/*
* CATEGORY TILE ASSETS
*/
/*
* IMAGE TEXT BLOCK ASSETS
*/
/*
* PHOTO HOTSPOTS ASSETS
*/
/*
* VIDEO ASSETS
*/
/*
* BLOG LANDING
*/
/*
* BLOG DETAIL
*/
/*
* CONTENT TILES
*/
/*
* STORE LOCATOR
*/
/*
* STORE DETAIL PAGE
*/
/*
* ACCOUNT
*/
/*
* GIFTCERTIFICATES
*/
/*
* PAYMENTMETHODS
*/
/*
* ACCESSIBILITY
*/
/*
* CONSENT DRAWER
*/
.svg-icon {
  background-repeat: no-repeat;
  background-position: center;
  display: inline-block; }
  .svg-icon.customize-icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3E%3Cpath d='M15.4462 9.19774C15.4462 12.9716 12.4191 16 8.72308 16C5.02702 16 2 12.9716 2 9.19774C2 5.4239 5.02702 2.39551 8.72308 2.39551C12.4191 2.39551 15.4462 5.4239 15.4462 9.19774Z' stroke='url(%23paint0_linear_432_5183)' stroke-width='4'/%3E%3Cpath d='M10.3859 9.99504L7.49839 10.8875C7.41781 10.9125 7.32989 10.892 7.26939 10.8342C7.20888 10.7765 7.18563 10.6908 7.20888 10.6112L8.04114 7.75703C8.05163 7.72138 8.07099 7.68866 8.09739 7.66206L10.3859 9.99504ZM10.3859 9.99504C10.4222 9.98395 10.4549 9.96418 10.4814 9.93749L10.3859 9.99504ZM15.4203 0.56685C15.4201 0.567028 15.4199 0.567206 15.4197 0.567384L8.29433 7.81833L8.54939 8.06181L10.0544 9.49845L10.3165 9.74864L17.4482 2.491L17.4489 2.49033C17.646 2.29122 17.7537 2.02469 17.7499 1.74929L15.4203 0.56685ZM15.4203 0.56685C15.6182 0.368282 15.8892 0.253852 16.1743 0.250095C16.4598 0.246337 16.7342 0.353786 16.9376 0.547424L17.4285 1.01601C17.631 1.20988 17.746 1.47375 17.7499 1.74922L15.4203 0.56685Z' fill='white' stroke='%23181818' stroke-width='0.5'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_432_5183' x1='0.311538' y1='34.5041' x2='18.4047' y2='34.5041' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23FDD22A'/%3E%3Cstop offset='0.166667' stop-color='%23FF9244'/%3E%3Cstop offset='0.34375' stop-color='%23FF93FF'/%3E%3Cstop offset='0.536458' stop-color='%23AF0DFC'/%3E%3Cstop offset='0.697917' stop-color='%2300C4E6'/%3E%3Cstop offset='1' stop-color='%231EE1B2'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
    height: 20px;
    width: 20px; }

.mix-and-match .main-style-section {
  overflow: hidden;
  margin: 0 0 9.14286px; }
  .mix-and-match .main-style-section .style-title {
    font-size: 24px;
    line-height: 32px;
    color: #181818;
    margin: 0 0 8px;
    font-weight: 600; }
    .mix-and-match .main-style-section .style-title span {
      color: #aaa; }

.mix-and-match .varient-part {
  font-size: 12px;
  line-height: 16px;
  font-weight: normal;
  color: #181818;
  text-transform: capitalize;
  margin: 0 0 8px; }
  .mix-and-match .varient-part span {
    font-weight: bold;
    text-decoration: underline; }

.mix-and-match .card-wrapper {
  padding: 16px;
  border: 1px solid #D4D4D4;
  border-radius: 16px;
  margin: 0 0 16px; }
  .mix-and-match .card-wrapper:has(> .card-head[aria-expanded="true"]), .mix-and-match .card-wrapper:has(> .collapse-area.show) {
    border-color: #181818; }
  .mix-and-match .card-wrapper .card-head {
    overflow: hidden;
    display: flex;
    justify-content: space-between;
    align-items: center; }
  .mix-and-match .card-wrapper .title-area {
    float: left;
    display: flex;
    flex-wrap: wrap; }
    .mix-and-match .card-wrapper .title-area .price {
      display: inline-block;
      vertical-align: middle;
      font-family: "Montserrat Medium", sans-serif;
      font-size: 16px;
      line-height: 24px;
      text-transform: none;
      font-weight: bold;
      letter-spacing: 0;
      font-style: normal;
      font-display: swap; }
      @media (min-width: 1024px) {
        .mix-and-match .card-wrapper .title-area .price {
          font-family: "Montserrat Medium", sans-serif;
          font-size: 16px;
          line-height: 24px;
          text-transform: none;
          font-weight: bold;
          letter-spacing: 0;
          font-style: normal;
          font-display: swap; } }
    .mix-and-match .card-wrapper .title-area .prices {
      margin: 4px 0 0 0;
      float: left; }
    .mix-and-match .card-wrapper .title-area .available-color {
      display: inline-block;
      vertical-align: middle;
      padding: 8px 9.14286px;
      background-color: #f5f5f5;
      border-radius: 16px;
      margin-left: 8px;
      font-size: 13px;
      line-height: 18px;
      font-weight: 500; }
  .mix-and-match .card-wrapper .base-caption {
    color: #181818;
    font-size: 14px;
    line-height: 20px;
    padding: 10px 0; }
  .mix-and-match .card-wrapper .collapse-area {
    border-top: 1px solid #D4D4D4;
    padding: 9.14286px 0 0;
    margin: 16px 0 0; }
    .mix-and-match .card-wrapper .collapse-area .product-features {
      background-color: #f5f5f5;
      padding: 10.66667px 8px 10.66667px 8px;
      border-radius: 8px;
      margin: 0 0 12.8px; }
      .mix-and-match .card-wrapper .collapse-area .product-features .row {
        margin: 0 0 5px;
        align-items: center; }
        .mix-and-match .card-wrapper .collapse-area .product-features .row .feature-image {
          max-width: 60px; }
      .mix-and-match .card-wrapper .collapse-area .product-features .feature-text {
        display: block; }
        .mix-and-match .card-wrapper .collapse-area .product-features .feature-text h6 {
          float: left;
          width: auto;
          margin: 0 5px 0 0;
          font-family: "Montserrat Medium", sans-serif;
          font-size: 12px;
          line-height: 16px;
          text-transform: none;
          font-weight: bold;
          letter-spacing: 0;
          font-style: normal;
          font-display: swap;
          position: relative; }
          @media (min-width: 1024px) {
            .mix-and-match .card-wrapper .collapse-area .product-features .feature-text h6 {
              font-family: "Montserrat Medium", sans-serif;
              font-size: 12px;
              line-height: 16px;
              text-transform: none;
              font-weight: bold;
              letter-spacing: 0;
              font-style: normal;
              font-display: swap; } }
          .mix-and-match .card-wrapper .collapse-area .product-features .feature-text h6::before {
            position: absolute;
            left: -12px;
            top: 5px;
            width: 4px;
            height: 4px;
            background: #181818;
            border-radius: 100%;
            content: " "; }
        .mix-and-match .card-wrapper .collapse-area .product-features .feature-text p {
          font-family: "Montserrat Regular", sans-serif;
          font-size: 12px;
          line-height: 16px;
          text-transform: none;
          font-weight: normal;
          letter-spacing: 0;
          font-style: normal;
          font-display: swap; }
          @media (min-width: 1024px) {
            .mix-and-match .card-wrapper .collapse-area .product-features .feature-text p {
              font-family: "Montserrat Regular", sans-serif;
              font-size: 12px;
              line-height: 16px;
              text-transform: none;
              font-weight: normal;
              letter-spacing: 0;
              font-style: normal;
              font-display: swap; } }
  .mix-and-match .card-wrapper .prod-headline-area {
    margin: 0 0 12.8px; }
  .mix-and-match .card-wrapper .prod-type-title {
    display: block;
    font-family: "Montserrat Medium", sans-serif;
    font-size: 16px;
    line-height: 24px;
    text-transform: none;
    font-weight: bold;
    letter-spacing: 0;
    font-style: normal;
    font-display: swap;
    margin-bottom: 8px;
    font-weight: 600;
    min-width: 100%; }
    @media (min-width: 1024px) {
      .mix-and-match .card-wrapper .prod-type-title {
        font-family: "Montserrat Medium", sans-serif;
        font-size: 16px;
        line-height: 24px;
        text-transform: none;
        font-weight: bold;
        letter-spacing: 0;
        font-style: normal;
        font-display: swap; } }
  .mix-and-match .card-wrapper .img-part {
    float: right;
    width: 68px;
    min-width: 68px;
    height: 68px;
    display: flex;
    align-items: center;
    justify-content: center; }

.mix-and-match .product-detail .attributes .attribute-option:last-child {
  border: 0;
  padding: 0; }

.mix-and-match .product-detail .color-swatches .swatches-holder {
  margin-left: -8px; }

.mix-and-match .product-detail .color-swatches .swatches {
  margin-left: -8px; }

.mix-and-match .product-detail .color-swatches .swatch .swatch-circle {
  margin: 12px 0 0 5px; }

.mix-and-match .cart-and-ipay {
  margin-bottom: 16px; }
  .mix-and-match .cart-and-ipay .price {
    display: none; }

.mix-and-match .primary-images .overlaid .overlay-image {
  display: none; }

.mix-and-match .primary-images .overlaid .base-image + .overlay-image {
  display: block;
  position: absolute;
  left: 0;
  top: 0; }

.mix-and-match .primary-images .overlaid:nth-child(1) .base-image + .overlay-image {
  transform: translateY(-7.2%) scale(0.85); }

.mix-and-match .primary-images .overlaid:nth-child(2) .base-image + .overlay-image {
  transform: translateX(0%) translateY(0%) rotateY(0) scale(1.05); }

.mix-and-match .primary-images .overlaid:nth-child(4) .base-image + .overlay-image {
  transform: translateX(19.1%) rotateY(30deg) scale(0.3); }

.mix-and-match .primary-images .overlaid:nth-child(6) .base-image + .overlay-image {
  transform: translateX(7%) rotateY(17deg) scale(0.3); }

.mix-and-match .primary-images .overlaid:nth-child(5) .base-image + .overlay-image {
  transform: translateX(-1%) rotateY(15deg) scale(0.3); }

.mix-and-match .primary-images .overlaid:nth-child(7) .base-image + .overlay-image {
  transform: translateX(9%) rotateY(46deg) scale(0.3); }

.mix-and-match .primary-images .overlaid.poptivism:nth-child(1) .base-image + .overlay-image {
  transform: translateY(-14%) rotateX(48deg) scale(1.05); }

.mix-and-match .primary-images .overlaid.poptivism:nth-child(4) .base-image + .overlay-image,
.mix-and-match .primary-images .overlaid.poptivism:nth-child(6) .base-image + .overlay-image {
  transform: translateX(4.1%) rotateY(46deg) scale(0.305); }

.mix-and-match .primary-images .overlaid.poptivism:nth-child(5) .base-image + .overlay-image {
  transform: translateX(-1%) rotateY(15deg) scale(0.3); }

.mix-and-match .primary-images .overlaid.poptivism:nth-child(7) .base-image + .overlay-image {
  transform: translateX(9%) rotateY(46deg) scale(0.305); }

.mix-and-match .primary-images .primary-images-main .overlaid:nth-child(3) .base-image + .overlay-image {
  transform: translateY(0.8%) translateX(-0.3%) rotate(0deg) scale(0.27); }

.mix-and-match .primary-images .primary-images-main .overlaid.poptivism:nth-child(3) .base-image + .overlay-image {
  transform: translateY(-1%) rotateX(43deg) scale(1.07); }

.mix-and-match .primary-images .primary-images-thumbnails .overlaid .base-image + .overlay-image {
  top: 8px; }

.mix-and-match .primary-images .primary-images-thumbnails .overlaid:nth-child(1) .base-image + .overlay-image {
  transform: translateY(-7%) scale(0.75); }

.mix-and-match .primary-images .primary-images-thumbnails .overlaid:nth-child(2) .base-image + .overlay-image {
  transform: translateX(0%) translateY(0%) rotateY(0) scale(0.9); }

.mix-and-match .primary-images .primary-images-thumbnails .overlaid:nth-child(3) .base-image + .overlay-image {
  transform: translateY(0.8%) translateX(-0.3%) rotate(0deg) scale(0.2); }

@media (max-width: 1023.98px) {
  .mix-and-match .primary-images {
    margin-bottom: 24px; } }

.mix-and-match .primary-images.magsafe-grips-slider-images .overlaid .overlay-image {
  display: none; }

.mix-and-match .primary-images.magsafe-grips-slider-images .overlaid .base-image + .overlay-image {
  display: block;
  position: absolute;
  left: 0;
  top: 0; }

.mix-and-match .primary-images.magsafe-grips-slider-images .overlaid:nth-child(1) .base-image + .overlay-image {
  transform: translateY(0%) translateX(20%) rotateX(0deg) scale(0.71); }

.mix-and-match .primary-images.magsafe-grips-slider-images .overlaid:nth-child(2) .base-image + .overlay-image {
  transform: translateX(0%) translateY(0%) rotateY(0) scale(0.8); }

.mix-and-match .primary-images.magsafe-grips-slider-images .overlaid:nth-child(3) .base-image + .overlay-image {
  transform: translateY(0.8%) translateX(-0.3%) rotate(0deg) scale(0.27); }

.mix-and-match .primary-images.magsafe-grips-slider-images .overlaid:nth-child(4) .base-image + .overlay-image {
  transform: translateX(23%) translateY(1%) rotateY(15deg) scale(0.3); }

.mix-and-match .primary-images.magsafe-grips-slider-images .overlaid:nth-child(6) .base-image + .overlay-image {
  transform: translateX(6%) translateY(0%) rotateY(0) scale(0.27); }

.mix-and-match .primary-images.magsafe-grips-slider-images .overlaid:nth-child(5) .base-image + .overlay-image {
  transform: translateX(1%) rotateY(0) scale(0.27); }

.mix-and-match .primary-images.magsafe-grips-slider-images .overlaid:nth-child(7) .base-image + .overlay-image {
  transform: translateX(9%) rotateY(46deg) scale(0.3); }

.mix-and-match .primary-images.magsafe-grips-slider-images .primary-images-thumbnails .overlaid .base-image + .overlay-image {
  top: 8px; }

.mix-and-match .primary-images.magsafe-grips-slider-images .primary-images-thumbnails .overlaid:nth-child(1) .base-image + .overlay-image {
  transform: translateY(-1%) translateX(16%) rotateX(0deg) scale(0.56); }

.mix-and-match .primary-images.magsafe-grips-slider-images .primary-images-thumbnails .overlaid:nth-child(2) .base-image + .overlay-image {
  transform: translateX(0%) translateY(0) rotateY(0) scale(0.6); }

.mix-and-match .primary-images.magsafe-grips-slider-images .primary-images-thumbnails .overlaid:nth-child(3) .base-image + .overlay-image {
  transform: translateY(0.8%) translateX(-0.3%) rotate(0deg) scale(0.2); }

@media (min-width: 769px) {
  .mix-and-match .product-detail .primary-images .primary-images-main.product-has-thumbnails .slider-container .tns-controls button {
    top: auto;
    bottom: 0;
    left: auto;
    right: 24px;
    background: #FFFFFF;
    box-shadow: 0 0 8px -4px rgba(0, 0, 0, 0.5); }
    .mix-and-match .product-detail .primary-images .primary-images-main.product-has-thumbnails .slider-container .tns-controls button:disabled {
      opacity: 1; }
      .mix-and-match .product-detail .primary-images .primary-images-main.product-has-thumbnails .slider-container .tns-controls button:disabled:before {
        color: #D4D4D4; }
    .mix-and-match .product-detail .primary-images .primary-images-main.product-has-thumbnails .slider-container .tns-controls button::before {
      line-height: 48px; }
    .mix-and-match .product-detail .primary-images .primary-images-main.product-has-thumbnails .slider-container .tns-controls button[data-controls='prev'] {
      left: auto;
      right: 84px; } }

.mix-and-match .card-wrapper .img-part {
  position: relative; }
  .mix-and-match .card-wrapper .img-part img {
    width: 100%;
    height: auto; }
    .mix-and-match .card-wrapper .img-part img + .overlay-image {
      display: block;
      position: absolute;
      left: 0;
      top: 0;
      transform: scale(0.7) translateX(25%); }

.mix-and-match .card-wrapper#mix-and-match-2 .img-part img + .overlay-image {
  transform: translateY(-7%) rotateZ(270deg) scale(0.8); }

.mix-and-match .card-wrapper#mix-and-match-3 .img-part img + .overlay-image {
  transform: translateX(1%) translateY(-7%) rotateX(0) scale(1); }

.mix-and-match .slider-container.slider-thumbnails-vertical-lg .tns-controls,
.mix-and-match .slider-container.slider-thumbnails-vertical-lg .tns-nav {
  display: none !important; }

.mix-and-match .hide-oos-variants .swatches-holder .unselectable {
  display: none; }

/*# sourceMappingURL=mixAndMatch.css.map*/