.kiosk-mode .main-cta{display:none}.columns.tv-container{margin:5rem 0}@media screen and (max-width:768px){.columns.tv-container{margin:0}}.page-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:center}.page-header p{max-width:90%}.control-box{border:1px solid #bfbfbf;background-color:#fff}.control-box .control-box-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;border-bottom:1px solid #bfbfbf}.control-box .control-box-header .header-title{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:1rem}.control-box .control-box-header .header-title strong[class*=step-title-]{display:none;color:#1b1c1d}.control-box .control-box-header .header-title strong[class*=step-title-].active{display:inline}.control-box .control-box-header .header-title .current-step{font-size:1rem}.control-box .controls{display:-webkit-box;display:-ms-flexbox;display:flex;gap:0}.control-box .controls button{color:#000;background:none;width:5rem;font-size:4rem;border:none;border-left:1px solid #bfbfbf;opacity:.25}.control-box .controls button#back i:before{margin-right:.6rem}.control-box .controls button#forward i:before{margin-left:.6rem}.control-box .controls button:hover{-webkit-backdrop-filter:brightness(90%);backdrop-filter:brightness(90%);cursor:pointer}.control-box .control-content{padding:1rem}.control-box .control-content .step{display:none}.control-box .control-content .step.active{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-animation:fadeIn .5s ease-in 0s 1 forwards;animation:fadeIn .5s ease-in 0s 1 forwards}.control-box .control-content .step.step-1{-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:1rem}.control-box .control-content .step.step-1 input[type=checkbox]+label{height:15rem;width:15rem}.control-box .control-content .step.step-1 input[type=checkbox]+label:after{font-size:10rem}@media screen and (max-width:379px){.control-box .control-content .step.step-1 input[type=checkbox]+label{height:10rem;width:10rem}.control-box .control-content .step.step-1 input[type=checkbox]+label:after{font-size:6rem}}.control-box .control-content .step.step-1 .option-container{text-align:center}.control-box .control-content .step.step-1 .option-container span{font-weight:700}.control-box .control-content .step.step-2#stain .colors-container{width:100%;display:grid;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;grid-template-columns:repeat(auto-fit,50px)}.control-box .control-content .step.step-2#stain .colors-container .color-option{margin:2px;overflow:hidden}.control-box .control-content .step.step-2#stain .colors-container .color-option label:after{padding:2px}.control-box .control-content .step.step-3 .finishes-container{width:100%;display:grid;grid-template-columns:repeat(2,1fr);grid-gap:1rem}@media screen and (min-device-width:768px) and (max-device-width:1050px){.control-box .control-content .step.step-3 .finishes-container{grid-template-columns:repeat(1,2fr)}}.control-box .control-content .step.step-3 .finish{display:none}.control-box .control-content .step.step-3 .finish.show{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;gap:1rem}.control-box .control-content .step.step-3 .finish.show:hover{cursor:pointer}.control-box .control-content .step.step-3 .finish .finish-details p{font-weight:600;line-height:1.5;font-size:1.25rem;margin:0}.control-box .control-content .step.step-3 .finish .finish-details p:last-child{color:#9b9b9b}.control-box .control-content .step.step-4 .cta{width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;text-align:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:1rem}.control-box .control-content .step.step-4 .cta .cta-text{margin-top:0}.control-box .control-content .step.step-4 .cta .cta-text#kiosk-cta-text,.control-box input[type=checkbox]{display:none}.control-box input[type=checkbox]+label{height:5rem;width:5rem;display:-webkit-box;display:-ms-flexbox;display:flex;background-size:cover;background-repeat:no-repeat}.control-box input[type=checkbox]+label:hover{cursor:pointer}.control-box input[type=checkbox]:checked+label{display:-webkit-box;display:-ms-flexbox;display:flex}.control-box input[type=checkbox]:checked+label:after{height:100%;width:100%;font-size:3rem;content:"\f00c";font-family:Font Awesome\ 5 Pro,FontAwesome;color:#fff;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center;-webkit-backdrop-filter:brightness(70%);backdrop-filter:brightness(70%);-webkit-animation:fadeIn .5s ease-in 0s 1 forwards;animation:fadeIn .5s ease-in 0s 1 forwards}.column.viewbox-section,.control-box input[type=checkbox]:checked+label:after{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.column.viewbox-section{display:-webkit-box;display:-ms-flexbox;display:flex;gap:6rem}.column.viewbox-section .viewbox{position:relative;height:100%;width:100%}.column.viewbox-section .viewbox .tread-img{position:absolute;top:0;left:0}.column.viewbox-section .viewbox .tread-img.greyed-out{opacity:.5;-webkit-filter:grayscale(80%);filter:grayscale(80%)}.column.viewbox-section .viewbox .img-magnifier-glass:hover{opacity:1;-webkit-transform:scale(1);transform:scale(1)}.column.viewbox-section .viewbox .img-magnifier-glass.x2{height:300px;width:300px}@media screen and (max-width:768px){.column.viewbox-section .viewbox .img-magnifier-glass{width:150px;height:150px;border-width:3px;margin-top:-50px}.column.viewbox-section .viewbox .img-magnifier-glass.x2{width:150px;height:150px}}.column.viewbox-section .main-cta{text-align:center}@media screen and (max-width:768px){.column.viewbox-section{-webkit-box-orient:vertical!important;-webkit-box-direction:reverse!important;-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important;gap:0}.column.viewbox-section .main-cta{margin-top:0}}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}
/*# sourceMappingURL=styles.css.map */