body,html{font-family:BlinkMacSystemFont,Helvetica,Arial,sans-serif;margin:0;overflow-x:hidden;padding:0}.page,body,html{min-height:100vh;min-width:100vw}.page{display:flex;flex-direction:column}.panesContainer{display:grid;flex-grow:1}@media (max-width:1100px){.panesContainer{grid-template-columns:1fr}}@media (min-width:1100px){.panesContainer{grid-template-columns:1fr 1fr}}.canvasPane{background-color:#fff;margin:auto}.imageButtons{display:flex;flex-direction:row;justify-content:space-around;margin:10px}.imageButtons>button{background-color:#fc0;border:none;color:#039;font-size:large;margin:10px;padding:10px}.imageButtons>button:hover{background-color:#ffcc00b3;cursor:pointer}.settingsPane{align-items:center;background-color:#fc0;color:#039;container-type:inline-size;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:center;padding:30px}.settingsPane>h2{margin-bottom:50px;text-align:center}.settingsContainer{max-width:640px;min-width:300px;summary{cursor:pointer;font-weight:700}}@container (width < 600px){.settingsPane>h2{display:none}.settingsContainer{width:95%}}@container (600px <= width <= 800px){.settingsContainer{width:80%}}@container (width > 800px){.settingsContainer{width:640px}}.settingsGroup{display:grid;grid-template-columns:1fr 1fr;max-width:600px}.settingsGroup>*{margin:10px}.settingBox{align-items:center;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:left}.settingBox>*{margin-right:10px}input[type=number]{-webkit-appearance:textfield;appearance:textfield}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none}@media (max-width:599px){input[type=range]{width:100px}}.numberInput{border:1px solid #039;border-radius:5px;display:inline-flex}.numberInput,.numberInput *{box-sizing:border-box}.numberInput button{align-items:center;-webkit-appearance:none;background-color:initial;border:none;cursor:pointer;height:2rem;justify-content:center;margin:0;outline:none;position:relative;width:2rem}.numberInput input[type=number]{border:solid #039;border-width:0 1px;font-family:sans-serif;text-align:center}.settingsDivider{border-top:1px solid #039;grid-column:span 2;margin:5px;padding:0}footer{background-color:#fc0;color:#039;font-size:.9rem;font-style:italic;padding:5px;text-align:center;button{background-color:#fc0;border:1px solid #039;border-radius:5px;color:#039;font-size:.9rem;font-style:italic;margin-left:10px}button:hover{cursor:pointer}}.popover{border:1px solid #039;border-radius:10px;font-style:normal;max-height:90vh;max-width:80%;overflow-y:auto;padding:20px;h3{margin:10px}p,ul{text-align:left}}@media (min-width:1301px){.popover{max-width:1000px;padding:20px 40px}}
/*# sourceMappingURL=main.eb45a596.css.map*/