@charset "UTF-8";@import"//fonts.googleapis.com/css?family=Orbitron";@import"//fonts.googleapis.com/css?family=Roboto";*,*:before,*:after{box-sizing:border-box}body{margin:0;padding:0;font-family:Orbitron,sans-serif;overflow:hidden;color:#181818;text-align:center;position:absolute;width:100%;height:100%}#root,#root .main{width:100%;height:100%}#root .main #canvas{width:100%;height:100%;display:block}.close{position:absolute;right:32px;top:0;width:32px;height:32px;opacity:.3;border:none;cursor:pointer}.close:hover{opacity:1}.close:after{display:inline-block;content:"×";font-size:60px}.navigation{display:flex;justify-content:center}.navigation .list{display:flex;width:50%}.navigation .link{border:none;flex:1;list-style-type:none;transition:color .3s;transition-timing-function:ease-in-out;cursor:pointer}.navigation .link:hover{color:#707070}.navigation .link:not(:hover)  {color:#181818}.header{margin-top:50px}.header .title{letter-spacing:10px}.side-menu .settings h2{margin-bottom:30px}.side-menu .settings,.side-menu .instructions{top:0;right:0}.side-menu .library{top:0;left:0}.side-menu .library .title{color:#707070}.side-menu .library .origami-previews{display:grid;grid-template-columns:repeat(2,1fr);grid-auto-rows:120px;grid-gap:10px;margin-top:26px}.side-menu .library .no-origami{display:flex;color:#707070;justify-content:center;margin-top:26px}.side-menu .instructions .content{overflow:hidden;font-family:Roboto,sans-serif;font-size:18px;color:#707070;width:400px;padding:0 30px}.side-menu .settings,.side-menu .library,.side-menu .instructions{position:absolute;background-color:#ededed;height:100%;padding-top:170px;width:400px}.controls-wrapper{position:absolute;bottom:100px;left:50%;transform:translate(-50%)}.controls-wrapper .controls{display:flex;width:100%;flex-direction:row;justify-content:space-between}.controls-wrapper .control{display:inline-block;padding:10px;border:none;background-color:transparent;color:#707070;text-align:center;text-decoration:none;cursor:pointer;font-size:16px;font-weight:700;transition:color .3s ease-in-out;width:50px}.controls-wrapper .control:hover{color:#181818}.controls-wrapper .control:not(:hover){color:#707070}.controls-wrapper .control:active{transform:translateY(1px)}.controls-wrapper .pagination{background-color:transparent;color:#707070;text-align:center;text-decoration:none;-webkit-user-select:none;user-select:none;font-size:16px;font-weight:700}.search-bar{display:flex;justify-content:center}.search-bar .wrapper{border-bottom:2px solid #aaa;display:flex;width:180px}.search-bar .wrapper .icon{fill:#adadad}.search-bar .wrapper .search{border:none;background-color:unset;color:#707070}.search-bar .wrapper .search::placeholder{color:silver}.search-bar .wrapper .search:focus {outline:none;box-shadow:none}.origami-preview{align-items:center;display:flex;flex-direction:column;justify-content:center}.origami-preview .image{height:auto;width:94px;font-size:12px;color:#898989}.origami-preview .text{font-family:Roboto,sans-serif;font-size:18px;width:94px;color:#707070;padding-top:3px}