*,:after,:before{-webkit-box-sizing:border-box;box-sizing:border-box}html{-webkit-font-smoothing:antialiased!important;height:100%;font-size:8px}@media screen and (min-width:600px){html{font-size:10px}}@media screen and (min-width:768px){html{font-size:14px}}@media screen and (min-width:992px){html{font-size:16px}}body{margin:0;height:100%;color:#fff;text-align:center}p{font-family:"Arial",sans-serif;font-weight:400}a:active,a:focus,a:hover,a:link,a:visited{text-decoration:none;color:#fff}.app-frame{display:inline-block;position:relative;width:90%;padding-top:60%;max-width:1700px;min-width:400px;margin:0 auto;top:50%;-webkit-transform:translate(0%,-50%);transform:translate(0%,-50%);border:1px dotted black;background:white}@media screen and (min-width:1200px){.app-frame{padding-top:min(60%,1000px);max-width:1700px;max-height:1020px}}@media (min-aspect-ratio:3/2){.app-frame{padding-top:inherit;height:98%;max-width:80%}}.inframe{position:absolute;top:0;width:100%;height:100%}.display{position:relative;-ms-grid-row:1;grid-row:1;width:100%;height:76%;z-index:-1;overflow:hidden}.display .def-pan,.display [class*=p-]{position:absolute;top:0;left:0;width:100%;height:100%;-webkit-box-flex:100%;-ms-flex:100%;flex:100%;overflow:hidden;text-align:center}.display .def-pan img,.display [class*=p-] img{left:50%;-webkit-transform:translate(-10%,-5%);transform:translate(-10%,-5%);width:120%;display:none}@media screen and (min-width:992px){.display .def-pan img,.display [class*=p-] img{width:100%;left:0%;-webkit-transform:translate(0,-2%);transform:translate(0,-2%)}}@media screen and (min-width:1200px) and (min-aspect-ratio:5/4){.display .def-pan img,.display [class*=p-] img{-webkit-transform:translate(0%,-5%);transform:translate(0%,-5%)}}@media (min-aspect-ratio:5/4) and (max-width:1200px){.display .def-pan img,.display [class*=p-] img{-webkit-transform:translate(-10%,-10%);transform:translate(-10%,-10%)}}@media (min-aspect-ratio:2/1) and (max-width:1600px){.display .def-pan img,.display [class*=p-] img{-webkit-transform:translate(0,-18%);transform:translate(0,-18%)}}.display .def-pan img{display:block}.interface{display:-ms-grid;display:grid;-ms-grid-columns:1fr 20px 1fr 20px 1fr;grid-template-columns:1fr 1fr 1fr;grid-column-gap:20px;padding:0rem 2rem 0rem 2rem;height:24%}.interface .theme-cont{position:relative;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-pack:end;-ms-flex-pack:end;justify-content:flex-end;text-align:center;-ms-flex-item-align:end;align-self:flex-end;height:120%}.interface .theme-cont .buttons{z-index:2;position:absolute;bottom:70%;width:100%;display:-ms-grid;display:grid;-ms-grid-columns:1fr 1fr 1fr;grid-template-columns:1fr 1fr 1fr;border-bottom:1px solid black;margin-bottom:1rem}.interface .theme-cont .buttons .button{-ms-flex-item-align:end;-ms-grid-row-align:end;align-self:end;border-left:1px solid #fff;border-right:1px solid #fff;border-top:1px solid #fff;padding-top:2.4rem;max-height:70px;border-top-left-radius:0.75rem;border-top-right-radius:0.75rem;cursor:pointer;-webkit-transition:padding-top 100ms linear;transition:padding-top 100ms linear}.interface .theme-cont .buttons .button:hover{padding-top:3.75rem;max-height:100px}.interface .theme-cont .active{padding-top:3.75rem!important;max-height:100px!important}.interface .theme-cont .logo-cont{position:relative;width:100%;padding:3rem 1rem 1rem 1rem;text-align:center;height:80%}.interface .theme-cont .theme-logo{z-index:1;height:9vw;max-height:120px;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}@media (min-aspect-ratio:2/1){.interface .theme-cont .theme-logo{height:6vw}}.head{display:-webkit-box;display:-ms-flexbox;display:flex;position:absolute;width:100%;top:0;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.head .ppg-logo{max-width:4rem;margin:1rem 0 0rem 2rem}.head .top-right{background-color:rgba(0,0,0,0.35);color:#fff;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.head .top-right a{display:block;width:100%;height:100%;margin:0;padding:0.25rem 2rem 0.25rem 3rem;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;cursor:pointer}.head .top-right p{white-space:nowrap}.head .top-right #brochure{height:2rem;fill:#fff;margin:0 0 0 1.5rem}.product-data{z-index:2;position:absolute;left:-20%;top:50%;text-align:left;line-height:130%;color:#fff;padding:0.25vw 4rem 0.25vw 2.5rem;background-color:rgba(0,0,0,0.35);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:1.2rem;-webkit-transition:left 500ms linear;transition:left 500ms linear}@media screen and (min-width:768px){.product-data{top:50%}}@media screen and (min-width:992px){.product-data{top:60%;font-size:1.3rem}}.b1{background-color:#C3AC98}.b2{background-color:#B98675}.b3{background-color:#BCDBDB}.b4{background-color:#813E45}.b5{background-color:#C09C6A}.b6{background-color:#576B6B}.b7{background-color:#B6B0A9}.b8{background-color:#4F6997}.b9{background-color:#87657E}
/*# sourceMappingURL=main.css.map */