body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#212127;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:16px}#root{position:relative}a{color:#fff;cursor:pointer}a:hover,a:visited:hover{color:#690}a:visited{color:#ccc}a:visited,a:hover{cursor:pointer}h1,h2,h3,h4,h5,h6{color:#fff}.page{padding-bottom:50px;padding-left:300px;overflow:hidden}@media (width<=768px){.page{padding-top:80px;padding-bottom:20px;padding-left:0}}.container{box-sizing:border-box;width:100%;max-width:1000px;margin:20px auto;padding:0 50px}@media (width<=768px){.container{padding:0 20px}}.logo{width:100%;max-width:300px}@media (width<=768px){.logo{flex-shrink:0;max-width:270px}}.demo-wrapper{opacity:0;background:#fff;transition:opacity .25s ease-in-out .35s}.demo-wrapper[data-ready=true]{opacity:1}.world{transform-origin:0 0;width:780px;height:485px;margin:0 auto;position:relative}.coords{position:absolute;top:20px;left:50%}.dark{filter:brightness(70%)}.darker{filter:brightness(50%)}.grass{background-color:#517211;width:450px;height:450px}.houses-front{width:150px;height:139px}.houses-side{width:361px;height:180px}.houses-top{width:150px;height:361px}.houses-roof{width:150px;height:55px}.balcony-side{width:17px;height:15px}.balcony-front{width:5px;height:15px}.big-balcony-side{width:8px;height:15px}.big-balcony-front{width:47px;height:15px}.big-balcony-bottom{background-color:#ccc;width:46px;height:8px}.floor-top{width:230px;height:450px}.floor-front{background-color:#7e7d73;width:230px;height:10px}.floor-side{width:450px;height:10px}.fence-pole-side{background-color:#fff;width:2px;height:26px}.fence-pole-top{background-color:#fff;width:2px;height:2px}.fence-side{background-color:#eee;width:2px;height:83px}.fence-front{background-color:#eee;width:103px;height:2px}.logo-front{width:300px;height:30px}.logo-top{width:6px;height:300px}.logo-top-middle,.logo-top-bottom{width:6px;height:282px}.logo-letter-front-blue{background-color:#bad0e4}.logo-letter-front-red{background-color:#c48986}.logo-letter-front-yellow{background-color:#f7dfbc}.logo-letter-full-front{width:6px;height:30px}.logo-letter-large-front{width:6px;height:23.5px}.logo-letter-half-front{width:6px;height:18px}.logo-letter-short-front{width:6px;height:12px}.logo-letter-square-front{width:6px;height:6px}.logo-letter-r-top-middle{background-color:#d4eef5;width:6px;height:3px}.res-height{height:240px;padding-top:20px;padding-bottom:20px;position:relative}.res-height:before{content:"";background-color:#fff;position:absolute;inset:0 50px}@media (width<=768px){.res-height:before{left:20px;right:20px}}.code-example-world{position:relative;top:20%;left:50%}@media (width<=768px){.code-example-world{transform-origin:0 0;transform:scale(.9)}}.floor{width:200px;height:200px}.plane{width:50px;height:50px}.code-example-wrapper{height:250px;overflow:hidden}.menu{box-sizing:border-box;z-index:100;background-color:#f5f2f0;flex-direction:column;width:300px;height:100vh;padding:20px;display:flex;position:fixed}@media (width<=768px){.menu{flex-direction:row;align-items:center;width:100vw;height:80px;padding:0 20px}}.menu-links{flex-grow:1;padding:20px 0}.menu-links a{color:#212127;margin-bottom:10px;text-decoration:none;display:block}.menu-links a.active{color:#690;cursor:default;font-weight:700}@media (width<=768px){.menu-links{background:#f5f2f0;border-top:1px solid #333;width:100vw;height:calc(100vh - 80px);padding:40px;transition:transform .25s ease-in-out;position:fixed;top:80px;left:0;transform:translate(100%)}.menu-links[data-open=true]{transform:translate(0)}}.chevron{background-color:#0000;border:none;flex-shrink:0;width:24px;height:24px;margin:0;padding:0;display:none;position:relative}.chevron div{background-color:#333;width:24px;height:2px;transition:background-color .25s ease-in-out}.chevron div:before,.chevron div:after{content:"";background-color:#333;width:24px;height:2px;transition:transform .25s ease-in-out;display:block;position:absolute}.chevron div:before{transform:translateY(-10px)}.chevron div:after{transform:translateY(10px)}.chevron[data-open=true] div{background-color:#0000}.chevron[data-open=true] div:before{transform:translate(0)rotate(45deg)}.chevron[data-open=true] div:after{transform:translate(0)rotate(-45deg)}@media (width<=768px){.chevron{display:block}}.github-panel{box-sizing:border-box;border-bottom:1px solid #ccc;justify-content:space-between;width:calc(100% + 40px);margin-left:-20px;padding:15px 20px;display:flex}.github-panel a{background-color:#0000}@media (width<=768px){.github-panel{border-bottom:none;flex-grow:1;justify-content:flex-end;align-items:center;width:auto;margin:0;padding:0 20px}}.github-button{color:#333;font-size:12px;font-weight:700;text-decoration:none;display:inline-block}.github-button svg,.github-button span{vertical-align:middle;display:inline-block}.github-button svg{fill:#333}.github-button span{padding-left:5px}.github-button:visited{color:#333}.github-button:hover,.github-button:visited:hover{color:#690}.github-button:hover svg,.github-button:visited:hover svg{fill:#690}@media (width<=768px){.github-button{justify-content:center;align-items:center;width:32px;height:32px;display:flex}.github-button svg{width:20px;height:20px}.github-button span{display:none}}.h1{padding:20px 50px 0}@media (width<=768px){.h1{padding:20px 20px 0}}.paragraph{color:#fff;line-height:1.5}.code-no-margin{margin-top:-20px}.table{border-collapse:collapse;color:#fff;table-layout:fixed;text-align:left;border:1px solid #333;line-height:1.5}.table th{color:#212127;background-color:#f5f2f0}.table th,.table td{border-bottom:1px solid #333}.table th:not(.no-padding),.table td:not(.no-padding){padding:.75rem}.table th.no-padding pre,.table td.no-padding pre{margin:0!important}.table th.no-border,.table td.no-border{border-bottom:none}.table th.padding-big,.table td.padding-big{padding:.75rem .75rem 1.75rem}.table tbody tr:nth-child(odd){background-color:#333}.separator{border:1px solid #333;max-width:900px;margin:30px auto}.graphic svg{background-color:#fff;width:100%}