@import url(https://fonts.googleapis.com/css?family=Roboto:300,400|Rubik+Mono+One&display=swap);@import url(https://fonts.googleapis.com/icon?family=Material+Icons);body{background:#fbfbfb;margin:0;font-family:"Rubik Mono One",sans-serif;overflow-x:hidden;touch-action:manipulation}.header{position:absolute;display:flex;align-items:center;top:16px;left:0;right:0;width:96vw;margin:0 auto}.logo{font-size:1.125rem;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.description,.logo{margin-left:var(--cards-margin);padding-left:6px}.description{position:absolute;top:56px;left:0;right:0;font-family:"Roboto",sans-serif;font-size:.875rem}.github-button{margin-left:auto;padding-right:8px;margin-right:28px}#codesandbox-logo{height:16px;margin-right:var(--cards-margin);color:#4b4b4b;-webkit-transform:scale(1.8) translateX(-50%);transform:scale(1.8) translateX(-50%);-webkit-transition:color .3s,box-shadow .3s,-webkit-transform .3s;transition:color .3s,box-shadow .3s,-webkit-transform .3s;transition:color .3s,box-shadow .3s,transform .3s;transition:color .3s,box-shadow .3s,transform .3s,-webkit-transform .3s;padding:2px;border-radius:4px}#codesandbox-logo:hover{color:#2b2b2b;box-shadow:0 0 6px 0 #c7c7c7;-webkit-transform:scale(1.9) translateX(-50%);transform:scale(1.9) translateX(-50%)}@media screen and (max-width:960px){.github-button{-webkit-transform:translateY(3%);transform:translateY(3%);margin-right:18px}#codesandbox-logo{-webkit-transform:scale(1.4) translateX(-50%);transform:scale(1.4) translateX(-50%)}#codesandbox-logo:hover{-webkit-transform:scale(1.5) translateX(-50%);transform:scale(1.5) translateX(-50%)}}.job{position:fixed;padding:0 12px;z-index:10;top:-100px;left:0;right:0;width:234px;height:40px;line-height:40px;margin:0 auto;background-color:coral;text-align:center;border-radius:4px;font-family:"Roboto",sans-serif;font-size:16px;font-weight:300;color:#e3ffeb;box-shadow:0 0 32px 0 rgba(255,68,0,.521);vertical-align:baseline}.job .counter{position:absolute;right:0;top:0;line-height:normal;font-size:10px;margin:2px;color:#ffd9cb}.cards-wrapper{margin:112px auto 72px;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.card{z-index:2;border-radius:4px;mix-blend-mode:multiply;-webkit-transition:width .8s cubic-bezier(.42,.2,.23,1.27),height .8s cubic-bezier(.42,.2,.23,1.27),box-shadow .3s;transition:width .8s cubic-bezier(.42,.2,.23,1.27),height .8s cubic-bezier(.42,.2,.23,1.27),box-shadow .3s;box-shadow:var(--card-box-shadow);opacity:var(--opacity);cursor:-webkit-grab;cursor:grab}.card.circle{border-radius:50%}.card:active:hover{cursor:-webkit-grabbing;cursor:grabbing}.card.ghost{z-index:2;box-shadow:var(--card-box-shadow-ghost)}.wrapper{width:100%}.layout-menu{position:fixed;list-style:none;z-index:6;bottom:4vh;left:0;right:0;margin:0 auto;width:256px;border-radius:4px;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background:#fff;box-shadow:0 0 6px 0 rgba(0,0,0,.322)}@-webkit-keyframes appearance{0%{bottom:-100px}50%{bottom:-100px;-webkit-transform:scale(1);transform:scale(1);box-shadow:0 0 6px 0 rgba(0,0,0,.322)}80%{bottom:20vh;-webkit-transform:scale(1.6);transform:scale(1.6);box-shadow:0 0 2px 0 rgba(0,0,0,.205),0 0 5vh 0 rgba(0,0,0,.322)}to{bottom:4vh;-webkit-transform:scale(1);transform:scale(1);box-shadow:0 0 6px 0 rgba(0,0,0,.322)}}@keyframes appearance{0%{bottom:-100px}50%{bottom:-100px;-webkit-transform:scale(1);transform:scale(1);box-shadow:0 0 6px 0 rgba(0,0,0,.322)}80%{bottom:20vh;-webkit-transform:scale(1.6);transform:scale(1.6);box-shadow:0 0 2px 0 rgba(0,0,0,.205),0 0 5vh 0 rgba(0,0,0,.322)}to{bottom:4vh;-webkit-transform:scale(1);transform:scale(1);box-shadow:0 0 6px 0 rgba(0,0,0,.322)}}.layout-icon-wrapper{display:inline-block;margin:12px}.layout-icon{opacity:.9}.layout-icon.active,.layout-icon:hover{opacity:1}.dialog-enter{top:var(--card-pos-y);left:var(--card-pos-x);width:var(--card-width);height:var(--card-height);box-shadow:var(--card-box-shadow);-webkit-transform:translate(0);transform:translate(0);border-radius:4px}.dialog-enter-active{-webkit-transform:translate(-50%,-50%) scale(1.05) rotate(180deg) rotateX(10deg);transform:translate(-50%,-50%) scale(1.05) rotate(180deg) rotateX(10deg);-webkit-transition:all .3s;transition:all .3s}.dialog-enter-active,.dialog-enter-done{left:50%;top:50%;width:90vh;height:90vh;box-shadow:var(--dialog-box-shadow);border-radius:50%}.dialog-enter-done{-webkit-transform:translate(-50%,-50%) scale(1) rotate(90deg) rotateY(0deg);transform:translate(-50%,-50%) scale(1) rotate(90deg) rotateY(0deg);-webkit-transition:all .15s;transition:all .15s;-webkit-transition-timing-function:cubic-bezier(.49,.38,.51,1.35);transition-timing-function:cubic-bezier(.49,.38,.51,1.35)}.dialog-exit{left:50%;top:50%;width:90vh;height:90vh;border-radius:50%;box-shadow:var(--dialog-box-shadow);-webkit-transform:translate(-50%,-50%) scale(1) rotate(20deg) rotateY(0deg);transform:translate(-50%,-50%) scale(1) rotate(20deg) rotateY(0deg)}.dialog-exit-active{width:var(--card-width);height:var(--card-height);top:var(--card-pos-y);left:var(--card-pos-x);-webkit-transform:translate(0) scale(1) rotate(0deg) rotateY(0deg);transform:translate(0) scale(1) rotate(0deg) rotateY(0deg);border-radius:4px;box-shadow:var(--card-box-shadow);-webkit-transition:all .3s;transition:all .3s;-webkit-transition-timing-function:cubic-bezier(.66,.41,.49,1.25);transition-timing-function:cubic-bezier(.66,.41,.49,1.25)}.card-expand-window{position:fixed;mix-blend-mode:multiply;z-index:4}.dialog-background{position:fixed;top:0;left:0;width:100%;height:100%;z-index:3}@media only screen and (orientation:portrait){.dialog-enter-active,.dialog-enter-done,.dialog-exit{width:90vw;height:90vw}.dialog-exit-active{width:var(--card-width);height:var(--card-height)}}.g-0{background-image:-webkit-gradient(linear,left top,right top,from(#ff9a8b),color-stop(55%,#ff6a88),to(#ff99ac));background-image:-webkit-linear-gradient(left,#ff9a8b,#ff6a88 55%,#ff99ac);background-image:linear-gradient(90deg,#ff9a8b,#ff6a88 55%,#ff99ac)}.g-1{background-image:-webkit-linear-gradient(303deg,#ffe53b,#ff2525 74%);background-image:linear-gradient(147deg,#ffe53b,#ff2525 74%)}.g-2{background-image:-webkit-linear-gradient(71deg,#faaca8,#ddd6f3);background-image:linear-gradient(19deg,#faaca8,#ddd6f3)}.g-3,.g-4,.g-5{background-image:-webkit-linear-gradient(71deg,#21d4fd,#b721ff);background-image:linear-gradient(19deg,#21d4fd,#b721ff)}.g-6{background-image:-webkit-linear-gradient(28deg,#8ec5fc,#e0c3fc);background-image:linear-gradient(62deg,#8ec5fc,#e0c3fc)}.g-7{background-image:-webkit-linear-gradient(28deg,#fbab7e,#f7ce68);background-image:linear-gradient(62deg,#fbab7e,#f7ce68)}.g-8{background-image:-webkit-linear-gradient(225deg,#ff3cac,#784ba0 50%,#2b86c5);background-image:linear-gradient(225deg,#ff3cac,#784ba0 50%,#2b86c5)}.g-9,.g-10,.g-11{background-image:-webkit-gradient(linear,left bottom,left top,from(#d9afd9),to(#97d9e1));background-image:-webkit-linear-gradient(bottom,#d9afd9,#97d9e1);background-image:linear-gradient(0deg,#d9afd9,#97d9e1)}.g-12{background-image:-webkit-linear-gradient(290deg,#0093e9,#80d0c7);background-image:linear-gradient(160deg,#0093e9,#80d0c7)}.g-13{background-image:-webkit-gradient(linear,left top,right top,from(#74ebd5),to(#9face6));background-image:-webkit-linear-gradient(left,#74ebd5,#9face6);background-image:linear-gradient(90deg,#74ebd5,#9face6)}.g-14{background-image:-webkit-gradient(linear,left top,right top,from(#fad961),to(#f76b1c));background-image:-webkit-linear-gradient(left,#fad961,#f76b1c);background-image:linear-gradient(90deg,#fad961,#f76b1c)}.g-15{background-image:-webkit-linear-gradient(45deg,#fa8bff,#2bd2ff 52%,#2bff88 90%);background-image:linear-gradient(45deg,#fa8bff,#2bd2ff 52%,#2bff88 90%)}.g-16{background-image:-webkit-linear-gradient(45deg,#fbda61,#ff5acd);background-image:linear-gradient(45deg,#fbda61,#ff5acd)}.g-17{background-image:-webkit-linear-gradient(315deg,#8bc6ec,#9599e2);background-image:linear-gradient(135deg,#8bc6ec,#9599e2)}.g-18,.g-19,.g-20{background-image:-webkit-gradient(linear,left top,left bottom,from(#a9c9ff),to(#ffbbec));background-image:-webkit-linear-gradient(top,#a9c9ff,#ffbbec);background-image:linear-gradient(180deg,#a9c9ff,#ffbbec)}.g-21,.g-22{background-image:-webkit-linear-gradient(45deg,#85ffbd,#fffb7d);background-image:linear-gradient(45deg,#85ffbd,#fffb7d)}
/*# sourceMappingURL=main.42fb47ee.chunk.css.map */