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

*{
  -webkit-box-sizing:border-box;
          box-sizing:border-box;
}

body{
  background-color:#f5f5f5;
  font-family:Open Sans,sans-serif;
  margin:0;
  overflow-x:hidden;
  padding:0;
}
.loading-overlay{
  background:#001c32;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  height:100%;
  left:0;
  position:absolute;
  top:0;
  width:100%;
  -webkit-box-align:center;
      -ms-flex-align:center;
          align-items:center;
  -webkit-box-pack:center;
      -ms-flex-pack:center;
          justify-content:center;
  -webkit-transition:opacity .5s ease,visibility .5s ease;
  transition:opacity .5s ease,visibility .5s ease;
  z-index:999;
}
.loading-overlay.hidden{
  opacity:0;
  pointer-events:none;
  visibility:hidden;
}

.loading-container{
  max-width:500px;
  padding:2rem;
  text-align:center;
  width:90%;
}

.loading-content{
  padding:3rem 2rem;
}

.loading-title{
  color:#fff;
  font-size:1.5rem;
  font-weight:700;
  margin:0 0 1.5rem;
}

.progress-bar-container{
  margin:2rem 0;
}

.progress-bar{
  background:hsla(0,0%,100%,.2);
  border-radius:4px;
  height:8px;
  margin-bottom:1.5rem;
  overflow:hidden;
  width:100%;
}

.progress-fill{
  background:#05b8ff;
  border-radius:4px;
  height:100%;
  -webkit-transition:width .3s ease;
  transition:width .3s ease;
  width:0;
}

.progress-text{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:center;
      -ms-flex-pack:center;
          justify-content:center;
  -webkit-box-align:center;
      -ms-flex-align:center;
          align-items:center;
  margin-top:1rem;
}

#progress-percentage{
  color:#fff;
  font-size:1.2rem;
  font-weight:600;
  min-width:50px;
  text-shadow:2px 2px 4px rgba(0,0,0,.5);
}

.loading-description{
  color:hsla(0,0%,100%,.9);
  font-size:1rem;
  line-height:1.5;
  margin:0;
  text-shadow:1px 1px 2px rgba(0,0,0,.5);
}

@media (max-width:768px){
  .loading-content{
    padding:2rem 1.5rem;
  }
  .loading-title{
    font-size:1.25rem;
  }
  #progress-percentage{
    font-size:1.1rem;
  }
  .loading-description{
    font-size:.9rem;
  }
}
h2{
  font-size:1.25rem;
  font-weight:700;
}

h2,p{
  line-height:1.5;
}

p{
  color:rgba(0,0,0,.87);
  font-size:1rem;
  font-weight:400;
}

button{
  background:none;
  border:none;
  border-radius:0;
  cursor:pointer;
  padding:0;
}

ol,ul{
  list-style:none;
}

.hero-container{
  height:100vh;
  overflow:hidden;
  position:relative;
  width:100vw;
}
.hero-container.customizer-active .model-background,.hero-container.customizer-active .model-background canvas{
  pointer-events:auto !important;
}
.hero-container.customizer-active .interaction-blocker{
  pointer-events:none !important;
  visibility:hidden;
  z-index:-1;
}

.model-background{
  height:100%;
  left:0;
  pointer-events:none !important;
  position:absolute;
  top:0;
  width:100%;
  z-index:1;
}
.model-background canvas{
  display:block;
  height:100% !important;
  pointer-events:none !important;
  -webkit-transition:-webkit-transform .3s ease;
  transition:-webkit-transform .3s ease;
  transition:transform .3s ease;
  transition:transform .3s ease,-webkit-transform .3s ease;
  -webkit-user-select:none !important;
     -moz-user-select:none !important;
      -ms-user-select:none !important;
          user-select:none !important;
  width:100% !important;
}
@media (max-width:1024px){
  .model-background{
    height:50%;
    overflow:hidden;
    -webkit-transition:height .3s ease;
    transition:height .3s ease;
  }
  .model-background.full{
    height:100%;
  }
  .model-background.full canvas{
    -webkit-transform:scale(1.2) translateY(-10%);
            transform:scale(1.2) translateY(-10%);
    -webkit-transform-origin:center center;
            transform-origin:center center;
  }
}

.hero-overlay{
  background:linear-gradient(45deg, rgba(0,0,0,.4), rgba(0,0,0,.1) 50%, rgba(0,0,0,.3));
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  height:100%;
  left:0;
  position:absolute;
  top:0;
  width:100%;
  -webkit-box-align:center;
      -ms-flex-align:center;
          align-items:center;
  -webkit-box-pack:center;
      -ms-flex-pack:center;
          justify-content:center;
  pointer-events:none;
  -webkit-transition:opacity .5s ease-in-out;
  transition:opacity .5s ease-in-out;
  z-index:2;
}
.hero-overlay .hero-content{
  pointer-events:auto;
}
.hero-overlay.hidden{
  opacity:0;
  pointer-events:none;
}
.hero-overlay.hidden .hero-content{
  pointer-events:none !important;
}

.interaction-blocker{
  background:transparent;
  cursor:default;
  height:100%;
  left:0;
  pointer-events:auto;
  position:absolute;
  top:0;
  width:100%;
  z-index:1;
}

.hero-content{
  color:#fff;
  max-width:600px;
  padding:0 2rem;
  text-align:center;
}

.hero-title{
  font-size:3.5rem;
  font-weight:700;
  margin:0 0 1.5rem;
  text-shadow:2px 2px 4px rgba(0,0,0,.5);
}
@media (max-width:768px){
  .hero-title{
    font-size:2rem;
  }
}

.hero-description{
  font-size:1.25rem;
  line-height:1.6;
  margin:0 0 2rem;
  text-shadow:1px 1px 2px rgba(0,0,0,.5);
}

.experience-btn{
  background:linear-gradient(135deg, #039be5, #0277bd);
  border:none;
  border-radius:50px;
  -webkit-box-shadow:0 4px 15px rgba(3,155,229,.3);
          box-shadow:0 4px 15px rgba(3,155,229,.3);
  color:#fff;
  cursor:pointer;
  font-size:1.1rem;
  font-weight:700;
  padding:1.5rem 2rem;
  -webkit-transition:all .3s ease;
  transition:all .3s ease;
}
.experience-btn:hover{
  background:linear-gradient(135deg, #0277bd, #039be5);
  -webkit-box-shadow:0 6px 20px rgba(3,155,229,.4);
          box-shadow:0 6px 20px rgba(3,155,229,.4);
  -webkit-transform:translateY(-2px);
          transform:translateY(-2px);
}

@media (max-width:768px){
  .hero-content{
    padding:0 1.5rem;
  }
}
.customizer-backdrop{
  background:transparent;
  height:100%;
  left:0;
  opacity:0;
  position:fixed;
  top:0;
  -webkit-transition:all .3s ease;
  transition:all .3s ease;
  visibility:hidden;
  width:100%;
  z-index:999;
}
.customizer-backdrop.active{
  opacity:1;
  pointer-events:none !important;
  visibility:visible;
}

.customizer-container{
  backdrop-filter:blur(10px);
  background:hsla(0,0%,100%,.95);
  border-radius:16px;
  -webkit-box-shadow:0 20px 40px rgba(0,0,0,.15);
          box-shadow:0 20px 40px rgba(0,0,0,.15);
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  max-height:calc(100% - 130px);
  position:fixed;
  right:20px;
  top:20px;
  -webkit-transform:translateX(calc(100% + 20px));
          transform:translateX(calc(100% + 20px));
  -webkit-transition:-webkit-transform .4s cubic-bezier(.25, .46, .45, .94);
  transition:-webkit-transform .4s cubic-bezier(.25, .46, .45, .94);
  transition:transform .4s cubic-bezier(.25, .46, .45, .94);
  transition:transform .4s cubic-bezier(.25, .46, .45, .94),-webkit-transform .4s cubic-bezier(.25, .46, .45, .94);
  width:420px;
  z-index:1000;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  background:#001c32;
      -ms-flex-direction:column;
          flex-direction:column;
  overflow:hidden;
}
.customizer-container.active{
  -webkit-transform:translateX(0);
          transform:translateX(0);
}

.customizer-header{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:justify;
      -ms-flex-pack:justify;
          justify-content:space-between;
  -webkit-box-align:center;
      -ms-flex-align:center;
          align-items:center;
  padding:16px;
}
.customizer-header h2{
  color:#fff;
  font-size:1.2rem;
  font-weight:700;
  margin:0;
}

.header-buttons{
  gap:8px;
}

.close-btn,.header-buttons,.minimize-btn{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
      -ms-flex-align:center;
          align-items:center;
}

.close-btn,.minimize-btn{
  background:none;
  border:none;
  border-radius:50%;
  cursor:pointer;
  -webkit-box-pack:center;
      -ms-flex-pack:center;
  color:#fff;
  height:32px;
          justify-content:center;
  -webkit-transition:background-color .2s;
  transition:background-color .2s;
  width:32px;
}

.close-btn{
  display:none;
  z-index:1001;
}

.layout-embed .close-btn{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
}

.options-box{
  background-color:transparent;
  -webkit-box-flex:1;
  border:none;
  border-radius:0;
      -ms-flex:1;
          flex:1;
  overflow-y:auto;
  padding:0;
  -webkit-transition:max-height .3s ease,opacity .2s ease;
  transition:max-height .3s ease,opacity .2s ease;
}
.options-content{
  padding:0 12px;
}

.customizer-container.minimized .options-box{
  max-height:0;
  opacity:0;
  overflow:hidden;
  -webkit-transition:max-height .3s ease,opacity .2s ease;
  transition:max-height .3s ease,opacity .2s ease;
}
.customizer-container.minimized .customizer-header{
  border-bottom:none;
}

.selects{
  margin-bottom:25px;
  position:relative;
}

.select{
  appearance:none;
  -webkit-appearance:none;
  -moz-appearance:none;
  background-color:#fff;
  background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");
  background-position:right 12px center;
  background-repeat:no-repeat;
  background-size:16px;
  border:2px solid #e1e5e9;
  border-radius:8px;
  color:#333;
  cursor:pointer;
  font-size:14px;
  padding:12px 48px 12px 16px;
  -webkit-transition:all .2s ease;
  transition:all .2s ease;
  width:100%;
}
.select:focus,.select:hover{
  border-color:#e1e5e9;
  -webkit-box-shadow:none;
          box-shadow:none;
}
.select:focus{
  outline:none;
}
.select:disabled{
  background-color:#f8f9fa;
  border-color:#dee2e6;
  color:#6c757d;
  cursor:not-allowed;
  opacity:.6;
}

.option-group{
  margin-bottom:20px;
}
.option-group p{
  color:#374151;
  font-weight:500;
}

.option-group p,.option-group-label{
  margin-bottom:12px;
}
.option-group-label p{
  font-weight:500;
  font-weight:700;
}

.option-group-label-selection{
  background:#e9e9e9;
  border-radius:30px;
  font-size:.875rem;
  font-weight:600;
  padding:3px 12px;
  text-transform:capitalize;
}

.customizer-tab-navigation{
  gap:2px;
  padding:0 12px;
}

.customizer-tab-button{
  padding:12px 16px;
  -ms-flex-negative:0;
      flex-shrink:0;
  min-width:-webkit-fit-content;
  min-width:-moz-fit-content;
  min-width:fit-content;
  position:relative;
  -webkit-tap-highlight-color:transparent;
  -ms-touch-action:manipulation;
      touch-action:manipulation;
}
.customizer-tab-button span{
  position:relative;
  z-index:2;
}
.customizer-tab-button.active{
  background:#fff;
}
.customizer-tab-button:hover:not(.active){
  background:hsla(0,0%,100%,.5);
  color:#333;
}

.tab-scroll-indicator{
  bottom:0;
  z-index:3;
}
.tab-scroll-indicator.show{
  opacity:1;
}

.accordion-section{
  background:#e8e8e8;
  background:#fff;
  border-radius:6px;
  margin-bottom:12px;
  padding:0;
}
@media (max-width:1024px){
  .accordion-section{
    border:none;
    border-radius:0;
  }
}
.accordion-section:last-child{
  border-bottom:none;
}
.accordion-section.active .accordion-icon{
  -webkit-transform:rotate(180deg);
          transform:rotate(180deg);
}
.accordion-section.active .accordion-content{
  max-height:2000px;
  padding-bottom:12px;
  padding-top:12px;
}

.accordion-header{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:justify;
      -ms-flex-pack:justify;
          justify-content:space-between;
  -webkit-box-align:center;
      -ms-flex-align:center;
          align-items:center;
  background:none;
  background-color:#2d6188;
  border:none;
  border-radius:6px;
  color:#fff;
  cursor:pointer;
  padding:10px 16px;
  text-align:left;
  -webkit-transition:color .2s ease;
  transition:color .2s ease;
  width:100%;
}
.accordion-header h2{
  font-size:1.25rem;
  font-weight:700;
  margin:0;
}

.accordion-section.active .accordion-header{
  border-radius:6px 6px 0 0;
}

.accordion-icon{
  fill:#fff;
  height:20px;
  -webkit-transition:-webkit-transform .3s ease;
  transition:-webkit-transform .3s ease;
  transition:transform .3s ease;
  transition:transform .3s ease,-webkit-transform .3s ease;
  width:20px;
}

.accordion-content{
  background:#fff;
  max-height:0;
  overflow:hidden;
  padding:0 16px;
  -webkit-transition:max-height .3s ease,padding .3s ease;
  transition:max-height .3s ease,padding .3s ease;
}

@media (max-width:1024px){
  .customizer-tabs-container{
    display:block;
  }
  .accordion-header,.accordion-section .accordion-header .accordion-icon,.accordion-section .accordion-header h2{
    display:none !important;
  }
  .accordion-section{
    background:transparent;
    border:none;
    border-radius:0;
    margin-bottom:0;
  }
  .accordion-section .accordion-content{
    border:none;
    border-radius:0;
    max-height:none;
    overflow:scroll;
    padding:16px;
  }
  .accordion-section:not(.active){
    display:none;
  }
  .accordion-section.active{
    display:block;
  }
  .customizer-container{
    border-radius:0;
    bottom:0;
    height:calc(100vh - 40px);
    height:50%;
    left:20px;
    left:0;
    opacity:1;
    padding-bottom:10px;
    right:20px;
    right:0;
    top:20px;
    top:auto;
    -webkit-transform:translateY(0);
            transform:translateY(0);
    width:auto;
    z-index:90;
  }
  .customizer-container.active{
    opacity:1;
  }
  .customizer-container.minimized{
    height:60px;
  }
}
@media (max-width:768px){
  .customizer-header{
    padding:8px;
  }
  .customizer-header h2{
    font-size:1.25rem;
  }
}
@media (max-width:1024px){
  .layout-embed .customizer-container.minimized{
    height:116px;
  }
}

.buttons{
  display:grid;
  grid-template-columns:repeat(auto-fill, 32px);
  margin-bottom:25px;
  grid-gap:16px;
}
.buttons--color-package{
  grid-template-columns:repeat(auto-fill, 40px);
}
.buttons--flooring{
  grid-template-columns:repeat(auto-fill, 60px);
}

.model-option-change-button{
  background-position:50%;
  background-size:cover;
  border:2px solid #fff;
  border-radius:16px;
  cursor:pointer;
  display:block;
  height:32px;
  position:relative;
  -webkit-transition:border .2s ease;
  transition:border .2s ease;
  width:32px;
}
.model-option-change-button.selected:after,.model-option-change-button:hover:after{
  border:2px solid #000;
  border-radius:50%;
  content:"";
  display:block;
  height:32px;
  left:-4px;
  position:relative;
  top:-4px;
  width:32px;
}

.dev-mode-label{
  cursor:pointer;
  display:block;
  margin-bottom:16px;
}
.dev-mode-label input{
  margin-right:8px;
}
.camera-controls-ui,.control-3d-model-buttons,.controls button,.dat-gui,.gui-controls,.model-controls button,.model-ui-controls,.orbit-controls-ui,.scene-controls,.three-controls,.threejs-controls,.zoom-in,.zoom-out,.zoom-reset,[class*=Zoom],[class*=zoom],[id*=Zoom],[id*=zoom],[role=button][title*=Zoom],[role=button][title*=zoom],button[aria-label*=Zoom],button[aria-label*=zoom],button[onclick*=Zoom],button[onclick*=zoom],button[title*=Zoom],button[title*=zoom]{
  display:none !important;
  opacity:0 !important;
  pointer-events:none !important;
  visibility:hidden !important;
}

.color-black{
  background-color:#414141;
}

.color-sea-mist{
  background-color:#859385;
}

.color-charcoal-metallic{
  background-color:#7d7674;
}

.color-silver-metallic{
  background-color:#b1b1b1;
}

.color-blue{
  background-color:#404a56;
}

.color-steel-blue{
  background-color:#416768;
}

.color-caribbean-blue{
  background-color:#54779b;
}

.color-sage-metallic{
  background-color:#5e896d;
}

.color-red{
  background-color:#c8181a;
}

.color-burgundy{
  background-color:#800020;
}

.color-bronze{
  background-color:#79664f;
}

.color-champagne{
  background-color:#d0cab3;
}

.color-cream-white{
  background-color:#d9d7d6;
}

.color-white-flake{
  background-color:#e6eaed;
}

.color-esperesso{
  background-color:#aa8f85;
}

.color-sage-green{
  background-color:#8a9b80;
}

.color-topsail{
  background-color:#5f637a;
}

.color-beachwood{
  background-color:#a3a7b1;
}

.color-buckskin{
  background-color:#e8e6e3;
}

.color-congshell{
  background-color:#c1c2c6;
}

.color-saddle{
  background-color:#b79e9c;
}

.color-navy{
  background-color:#5a688d;
}

.color-champagne-beige{
  background-color:#dfded8;
}

.color-woodgrain{
  background-color:#a37a6e;
}

.color-cognac{
  background-color:#be916d;
}

.color-missing{
  background-color:red;
}

.package-button{
  border:2px solid #fff;
  border-radius:4px;
  cursor:pointer;
  display:block;
  height:40px;
  position:relative;
  -webkit-transition:border .2s ease;
  transition:border .2s ease;
  width:40px;
}
.package-button.selected:after,.package-button:hover:after{
  border:2px solid #000;
  border-radius:4px;
  content:"";
  display:block;
  height:40px;
  left:-4px;
  position:relative;
  top:-4px;
  width:40px;
}

.package-cognac{
  background:-webkit-gradient(linear, left top, right top, color-stop(50%, #e1bf9a), color-stop(50%, #9b8378));
  background:linear-gradient(90deg, #e1bf9a 50%, #9b8378 0);
}

.package-graphite{
  background:-webkit-gradient(linear, left top, right top, color-stop(50%, #b7b8b8), color-stop(50%, #f4f4f6));
  background:linear-gradient(90deg, #b7b8b8 50%, #f4f4f6 0);
}

.package-silver{
  background:-webkit-gradient(linear, left top, right top, color-stop(50%, #f4f3f3), color-stop(50%, #979a9e));
  background:linear-gradient(90deg, #f4f3f3 50%, #979a9e 0);
}

.package-buckskin{
  background:-webkit-gradient(linear, left top, right top, color-stop(50%, #d9d4d2), color-stop(50%, #535c6b));
  background:linear-gradient(90deg, #d9d4d2 50%, #535c6b 0);
}

.package-cream-white{
  background:-webkit-gradient(linear, left top, right top, color-stop(50%, #f2efed), color-stop(50%, #5e6572));
  background:linear-gradient(90deg, #f2efed 50%, #5e6572 0);
}

.flooring-button{
  background-position:50%;
  background-size:cover;
  border:2px solid #fff;
  border-radius:4px;
  cursor:pointer;
  display:block;
  height:60px;
  position:relative;
  -webkit-transition:border .2s ease;
  transition:border .2s ease;
  width:60px;
}
.flooring-button.selected:after,.flooring-button:hover:after{
  border:2px solid #000;
  border-radius:4px;
  content:"";
  display:block;
  height:60px;
  left:-4px;
  position:relative;
  top:-4px;
  width:60px;
}

.flooring-boardwalk{
  background-image:url(images/floor/boardwalk.webp);
}

.flooring-driftwood{
  background-image:url(images/floor/driftwood.webp);
}

.flooring-gray{
  background-image:url(images/floor/gray.webp);
}

.flooring-luna-pearl{
  background-image:url(images/floor/luna_pearl.webp);
}

.flooring-luna-sand{
  background-image:url(images/floor/luna_sand.webp);
}

.flooring-natural-teak{
  background-image:url(images/floor/natural_teak.webp);
}

.flooring-riptide-dune{
  background-image:url(images/floor/riptide_dune.webp);
}

.flooring-riptide-shadow{
  background-image:url(images/floor/riptide_shadow.webp);
}

.flooring-silverwood{
  background-image:url(images/floor/silverwood.webp);
}

.flooring-slate-teak{
  background-image:url(images/floor/slate_teak.webp);
}

.flooring-taupe{
  background-image:url(images/floor/taupe.webp);
}
.exit-pill{
  backdrop-filter:blur(10px);
  background:rgba(0,0,0,.6);
  border:none;
  border-radius:25px;
  bottom:20px;
  color:#fff;
  cursor:pointer;
  display:none;
  font-size:14px;
  font-weight:500;
  left:50%;
  padding:12px 24px;
  position:fixed;
  -webkit-transform:translateX(-50%);
          transform:translateX(-50%);
  -webkit-transition:all .3s ease;
  transition:all .3s ease;
  z-index:1002;
  -webkit-box-align:center;
      -ms-flex-align:center;
          align-items:center;
  -webkit-box-pack:center;
      -ms-flex-pack:center;
  -webkit-box-shadow:0 4px 12px rgba(0,0,0,.3);
          box-shadow:0 4px 12px rgba(0,0,0,.3);
          justify-content:center;
  opacity:0;
  width:-webkit-max-content;
  width:-moz-max-content;
  width:max-content;
}
@media (max-width:1024px){
  .exit-pill{
    bottom:auto;
    top:20px;
  }
}

.layout-embed .exit-pill{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
}
.exit-pill.show{
  opacity:1;
}

.exit-pill:hover{
  background:rgba(0,0,0,.8);
  -webkit-box-shadow:0 6px 16px rgba(0,0,0,.4);
          box-shadow:0 6px 16px rgba(0,0,0,.4);
  -webkit-transform:translateX(-50%) translateY(-2px);
          transform:translateX(-50%) translateY(-2px);
}

.exit-pill:active{
  background:rgba(0,0,0,.9);
  -webkit-transform:translateX(-50%) translateY(0);
          transform:translateX(-50%) translateY(0);
}

@media (max-width:768px){
  .exit-pill{
    font-size:13px;
    padding:10px 20px;
  }
}
.selects{
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
      -ms-flex-direction:column;
          flex-direction:column;
  gap:1rem;
}

.option-group-label,.selects{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
}

.option-group-label{
  -webkit-box-pack:justify;
      -ms-flex-pack:justify;
          justify-content:space-between;
  -webkit-box-align:center;
      -ms-flex-align:center;
          align-items:center;
  margin-bottom:1rem;
}
.option-group-label p{
  font-size:.95rem;
  font-weight:600;
  margin:0;
}
.option-group-label-selection{
  color:#000;
  font-size:.85rem;
}

.option-group{
  margin-bottom:2rem;
}
.option-group:last-child{
  margin-bottom:0;
}

.customizer-tabs-container{
  background:#001c32;
  display:none;
  position:relative;
  position:sticky;
  top:0;
  z-index:9;
}
@media (max-width:1024px){
  .customizer-tabs-container{
    display:block;
  }
}

.customizer-tab-navigation{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  overflow-x:auto;
  scroll-behavior:smooth;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:none;
  -ms-overflow-style:none;
}
.customizer-tab-navigation::-webkit-scrollbar{
  display:none;
}

.customizer-tab-button{
  -webkit-box-flex:0;
  background:none;
  background:#2d6188;
  border:none;
  color:#fff;
  cursor:pointer;
      -ms-flex:0 0 auto;
          flex:0 0 auto;
  font-size:.9rem;
  font-weight:500;
  font-weight:600;
  padding:1.5rem;
  -webkit-transition:all .2s ease;
  transition:all .2s ease;
  white-space:nowrap;
}
.customizer-tab-button:first-of-type{
  border-top-left-radius:8px;
}
.customizer-tab-button:last-of-type{
  border-top-right-radius:8px;
}
.customizer-tab-button.active{
  color:#333;
}
.customizer-tab-button span{
  display:block;
}

.tab-scroll-indicator{
  height:100%;
  opacity:0;
  pointer-events:none;
  position:absolute;
  top:0;
  -webkit-transition:opacity .2s ease;
  transition:opacity .2s ease;
  width:20px;
  z-index:10;
}
.tab-scroll-indicator.tab-scroll-left{
  background:-webkit-gradient(linear, left top, right top, from(hsla(0,0%,100%,.9)), to(transparent));
  background:linear-gradient(90deg, hsla(0,0%,100%,.9), transparent);
  left:0;
}
.tab-scroll-indicator.tab-scroll-right{
  background:-webkit-gradient(linear, right top, left top, from(hsla(0,0%,100%,.9)), to(transparent));
  background:linear-gradient(270deg, hsla(0,0%,100%,.9), transparent);
  right:0;
}
.tab-scroll-indicator.visible{
  opacity:1;
}

@media (max-width:1024px){
  .hero-container.customizer-active .model-background{
    height:50%;
  }
  .hero-container.customizer-active .model-background.full{
    height:100%;
  }
  .customizer-container{
    border-radius:0;
    bottom:0;
    left:0;
    max-height:70vh;
    max-width:100%;
    position:fixed;
    right:0;
    top:auto;
    -webkit-transform:translateY(0);
            transform:translateY(0);
    -webkit-transition:-webkit-transform .3s ease;
    transition:-webkit-transform .3s ease;
    transition:transform .3s ease;
    transition:transform .3s ease,-webkit-transform .3s ease;
  }
  .customizer-container.minimized{
    -webkit-transform:translateY(calc(100% - 60px));
            transform:translateY(calc(100% - 60px));
  }
  .customizer-header{
    padding:1rem;
  }
  .customizer-header h2{
    font-size:1.1rem;
  }
}
@media (max-width:768px){
  .customizer-container{
    max-height:80vh;
  }
  .customizer-tab-button{
    font-size:.85rem;
    padding:1rem .9rem;
  }
  .buttons{
    grid-gap:12px;
  }
  .buttons--flooring{
    grid-template-columns:repeat(auto-fill, 50px);
  }
  .option-group{
    margin-bottom:1.5rem;
  }
  .accordion-header h2{
    font-size:1.1rem;
  }
}
/*# sourceMappingURL=maps/demo.css.map */