#error-alert{
  position:fixed;
  left:20px;
  bottom:20px;
  padding:20px;
  color:white;
  background:#e74c3c;
  box-shadow:0px 0px 10px rgba(0, 0, 0, 0.75);
  z-index:9000;
}

#error-alert strong{
  font-size:15px;
}

#error-alert ul{
  list-style:none;
  padding:0;
  margin:0;
  margin-top:10px;
}

#error-alert li{
  display:inline;
  margin-right:10px;
  padding-right:5px;
  color:white;
  font-weight:bold;
  font-size:14px;
  text-transform:uppercase;
  -webkit-text-decoration:underline;
  text-decoration:underline;
  cursor:pointer;
}

:root{
  --color-black:rgb(0, 0, 0);
  --color-white:rgb(255, 255, 255);
  --color-lighterGray:rgb(210, 210, 210);
  --color-lightGray:rgb(180, 180, 180);
  --color-gray:rgb(133, 133, 133);
  --color-midGray:rgb(90, 90, 90);
  --color-darkGray:rgb(39, 39, 39);
  --color-darkerGray:rgb(14, 14, 14);
  --color-red:rgb(247, 28, 37);
  --color-darkRed:rgb(192, 7, 14);
  --color-yellow:rgb(244, 209, 0);
  --color-purple:rgb(41, 24, 61);
  --color-blue:rgb(4, 102, 202);

  --text-color:var(--color-darkGray);

  --z-base:1;
  --z-renderer:2;
  --z-scroll-menu:3;
  --z-purchase:4;
  --z-options-bar:5;
  --z-select:6;
  --z-logo:7;
  --z-navigation:8;
  --z-waiting:9;
  --z-menu-bar:10;

  --height-navigation--sm:60px;

  --background-solid:white;
  --background-mobile:white;
  --background-desktop:white;
  --background-finalize:white;
}

.summary{
  position:relative;
}

.summary-section + .summary-section{
  margin-top:10px;
}

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

.summary-row .summary-row{
  padding-left:5px;
}

.summary-sectionTitle{
  font-size:13px;
  font-weight:600;
  line-height:20px;
  color:rgba(133, 133, 133, 0.5);
  text-transform:uppercase;
}

.summary-label,
.summary-value{
  font-size:14px;
  line-height:22px;
  color:rgb(90, 90, 90);
}

@media (min-width: 769px){
  .summary-section + .summary-section{
    margin-top:18px;
  }

  .summary-label,
  .summary-value{
    font-size:16px;
    line-height:30px;
  }

  .summary-sectionTitle{
    font-size:16px;
    line-height:22px;
  }
}

:root{
  --color-black:rgb(0, 0, 0);
  --color-white:rgb(255, 255, 255);
  --color-lighterGray:rgb(210, 210, 210);
  --color-lightGray:rgb(180, 180, 180);
  --color-gray:rgb(133, 133, 133);
  --color-midGray:rgb(90, 90, 90);
  --color-darkGray:rgb(39, 39, 39);
  --color-darkerGray:rgb(14, 14, 14);
  --color-red:rgb(247, 28, 37);
  --color-darkRed:rgb(192, 7, 14);
  --color-yellow:rgb(244, 209, 0);
  --color-purple:rgb(41, 24, 61);
  --color-blue:rgb(4, 102, 202);

  --text-color:var(--color-darkGray);

  --z-base:1;
  --z-renderer:2;
  --z-scroll-menu:3;
  --z-purchase:4;
  --z-options-bar:5;
  --z-select:6;
  --z-logo:7;
  --z-navigation:8;
  --z-waiting:9;
  --z-menu-bar:10;

  --height-navigation--sm:60px;

  --background-solid:white;
  --background-mobile:white;
  --background-desktop:white;
  --background-finalize:white;
}

.product-title{
  font-size:20px;
  line-height:30px;
  font-weight:700;
  text-align:center;
  color:rgb(39, 39, 39);
  margin-bottom:5px;
}

.product-price{
  font-size:20px;
  line-height:30px;
  font-weight:600;
  text-align:right;
  color:rgb(39, 39, 39);
  margin-top:8px;
  margin-bottom:15px;
}

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

.product-controls{
  display:flex;
  justify-content:space-between;
  width:100%;
  margin-bottom:25px;
}

.purchase-product.mod-infoCard .product-controls{
    display:block;
    width:200px;
    text-align:right;
  }

.product-controls .button{
  width:calc(50% - 5px);
}

@media (min-width: 769px){
  .product-title{
    font-size:30px;
    line-height:41px;
    text-align:left;
    margin-top:70px;
  }

  .product-configurationId{
    display:block;
    text-align:left;
    font-size:16px;
    font-weight:600;
    line-height:22px;
    color:rgb(90, 90, 90);
    margin-bottom:20px;
  }
}

@media screen{
  .product-price.mod-print{
    display:none;
  }
}

:root{
  --color-black:rgb(0, 0, 0);
  --color-white:rgb(255, 255, 255);
  --color-lighterGray:rgb(210, 210, 210);
  --color-lightGray:rgb(180, 180, 180);
  --color-gray:rgb(133, 133, 133);
  --color-midGray:rgb(90, 90, 90);
  --color-darkGray:rgb(39, 39, 39);
  --color-darkerGray:rgb(14, 14, 14);
  --color-red:rgb(247, 28, 37);
  --color-darkRed:rgb(192, 7, 14);
  --color-yellow:rgb(244, 209, 0);
  --color-purple:rgb(41, 24, 61);
  --color-blue:rgb(4, 102, 202);

  --text-color:var(--color-darkGray);

  --z-base:1;
  --z-renderer:2;
  --z-scroll-menu:3;
  --z-purchase:4;
  --z-options-bar:5;
  --z-select:6;
  --z-logo:7;
  --z-navigation:8;
  --z-waiting:9;
  --z-menu-bar:10;

  --height-navigation--sm:60px;

  --background-solid:white;
  --background-mobile:white;
  --background-desktop:white;
  --background-finalize:white;
}

.button{
  display:inline-block;
  zoom:1;
  line-height:normal;
  white-space:nowrap;
  vertical-align:middle;
  text-align:center;
  cursor:pointer;
  -webkit-user-drag:none;
  -webkit-user-select:none;
          user-select:none;
  box-sizing:border-box;
  width:100%;
  font-family:inherit;
  font-size:16px;
  height:44px;
  -webkit-text-decoration:none;
  text-decoration:none;
  background-color:rgb(247, 28, 37);
  color:rgb(255, 255, 255);
  text-transform:uppercase;
  border:0 none;
  border-radius:0;
  transition:background 0.1s;
}

.button:hover,
.button:focus,
.tileCard:hover .button{
  background-color:rgb(226, 8, 17);
  outline:0 none;
}

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

.button.mod-lightGray{
  background-color:rgb(180, 180, 180);
}

.button.mod-lightGray:hover{
  background-color:rgb(153, 153, 153);
}

.button.mod-gray{
  background-color:rgb(133, 133, 133);
}

.button.mod-gray:hover{
  background-color:rgb(113, 113, 113);
}

.button.mod-white{
  background-color:rgb(255, 255, 255);
  color:rgb(39, 39, 39);
}

.button.mod-white svg{
  fill:rgb(39, 39, 39);
}

.button.mod-white:hover{
  background-color:rgb(242, 242, 242);
}

.button.mod-midGray{
  background-color:rgb(90, 90, 90);
}

.button.mod-midGray:hover,
.tileCard:hover .button.mod-midGray{
  background-color:rgb(77, 77, 77);
}

.button.mod-full{
  display:block;
}

.button.mod-xlarge{
  font-size:18px;
  height:60px;
}

@media (min-width: 768px){
  .button.mod-small--mediumScreen{
    font-size:18px;
    height:39px;
  }
}

.button.mod-onlyIcon{
  padding:0;
}

.button.mod-hasIcon .button-container{
  display:flex;
  align-items:center;
  justify-content:center;
}

.button.mod-hasIcon .icon{
  margin-right:9px;
}

.button.mod-chrome{
  margin:0;
  padding:0;
  background:transparent;
  -webkit-appearance:none;
}

.button.mod-control .button-container{
  position:relative;
  display:block;
  line-height:0;
}

.button.mod-control .button-container:after{
  content:' ';
  position:absolute;
  top:-50%;
  left:-50%;
  width:200%;
  height:200%;
}

.button.mod-disabled{
  cursor:not-allowed;
}

.button.mod-disabled.mod-gray:hover{
  background-color:rgb(133, 133, 133);
}

:root{
  --color-black:rgb(0, 0, 0);
  --color-white:rgb(255, 255, 255);
  --color-lighterGray:rgb(210, 210, 210);
  --color-lightGray:rgb(180, 180, 180);
  --color-gray:rgb(133, 133, 133);
  --color-midGray:rgb(90, 90, 90);
  --color-darkGray:rgb(39, 39, 39);
  --color-darkerGray:rgb(14, 14, 14);
  --color-red:rgb(247, 28, 37);
  --color-darkRed:rgb(192, 7, 14);
  --color-yellow:rgb(244, 209, 0);
  --color-purple:rgb(41, 24, 61);
  --color-blue:rgb(4, 102, 202);

  --text-color:var(--color-darkGray);

  --z-base:1;
  --z-renderer:2;
  --z-scroll-menu:3;
  --z-purchase:4;
  --z-options-bar:5;
  --z-select:6;
  --z-logo:7;
  --z-navigation:8;
  --z-waiting:9;
  --z-menu-bar:10;

  --height-navigation--sm:60px;

  --background-solid:white;
  --background-mobile:white;
  --background-desktop:white;
  --background-finalize:white;
}

.icon.mod-cart,
.icon.mod-cart-filled{
  width:14px;
  height:15px;
  fill:rgb(255, 255, 255);
}

.icon.mod-share{
  width:16px;
  height:20px;
  fill:rgb(255, 255, 255);
}

.icon.mod-checkmark{
  width:16px;
  height:14px;
  fill:rgb(255, 255, 255);
}

.icon.mod-info{
  width:16px;
  height:16px;
}

.icon.mod-arrow-back,
.icon.mod-arrow-forward{
  width:18px;
  height:33px;
  fill:rgb(39, 39, 39);
}

.icon.mod-inverted{
  fill:rgb(210, 210, 210);
}

.icon.mod-arrow-up,
.icon.mod-arrow-down{
  width:33px;
  height:18px;
  fill:rgb(39, 39, 39);
}

.button:not(.mod-disabled) .icon.mod-arrow-up,
.button:not(.mod-disabled) .icon.mod-arrow-down,
.button:not(.mod-disabled) .icon.mod-arrow-back,
.button:not(.mod-disabled) .icon.mod-arrow-forward{
  opacity:0.6;
}

.button:hover:not(.mod-disabled) .icon.mod-arrow-up,
.button:hover:not(.mod-disabled) .icon.mod-arrow-down,
.button:hover:not(.mod-disabled) .icon.mod-arrow-back,
.button:hover:not(.mod-disabled) .icon.mod-arrow-forward{
  opacity:1;
  cursor:pointer;
}

.button.mod-disabled .icon.mod-arrow-up,
.button.mod-disabled .icon.mod-arrow-down,
.button.mod-disabled .icon.mod-arrow-back,
.button.mod-disabled .icon.mod-arrow-forward{
  opacity:0.2;
}

@media screen and (min-width: 768px){
  .icon.mod-checkmark{
    width:18px;
  }
}

:root{
  --color-black:rgb(0, 0, 0);
  --color-white:rgb(255, 255, 255);
  --color-lighterGray:rgb(210, 210, 210);
  --color-lightGray:rgb(180, 180, 180);
  --color-gray:rgb(133, 133, 133);
  --color-midGray:rgb(90, 90, 90);
  --color-darkGray:rgb(39, 39, 39);
  --color-darkerGray:rgb(14, 14, 14);
  --color-red:rgb(247, 28, 37);
  --color-darkRed:rgb(192, 7, 14);
  --color-yellow:rgb(244, 209, 0);
  --color-purple:rgb(41, 24, 61);
  --color-blue:rgb(4, 102, 202);

  --text-color:var(--color-darkGray);

  --z-base:1;
  --z-renderer:2;
  --z-scroll-menu:3;
  --z-purchase:4;
  --z-options-bar:5;
  --z-select:6;
  --z-logo:7;
  --z-navigation:8;
  --z-waiting:9;
  --z-menu-bar:10;

  --height-navigation--sm:60px;

  --background-solid:white;
  --background-mobile:white;
  --background-desktop:white;
  --background-finalize:white;
}

.share{
  display:flex;
  justify-content:center;
}

.share-icon{
  width:32px;
  height:32px;
  margin:9px;
  overflow:hidden;
}

.share-icon svg{
  position:relative;
  top:-3px;
  width:20px;
  height:20px;
  fill:rgb(255, 255, 255);
}

@media (min-width: 768px){
  .share-icon{
    width:44px;
    height:44px;
  }

  .share-icon svg{
    top:3px;
    width:24px;
    height:24px;
  }
}

:root{
  --color-black:rgb(0, 0, 0);
  --color-white:rgb(255, 255, 255);
  --color-lighterGray:rgb(210, 210, 210);
  --color-lightGray:rgb(180, 180, 180);
  --color-gray:rgb(133, 133, 133);
  --color-midGray:rgb(90, 90, 90);
  --color-darkGray:rgb(39, 39, 39);
  --color-darkerGray:rgb(14, 14, 14);
  --color-red:rgb(247, 28, 37);
  --color-darkRed:rgb(192, 7, 14);
  --color-yellow:rgb(244, 209, 0);
  --color-purple:rgb(41, 24, 61);
  --color-blue:rgb(4, 102, 202);

  --text-color:var(--color-darkGray);

  --z-base:1;
  --z-renderer:2;
  --z-scroll-menu:3;
  --z-purchase:4;
  --z-options-bar:5;
  --z-select:6;
  --z-logo:7;
  --z-navigation:8;
  --z-waiting:9;
  --z-menu-bar:10;

  --height-navigation--sm:60px;

  --background-solid:white;
  --background-mobile:white;
  --background-desktop:white;
  --background-finalize:white;
}
:root{
  --width-sidebar--finalize:325px;
  --width-preview--finalize:calc(100vw - var(--width-sidebar--finalize));
  --preview-image-max-width:calc(var(--width-preview--finalize) - 10%);
}
@media screen{
  .gallery{
    position:relative;
    width:100vw;
    height:50vh;
    margin-bottom:25px;
  }

    .gallery-image{
      display:none;
      -webkit-user-select:none;
              user-select:none;
    }

      .gallery-image.is-active{
        display:block;
        width:auto;
        height:75%;
        position:absolute;
        top:50%;
        left:50%;
        transform:translate(-50%, -50%);
      }

        @media (max-width: 768px){
          .gallery-image.is-active.mod-front,
          .gallery-image.is-active.mod-knob,
          .gallery-image.is-active.mod-barrelEnd{
            width:100vw;
            max-width:440px;
            height:unset;
          }

          .gallery-image.is-active.mod-knob{
            transform:translate(-57%, -50%);
          }

          .gallery-image.is-active.mod-front{
            transform:translate(-50%, -50%) rotate(-20deg);
          }
        }

    .gallery-arrow{
      position:absolute;
      z-index:1;
      top:50%;
      transform:translateY(-50%);
      opacity:0.5;
      transition:opacity 0.1s;
      padding:20px;
      box-sizing:content-box;
    }

      .gallery-arrow:hover{
        opacity:1;
        cursor:pointer;
      }

      .gallery-arrow.mod-prev{
        left:0;
      }

      .gallery-arrow.mod-next{
        right:0;
      }

    .gallery-bullets{
      position:absolute;
      bottom:0;
      left:50%;
      transform:translateX(-50%);
    }

    .gallery-bullet{
      position:relative;
      display:inline-block;
      width:24px;
      height:24px;
      opacity:0.2;
      transition:opacity 0.1s;
      cursor:default;
      overflow:hidden;
      color:rgba(0, 0, 0, 0.01);
      -webkit-user-select:none;
              user-select:none;
    }

      .gallery-bullet:after{
        content:'';
        color:rgb(0, 0, 0);
        background:rgb(0, 0, 0);
        border-radius:50%;
        width:10px;
        height:10px;
        position:absolute;
        top:50%;
        left:50%;
        transform:translate(-50%, -50%);
      }

      .gallery-bullet:hover{
        opacity:0.6;
        cursor:pointer;
      }

      .gallery-bullet.is-active{
        opacity:1;
      }

    @media (min-width: 769px){
  .gallery{
      width:100%;
      height:100%;
      margin-bottom:0
  }

      .gallery-arrow,
      .gallery-bullets{
        display:none;
      }
        .gallery-image:not(.is-default){
          display:block;
          width:30vh;
          max-width:40%;
          height:auto;
          position:absolute;
          left:50%;
          top:50%;
          transform:translate(20%, -110%);
        }

          .gallery-image:not(.is-default).mod-back{
            transform:translate(20%, 0%);
          }

        .gallery-image.is-default{
          display:block;
          width:50vh;
          height:auto;
          max-width:50%;
          position:absolute;
          left:50%;
          top:50%;
          transform:translate(-90%, -50%);
        }

        .gallery-image.mod-front{
          max-width:1440px;
          width:calc(calc(100vw - 325px) - 10%);
          transform:translate(-50%, -90%);
        }

        .gallery-image.mod-barrelEnd{
          max-width:560px;
          width:calc((calc(calc(100vw - 325px) - 10%) - 2%) * 0.4);
          transform:translate(-119%, -8%);
        }

        .gallery-image.mod-knob{
          max-width:840px;
          width:calc((calc(calc(100vw - 325px) - 10%) - 2%) * 0.6);
          transform:translate(-21%, -5%);
        }
    }

  .gallery.has-single-preview .gallery-image{
    width:100%;
    max-width:none;
    transform:translate(-50%, -50%);
  }
}

:root{
  --color-black:rgb(0, 0, 0);
  --color-white:rgb(255, 255, 255);
  --color-lighterGray:rgb(210, 210, 210);
  --color-lightGray:rgb(180, 180, 180);
  --color-gray:rgb(133, 133, 133);
  --color-midGray:rgb(90, 90, 90);
  --color-darkGray:rgb(39, 39, 39);
  --color-darkerGray:rgb(14, 14, 14);
  --color-red:rgb(247, 28, 37);
  --color-darkRed:rgb(192, 7, 14);
  --color-yellow:rgb(244, 209, 0);
  --color-purple:rgb(41, 24, 61);
  --color-blue:rgb(4, 102, 202);

  --text-color:var(--color-darkGray);

  --z-base:1;
  --z-renderer:2;
  --z-scroll-menu:3;
  --z-purchase:4;
  --z-options-bar:5;
  --z-select:6;
  --z-logo:7;
  --z-navigation:8;
  --z-waiting:9;
  --z-menu-bar:10;

  --height-navigation--sm:60px;

  --background-solid:white;
  --background-mobile:white;
  --background-desktop:white;
  --background-finalize:white;
}

.UnrealRenderForm{
  margin-top:25px;
}

.UnrealRenderForm input[type='email'],
.UnrealRenderForm select{
  width:270px;
  outline:0;
}

.UnrealRenderForm a{
  position:relative;
  bottom:2px;
  left:4px;
  -webkit-text-decoration:none;
  text-decoration:none;
  font-family:monospace;
  font-weight:bold;
}

.UnrealRenderForm label{
  font-size:14px;
  color:rgb(90, 90, 90);
}

.UnrealRenderForm .button-wrapper{
  margin-top:10px;
}

:root{
  --color-black:rgb(0, 0, 0);
  --color-white:rgb(255, 255, 255);
  --color-lighterGray:rgb(210, 210, 210);
  --color-lightGray:rgb(180, 180, 180);
  --color-gray:rgb(133, 133, 133);
  --color-midGray:rgb(90, 90, 90);
  --color-darkGray:rgb(39, 39, 39);
  --color-darkerGray:rgb(14, 14, 14);
  --color-red:rgb(247, 28, 37);
  --color-darkRed:rgb(192, 7, 14);
  --color-yellow:rgb(244, 209, 0);
  --color-purple:rgb(41, 24, 61);
  --color-blue:rgb(4, 102, 202);

  --text-color:var(--color-darkGray);

  --z-base:1;
  --z-renderer:2;
  --z-scroll-menu:3;
  --z-purchase:4;
  --z-options-bar:5;
  --z-select:6;
  --z-logo:7;
  --z-navigation:8;
  --z-waiting:9;
  --z-menu-bar:10;

  --height-navigation--sm:60px;

  --background-solid:white;
  --background-mobile:white;
  --background-desktop:white;
  --background-finalize:white;
}
:root{
  --width-sidebar--finalize:325px;
  --width-preview--finalize:calc(100vw - var(--width-sidebar--finalize));
  --preview-image-max-width:calc(var(--width-preview--finalize) - 10%);
}
:root{
  --width-sidebar--finalize:325px;
  --width-preview--finalize:calc(100vw - var(--width-sidebar--finalize));
}
.finalize{
  position:relative;
  width:100vw;
  min-height:100%;
}
.finalize a{
  color:rgb(39, 39, 39);
}
.finalize-preview{
  display:flex;
  width:100vw;
  height:50vh;
  align-items:center;
  justify-content:center;
  color:rgb(180, 180, 180);
  background:white;
}
.finalize-customizeIcon{
  width:19px;
  height:auto;
  margin-right:9px;
}
.finalize-sidebar,
.finalize-purchase{
  margin-bottom:20px;
}
.finalize-sidebar{
  width:100vw;
  padding:0 20px;
  max-width:535px;
  margin-left:auto;
  margin-right:auto;
}
.finalize-printPrice{
  display:none;
}
.finalize-share{
  padding-bottom:25px;
}
@media (min-width: 769px){
  .finalize-preview{
    width:calc(100vw - 325px);
    height:calc(100vh - 104px);
  }

  .finalize-sidebar{
    position:absolute;
    top:0;
    right:0;
    width:325px;
    height:100vh;
    padding:0 30px 0 0;
    overflow-y:auto;
  }

  .finalize-purchase{
    width:100%;
    padding:0;
    margin-bottom:20px;
  }

  .finalize-share{
    width:calc(100vw - 325px);
  }
}

.logo{
  position:relative;
}

.logo-link{
  cursor:default;
}

.logo-link.mod-clickable{
  cursor:pointer;
}

.logo-image{
  position:absolute;
  width:64px;
  opacity:0.5;
}

:root{
  --color-black:rgb(0, 0, 0);
  --color-white:rgb(255, 255, 255);
  --color-lighterGray:rgb(210, 210, 210);
  --color-lightGray:rgb(180, 180, 180);
  --color-gray:rgb(133, 133, 133);
  --color-midGray:rgb(90, 90, 90);
  --color-darkGray:rgb(39, 39, 39);
  --color-darkerGray:rgb(14, 14, 14);
  --color-red:rgb(247, 28, 37);
  --color-darkRed:rgb(192, 7, 14);
  --color-yellow:rgb(244, 209, 0);
  --color-purple:rgb(41, 24, 61);
  --color-blue:rgb(4, 102, 202);

  --text-color:var(--color-darkGray);

  --z-base:1;
  --z-renderer:2;
  --z-scroll-menu:3;
  --z-purchase:4;
  --z-options-bar:5;
  --z-select:6;
  --z-logo:7;
  --z-navigation:8;
  --z-waiting:9;
  --z-menu-bar:10;

  --height-navigation--sm:60px;

  --background-solid:white;
  --background-mobile:white;
  --background-desktop:white;
  --background-finalize:white;
}

:root{
  --animation-duration--navigation:0.3s;
  --z-controls--navigation:2;
  --z-pageTitle--navigation:1;
}

.Navigation-item svg.icon{
    width:14px;
    height:14px;
    fill:rgb(90, 90, 90);
    margin-left:10px;
  }

.Navigation-new{
  color:rgb(247, 28, 37);
  text-transform:uppercase;
  font-weight:normal;
  font-size:12px;
  position:relative;
  left:5px;
  top:-7px;
}

@media (max-width: 768px){
  .Navigation{
    height:60px;
    background:white;
    background-attachment:fixed;
    transition:height 0.3s;
    position:absolute;
    width:100%;
    left:0;
    bottom:0;
    overflow:hidden;
    -webkit-user-select:none;
            user-select:none;
  }

  .Navigation.is-open{
    height:100%;
  }

  .Navigation-scrollControl{
    display:none;
  }

  .Navigation-itemsList{
    overflow-y:auto;
    -webkit-overflow-scrolling:touch;
    max-height:calc(100% - 60px);
  }

  .Navigation-section:first-child{
    padding-top:30px;
  }

  .Navigation-section:last-child{
    margin-bottom:30px;
  }

  .Navigation-productTitle{
    font-weight:600;
    font-size:30px;
    margin-left:30px;
  }

  .Navigation-productPrice{
    font-weight:600;
    font-size:20px;
    margin-left:30px;
  }

  .Navigation-productControls{
    margin-left:30px;
    margin-bottom:25px;
    margin-top:5px;
    width:calc(50% - 5px);
  }

  .Navigation-sectionTitle{
    display:block;
    color:rgba(0, 0, 0, 0.2);
    font-size:13px;
    font-weight:700;
    line-height:2;
    text-transform:uppercase;
    margin-left:30px;
  }

  .Navigation-item{
    text-align:left;
    margin-left:30px;
  }

    .Navigation-item.mod-productSelector{
      margin-bottom:20px;
    }

    .Navigation-item.mod-summary{
      margin-top:20px;
    }

  .Navigation-item > .Navigation-item{
    margin-left:20px;
    overflow:hidden;
  }

    .Navigation-item > .Navigation-item.is-collapsed{
      height:0;
    }

  .Navigation-pageTitle,
  .Navigation-link{
    display:inline-block;
    margin:0 auto;
    font-size:18px;
    font-weight:300;
    line-height:2.5;
    color:rgb(90, 90, 90);
    -webkit-text-decoration:none;
    text-decoration:none;
    cursor:pointer;
  }

  .Navigation-item > .Navigation-item > .Navigation-link{
    font-size:14px;
  }

  .Navigation-pageTitle{
    color:rgb(255, 255, 255);
    background-color:rgb(90, 90, 90);
    display:flex;
    width:100vw;
    height:60px;
    line-height:1;
    text-align:center;
    align-items:center;
    justify-content:center;
    position:absolute;
    z-index:1;
    bottom:0;
    left:0;
    padding:0 100px;
  }

  .Navigation-pageTitleBox{
    display:flex;
    flex-direction:row;
    align-items:center;
    justify-content:center;
  }

  .Navigation-pageTitleBox svg{
    position:absolute;
    left:75px;
  }

  .Navigation-pageTitle svg{
    width:18px;
    height:18px;
    fill:rgb(255, 255, 255);
  }

  .Navigation:not(.is-open) .Navigation-pageTitle.mod-menu,
  .Navigation.is-open .Navigation-pageTitle:not(.mod-menu){
    display:none;
  }

  .Navigation .Navigation-link.is-active{
    font-weight:700;
  }

  .Navigation-control{
    position:absolute;
    z-index:2;
    display:block;
    bottom:0;
    width:60px;
    height:60px;
    line-height:60px;
    text-align:center;
    -webkit-text-decoration:none;
    text-decoration:none;
    color:#ffffff;
    transform:translateX(0%);
    transition:transform 0.3s;
    cursor:pointer;
  }

  .Navigation-control svg.icon{
    width:15px;
    height:28px;
    vertical-align:middle;
    fill:rgb(255, 255, 255);
    opacity:0.2;
  }

  a.Navigation-control svg.icon{
    opacity:1;
  }

  .Navigation-control[href='']{
    color:rgba(216, 216, 216, 0.2);
  }

  .Navigation-control.mod-left{
    left:0;
    border-right:1px solid rgba(216, 216, 216, 0.2);
  }
  .Navigation.is-open .Navigation-control.mod-left{
    transform:translateX(-100%);
  }

  .Navigation-control.mod-right{
    right:0;
    border-left:1px solid rgba(216, 216, 216, 0.2);
  }

  .Navigation.is-open .Navigation-control.mod-right{
    transform:translateX(100%);
  }
}

@media (min-width: 769px){
  .Navigation{
    display:flex;
    flex-direction:column;
    height:100%;
    overflow-x:hidden;
    padding-left:30px;
  }

    .Navigation-pageTitle,
    .Navigation-control{
      display:none;
    }

    .Navigation-scrollControl{
      padding:24px 24px 24px 16px;
      cursor:pointer;
      transition:opacity 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
      -webkit-user-select:none;
              user-select:none;
      opacity:0.6;
    }

      .Navigation-scrollControl:hover{
        opacity:1;
      }

      .Navigation-scrollControl.is-hidden{
        visibility:hidden;
      }

      .Navigation-scrollControl.is-disabled{
        opacity:0.2;
        cursor:default;
      }

    .Navigation-itemsList{
      flex-grow:1;
      overflow-y:scroll;
      overflow-x:hidden;
      -webkit-overflow-scrolling:touch;
      margin-right:-20px;
      padding-right:20px;
    }

    .Navigation-link{
      color:rgb(0, 0, 0);
      opacity:0.6;
      transition:opacity 0.1s;
    }

      .Navigation-link.is-active,
      .Navigation-link:hover{
        opacity:1;
      }

    .Navigation-section-summary{
      display:none;
    }
      .Navigation-section.mod-mobileOnly{
        display:none;
      }

    .Navigation-item{
      font-size:20px;
      font-weight:300;
      line-height:50px;
      color:rgb(90, 90, 90);
    }

      .Navigation-item > .Navigation-item{
        font-size:16px;
        line-height:40px;
        margin-left:20px;
        height:40px;
        overflow:hidden;
        transition:height 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
      }

        .Navigation-item > .Navigation-item.is-collapsed{
          height:0;
        }

    .Navigation-link{
      cursor:pointer;
    }

      .Navigation-link.is-active{
        font-weight:700;
      }
}

:root{
  --color-black:rgb(0, 0, 0);
  --color-white:rgb(255, 255, 255);
  --color-lighterGray:rgb(210, 210, 210);
  --color-lightGray:rgb(180, 180, 180);
  --color-gray:rgb(133, 133, 133);
  --color-midGray:rgb(90, 90, 90);
  --color-darkGray:rgb(39, 39, 39);
  --color-darkerGray:rgb(14, 14, 14);
  --color-red:rgb(247, 28, 37);
  --color-darkRed:rgb(192, 7, 14);
  --color-yellow:rgb(244, 209, 0);
  --color-purple:rgb(41, 24, 61);
  --color-blue:rgb(4, 102, 202);

  --text-color:var(--color-darkGray);

  --z-base:1;
  --z-renderer:2;
  --z-scroll-menu:3;
  --z-purchase:4;
  --z-options-bar:5;
  --z-select:6;
  --z-logo:7;
  --z-navigation:8;
  --z-waiting:9;
  --z-menu-bar:10;

  --height-navigation--sm:60px;

  --background-solid:white;
  --background-mobile:white;
  --background-desktop:white;
  --background-finalize:white;
}

.spinner{
  width:70px;
  height:70px;
  border:10px solid rgba(39, 39, 39, 0.5);
  border-top-color:rgb(247, 28, 37);
  border-radius:50%;
  animation:rotate 300ms linear infinite;
}

.spinner.mod-small{
  width:24px;
  height:24px;
  border-width:4px;
}

.spinner.mod-center{
  margin:0 auto;
}

@keyframes rotate{
  from{
    transform:rotate(0deg);
  }
  to{
    transform:rotate(360deg);
  }
}

:root{
  --color-black:rgb(0, 0, 0);
  --color-white:rgb(255, 255, 255);
  --color-lighterGray:rgb(210, 210, 210);
  --color-lightGray:rgb(180, 180, 180);
  --color-gray:rgb(133, 133, 133);
  --color-midGray:rgb(90, 90, 90);
  --color-darkGray:rgb(39, 39, 39);
  --color-darkerGray:rgb(14, 14, 14);
  --color-red:rgb(247, 28, 37);
  --color-darkRed:rgb(192, 7, 14);
  --color-yellow:rgb(244, 209, 0);
  --color-purple:rgb(41, 24, 61);
  --color-blue:rgb(4, 102, 202);

  --text-color:var(--color-darkGray);

  --z-base:1;
  --z-renderer:2;
  --z-scroll-menu:3;
  --z-purchase:4;
  --z-options-bar:5;
  --z-select:6;
  --z-logo:7;
  --z-navigation:8;
  --z-waiting:9;
  --z-menu-bar:10;

  --height-navigation--sm:60px;

  --background-solid:white;
  --background-mobile:white;
  --background-desktop:white;
  --background-finalize:white;
}

.fileInput{
  width:100%;
  text-align:center;
  margin-top:40px;
}

.fileInput-input{
  position:relative;
  background-color:rgb(180, 180, 180);
  width:100%;
  text-align:left;
  display:flex;
}

.fileInput-placeholder,
.fileInput-value{
  flex-grow:1;
  line-height:32px;
  text-indent:14px;
  font-size:14px;
  color:rgb(39, 39, 39);
}

.fileInput-button{
  width:84px;
  height:32px;
}

.fileInput-ghost{
  position:absolute;
  z-index:1;
  top:0;
  left:0;
  width:100%;
  height:100%;
  opacity:0;
}

.fileInput-label{
  font-size:14px;
  line-height:19px;
  color:rgb(90, 90, 90);
  text-align:center;
  margin-top:5px;
}

@media (min-width: 768px){
  .fileInput-placeholder,
  .fileInput-value{
    line-height:44px;
  }

  .fileInput-button{
    height:44px;
  }
}

:root{
  --color-black:rgb(0, 0, 0);
  --color-white:rgb(255, 255, 255);
  --color-lighterGray:rgb(210, 210, 210);
  --color-lightGray:rgb(180, 180, 180);
  --color-gray:rgb(133, 133, 133);
  --color-midGray:rgb(90, 90, 90);
  --color-darkGray:rgb(39, 39, 39);
  --color-darkerGray:rgb(14, 14, 14);
  --color-red:rgb(247, 28, 37);
  --color-darkRed:rgb(192, 7, 14);
  --color-yellow:rgb(244, 209, 0);
  --color-purple:rgb(41, 24, 61);
  --color-blue:rgb(4, 102, 202);

  --text-color:var(--color-darkGray);

  --z-base:1;
  --z-renderer:2;
  --z-scroll-menu:3;
  --z-purchase:4;
  --z-options-bar:5;
  --z-select:6;
  --z-logo:7;
  --z-navigation:8;
  --z-waiting:9;
  --z-menu-bar:10;

  --height-navigation--sm:60px;

  --background-solid:white;
  --background-mobile:white;
  --background-desktop:white;
  --background-finalize:white;
}

.tile{
  position:relative;
  width:74px;
  height:74px;
  padding:5px;
  cursor:pointer;
  -webkit-user-select:none;
          user-select:none;
  box-sizing:border-box;
}

.tile.mod-scroll-menu{
  width:75px;
  height:75px;
}

.tile.mod-scroll-menu > .tile-content:not(.mod-transparent){
  border-radius:20px;
}

.tile.mod-small{
  width:50px;
  height:50px;
  padding:3px;
}

.tile.mod-selected{
  padding:0;
}

.tile.mod-scroll-menu.mod-selected > div.tile-content:not(.mod-transparent){
  border:3px solid red;
}

.tile.mod-wide{
  width:111px;
}

.tile.mod-wide.mod-small{
  width:100px;
}

.tile.mod-wideWithText{
  width:111px;
}

.tile.mod-wideWithPadding{
  width:111px;
}

.tile.mod-wideWithPadding .tile-content{
  padding:10px;
  background-origin:content-box;
}

.tile-glossy,
.tile-secondaryImage{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
}

.tile-select{
  position:absolute;
  top:0;
  right:0;
  display:flex;
  width:23px;
  height:23px;
  justify-content:center;
  align-items:center;
  background-color:rgb(247, 28, 37);
}

.tile.mod-scroll-menu.mod-selected
  > .tile-content:not(.mod-transparent)
  + .tile-select{
  top:6px;
  right:6px;
  border-radius:0 10px 0 10px;
}

.tile-dashed{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  fill:rgb(133, 133, 133);
}

.tile-content{
  position:relative;
  display:flex;
  width:100%;
  height:100%;
  font-size:12px;
  font-weight:600;
  color:rgb(255, 255, 255);
  text-align:center;
  text-transform:uppercase;
  align-items:center;
  justify-content:center;
  background-size:contain;
  background-position:center;
  background-repeat:no-repeat;
}

.tile.mod-disabled{
  cursor:not-allowed;
  opacity:0.35;
}

.tile-content.mod-transparent{
  color:rgb(90, 90, 90);
}

.tile-content.mod-midGray{
  background-color:rgb(90, 90, 90);
}

.tile-content.mod-lighterGray{
  background-color:rgb(180, 180, 180);
  color:rgb(90, 90, 90);
}

.tile-text{
  padding:0 2px;
}

.tile-stripe{
  width:16px;
  height:100%;
}

.tile.mod-selected .tile-stripe{
  width:19px;
}

@media screen and (min-width: 768px){
  .tile{
    padding:10px;
    transition:30ms padding linear;
  }

  .tile:not(.mod-disabled):not(.mod-selected):hover{
    padding:5px;
  }

  .tile.mod-small:not(.mod-disabled):not(.mod-selected):hover{
    padding:1px;
  }

  .tile.mod-wide,
  .tile.mod-wideWithText,
  .tile.mod-wideWithPadding{
    width:184px;
    height:116px;
  }

  .tile.mod-wide.mod-small{
    width:100px;
    height:64px;
  }

  .tile-select{
    width:26px;
    height:26px;
  }

  .tile-content{
    font-size:13px;
  }

  .tile.mod-selected .tile-stripe{
    width:21px;
  }
}

:root{
  --color-black:rgb(0, 0, 0);
  --color-white:rgb(255, 255, 255);
  --color-lighterGray:rgb(210, 210, 210);
  --color-lightGray:rgb(180, 180, 180);
  --color-gray:rgb(133, 133, 133);
  --color-midGray:rgb(90, 90, 90);
  --color-darkGray:rgb(39, 39, 39);
  --color-darkerGray:rgb(14, 14, 14);
  --color-red:rgb(247, 28, 37);
  --color-darkRed:rgb(192, 7, 14);
  --color-yellow:rgb(244, 209, 0);
  --color-purple:rgb(41, 24, 61);
  --color-blue:rgb(4, 102, 202);

  --text-color:var(--color-darkGray);

  --z-base:1;
  --z-renderer:2;
  --z-scroll-menu:3;
  --z-purchase:4;
  --z-options-bar:5;
  --z-select:6;
  --z-logo:7;
  --z-navigation:8;
  --z-waiting:9;
  --z-menu-bar:10;

  --height-navigation--sm:60px;

  --background-solid:white;
  --background-mobile:white;
  --background-desktop:white;
  --background-finalize:white;
}

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

.textInput-input{
  margin:0;
  padding:8px 0;
  border:0;
  background:none;
  border-bottom:2px solid rgb(90, 90, 90);
  font-size:24px;
  line-height:33px;
  text-align:center;
  color:rgb(39, 39, 39);
  width:100%;
  outline:none;
}

.textInput-label{
  font-size:14px;
  line-height:19px;
  color:rgb(90, 90, 90);
  text-align:center;
  margin-top:5px;
}

.textInput.hasError .textInput-input{
  color:red;
  border-color:red;
}

.textInput.hasError .textInput-label{
  color:red;
}

:root{
  --color-black:rgb(0, 0, 0);
  --color-white:rgb(255, 255, 255);
  --color-lighterGray:rgb(210, 210, 210);
  --color-lightGray:rgb(180, 180, 180);
  --color-gray:rgb(133, 133, 133);
  --color-midGray:rgb(90, 90, 90);
  --color-darkGray:rgb(39, 39, 39);
  --color-darkerGray:rgb(14, 14, 14);
  --color-red:rgb(247, 28, 37);
  --color-darkRed:rgb(192, 7, 14);
  --color-yellow:rgb(244, 209, 0);
  --color-purple:rgb(41, 24, 61);
  --color-blue:rgb(4, 102, 202);

  --text-color:var(--color-darkGray);

  --z-base:1;
  --z-renderer:2;
  --z-scroll-menu:3;
  --z-purchase:4;
  --z-options-bar:5;
  --z-select:6;
  --z-logo:7;
  --z-navigation:8;
  --z-waiting:9;
  --z-menu-bar:10;

  --height-navigation--sm:60px;

  --background-solid:white;
  --background-mobile:white;
  --background-desktop:white;
  --background-finalize:white;
}
.tileCard{
  display:flex;
  width:300px;
  height:100%;
  flex-direction:column;
  cursor:pointer;
}
.tileCard-content{
  display:flex;
  flex-direction:column;
  flex-grow:1;
  justify-content:center;
  align-items:center;
}
.optionsBar.mod-large .tileCard-content{
    justify-content:flex-start;
  }
.tileCard-image{
  display:flex;
  justify-content:center;
  width:200px;
  height:200px;
  margin-top:calc((220px - 200px) / 2);
  margin-bottom:calc((220px - 200px) / 2);
}
.tileCard.isSelected .tileCard-image{
  width:220px;
  height:220px;
  margin-top:0;
  margin-bottom:0;
}
.tileCard-imageWrapper{
  position:relative;
  width:100%;
  height:100%;
}
.tileCard-image .tileCard-checkmark{
  position:absolute;
  top:0;
  right:0;
  width:25px;
  height:25px;
  background:#f71d25;
  display:flex;
  justify-content:center;
  align-items:center;
}
.tileCard-image img{
  width:100%;
  height:100%;
}
.tileCard-name{
  font-size:24px;
  text-align:center;
  margin-top:10px;
}
.tileCard-text{
  max-width:280px;
  font-size:14px;
  text-align:justify;
}
.tileCard-tileInfo{
  max-width:280px;
  font-size:14px;
  text-align:justify;
  margin-top:16px;
}
.tileCard-textImportant{
  max-width:280px;
  font-size:14px;
  text-align:justify;
  padding-top:20px;
  font-weight:bold;
  font-size:italic;
}
.tileCard-noMargin{
  margin:0px;
}
@media (max-width: 375px){
  .tileCard-name{
    font-size:20px;
  }

  .tileCard-text,
  .tileCard-tileInfo{
    font-size:12px;
  }
}
@media (min-width: 768px){
  .tileCard-image{
    display:flex;
    justify-content:center;
    width:256px;
    height:256px;
    margin-top:calc((280px - 256px) / 2);
    margin-bottom:calc((280px - 256px) / 2);
    flex-grow:0;
  }
  .tileCard.isSelected .tileCard-image{
    width:280px;
    height:280px;
  }
  .tileCard-name{
    margin-top:25px;
    font-size:26px;
  }
}
@media (max-height: 500px){
  .tileCard{
    width:100%;
  }

  .tileCard-content{
    flex-direction:row;
  }

  .tileCard-texts{
    margin-left:20px;
    display:flex;
    flex-direction:column;
  }

  .tileCard-name{
    text-align:left;
    margin-top:0;
  }
}
@media (max-height: 640px){
  .tileCard-image{
    width:120px;
    height:120px;
    margin:calc((140px - 120px) / 2);
    flex-shrink:0;
  }

  .tileCard.isSelected .tileCard-image{
    margin:0;
  }

  .tileCard.isSelected .tileCard-image{
    width:140px;
    height:140px;
  }
}
.tileCard-texts{
    opacity:0.6;
    transition:opacity 0.1s;
  }
.tileCard:hover .tileCard-texts{
    opacity:1;
  }

:root{
  --color-black:rgb(0, 0, 0);
  --color-white:rgb(255, 255, 255);
  --color-lighterGray:rgb(210, 210, 210);
  --color-lightGray:rgb(180, 180, 180);
  --color-gray:rgb(133, 133, 133);
  --color-midGray:rgb(90, 90, 90);
  --color-darkGray:rgb(39, 39, 39);
  --color-darkerGray:rgb(14, 14, 14);
  --color-red:rgb(247, 28, 37);
  --color-darkRed:rgb(192, 7, 14);
  --color-yellow:rgb(244, 209, 0);
  --color-purple:rgb(41, 24, 61);
  --color-blue:rgb(4, 102, 202);

  --text-color:var(--color-darkGray);

  --z-base:1;
  --z-renderer:2;
  --z-scroll-menu:3;
  --z-purchase:4;
  --z-options-bar:5;
  --z-select:6;
  --z-logo:7;
  --z-navigation:8;
  --z-waiting:9;
  --z-menu-bar:10;

  --height-navigation--sm:60px;

  --background-solid:white;
  --background-mobile:white;
  --background-desktop:white;
  --background-finalize:white;
}

.optionsBar.mod-dev-outline{
  outline:1px solid lightgreen;
}

.optionsBar.mod-dev-outline .optionsBar-title{
    outline:1px solid blue;
  }

.optionsBar.mod-dev-outline .optionsBar-scrollContainer{
    outline:1px solid red;
  }

.optionsBar.mod-dev-outline .optionsBar-control{
    outline:1px solid yellow;
  }

.optionsBar.mod-dev-outline .optionsBar-scrollBodyContainer{
    outline:1px solid magenta;
  }

.optionsBar.mod-dev-outline .optionsBar-scrollItem{
    outline:1px solid springgreen;
  }

.optionsBar.mod-dev-outline .tileCard-content > *{
    outline:1px solid orange;
  }

.optionsBar{
  position:relative;
  width:100vw;
  -webkit-user-select:none;
          user-select:none;
  align-items:center;
}

.optionsBar.mod-large{
  display:flex;
  height:100%;
  flex-direction:column;
  justify-content:space-between;
}

@media (min-height: 568px){
  .optionsBar.mod-large{
    justify-content:space-between;
  }
}

.optionsBar-title{
  display:block;
  text-align:center;
  color:rgb(39, 39, 39);
  font-size:18px;
}

.optionsBar.mod-large .optionsBar-title{
  font-size:30px;
  font-weight:300;
  color:rgb(90, 90, 90);
  max-width:calc(100vw - 20px);
}

@media (max-width: 768px){

.optionsBar.mod-large .optionsBar-title{
    font-size:24px
}
  }

@media (max-width: 375px){

.optionsBar.mod-large .optionsBar-title{
    font-size:20px
}
  }

.optionsBar-description{
  font-size:13px;
  text-align:center;
  line-height:14px;
}

.optionsBar-input{
  width:300px;
  margin:0 auto;
  padding-bottom:15px;
}

.optionsBar-header{
  position:relative;
  padding-top:20px;
  flex-grow:0;
}

.optionsBar.mod-large .optionsBar-header{
    padding-top:0;
  }

.optionsBar.mod-large .optionsBar-header:not(.mod-grid){
      margin-bottom:20px;
    }

.optionsBar-grid{
  width:calc(100% - 40px);
  display:flex;
  flex-wrap:wrap;
}

.optionsBar-control{
  display:none;
  position:absolute;
  z-index:2;
  top:50%;
  transform:translateY(-50%);
}

.optionsBar.isWizard .optionsBar-control .mod-control.mod-disabled{
  visibility:hidden;
}

.optionsBar-controlButton{
  width:24px;
  height:44px;
  margin:0;
  padding:0;
  border:0;
  background:transparent;
}

.optionsBar-control.mod-left{
  left:-58px;
}

.optionsBar-control.mod-right{
  right:-58px;
}

.optionsBar.mod-large .optionsBar-control{
  display:block;
  position:fixed;
}

.optionsBar.mod-large .optionsBar-control.mod-left{
  left:10px;
}

.optionsBar.mod-large .optionsBar-control.mod-right{
  right:10px;
}

.optionsBar-scrollBodyContainer{
  width:100%;
  height:100%;
  display:flex;
  overflow:hidden;
  justify-content:center;
}

.optionsBar.mod-large .optionsBar-scrollBodyContainer{
    flex-grow:1;
  }

.optionsBar-scrollBody{
  padding:15px 0 10px;
  display:flex;
  width:auto;
  overflow-x:auto;
  -webkit-overflow-scrolling:touch;
}

.optionsBar-scrollBody.withAnimation{
  transition:all 0.3s cubic-bezier(0.42, 0, 0.855, 1);
}

.optionsBar.mod-large .optionsBar-scrollBody{
  padding-top:0;
  padding-bottom:0;
  overflow-x:hidden;
}

.optionsBar-scrollItem{
  box-sizing:content-box;
}

@media (max-width: 374px){
  .optionsBar:not(.mod-large)
    .optionsBar-scrollBody:not(.mod-items-4)
    .optionsBar-scrollItem:last-child{
    padding-right:15px;
  }

  .optionsBar:not(.mod-large)
    .optionsBar-scrollBody:not(.mod-items-4)
    .optionsBar-scrollItem:first-child{
    padding-left:15px;
  }
}

@media (min-width: 375px) and (max-width: 768px){
  .optionsBar:not(.mod-large)
    .optionsBar-scrollBody:not(.mod-items-5)
    .optionsBar-scrollItem:last-child,
  .optionsBar.mod-wide .optionsBar-scrollItem:last-child{
    padding-right:15px;
  }

  .optionsBar:not(.mod-large)
    .optionsBar-scrollBody:not(.mod-items-5)
    .optionsBar-scrollItem:first-child,
  .optionsBar.mod-wide .optionsBar-scrollItem:first-child{
    padding-left:15px;
  }
}

.optionsBar-header,
  .optionsBar.mod-large .optionsBar-header{
    padding-top:100px;
  }

@media (max-height: 500px){

.optionsBar-header,
  .optionsBar.mod-large .optionsBar-header{
      padding-top:80px
  }
    }

@media (max-width: 375px){

.optionsBar-header,
  .optionsBar.mod-large .optionsBar-header{
      padding-top:75px
  }
    }

@media (min-width: 376px) and (max-height: 500px){
    .optionsBar-header,
    .optionsBar.mod-large .optionsBar-header{
      padding-top:0;
    }
}

@media (min-width: 769px){
  .optionsBar{
    position:absolute;
    bottom:0;
    right:0;
    -webkit-user-select:auto;
            user-select:auto;
  }

  .optionsBar:not(.mod-large){
    width:calc(100vw - 230px);
  }

  .optionsBar-header{
    padding-top:0;
    flex-grow:0;
  }

  .optionsBar-title{
    font-size:24px;
    padding-bottom:4px;
    pointer-events:none;
  }

  .optionsBar-description{
    margin:0 auto;
    height:18px;
  }

  .optionsBar-title,
  .optionsBar-description{
    -webkit-font-smoothing:antialiased;
    text-shadow:-1px -1px 0px white, 0px -1px 0px white, 1px -1px 0px white, 1px 0px 0px white, 1px 1px 0px white, 0px 1px 0px white, -1px 1px 0px white, -1px 0px 0px white;
  }

  .optionsBar-chrome{
    display:flex;
    justify-content:center;
  }

  .optionsBar-scrollContainer{
    min-width:auto;
    position:relative;
    display:block;
    margin-right:80px;
    margin-left:80px;
    margin-bottom:0;
  }

  .optionsBar.mod-large .optionsBar-scrollContainer{
    display:flex;
    align-items:flex-start;
  }

  .optionsBar-control{
    display:block;
    position:absolute;
    z-index:2;
    top:50%;
    transform:translateY(-50%);
    width:24px;
    height:44px;
  }

  .optionsBar.mod-large .optionsBar-scrollItem{
    display:flex;
    align-items:center;
  }

  .optionsBar-control.mod-left{
    left:-53px;
  }

  .optionsBar-control.mod-right{
    right:-53px;
  }

  .optionsBar.mod-large .optionsBar-control.mod-left{
    left:20px;
  }

  .optionsBar.mod-large .optionsBar-control.mod-right{
    right:20px;
  }

  .optionsBar-scrollContainer.mod-allFits .optionsBar-control{
    display:none;
  }

  .optionsBar-scrollBody{
    overflow:hidden;
  }

  .optionsBar.mod-large .optionsBar-scrollBodyContainer{
    margin-right:0;
    height:auto;
  }

  .optionsBar-scrollBodyContainer{
    margin-right:82px;
  }
}

@media (min-width: 480px) and (max-width: 768px) and (max-height: 768px){
  .optionsBar.mod-large .optionsBar-title{
    padding-top:40px;
  }
}

@media (min-width: 480px) and (max-width: 768px) and (max-height: 400px){
  .optionsBar.mod-large .optionsBar-title{
    padding-top:10px;
  }
}

:root{
  --color-black:rgb(0, 0, 0);
  --color-white:rgb(255, 255, 255);
  --color-lighterGray:rgb(210, 210, 210);
  --color-lightGray:rgb(180, 180, 180);
  --color-gray:rgb(133, 133, 133);
  --color-midGray:rgb(90, 90, 90);
  --color-darkGray:rgb(39, 39, 39);
  --color-darkerGray:rgb(14, 14, 14);
  --color-red:rgb(247, 28, 37);
  --color-darkRed:rgb(192, 7, 14);
  --color-yellow:rgb(244, 209, 0);
  --color-purple:rgb(41, 24, 61);
  --color-blue:rgb(4, 102, 202);

  --text-color:var(--color-darkGray);

  --z-base:1;
  --z-renderer:2;
  --z-scroll-menu:3;
  --z-purchase:4;
  --z-options-bar:5;
  --z-select:6;
  --z-logo:7;
  --z-navigation:8;
  --z-waiting:9;
  --z-menu-bar:10;

  --height-navigation--sm:60px;

  --background-solid:white;
  --background-mobile:white;
  --background-desktop:white;
  --background-finalize:white;
}

.menu-bar{
  position:absolute;
  top:0;
  z-index:10;
  padding-left:5px;
  background-color:rgb(39, 39, 39);
  color:rgb(255, 255, 255);
  display:flex;
  justify-content:space-between;

  width:100%;
  height:40px;
  max-height:40px;
}

.menu-bar .icon.mod-bars{
    width:18px;
    height:18px;
  }

.menu-bar .icon-container{
    height:24px;
    width:24px;
    display:flex;
    justify-content:center;
    align-items:center;
    color:rgb(210, 210, 210);
  }

.menu-bar .return-to-site-url-container{
    display:flex;
    align-items:center;
  }

.menu-bar .return-to-site-url{
    display:flex;
    flex-direction:row;
    align-items:center;
    -webkit-text-decoration:none;
    text-decoration:none;
  }

.menu-bar .return-icon{
    margin-right:6px;
    margin-bottom:2px;
  }

.menu-bar .return-icon .icon{
    opacity:0.8;
    height:8px;
    width:8px;
  }

.menu-bar .return-url{
    text-transform:uppercase;
    font-size:12px;
    color:rgb(210, 210, 210);
    font-weight:bold;
  }

.menu-bar .product-info{
    margin-top:8px;
  }

.menu-bar .button-container{
    display:flex;
    align-items:center;
  }

.menu-bar button{
    border:0;
    text-transform:uppercase;
  }

.menu-bar .menu-button{
    height:24px;
    display:flex;
    justify-content:center;
    align-items:center;
    cursor:pointer;
    color:rgb(210, 210, 210);
    font-weight:bold;
    background:none;
    border:none;
    min-width:100px;
  }

.menu-bar .add-to-cart-button{
    cursor:pointer;
    color:white;
    background:rgb(247, 28, 37);
    display:flex;
    align-items:center;
    justify-content:space-around;
    min-width:130px;
    font-family:revert;
    font-size:13px;
    font-weight:500;
    height:30px;
    border-radius:10px;
    margin:5px;
  }

.menu{
  z-index:10;
  position:absolute;
  inset:0;
}

.menu .overlay{
    cursor:pointer;
    width:100vw;
    height:110vh;
    background:rgba(0, 0, 0, 0.5);
  }

.menu .menu-container{
    max-height:100vh;
    height:100%;
    width:400px;
    display:flex;
    position:absolute;
    flex-direction:column;
    right:0;
    top:0;
    background:rgb(210, 210, 210);
    overflow:auto;
  }

.menu .purchase-container{
    padding-right:100px;
    margin-top:-50px;
  }

.menu .menu-close{
    display:inline-block;
    position:sticky;
    align-self:flex-end;
    top:12px;
    right:12px;
    padding:8px;
    cursor:pointer;
    line-height:0;
    border-radius:8px;
    transition:background-color 0.2s;
  }

.menu .menu-close:hover{
    background-color:rgb(180, 180, 180);
  }

.menu .menu-items{
    font-size:13pt;
    width:100%;
    padding-top:30px;
    padding-bottom:30px;
    display:flex;
    flex-direction:column;
    flex:1;
  }

.menu .menu-items .section{
      margin-bottom:10px;
      margin-left:40px;
    }

.menu .menu-items .section.has-sub-items > .title{
        display:flex;
        gap:3px;
        cursor:pointer;
        height:30px;
        align-items:center;
      }

.menu .menu-items .title{
      margin-bottom:3px;
    }

.menu .menu-items .title.selected{
      font-weight:bold;
    }

.menu .menu-items .sub-items{
      margin-bottom:20px;
      font-weight:300;
    }

.menu .menu-items .sub-items .icon{
        width:14px;
        height:14px;
        margin-left:5px;
      }

.menu .menu-items .sub-item{
      cursor:pointer;
    }

.menu .menu-items a{
      color:black;
      -webkit-text-decoration:none;
      text-decoration:none;
    }

.menu .product-info{
    padding:20px 0 20px 40px;
  }

.menu .product-info strong{
      font-size:16pt;
      font-weight:bold;
    }

.menu .actions-container{
    display:flex;
    flex-direction:column;
    padding-left:40px;
  }

.menu svg.icon{
    width:15px;
    height:15px;
  }

.menu .product-title{
    font-size:16pt;
  }

.menu .purchase-container{
    padding:10px;
    text-align:left;
  }

.menu .product-price{
    text-align:left;
  }

.menu .button{
    border-radius:10px;
    width:180px;
    margin-right:20px;
  }

:root{
  --color-black:rgb(0, 0, 0);
  --color-white:rgb(255, 255, 255);
  --color-lighterGray:rgb(210, 210, 210);
  --color-lightGray:rgb(180, 180, 180);
  --color-gray:rgb(133, 133, 133);
  --color-midGray:rgb(90, 90, 90);
  --color-darkGray:rgb(39, 39, 39);
  --color-darkerGray:rgb(14, 14, 14);
  --color-red:rgb(247, 28, 37);
  --color-darkRed:rgb(192, 7, 14);
  --color-yellow:rgb(244, 209, 0);
  --color-purple:rgb(41, 24, 61);
  --color-blue:rgb(4, 102, 202);

  --text-color:var(--color-darkGray);

  --z-base:1;
  --z-renderer:2;
  --z-scroll-menu:3;
  --z-purchase:4;
  --z-options-bar:5;
  --z-select:6;
  --z-logo:7;
  --z-navigation:8;
  --z-waiting:9;
  --z-menu-bar:10;

  --height-navigation--sm:60px;

  --background-solid:white;
  --background-mobile:white;
  --background-desktop:white;
  --background-finalize:white;
}

.return-to-site{
  position:absolute;
  padding-left:20px;
  padding-top:6px;
  z-index:6;
}

.return-to-site-url{
  display:flex;
  flex-direction:row;
  align-items:center;
  -webkit-text-decoration:none;
  text-decoration:none;
  color:rgb(133, 133, 133);
}

.return-icon{
  margin-right:4px;
  margin-bottom:2px;
}

.return-icon .icon{
  opacity:0.8;
  height:8px;
  width:8px;
}

.return-url{
  text-transform:uppercase;
  font-size:12px;
}

@media (min-width: 769px){
  .return-to-site{
    padding-left:30px;
    padding-top:10px;
  }
}

@media (max-width: 375px){
  .return-to-site{
    padding-top:2px;
  }
}

:root{
  --color-black:rgb(0, 0, 0);
  --color-white:rgb(255, 255, 255);
  --color-lighterGray:rgb(210, 210, 210);
  --color-lightGray:rgb(180, 180, 180);
  --color-gray:rgb(133, 133, 133);
  --color-midGray:rgb(90, 90, 90);
  --color-darkGray:rgb(39, 39, 39);
  --color-darkerGray:rgb(14, 14, 14);
  --color-red:rgb(247, 28, 37);
  --color-darkRed:rgb(192, 7, 14);
  --color-yellow:rgb(244, 209, 0);
  --color-purple:rgb(41, 24, 61);
  --color-blue:rgb(4, 102, 202);

  --text-color:var(--color-darkGray);

  --z-base:1;
  --z-renderer:2;
  --z-scroll-menu:3;
  --z-purchase:4;
  --z-options-bar:5;
  --z-select:6;
  --z-logo:7;
  --z-navigation:8;
  --z-waiting:9;
  --z-menu-bar:10;

  --height-navigation--sm:60px;

  --background-solid:white;
  --background-mobile:white;
  --background-desktop:white;
  --background-finalize:white;
}

.wizard-title{
  display:block;
  text-align:center;
  color:rgb(39, 39, 39);
  font-size:18px;
}

.optionsBar.mod-large .wizard-title{
  font-size:30px;
  font-weight:300;
  color:rgb(90, 90, 90);
  max-width:calc(100vw - 20px);
}

@media (max-width: 768px){

.optionsBar.mod-large .wizard-title{
    font-size:24px
}
  }

@media (max-width: 375px){

.optionsBar.mod-large .wizard-title{
    font-size:20px
}
  }

.wizard-grid-container{
  height:100%;
  padding:20px;
}

.wizard-grid{
  display:flex;
  flex-direction:row;
  flex-wrap:wrap;
}

.wizard-options-container{
  max-width:1620px;
  height:100%;
  display:flex;
  overflow:scroll;
  flex-direction:row;
  flex-wrap:wrap;
  justify-content:center;
  -ms-overflow-style:none;
  scrollbar-width:none;
  padding:0 10px;
}

.wizard-options-container::-webkit-scrollbar{
  display:none;
}

.wizard-scrollItem{
  box-sizing:content-box;
  padding:0 10px;
}

.wizard-scrollItem:last-of-type{
  padding-bottom:40px;
}

.wizard-actions{
  position:absolute;
  bottom:0;
  height:118px;
  width:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  padding-bottom:10px;
}

@media (max-width: 769px){

.wizard-actions{
    height:88px
}
  }

@media (max-height: 768px){

.wizard-actions{
    height:88px
}
  }

@media (min-width: 769px){

.wizard-actions{
    position:static;
    width:auto
}
  }

.optionsBar.mod-large .wizard-actions{
    position:static;
    flex-grow:0;
  }

.wizard-noPreference{
  font-size:18px;
  font-weight:lighter;
  color:rgb(90, 90, 90);
  -webkit-text-decoration:underline;
  text-decoration:underline;
  cursor:pointer;
  text-align:center;
  height:24px;
}

.wizard-noPreference:hover{
    opacity:0.7;
  }

.wizard-search{
  margin:0 auto;
  width:100%;
  max-width:calc(100vw - 120px);
}

@media (min-width: 769px){

.wizard-search{
    width:400px
}
  }

.scroll-down-button{
  position:absolute;
  right:0;
  bottom:0;
  width:40px;
  cursor:pointer;
  padding-bottom:10px;
  opacity:0.6;
}

.scroll-down-button:hover{
    opacity:1;
  }

:root{
  --color-black:rgb(0, 0, 0);
  --color-white:rgb(255, 255, 255);
  --color-lighterGray:rgb(210, 210, 210);
  --color-lightGray:rgb(180, 180, 180);
  --color-gray:rgb(133, 133, 133);
  --color-midGray:rgb(90, 90, 90);
  --color-darkGray:rgb(39, 39, 39);
  --color-darkerGray:rgb(14, 14, 14);
  --color-red:rgb(247, 28, 37);
  --color-darkRed:rgb(192, 7, 14);
  --color-yellow:rgb(244, 209, 0);
  --color-purple:rgb(41, 24, 61);
  --color-blue:rgb(4, 102, 202);

  --text-color:var(--color-darkGray);

  --z-base:1;
  --z-renderer:2;
  --z-scroll-menu:3;
  --z-purchase:4;
  --z-options-bar:5;
  --z-select:6;
  --z-logo:7;
  --z-navigation:8;
  --z-waiting:9;
  --z-menu-bar:10;

  --height-navigation--sm:60px;

  --background-solid:white;
  --background-mobile:white;
  --background-desktop:white;
  --background-finalize:white;
}

.purchase{
  position:relative;
  width:100vw;
  height:100%;
  display:none;
  padding:0;
}

.purchase-product{
  position:absolute;
  bottom:60px;
  left:0;
  width:100%;
  padding:0 20px;
}

.purchase.is-on{
  display:block;
}

.purchase .product-configurationId,
.purchase .summary-sectionTitle{
  display:none;
}

@media (min-width: 769px){
  .purchase{
    position:relative;
    width:auto;
    height:auto;
    display:block;
  }

  .purchase-product{
    position:relative;
    bottom:auto;
    padding:0;
  }

    .purchase-product .product-product{
      display:flex;
      flex-direction:column;
      align-items:flex-end;
    }

  .purchase .summary{
    display:flex;
    justify-content:flex-end;
  }

  .purchase .summary-section{
    width:200px;
  }

  .purchase .summary-label,
  .purchase .summary-value{
    color:rgb(133, 133, 133);
  }

  .purchase .product-title{
    text-align:right;
    font-size:26px;
    font-weight:600;
  }

  .purchase .product-price{
    margin-top:-10px;
    margin-bottom:5px;
    font-size:20px;
  }

  .purchase .product-controls{
    display:flex;
    justify-content:flex-end;
    margin:0;
    width:auto;
  }

  .purchase .product-controls .button{
    width:auto;
    margin-left:10px;
    padding:0 20px;
  }

  .scroll-menu .purchase .product-controls .button,
  .menu-container .purchase .product-controls .button{
    border-radius:10px;
  }

  .purchase-summaryLink{
    font-size:16px;
    text-transform:uppercase;
    color:rgb(247, 28, 37);
    transition:color 0.1s;
    cursor:pointer;
    display:inline-block;
    margin-top:10px;
  }

    .purchase-summaryLink .icon{
      position:relative;
      top:2px;
      fill:rgb(247, 28, 37);
    }

    .purchase-summaryLink:hover{
      color:rgb(226, 8, 17);
    }

      .purchase-summaryLink:hover .icon{
        fill:rgb(226, 8, 17);
      }
}

:root{
  --color-black:rgb(0, 0, 0);
  --color-white:rgb(255, 255, 255);
  --color-lighterGray:rgb(210, 210, 210);
  --color-lightGray:rgb(180, 180, 180);
  --color-gray:rgb(133, 133, 133);
  --color-midGray:rgb(90, 90, 90);
  --color-darkGray:rgb(39, 39, 39);
  --color-darkerGray:rgb(14, 14, 14);
  --color-red:rgb(247, 28, 37);
  --color-darkRed:rgb(192, 7, 14);
  --color-yellow:rgb(244, 209, 0);
  --color-purple:rgb(41, 24, 61);
  --color-blue:rgb(4, 102, 202);

  --text-color:var(--color-darkGray);

  --z-base:1;
  --z-renderer:2;
  --z-scroll-menu:3;
  --z-purchase:4;
  --z-options-bar:5;
  --z-select:6;
  --z-logo:7;
  --z-navigation:8;
  --z-waiting:9;
  --z-menu-bar:10;

  --height-navigation--sm:60px;

  --background-solid:white;
  --background-mobile:white;
  --background-desktop:white;
  --background-finalize:white;
}

.waiting{
  position:fixed;
  z-index:9;
  top:0;
  left:0;
  width:100vw;
  height:100vh;
  background-color:rgba(90, 90, 90, 0.8);
}

.waiting-spinner{
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%, -50%);
}

.waiting-spinner .spinner{
    margin:0 auto;
  }

.waiting-spinner .text{
    margin-top:10px;
    color:rgb(210, 210, 210);
  }

:root{
  --color-black:rgb(0, 0, 0);
  --color-white:rgb(255, 255, 255);
  --color-lighterGray:rgb(210, 210, 210);
  --color-lightGray:rgb(180, 180, 180);
  --color-gray:rgb(133, 133, 133);
  --color-midGray:rgb(90, 90, 90);
  --color-darkGray:rgb(39, 39, 39);
  --color-darkerGray:rgb(14, 14, 14);
  --color-red:rgb(247, 28, 37);
  --color-darkRed:rgb(192, 7, 14);
  --color-yellow:rgb(244, 209, 0);
  --color-purple:rgb(41, 24, 61);
  --color-blue:rgb(4, 102, 202);

  --text-color:var(--color-darkGray);

  --z-base:1;
  --z-renderer:2;
  --z-scroll-menu:3;
  --z-purchase:4;
  --z-options-bar:5;
  --z-select:6;
  --z-logo:7;
  --z-navigation:8;
  --z-waiting:9;
  --z-menu-bar:10;

  --height-navigation--sm:60px;

  --background-solid:white;
  --background-mobile:white;
  --background-desktop:white;
  --background-finalize:white;
}

.scroll-menu{
  position:absolute;
  top:0;
  right:0;
  max-width:min(480px, 40%);
  padding-inline:8px;
  padding-top:48px;
  z-index:3;
  overflow-y:scroll;
  overflow-x:hidden;
  height:100%;
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  background:rgba(255, 255, 255, 0.75);
}

.scroll-menu div [data-component='Tile']{
    padding:3px;
  }

.scroll-menu .tile-content{
    background-size:contain;
    box-shadow:1px 1px 5px #00000075;
  }

.scroll-menu h2{
    padding-top:100px;
    font-weight:600;
    margin-bottom:5px;
    text-align:center;
  }

.scroll-menu .scrollAnchor{
    display:block;
    height:20vh;
    margin-top:-20vh;
    visibility:hidden;
  }

.scroll-menu .sub-title .name{
      font-weight:bold;
    }

.scroll-menu .sub-title{
    margin-top:5px;
    text-align:center;
}

.scroll-menu .select-input{
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
  }

.scroll-menu .select-input .category-title{
      text-transform:uppercase;
    }

.scroll-menu .select-input .category-container{
      flex:1 1 100%;
      display:flex;
      flex-direction:column;
      gap:8px;
      margin-top:16px;
      font-size:12px;
      font-weight:600;
    }

.scroll-menu .select-input .category-items{
      display:flex;
      flex-wrap:wrap;
    }

.scroll-menu .spacer{
    height:150px;
  }

.scroll-menu .scroll-menu-section{
    max-width:550px;
    margin-right:30px;
  }

.scroll-menu .purchase{
    margin-right:50px;
  }

.scroll-menu .purchase .product-product{
      align-items:center;
    }

.scroll-menu .purchase .product-controls{
      text-align:center;
    }

.scroll-menu .arrow{
    position:sticky;
    height:0px;
    overflow:visible;
    cursor:pointer;
  }

.scroll-menu .arrow-up{
    top:0;
  }

.scroll-menu .arrow-down{
    bottom:0;
  }

.scroll-menu .arrow-down .arrow-icon{
      top:-40px;
    }

.scroll-menu .arrow-icon{
    display:inline-flex;
    position:absolute;
    top:0;
    right:0;
    padding:8px;
  }

.scroll-menu .arrow-icon > svg{
    width:25px;
  }

:root{
  --color-black:rgb(0, 0, 0);
  --color-white:rgb(255, 255, 255);
  --color-lighterGray:rgb(210, 210, 210);
  --color-lightGray:rgb(180, 180, 180);
  --color-gray:rgb(133, 133, 133);
  --color-midGray:rgb(90, 90, 90);
  --color-darkGray:rgb(39, 39, 39);
  --color-darkerGray:rgb(14, 14, 14);
  --color-red:rgb(247, 28, 37);
  --color-darkRed:rgb(192, 7, 14);
  --color-yellow:rgb(244, 209, 0);
  --color-purple:rgb(41, 24, 61);
  --color-blue:rgb(4, 102, 202);

  --text-color:var(--color-darkGray);

  --z-base:1;
  --z-renderer:2;
  --z-scroll-menu:3;
  --z-purchase:4;
  --z-options-bar:5;
  --z-select:6;
  --z-logo:7;
  --z-navigation:8;
  --z-waiting:9;
  --z-menu-bar:10;

  --height-navigation--sm:60px;

  --background-solid:white;
  --background-mobile:white;
  --background-desktop:white;
  --background-finalize:white;
}

.count-down{
  width:100%;
  background:rgb(247, 28, 37);
  text-align:center;
  z-index:3;
  position:relative;
  color:rgb(255, 255, 255);
  font-weight:600;
  padding:8px 16px;
  font-size:16px;
  display:none;
  height:38px;
}

.count-down.isCountDownVisible{
  display:block;
}

.count-down span{
  font-weight:400;
}

@media (max-width: 769px){
  .count-down{
    font-size:13px;
    padding:8px;
  }
}

@media (max-width: 280px){
  .count-down{
    font-size:10px;
    padding:4px;
  }
}

:root{
  --color-black:rgb(0, 0, 0);
  --color-white:rgb(255, 255, 255);
  --color-lighterGray:rgb(210, 210, 210);
  --color-lightGray:rgb(180, 180, 180);
  --color-gray:rgb(133, 133, 133);
  --color-midGray:rgb(90, 90, 90);
  --color-darkGray:rgb(39, 39, 39);
  --color-darkerGray:rgb(14, 14, 14);
  --color-red:rgb(247, 28, 37);
  --color-darkRed:rgb(192, 7, 14);
  --color-yellow:rgb(244, 209, 0);
  --color-purple:rgb(41, 24, 61);
  --color-blue:rgb(4, 102, 202);

  --text-color:var(--color-darkGray);

  --z-base:1;
  --z-renderer:2;
  --z-scroll-menu:3;
  --z-purchase:4;
  --z-options-bar:5;
  --z-select:6;
  --z-logo:7;
  --z-navigation:8;
  --z-waiting:9;
  --z-menu-bar:10;

  --height-navigation--sm:60px;

  --background-solid:white;
  --background-mobile:white;
  --background-desktop:white;
  --background-finalize:white;
}
body{
  min-height:400px;
}
.Layout{
  position:absolute;
  left:0;
  top:0;
  z-index:1;
  width:100vw;
  height:100%;
  overflow:hidden;
  background-color:white;
}
.Layout.isCountDownVisible{
  height:calc(100% - 38px);
}
.Layout.mod-finalize{
  overflow-x:auto;
  height:auto;
  min-height:100vh;
}
.Layout-logo{
  position:absolute;
  z-index:7;
  top:40px;
  left:20px;
  width:60px;
  height:60px;
}
.Layout-select{
  position:relative;
  height:100%;
  z-index:6;
  background:white;
}
.Layout-controls{
  position:absolute;
  top:57px;
  right:20px;
  display:flex;
  align-items:center;
  cursor:pointer;
  z-index:1;
  margin-right:10px;
}
.Layout-controls .icon{
    height:24px;
  }
@media (max-width: 375px){
  .Layout-logo{
    top:26px;
  }
  .Layout-logo.isCountDownVisible{
    top:60px;
  }
  .Layout-logo .logo-image{
    width:48px;
  }
  .Layout-controls{
    top:36px;
  }
}
.Layout-back{
  display:flex;
  align-items:center;
  opacity:0.6;
}
.Layout-back:hover{
    opacity:1;
  }
.Layout-search{
  display:flex;
  width:24px;
  margin-left:20px;
  opacity:0.6;
}
.Layout-search:hover{
    opacity:1;
  }
.Layout-navigation{
  position:absolute;
  z-index:8;
  width:100%;
  height:60px;
  left:0;
  bottom:0;
}
.Layout-navigation.is-open{
  height:100%;
}
.Layout-renderer{
  position:absolute;
  z-index:2;
  top:0;
  left:0;
  width:100vw;
  height:100vh;
}
.Layout-rendererBackground{
  position:absolute;
  top:0;
  bottom:0;
  left:0;
  right:0;
  background:white;
}
.Layout-purchase{
  position:absolute;
  z-index:3;
  bottom:0;
  left:0;
}
.Layout-optionsBar{
  position:absolute;
  z-index:5;
  left:0;
  bottom:60px;
  width:100vw;
}
.Layout.mod-select .Layout-navigation,
.Layout.mod-select .Layout-purchase,
.Layout.mod-select .Layout-optionsBar{
  display:none;
}
.Layout.mod-select .Layout-select{
  display:block;
}
@media (min-width: 769px){
  .Layout-logo{
    top:56px;
    left:30px;
    width:100px;
    height:100px;
  }

  .Layout-select{
    background:white;
  }

  .Layout-rendererBackground{
    background:white;
    left:220px;
  }

  .Layout-navigation{
    top:100px;
    bottom:auto;
    width:auto;
    height:calc(100vh - 100px);
  }
  .Layout.isCountDownVisible .Layout-navigation{
    height:calc(100% - 140px);
  }

  .Layout-optionsBar{
    bottom:0;
  }

  .Layout-purchase{
    left:auto;
    top:-40px;
    right:30px;
    bottom:auto;
    height:auto;
    z-index:3;
  }
}

:root{
  --color-black:rgb(0, 0, 0);
  --color-white:rgb(255, 255, 255);
  --color-lighterGray:rgb(210, 210, 210);
  --color-lightGray:rgb(180, 180, 180);
  --color-gray:rgb(133, 133, 133);
  --color-midGray:rgb(90, 90, 90);
  --color-darkGray:rgb(39, 39, 39);
  --color-darkerGray:rgb(14, 14, 14);
  --color-red:rgb(247, 28, 37);
  --color-darkRed:rgb(192, 7, 14);
  --color-yellow:rgb(244, 209, 0);
  --color-purple:rgb(41, 24, 61);
  --color-blue:rgb(4, 102, 202);

  --text-color:var(--color-darkGray);

  --z-base:1;
  --z-renderer:2;
  --z-scroll-menu:3;
  --z-purchase:4;
  --z-options-bar:5;
  --z-select:6;
  --z-logo:7;
  --z-navigation:8;
  --z-waiting:9;
  --z-menu-bar:10;

  --height-navigation--sm:60px;

  --background-solid:white;
  --background-mobile:white;
  --background-desktop:white;
  --background-finalize:white;
}
@media print{
  html body *{
    color:black;
    background:none !important;
  }

  html body .product-controls > *{
    display:none;
  }

  html body .product-controls{
    margin-bottom:20px;
  }

  .Layout{
    width:100%;
  }
  .finalize-sidebar,
  .Layout.mod-finalize{
    overflow:visible;
  }

  .Layout + div,
  .return-to-site{
    display:none;
  }

  .Layout-logo{
    top:0;
    left:0;
  }

  .finalize{
    width:100%;
  }

  .finalize-preview{
    display:block;
    width:50%;
    float:left;
  }

  .finalize-sidebar{
    width:50%;
    float:right;
  }

  .product-title{
    font-size:30px;
    line-height:41px;
    text-align:right;
  }

  .product-configurationId{
    display:block;
    font-size:16px;
    font-weight:600;
    line-height:22px;
    color:rgb(90, 90, 90);
    text-align:right;
    margin-bottom:70px;
  }

  .finalize-product{
    margin-bottom:18px;
  }

  .product-price,
  .finalize-share{
    display:none;
  }

  .product-price.mod-print{
    display:block;
  }

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

  .finalize-printPriceLabel,
  .finalize-printPriceValue{
    font-size:26px;
    font-weight:600;
    line-height:36px;
    margin-top:50px;
  }

  .summary-section + .summary-section{
    margin-top:18px;
  }

  .summary-label,
  .summary-value{
    font-size:16px;
    line-height:30px;
  }

  .summary-sectionTitle{
    font-size:16px;
    line-height:22px;
  }

  .gallery{
    padding-top:140px;
    width:75%;
    padding-left:12.5%;
  }

    .gallery-arrow,
    .gallery-bullets{
      display:none;
    }

    .gallery-image{
      display:static;
      width:100%;
    }

      .gallery-image + .gallery-image{
        margin-top:50px;
      }
}
html{
  height:100%;
  box-sizing:border-box;
}
*,
*:before,
*:after{
  box-sizing:inherit;
}
body{
  height:100%;
  margin:0;
  font-family:'Open Sans', sans-serif;
  color:rgb(39, 39, 39);
}
#root{
  height:100%;
}

:root{
  --color-black:rgb(0, 0, 0);
  --color-white:rgb(255, 255, 255);
  --color-lighterGray:rgb(210, 210, 210);
  --color-lightGray:rgb(180, 180, 180);
  --color-gray:rgb(133, 133, 133);
  --color-midGray:rgb(90, 90, 90);
  --color-darkGray:rgb(39, 39, 39);
  --color-darkerGray:rgb(14, 14, 14);
  --color-red:rgb(247, 28, 37);
  --color-darkRed:rgb(192, 7, 14);
  --color-yellow:rgb(244, 209, 0);
  --color-purple:rgb(41, 24, 61);
  --color-blue:rgb(4, 102, 202);

  --text-color:var(--color-darkGray);

  --z-base:1;
  --z-renderer:2;
  --z-scroll-menu:3;
  --z-purchase:4;
  --z-options-bar:5;
  --z-select:6;
  --z-logo:7;
  --z-navigation:8;
  --z-waiting:9;
  --z-menu-bar:10;

  --height-navigation--sm:60px;

  --background-solid:white;
  --background-mobile:white;
  --background-desktop:white;
  --background-finalize:white;
}

.Layout.EastonLayout{
  background:white;
}

.Layout.EastonLayout .Layout-rendererBackground{
  background:white;
}

.Layout.EastonLayout .finalize-preview{
  background:white;
}

.Layout.EastonLayout .Layout-select{
  background:white;
}

.Layout.EastonLayout .button.mod-white{
  background:#cbcbcb;
}

.Layout.EastonLayout
  .button:not(.mod-white):not(.mod-gray):not(.mod-chrome):not(.mod-control){
  background-color:rgb(244, 209, 0);
  color:rgb(14, 14, 14);
}

.Layout.EastonLayout
  .button:not(.mod-white):not(.mod-gray):not(.mod-chrome):not(.mod-control):hover{
  background-color:rgb(41, 24, 61);
  color:rgb(255, 255, 255);
}

.Layout.EastonLayout
  .button:not(.mod-white):not(.mod-gray):not(.mod-chrome):not(.mod-control)
  .icon{
  fill:rgb(14, 14, 14);
}

.Layout.EastonLayout
  .button:not(.mod-white):not(.mod-gray):not(.mod-chrome):not(.mod-control):hover
  .icon{
  fill:rgb(255, 255, 255);
}

.Layout.EastonLayout .purchase-summaryLink{
  color:rgb(4, 102, 202);
}

.Layout.EastonLayout .purchase-summaryLink:hover{
  color:rgb(4, 102, 202);
}

.Layout.EastonLayout .purchase-summaryLink .icon{
  fill:rgb(4, 102, 202);
}

.Layout.EastonLayout .purchase-summaryLink:hover .icon{
  fill:rgb(4, 102, 202);
}

.Layout.EastonLayout .tile-select,
.Layout.EastonLayout .tileCard-checkmark{
  background-color:rgb(244, 209, 0);
}

.Layout.EastonLayout .tile-select .icon,
.Layout.EastonLayout .tileCard-checkmark .icon{
  fill:rgb(14, 14, 14);
}

.Layout.EastonLayout .spinner{
  border:10px solid rgba(39, 39, 39, 0.5);
  border-top-color:rgb(244, 209, 0);
}

.Layout.EastonLayout .tile.mod-scroll-menu.mod-selected > div.tile-content:not(.mod-transparent){
    border-color:rgb(244, 209, 0);
  }

.Layout.EastonLayout .menu-bar .add-to-cart-button{
    background-color:rgb(244, 209, 0);
    color:rgb(14, 14, 14);
  }

:root{
  --color-black:rgb(0, 0, 0);
  --color-white:rgb(255, 255, 255);
  --color-lighterGray:rgb(210, 210, 210);
  --color-lightGray:rgb(180, 180, 180);
  --color-gray:rgb(133, 133, 133);
  --color-midGray:rgb(90, 90, 90);
  --color-darkGray:rgb(39, 39, 39);
  --color-darkerGray:rgb(14, 14, 14);
  --color-red:rgb(247, 28, 37);
  --color-darkRed:rgb(192, 7, 14);
  --color-yellow:rgb(244, 209, 0);
  --color-purple:rgb(41, 24, 61);
  --color-blue:rgb(4, 102, 202);

  --text-color:var(--color-darkGray);

  --z-base:1;
  --z-renderer:2;
  --z-scroll-menu:3;
  --z-purchase:4;
  --z-options-bar:5;
  --z-select:6;
  --z-logo:7;
  --z-navigation:8;
  --z-waiting:9;
  --z-menu-bar:10;

  --height-navigation--sm:60px;

  --background-solid:white;
  --background-mobile:white;
  --background-desktop:white;
  --background-finalize:white;
}

.preview{
  position:absolute;
  top:0;
  bottom:0;
  left:0;
  right:0;
  margin:40px 10px 200px 10px;
}

.preview.is-focus{
  margin:0;
}

.preview.is-focus.has-gaps{
  margin:20px 10px;
}

.preview.is-covering-background{
  margin:0;
}

.preview.is-focus.has-more-than-one{
  margin-bottom:60px;
}

.viewSwitcher-arrow{
  display:none;
}

@media (min-width: 769px){
  .preview{
    margin:20px 100px 180px 220px;
  }
  .preview.is-focus.has-more-than-one{
    margin-left:100px;
    margin-right:100px;
  }
  .viewSwitcher-arrow{
    display:block;
  }
}

#render-composite{
  height:100%;
  width:100%;
}

.preview .canvas-container{
  width:100%;
  height:100%;
}

.preview canvas{
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%, -50%);
  max-width:100%;
  max-height:100%;
  outline:0;
}

.preview .loader-container{
  width:100%;
  height:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  position:absolute;
  top:0;
  left:0;
}

.preview-focus{
  position:absolute;
  z-index:9;
  top:20px;
  right:20px;
  width:36px;
  height:36px;
  opacity:0.6;
  transition:opacity 0.1s;
}

@media (min-width: 769px){

.preview-focus{
    top:auto;
    bottom:170px;
    right:30px
}

    .preview-focus.mod-is-scroll-menu-layout{
      left:40px;
      top:50%;
    }
  }

.preview-focus:hover{
    opacity:1;
    cursor:pointer;
  }

.preview-focus svg{
    width:100%;
    height:100%;
    fill:rgb(0, 0, 0);
  }

.preview-focus.mod-is-scroll-menu-layout{
    bottom:64px;
    right:min(540px, 45%);
  }

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

.renderer-error h1{
  font-size:16px;
  text-transform:uppercase;
  color:rgb(247, 28, 37);
  line-height:0;
}

.renderer-error p{
  color:rgb(90, 90, 90);
}

.renderer-loading{
  position:absolute;
  z-index:2;
  top:0;
  left:0;
  width:100%;
  height:100%;
}

.renderer-spinner{
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%, -50%);
}

.renderer-inner{
  width:100%;
  height:100%;
  position:absolute;
  z-index:1;
}

.renderer-inner.mod-is-scroll-menu-layout{
  top:100px;
  right:280px;
}

@media (max-width: 1150px){
    .renderer-inner.mod-is-scroll-menu-layout canvas{
      margin-left:130px;
      max-width:90%;
    }
  }

.is-focus .renderer-inner.mod-is-scroll-menu-layout{
  top:0;
  left:0;
}

@media (min-width: 769px){
  .renderer{
    height:100%;
    width:100%;
  }
}

.view-icons.mod-is-scroll-menu-layout{
  left:15px;
}

.view-icons{
  position:absolute;
  right:15px;
  width:64px;
  z-index:8;
  transition:opacity 0.1s;
  cursor:pointer;
}

@media (max-width: 375px){

.view-icons{
    top:10px;
    right:10px
}

    .view-icons .view-icon.magnifier{
      height:32px;
    }

      .view-icons .view-icon.magnifier .label{
        font-size:12px;
      }
  }

@media (min-width: 376px) and (max-width: 768px){

.view-icons{
    top:20px
}
  }

@media (max-width: 768px){
    .view-icons .view-icon{
      display:none;
    }
    .view-icons .view-icon.magnifier{
      display:block;
    }
  }

@media (min-width: 769px) and (max-height: 680px){

.view-icons{
    bottom:90px
}
  }

@media (min-width: 769px) and (max-height: 515px){
    .view-icons .view-icon{
      display:none;
    }
    .view-icons .view-icon.magnifier{
      display:block;
    }
  }

@media (min-width: 769px) and (min-height: 515px) and (max-height: 600px){
    .view-icons .view-icon.magnifier{
      display:none;
    }
  }

@media (min-width: 769px) and (min-height: 681px){

.view-icons{
    height:100%;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center
}
  }

.view-icons .view-icon{
    height:40px;
    margin-bottom:40px;
    opacity:0.6;
  }

.view-icons .view-icon.magnifier{
      height:36px;
    }

.view-icons .view-icon:hover{
      opacity:1;
    }

.view-icons .view-icon.is-active{
      opacity:1;
    }

.view-icons .view-icon.is-active .label{
        font-weight:bold;
      }

.view-icons .view-icon svg{
      width:100%;
      height:100%;
    }

.view-icons .view-icon .label{
      text-align:center;
      font-size:14px;
    }

:root{
  --color-black:rgb(0, 0, 0);
  --color-white:rgb(255, 255, 255);
  --color-lighterGray:rgb(210, 210, 210);
  --color-lightGray:rgb(180, 180, 180);
  --color-gray:rgb(133, 133, 133);
  --color-midGray:rgb(90, 90, 90);
  --color-darkGray:rgb(39, 39, 39);
  --color-darkerGray:rgb(14, 14, 14);
  --color-red:rgb(247, 28, 37);
  --color-darkRed:rgb(192, 7, 14);
  --color-yellow:rgb(244, 209, 0);
  --color-purple:rgb(41, 24, 61);
  --color-blue:rgb(4, 102, 202);

  --text-color:var(--color-darkGray);

  --z-base:1;
  --z-renderer:2;
  --z-scroll-menu:3;
  --z-purchase:4;
  --z-options-bar:5;
  --z-select:6;
  --z-logo:7;
  --z-navigation:8;
  --z-waiting:9;
  --z-menu-bar:10;

  --height-navigation--sm:60px;

  --background-solid:white;
  --background-mobile:white;
  --background-desktop:white;
  --background-finalize:white;
}

.viewSwitcher-close{
    position:fixed;
    z-index:2;
    top:10px;
    right:10px;
    width:22px;
    opacity:0.5;
    transition:opacity 0.1s;
    height:22px;
    padding:20px;
    box-sizing:content-box;
  }

.viewSwitcher-close:hover{
      opacity:1;
      cursor:pointer;
    }

.viewSwitcher-close svg{
      width:100%;
      height:100%;
    }

.viewSwitcher-arrow{
    position:fixed;
    z-index:2;
    top:50%;
    transform:translateY(-50%);
    opacity:0.5;
    transition:opacity 0.1s;
    padding:30px;
    box-sizing:content-box;
  }

.viewSwitcher-arrow:hover{
      opacity:1;
      cursor:pointer;
    }

.viewSwitcher-arrow.mod-prev{
      left:0;
    }

.viewSwitcher-arrow.mod-next{
      right:0;
    }

.viewSwitcher-bullets{
    position:fixed;
    bottom:20px;
    left:50%;
    transform:translateX(-50%);
  }

.viewSwitcher-bullet{
    position:relative;
    display:inline-block;
    width:24px;
    height:24px;
    opacity:0.2;
    transition:opacity 0.1s;
    cursor:default;
    overflow:hidden;
    color:rgba(0, 0, 0, 0.01);
    -webkit-user-select:none;
            user-select:none;
  }

.viewSwitcher-bullet:after{
      content:'';
      color:rgb(0, 0, 0);
      background:rgb(0, 0, 0);
      border-radius:50%;
      width:10px;
      height:10px;
      position:absolute;
      top:50%;
      left:50%;
      transform:translate(-50%, -50%);
    }

.viewSwitcher-bullet:hover{
      opacity:0.6;
      cursor:pointer;
    }

.viewSwitcher-bullet.is-active{
      opacity:1;
    }


/*# sourceMappingURL=frontend.css.7475616dcf6778bc5e71.css.map*/