*,*::after,*::before{box-sizing:border-box}html{font-family:"xs"}* html{font-family:"md"}*+html{font-family:"md"}@media \0 screen{html{font-family:"md"}}body{background-color:#fff;width:100%}@media(min-width: 320px)and (max-width: 480px){html{font-family:"xs"}}@media(min-width: 481px)and (max-width: 768px){html{font-family:"sm"}}@media(min-width: 769px)and (max-width: 992px){html{font-family:"md"}}@media(min-width: 993px)and (max-width: 1200px){html{font-family:"lg"}}@media(min-width: 1201px){html{font-family:"xl"}}::-webkit-scrollbar{-webkit-appearance:none;appearance:none;width:7px}::-webkit-scrollbar-track{border-radius:4px;box-shadow:inset 0 0 3px rgba(0,0,0,.3)}::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.5);border-radius:4px;box-shadow:0 0 1px rgba(255,255,255,.5)}body{background-color:#e4ded5;margin:0}main{align-items:center;display:flex;height:100vh;justify-content:center;width:100vw}#canvas{display:block;height:auto;max-height:100%;max-width:100%}#controls{bottom:1.5rem;position:fixed;right:1.5rem;width:min(280px,100vw - 3rem)}

/*# sourceMappingURL=app.bundle.f15d2703ecc434e7d3db.css.map*/