*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;padding:0;background-color:#272727;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:hidden}body{font-family:Arial,sans-serif;overflow:hidden}button{width:4vw;height:auto;display:flex;flex-direction:column;align-items:center;padding:1vw;border:none;background:transparent;cursor:pointer}button>div{width:50%;height:4vw;background-size:cover;background-position:center;border-radius:1px}button div+div{margin-top:.5vw;text-align:center;color:#000;font-size:1vw}button>div:first-child:hover{border:2px solid black;outline:none}button>div+div:hover{border:none;outline:none}button>div:first-child:focus{border:3px solid white;outline:none}button{outline:none;background:transparent}button.selected>div{border:3px solid white}.container{display:flex;flex-direction:column;height:100vh;position:relative;padding-left:340px}.button-container{display:flex;flex-wrap:wrap;justify-content:center;padding:0;position:absolute;top:0;left:0;right:0;z-index:1;background-image:url(/alumarchcladding//ColorBG.jpg);background-size:cover;background-position:center;border-radius:10px}.canvas-container{position:absolute;top:0;left:0;right:0;bottom:0;z-index:0}.logo{position:fixed;bottom:2%;right:2%;width:14vw;height:auto;z-index:1000}.color-name-container{display:flex;justify-content:center;align-items:center;width:100%;margin-top:10px;color:#000}.color-name{white-space:normal;overflow:visible;text-overflow:initial;font-size:16px;padding:0 10px}.category-dropdown{position:absolute;top:185px;left:10px;z-index:1000;padding:5px;font-size:16px;background-color:#413f3fb3;color:#fff}.slat-size-dropdown,.spacer-size-dropdown{position:absolute;top:225px;left:10px;z-index:1000;padding:5px;font-size:16px;background-color:#000000b3}.spacer-size-dropdown{top:240px;background-color:#413f3fb3;color:#fff}.slat-size-dropdown,.spacer-size-dropdown{position:absolute;top:225px;left:10px;z-index:1000;padding:5px;font-size:16px;background-color:#413f3fb3;color:#fff}.spacer-size-dropdown{top:265px}.disclaimer-container{position:absolute;top:900px;bottom:0;left:0;width:100%;background-color:#0000;color:#fff;padding:10px;text-align:center;font-size:14px;z-index:1000}.instructions-box{position:fixed;bottom:10px;left:10px;background-color:#000000b3;color:#fff;padding:10px;border-radius:5px;font-size:14px;z-index:1000}