body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Arial,Verdana,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.dark .search-modal-content,.menu-modal-content li{font-weight:400}.menu-modal-content a,.menu-modal-content button{font-family:Tahoma,Roboto Mono,Geneva,Verdana,sans-serif;font-size:.83em;font-weight:600;text-decoration:none}.menu-modal-content a:hover{text-decoration:underline}.search-modal-content-button{font-size:.84em}.app-background{background-color:#333;height:100vh;position:fixed;top:0;transition:opacity .2s ease 0s;width:100%;z-index:-3}.Home{color:#df3219!important}.Fireside{color:#df7819!important}.Forest{color:#00a065!important}.Caves{color:#1478c8!important}.light{background-color:#fff;color:#333}.light header{color:#fff}.light hr{border:0;border-top:1px solid #999}.light .menu-modal-content hr{border-top:1px solid #000}.light a{color:#09f}.light .modal{background-color:hsla(0,0%,100%,.4)}.light .menu-modal-content,.light .search-modal-content{background-color:#ddd}.light .menu-modal-content a,.light .menu-modal-content button,.light .search-modal-content-button{color:#333}.light .shelf-cell{background:#e2e2e2}.light .shelfitem-title{color:#333}.light .editor .link-button,.light .editor .link-button:focus,.light .editor .link-button:hover{border:1px solid #000;color:#000}.dark{color:#c2c2c2}.dark header{color:#fff}.dark hr{border:0;border-top:1px solid #414648}.dark .menu-modal-content hr{border-top:1px solid #fff}.dark a{color:#63b531}.dark .modal{background-color:#000;background-color:rgba(0,0,0,.4)}.dark .menu-modal-content,.dark .search-modal-content{background-color:#2d2d2d}.dark .menu-modal-content a,.dark .menu-modal-content button,.dark .search-modal-content-button{color:#e2e2e2}.dark .shelfitem-title{color:#ccc}.dark .editor .link-button,.dark .editor .link-button:focus,.dark .editor .link-button:hover{border:1px solid #fff;color:#fff}header{align-items:center;display:flex;flex-flow:row nowrap;height:inherit;justify-content:flex-end;left:0;padding:0;position:fixed;right:0;top:0;z-index:9}header h1{-webkit-font-smoothing:antialiased;display:inline-block;font-size:25px;font-weight:600;letter-spacing:.3px;margin:0;vertical-align:middle}hr,hr.thin{width:100%}hr.thin{margin:8px 0}.icon-button,.link-button{background-color:initial;border:0;border-radius:0;margin:0;padding:0;text-decoration:none}.link-button:focus,.link-button:hover{border:1px;cursor:pointer;text-decoration:underline}.container{display:flex;padding-top:30px}.container,.wrapper{margin:0 auto;max-width:1100px}.display-item{margin-left:50px;width:65%}.display-item button{display:block;margin-left:auto;margin-top:20px}.add-item form{overflow:hidden;width:100%}.homepage{position:relative;top:80px;width:100%}.infopage{align-items:start;justify-items:center;margin:auto;max-width:600px;padding:0;width:100%}.infopage .cover{left:50%;margin:10px 100px;max-width:400px;width:100%}.readerpage{align-items:start;justify-items:center;margin:auto;max-width:600px;padding:0;width:100%}.readerpage .cover{left:50%;margin:10px 100px;max-width:400px;width:100%}.acountpage{position:relative;width:100%}.navbar-line{border:1px solid #414648;grid-column:1/span 4;grid-row:2/span 1;margin:0;width:100%}.modal{background-color:#000;background-color:rgba(0,0,0,.4)}.modal-content{background-color:#2d2d2d;border-radius:10px;margin:17px auto;max-width:350px;padding:20px;width:90%}.modal-text{color:#c2c2c2;display:block;font-family:Roboto Mono,Geneva,Verdana,sans-serif;font-size:.82em;margin-left:auto;margin-right:auto;max-width:320px;padding-top:80px}.close{color:#aaa;float:right;font-size:28px;font-weight:700}.close:focus,.close:hover{color:#000;cursor:pointer;text-decoration:none}.codabulo-logo{display:block;margin-left:auto;margin-right:auto}.recode-logo-block{left:50%;padding:20px;position:absolute;-webkit-transform:translate(-50%);transform:translate(-50%)}.recode-logo{align-items:start;display:grid;grid-template-columns:50px 230px 50px;justify-items:center;padding:0;position:relative}.recode-logo-text{color:#63b531;font-family:SpaceClaim ISO CB,Geneva,Verdana,sans-serif;font-size:2.2em;font-style:normal;font-weight:400;letter-spacing:-.03em;line-height:28px}.recode-braces{color:#1cd3fb}.recode-text{color:#63b531;font-family:SpaceClaim ISO CB,Geneva,Verdana,sans-serif;font-size:1.13em;font-style:normal;font-weight:400;letter-spacing:-.03em}#story_art_play{display:block;margin:auto;width:270px}@media only screen and (max-width:768px){.modal-content{max-width:80%}.modal-text{font-size:1.1em;max-width:95%}.recode-logo-text{font-size:1.9em}}.navbar{align-items:start;display:grid;grid-template-columns:50px auto 50px 50px;justify-items:center;padding:0;position:relative;transition:.5s;width:100%}.navscroll{background-color:rgba(0,0,0,.8)}hr.navbar-line{grid-column:1/span 4;grid-row:2/span 1}.button-navbar-back{grid-column:1/span 1;grid-row:1/span 1;padding:10px 0 5px}a.button-navbar-back{align-items:center;display:flex}.button-projectName-button{grid-column:2/span 1;grid-row:1/span 1;padding:8px 0 2px 46px}.button-projectName-button img{height:40px;width:100px}.button-menu-button{grid-column:4/span 1;grid-row:1/span 1;padding:13px 18px 3px 5px}.button-search-button{grid-column:3/span 1;grid-row:1/span 1;justify-self:end;padding:15px 0 3px 5px}.button-menu-button img,.button-navbar-back img,.button-projectName-button img,.button-search-button img{border:none;cursor:pointer;display:flex;flex-direction:column;justify-content:center;outline:none}.menu-close{float:right}.menu-close:focus,.menu-close:hover{cursor:pointer}.modal{height:100%;left:0;overflow:auto;position:fixed;top:0;width:100%;z-index:1}.menu-modal-content{border-radius:10px;float:right;margin:10px 10px 0 0;padding:7px;width:115px}.menu-modal-content ul{list-style-type:none;margin:26px 10px 5px;overflow:hidden;padding:0}.menu-modal-content li{margin:5px 0}.menu-modal-content a,.menu-modal-content button{border:1px;padding:0}.menu-user{align-items:center;display:flex;justify-content:center}.menu-user>img{height:24px;margin-right:5px;width:24px}.menu-user>div{font-size:11px;line-height:12px;overflow:hidden;padding:2px 0;text-align:left;text-overflow:ellipsis;width:100%}.search-modal-content{border-radius:10px;display:grid;float:right;grid-template-columns:45px auto;margin:5px;padding:3px;width:500px}.search-close{grid-column:1/span 1;grid-row:1/span 1;height:24px;padding:5px;width:24px}.search-close:focus,.search-close:hover{cursor:pointer}.search-form{float:right;grid-column:2/span 1;grid-row:1/span 1}.search-form-content{display:grid;grid-template-columns:auto 35px;width:100%}.search-input{grid-column:1/span 1;grid-row:1/span 1;width:100%}.search-submit{grid-column:2/span 1;grid-row:1/span 1}.search-modal-content input[type=text]{border:none;border-radius:6px 0 0 6px;float:right;font-size:.84em;height:20px;margin:2px 0;padding:6px;width:100%}.search-modal-content-button{border:none;border-radius:0 6px 6px 0;float:left;margin:2px 2px 0 0;padding:4px}@media screen and (max-width:600px){.search-modal-content{width:96%}.search-modal-content-button{padding:5px}}@media only screen and (max-width:768px){.menu-modal-content{font-size:1.1em;width:125px}}
/*! Flickity v3.0.0
https://flickity.metafizzy.co
---------------------------------------------- */.flickity-enabled{position:relative}.flickity-enabled:focus{outline:none}.flickity-viewport{height:100%;overflow:hidden;position:relative;touch-action:pan-y}.flickity-slider{height:100%;left:0;position:absolute;width:100%}.flickity-rtl .flickity-slider{left:auto;right:0}.flickity-enabled.is-draggable{-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.flickity-enabled.is-draggable .flickity-viewport{cursor:move;cursor:grab}.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down{cursor:grabbing}.flickity-cell{left:0;position:absolute}.flickity-rtl .flickity-cell{left:auto;right:0}.flickity-button{background:hsla(0,0%,100%,.75);border:none;color:#333;position:absolute}.flickity-button:hover{background:#fff;cursor:pointer}.flickity-button:focus{box-shadow:0 0 0 5px #19f;outline:none}.flickity-button:active{opacity:.6}.flickity-button:disabled{cursor:auto;opacity:.3;pointer-events:none}.flickity-button-icon{fill:currentColor}.flickity-prev-next-button{border-radius:50%;height:44px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:44px}.flickity-prev-next-button.previous{left:10px}.flickity-prev-next-button.next{right:10px}.flickity-rtl .flickity-prev-next-button.previous{left:auto;right:10px}.flickity-rtl .flickity-prev-next-button.next{left:10px;right:auto}.flickity-prev-next-button .flickity-button-icon{height:60%;left:20%;position:absolute;top:20%;width:60%}.flickity-page-dots{bottom:-25px;display:flex;flex-wrap:wrap;justify-content:center;position:absolute;text-align:center;width:100%}.flickity-rtl .flickity-page-dots{direction:rtl}.flickity-page-dot{-webkit-appearance:none;appearance:none;background:rgba(51,51,51,.25);border:none;border-radius:50%;cursor:pointer;display:block;height:10px;margin:0 8px;overflow:hidden;padding:0;text-indent:-9999px;width:10px}.flickity-rtl .flickity-page-dot{text-indent:9999px}.flickity-page-dot:focus{box-shadow:0 0 0 5px #19f;outline:none}.flickity-page-dot.is-selected{background:#333}.carousel-cell{border-radius:5px;height:300px;margin-right:0;transition:opacity .2s ease 0s;width:94%}.carousel-cell img{border-radius:5px;height:100%;opacity:.5;-webkit-transform:scale(.98);transform:scale(.98);transition:opacity .3s,-webkit-transform .3s,-webkit-filter .3s;transition:opacity .3s,transform .3s,filter .3s;transition:opacity .3s,transform .3s,filter .3s,-webkit-transform .3s,-webkit-filter .3s;width:100%}.carousel-cell.is-selected img{opacity:1;-webkit-transform:scale(1);transform:scale(1)}.carousel .flickity-button:focus,.carousel .flickity-page-dot:focus{box-shadow:0 0 0 2px #9f9f9f;outline:none}.carousel .flickity-page-dots{bottom:10px}.carousel .flickity-page-dots .flickity-page-dot{background:transparent;border:2px solid #fff;height:12px;opacity:.3;width:12px}.carousel .flickity-page-dot.is-selected{background:#fff}.shelf-container{margin:auto;padding:10px 0 0;white-space:nowrap}.shelf{margin-bottom:4px;margin-top:4px}.shelf-name{height:100%;margin:auto;padding:10px 0 0 10px;white-space:nowrap;width:100%}.shelf-name>a{color:inherit;text-decoration:none}.shelf-name>a:focus,.shelf-name>a:hover{text-decoration:underline}.shelfitem-title{text-align:start;text-overflow:ellipsis;width:87px}.shelfitem-info,.shelfitem-title{font-size:.69em;padding:4px 0 0 10px;position:absolute;top:85%}.shelfitem-info{left:70%;text-align:end;text-decoration:none}.shelf-cell{border:4px solid hsla(0,0%,100%,0);border-radius:5px;box-shadow:5px 5px 20px 5px #555;height:160px;margin-bottom:10px;margin-right:10px;transition:all .3s ease-out 0s;width:290px}.shelf-cell:hover{border:4px solid hsla(0,0%,100%,.6);left:-3px;width:296px}.shelf-cell img{display:block;height:84%;left:50%;object-fit:cover;position:absolute;top:42%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100%}.shelf .flickity-button{background:#222;display:none}.shelf .flickity-button:hover{background:#333}.shelf .flickity-prev-next-button{border-radius:5px;height:100px;top:60px;width:30px}.shelf .flickity-button-icon{fill:#999}.shelf .flickity-prev-next-button.previous{left:-40px}.shelf .flickity-prev-next-button.next{right:-40px}.shelf .flickity-button:focus,.shelf .flickity-page-dot:focus{box-shadow:0 0 0 1px #ccc;outline:none}.shelf .flickity-page-dots{bottom:-15px}.shelf .flickity-page-dots .flickity-page-dot{background:#666;border:1px solid #999;border-radius:0;border-radius:1px;height:4px;margin:4px;opacity:.6;padding:0;width:10px}.shelf .flickity-page-dot.is-selected{border:0 solid #fff;border-radius:1;height:4px;opacity:.9;outline:1px solid #999}.editor{align-items:start;display:grid;grid-template-columns:auto auto;justify-items:left;padding:0 30px;position:relative;width:100%}h1,hr{margin:15px}h1{font-size:1.5em;text-align:center}h2,h3{font-size:.8em}ul{padding:0 30px}p,ul{margin:0}li,p{padding:0}li{font-size:1em;list-style-type:none;margin:5px}.editor .title{font-weight:700;padding:5px}.editor .author{color:#3bf;font-size:.8em;padding:5px}.editor .link-button,.editor .link-button:focus,.editor .link-button:hover{border-radius:3px;padding:1px 3px}.editor .add-item{border-radius:2px;margin-bottom:34px;padding:10px 18px;width:100%}.editor form{max-width:300px}.editor form input{margin-right:auto;width:100%}.editor .image-table li,.editor .shelf-table li{align-items:center;border-bottom:1px solid #555;display:flex;width:100%}.editor .image-table .controls,.editor .shelf-table .controls{margin-left:auto}.editor .image-table button,.editor .shelf-table button{margin:7px 5px}.editor .thumbnail{height:30px;padding:5px;width:6 0}.editor .outerbar{display:block;height:20px;margin:5px 0;width:90%}.editor .innerbar{font-size:.7em;height:100%;margin:3px 5px}.light .editor .outerbar{border:solid #777}.light .editor .innerbar{background-color:#3bf;color:#000}.dark .editor .outerbar{border:solid #777}.dark .editor .innerbar{background-color:#3bf;color:#fff}
/*# sourceMappingURL=main.66c1e899.css.map*/