*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;min-width:0;min-height:100%}body{overflow-x:hidden}.grainy{isolation:isolate;background:#ebebeb;position:relative;overflow:hidden}.grainy:before{content:"";pointer-events:none;opacity:.11;z-index:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.99' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");position:absolute;inset:0}.grainy>*{z-index:1;position:relative}.app-shell{box-sizing:border-box;background:#fff;flex-direction:column;flex:1;width:min(825px - 5vw,100vw - 32px);min-width:0;min-height:0;display:flex}@media (width<=450px){html,body,#root{width:100%;max-width:100%;min-height:100dvh}.grainy{width:100%;min-height:100dvh;overflow:hidden auto}.app-shell{border-left:0;border-right:0;flex:1 0 auto;width:100vw;max-width:none;height:auto;min-height:100dvh;font-size:15px}}