@import"https://fonts.googleapis.com/css2?family=Rethink+Sans&display=swap";#root{height:60vh;max-width:1280px;margin:0 auto 10%;padding:2rem;text-align:center}#root h1{font-family:Rethink Sans,sans-serif}#image-chooser-container{height:100%;background-color:#c8c5c3;display:flex}#image-container{background-color:gray;height:100%;width:100%;flex:3;position:relative}.image-layer{position:absolute;height:100%;width:100%;left:0;object-fit:cover}#outer-panel{flex:4;height:100%;width:100%;padding:1rem;font-family:Rethink Sans,sans-serif;display:flex;flex-direction:column}#configurator-panel{display:flex;align-items:center;flex-direction:row}.inner-panel{display:flex;flex-direction:row;justify-content:space-between;height:20%;border:.3rem solid rgb(155,155,155)}#outer-panel button{font-family:Rethink Sans,sans-serif;font-size:1.2rem}button.product-button,button.product-list-button,button.config-button{border:none;background-color:#9b9b9b;height:100%;width:100%;cursor:pointer}button.product-button:hover,button.product-list-button:hover,button.config-button:hover{background-color:#c8c5c3}button.product-button.selected,button.product-list-button.selected,button.config-button.selected{background-color:#fff;font-weight:700}section#table-section{display:flex;flex-direction:column;justify-content:center}section#table-section th,section#table-section td{text-align:center}section#table-section th{font-size:1.5rem;text-transform:uppercase;background-color:#c8c5c3}
