@media (min-width:0){.html{text-align:center;background-color:#ebebff;display:block}.html .images{text-align:center;background-color:#ebebff;margin:0%;padding:5%;font-size:5vmin}}@media (min-width:450px){.html .images{font-size:3vmin}}
@media (min-width:0){.paletteOverlay{z-index:3;background-color:#0000;justify-content:center;align-items:center;width:100%;height:100%;font-size:larger;display:flex;position:fixed;top:0;left:0}}.toggleForColorpicker{vertical-align:middle;line-height:0;display:inline-block}.paletteBox{background-color:#fff;border:1px solid #eee;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;width:240px;height:260px;font-size:0;line-height:0;display:flex;box-shadow:0 10px 30px #00000026}.paletteBox .react-colorful{border:none!important;width:200px!important;height:200px!important;margin:0!important;padding-left:5px!important;overflow:visible!important}.paletteBox .react-colorful__pointer{width:15px!important;height:15px!important}.paletteBox .react-colorful__hue,.paletteBox .react-colorful__alpha{margin:3px;border-radius:12px!important;height:10px!important}.paletteBox .hexInput{width:200px;margin:0}
@media (min-width:0){.thumbnail{justify-content:center;align-items:center;width:270px;height:270px;margin:0%;padding:0%;display:inline-flex}}@media (min-width:450px){.thumbnailImg:hover{cursor:pointer;transition-duration:.5s;transform:scale(1.2)}}@media (min-width:0){.overlay{z-index:2;background-color:#00000080;justify-content:center;align-items:center;width:100%;height:100%;font-size:larger;display:flex;position:fixed;top:0;left:0}.modalContent{z-index:3;background:#fff;width:70%;height:80%;padding:10%;font-size:75%;overflow-y:scroll}}@media (min-width:450px){.modalContent{justify-content:flex-start;align-items:flex-start;width:50%;height:auto;padding:2%;font-size:100%;display:flex}}@media (min-width:0){.parameters{text-align:left}}@media (min-width:450px){.parameters{width:50%;height:100%}}@media (min-width:0){.parameterComponents2{margin-left:5%;font-size:80%}}.slider{accent-color:#3920b4;width:50%;height:2vmin}@media (min-width:0){.checkboxBox{vertical-align:middle;text-align:left;width:100%;height:8vmin;display:inline-block}}@media (min-width:450px){.checkboxBox{height:5vmin}}@media (min-width:0){.checkboxLabel{vertical-align:middle;text-align:left;margin-right:1vmin;display:inline-block}}@media (min-width:450px){.checkboxLabel{cursor:pointer}}.hiddenCheckbox1,.hiddenCheckbox2,.hiddenCheckbox3,.hiddenCheckbox4,.hiddenCheckbox5{display:none}@media (min-width:0){.checkboxMark{vertical-align:middle;align-items:left;background-color:#e6e6ff;border:1px solid #28148c;border-radius:1vmin;width:6vmin;height:6vmin;margin-left:5px;display:inline-block}}@media (min-width:450px){.checkboxMark{width:4vmin;height:4vmin;margin-left:5px}}@media (min-width:0){.checkboxMark:after{align-items:left;opacity:0;content:"";border-bottom:2vmin solid #28148c;border-right:2vmin solid #28148c;border-radius:.5vmin;width:3vmin;height:6vmin;display:inline-block;position:relative;bottom:30%;left:.7vmin;transform:rotate(45deg)}}@media (min-width:450px){.checkboxMark:after{border-bottom:1vmin solid #28148c;border-right:1vmin solid #28148c;width:2vmin;height:4vmin}}.checkboxMark:hover{cursor:pointer;background-color:#e6e6ff80;transition-duration:.25s}.hiddenCheckbox1:checked~.checkboxMark:after,.hiddenCheckbox2:checked~.checkboxMark:after,.hiddenCheckbox3:checked~.checkboxMark:after,.hiddenCheckbox4:checked~.checkboxMark:after,.hiddenCheckbox5:checked~.checkboxMark:after{opacity:1}@media (min-width:0){.radiobuttonBox{text-align:left;width:100%;height:8vmin}}@media (min-width:450px){.radiobuttonBox{height:5vmin}}@media (min-width:0){.radiobuttonLabel{text-align:left;margin-right:1vmin;display:inline-block}}@media (min-width:450px){.radiobuttonLabel{cursor:pointer}}.hiddenRadiobutton{display:none}@media (min-width:0){.radiobuttonMark{vertical-align:middle;align-items:left;background-color:#e6e6ff;border:1px solid #28148c;border-radius:6vmin;width:6vmin;height:6vmin;display:inline-block}}@media (min-width:450px){.radiobuttonMark{border-radius:4vmin;width:4vmin;height:4vmin}}@media (min-width:0){.radiobuttonMark:after{content:"";align-items:left;opacity:0;background-color:#28148c;border:0 solid #28148c;border-radius:100%;width:6vmin;height:6vmin;margin-bottom:3px;display:inline-block;transform:scale(.8)}}@media (min-width:450px){.radiobuttonMark:after{border-radius:4vmin;width:4vmin;height:4vmin}}.radiobuttonMark:hover{cursor:pointer;background-color:#e6e6ff80;transition-duration:.25s}.hiddenRadiobutton:checked~.radiobuttonMark:after{opacity:1}@media (min-width:450px){.results{vertical-align:0%;place-content:center;width:50%;height:100%}}@media (min-width:0){.sampleSvg{place-content:center;margin-top:10%;display:flex}}@media (min-width:450px){.sampleSvg{margin-top:0}}.imgSize{margin:5%}.scaleSliderBox{width:100%}.scaleSliderBox .scaleSlider{accent-color:#3920b4;width:50%;height:2vmin}@media (min-width:0){.imgSize{place-content:center;padding:0%;display:flex}.saveButtonBox{place-content:center;padding-top:5vmin;display:flex}}@media (min-width:450px){.saveButtonBox{padding:1vmin}}@media (min-width:0){.saveButton{color:#28148c;background:#e6e6ff;border:3px solid #28148c;border-radius:10px;width:80%;margin:5%;padding:3vmin;font-size:6vmin}}@media (min-width:450px){.saveButton{cursor:pointer;width:50%;font-size:4vmin}}@media (min-width:0){.saveButton:hover{color:#fff;background:#28148c;border:3px solid #28148c;transition-duration:.5s}}