body{background-color:#57495b;margin:0;padding:0}@font-face{font-family:YurukaStd;src:local("YurukaStd"),url(/static/media/YurukaStd.e4589185c34a94a462b4.woff2) format("woff2")}@font-face{font-family:SSFangTangTi;src:local("SSFangTangTi"),url(/static/media/ShangShouFangTangTi.4b63e6001b3ba64f627e.woff2) format("woff2")}.App{text-align:center}.container{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:0}.canvas{border:1px solid #ddd;height:390px;width:400px}.vertical{height:390px}.horizontal,.vertical{align-items:center;display:flex;justify-content:center}.horizontal{flex-direction:column}.slider-horizontal{margin-left:1 rem}.header{margin-bottom:1rem}.header,.settings{font-family:YurukaStd}.settings{grid-gap:.4rem;color:#fff;display:grid;gap:.4rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin:1.5rem 0;padding-top:1rem}.settings>div{align-items:center;display:flex;gap:1rem}.slider{width:100%}.text{margin-bottom:1rem}.picker{align-items:center;display:flex;gap:1rem;justify-content:center}.modal>.MuiPopover-paper{overflow:hidden}.picker-search{margin:.5rem}.image-grid-wrapper{overflow:auto}.image-grid{border-radius:.25rem;margin:.5rem}.buttons{gap:1rem;margin-top:1rem}.buttons,.footer{align-items:center;display:flex;justify-content:center}.footer{flex-direction:column;font-family:YurukaStd;font-size:small;margin-top:2rem}::-webkit-scrollbar{height:.5rem;width:.5rem}::-webkit-scrollbar-thumb{background-color:#fff;border-radius:1rem;min-height:2rem}.counter{color:#fff;font-family:YurukaStd;font-weight:700;left:0;text-align:left;top:0}.bannercontainer{align-items:center;background-color:#702464;display:flex;font-family:YurukaStd;gap:6px;overflow:hidden;padding:10px 15px;position:relative}.bannermessage{align-items:center;display:flex;gap:4px}.bannermessage p{font-size:14px;line-height:1.5}.bannerbutton,.bannermessage strong{font-weight:700}.bannerbutton{background-color:#6dbbc5;border-radius:9999px;box-shadow:0 1px 2px rgba(0,0,0,.2);color:#fff;flex:none;font-size:14px;padding:4px 14px;text-decoration:none}.bannerbutton:hover{background-color:#57c5ba}.bannerbutton span{margin-left:6px}.bannerdismiss{display:flex;flex:1 1;justify-content:flex-end}.bannerdismiss button{-webkit-appearance:none;appearance:none;background-color:initial;border:none;color:inherit;cursor:pointer;font:inherit;margin:-10px;outline:none;padding:10px}.bannerdismiss button svg{color:#fff;height:20px;width:20px}#canvas-container{scale:.8}@media (min-width:1024px){.container{flex-direction:row}.horizontal{align-items:center;display:flex;flex-direction:column;margin:0;width:auto}.slider-horizontal{margin-bottom:1rem;margin-left:0}#canvas-container{scale:1}.settings{margin:1.5rem 0 0 1.5rem}}
/*# sourceMappingURL=main.3a0b9cbb.css.map*/