.icon-button,.icon-button.enabled{fill:#ababab;stroke:#ababab}.icon-button.disabled{fill:#6c6c6c;stroke:#6c6c6c}.icon-button.hover,.icon-button:hover{fill:#fff;stroke:#fff}.icon-button.focus,.icon-button:focus{fill:#e0dfff;stroke:#e0dfff}.icon-button.down,.icon-button:active{fill:#535353;stroke:#535353}.icon-button{min-width:20px;min-height:20px;display:flex;align-items:center;justify-content:center}.icon-button>svg{height:16px}@media(min-width:769px){.icon-button{min-width:40px;min-height:40px}.icon-button>svg{height:28px}}@media(min-width:1025px){.icon-button{min-width:48px;min-height:48px}.icon-button>svg{height:32px}}.about{width:100%;height:100%;display:flex;flex-direction:column;align-items:center}.about .about-close-btn{position:absolute;top:20px;right:20px}.about .about-title,.about .about-content{width:92%;max-width:1440px}.about .about-title{font-size:2rem;text-align:center;margin:40px 0}@media(min-width:481px)and (orientation:landscape){.about .about-title{margin:18px 0}}@media(min-width:1025px){.about .about-title{margin-top:56px;margin-bottom:62px;font-size:3.75em;text-align:initial}}.about .about-content{overflow-y:scroll;overflow-x:hidden;flex:1;margin-top:8px;margin-bottom:0}@media(min-width:481px)and (orientation:landscape){.about .about-content{display:flex}}.about .about-content .about-content-col{flex:1}@media(min-width:481px)and (orientation:landscape){.about .about-content .about-content-col{padding:0 6px}}@media(min-width:769px)and (orientation:landscape){.about .about-content .about-content-col{padding:0 10px}}@media(min-width:1025px){.about .about-content .about-content-col{padding:0 14px}}.about .about-content .about-content-item{margin:0 0 12px}@media(min-width:1025px){.about .about-content .about-content-item{margin-bottom:24px}}.about .about-content .about-content-item .about-content-title,.about .about-content .about-content-item .about-content-subtitle{font-size:.8125rem;text-align:center}@media(min-width:481px)and (orientation:landscape){.about .about-content .about-content-item .about-content-title,.about .about-content .about-content-item .about-content-subtitle{font-size:.7125rem;text-align:left}}@media(min-width:769px)and (orientation:portrait){.about .about-content .about-content-item .about-content-title,.about .about-content .about-content-item .about-content-subtitle{font-size:1.25rem}}@media(min-width:769px)and (orientation:landscape){.about .about-content .about-content-item .about-content-title,.about .about-content .about-content-item .about-content-subtitle{font-size:.8125rem;text-align:left}}@media(min-width:1025px){.about .about-content .about-content-item .about-content-title,.about .about-content .about-content-item .about-content-subtitle{font-size:1.25rem;text-align:left}}.about .about-content .about-content-item .about-content-title{font-weight:700}.about .about-content .about-content-item .about-content-subtitle{font-weight:400}.about .about-content-logo{width:100%;height:15.625vh}@media(min-width:769px)and (orientation:landscape){.about .about-content-logo{height:24vh}}.about .about-content-logo{display:flex;align-items:center;justify-content:center}.about .about-content-logo>svg{width:30%;height:auto}@media(min-width:481px)and (orientation:landscape){.about .about-content-logo>svg{width:14%}}@keyframes glow{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.glow-circle{width:40px;height:auto}@media(min-width:769px){.glow-circle{width:60px}}@media(min-width:1025px){.glow-circle{width:70px}}.glow-circle{animation:glow 1s ease infinite}.side-menu{width:100vw;max-width:438px;height:100vh;position:fixed;top:0;right:0;background:linear-gradient(180deg,#000,#000c)}.side-menu .side-menu-content{width:100%;height:100%;padding-top:10vh;display:flex;flex-direction:column}.side-menu .side-menu-content .side-menu-close-btn{position:absolute;top:20px;right:20px}.side-menu .side-menu-content .side-menu-list{list-style:none;margin:0;padding:0;flex:1;display:flex;flex-direction:column}.side-menu .side-menu-content .side-menu-list .side-menu-list-item{font-size:2rem;text-align:center;margin:6.25vh 0}@media(min-width:481px)and (orientation:landscape){.side-menu .side-menu-content .side-menu-list .side-menu-list-item{font-size:1.8125rem;margin:5vh 0}}@media(min-width:769px){.side-menu .side-menu-content .side-menu-list .side-menu-list-item{font-size:2.8125rem;margin:3.25vh 0}}.app-bar{width:100%;position:fixed;top:0;left:0;z-index:100;touch-action:none}.app-bar .app-bar-reveal-area{width:100%;height:120px;touch-action:none}.app-bar .app-bar-content{width:94%;padding:0 3%;touch-action:none;display:flex;align-items:center;justify-content:space-between;position:absolute;left:0;background:linear-gradient(180deg,#000c,#000 116.67%)}.app-bar.always-active .app-bar-reveal-area,.app-bar.always-active .app-bar-content{pointer-events:none}.app-bar,.app-bar .app-bar-content{height:48px}@media(min-width:1025px){.app-bar,.app-bar .app-bar-content{height:72px}}.app-bar .app-bar-sound-btn,.app-bar .app-bar-content-btn,.app-bar .app-bar-menu-btn,.app-bar .app-bar-content .app-bar-sound-btn,.app-bar .app-bar-content .app-bar-content-btn,.app-bar .app-bar-content .app-bar-menu-btn{position:relative}.app-bar .app-bar-sound-btn .glow-circle,.app-bar .app-bar-content-btn .glow-circle,.app-bar .app-bar-menu-btn .glow-circle,.app-bar .app-bar-content .app-bar-sound-btn .glow-circle,.app-bar .app-bar-content .app-bar-content-btn .glow-circle,.app-bar .app-bar-content .app-bar-menu-btn .glow-circle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.comic-controls{width:100%;height:100%;position:absolute;top:0;left:0;touch-action:none}.comic-controls .go-fwd-btn,.comic-controls .go-back-btn{position:absolute;top:50%;transition:opacity .4s ease;width:12px;height:auto}@media(min-width:769px){.comic-controls .go-fwd-btn,.comic-controls .go-back-btn{width:18px}}@media(min-width:1025px){.comic-controls .go-fwd-btn,.comic-controls .go-back-btn{width:28px}}.comic-controls .go-fwd-btn,.comic-controls .go-back-btn{display:flex}.comic-controls .go-fwd-btn .glow-circle,.comic-controls .go-back-btn .glow-circle{position:absolute;top:50%;left:50%;transform:translate(-52%,-50%)}.comic-controls .go-fwd-btn .control-arrow-icon,.comic-controls .go-back-btn .control-arrow-icon{width:100%}.comic-controls .go-fwd-btn{right:4%}.comic-controls .go-back-btn{left:4%}.comic-controls .go-back-btn .control-arrow-icon{transform:scaleX(-1)}.comic,.comic-page{width:100%;height:100%;opacity:1;transition:opacity .4s ease}.comic-page-hidden{opacity:0}.comic-page-number{width:157px;height:52px;position:absolute;bottom:3%;right:4.375%;background:#73737380;border-radius:20px;display:flex;justify-content:center;align-items:center}.comic-page-number span{font-family:ComicMarkerDeluxe,sans-serif;font-style:normal;font-weight:400;font-size:1.75rem;text-align:center;color:#fff}.comic-page-number span:nth-child(2){color:#a8a8a8}.comic-content{width:100vw;height:100vh;background:#292929;display:flex;flex-direction:column;align-items:center}.comic-content .content-close-btn{position:absolute;top:20px;right:20px}.comic-content .comic-content-title,.comic-content .comic-content-search,.comic-content .comic-content-grid{width:90%;max-width:1330px}.comic-content .comic-content-title span{display:block;font-size:2rem;text-align:center;margin:40px 0}@media(min-width:481px)and (orientation:landscape){.comic-content .comic-content-title span{margin:18px 0}}@media(min-width:1025px){.comic-content .comic-content-title span{margin-top:56px;margin-bottom:62px;font-size:3.75em;text-align:initial}}.comic-content .comic-content-search{margin-bottom:26px}.comic-content .comic-content-search .comic-content-input{width:100%;height:32px;background:#000;border:2px solid #727272;box-sizing:border-box;border-radius:90px;margin-bottom:6px;padding-left:22px;font-size:1rem}@media(min-width:769px){.comic-content .comic-content-search .comic-content-input{height:50px;margin-bottom:16px}}.comic-content .comic-content-search .mide-text{font-size:.8125rem;color:#d5d5d5}@media(min-width:769px){.comic-content .comic-content-search .mide-text{font-size:1rem}}@media(min-width:1025px){.comic-content .comic-content-search .mide-text{font-size:1.25rem}}.comic-content .comic-content-grid{overflow-y:scroll;margin-bottom:14px;display:grid;grid-template-columns:1fr;column-gap:0;row-gap:1rem}@media(min-width:481px)and (orientation:landscape){.comic-content .comic-content-grid{grid-template-columns:repeat(2,1fr);column-gap:2.75rem;row-gap:2.75rem}}@media(min-width:769px){.comic-content .comic-content-grid{grid-template-columns:repeat(3,1fr);column-gap:7vw;row-gap:7vw}}.comic-content .comic-content-grid .comic-grid-card{position:relative}.comic-content .comic-content-grid .comic-grid-card>img{width:100%;height:auto}.comic-content .comic-content-grid .comic-grid-card .comic-grid-card-index{width:100%;height:44px;background:linear-gradient(180deg,#0009,#000);position:absolute;bottom:0;left:0;display:flex;align-items:center}@media(min-width:769px){.comic-content .comic-content-grid .comic-grid-card .comic-grid-card-index{height:48px}}.comic-content .comic-content-grid .comic-grid-card .comic-grid-card-index span{font-size:1.5rem;margin-left:8px}.home-page{width:100%;height:100%;background:#000}.home-page .home-animation,.home-page .home-fade-bg{width:100%;height:100%;position:absolute;top:0;left:0}.home-page .home-animation{z-index:1}.home-page .home-fade-bg{background:linear-gradient(180deg,#0000,#0009);z-index:2}.home-page .home-content{width:100%;height:100%;display:flex;flex-direction:column}.home-page .home-content>*{z-index:3}@media(min-width:481px)and (orientation:landscape){.home-page .home-content{width:80%;margin:0 auto;flex-direction:row;justify-content:center}}@media(min-width:769px)and (orientation:landscape){.home-page .home-content{width:66%}}@media(min-width:1025px){.home-page .home-content{width:100%;margin:0;flex-direction:column;justify-content:initial;align-items:center}}.home-page .home-title-text{width:100%;display:flex;flex-direction:column;align-items:center}@media(min-width:481px)and (orientation:landscape){.home-page .home-title-text{width:50%;align-items:initial}}@media(min-width:1025px){.home-page .home-title-text{width:100%;align-items:center;flex:1;flex-direction:column-reverse}}.home-page .home-title-text .mide-title-logo{width:18%;margin-top:14vh}.home-page .home-title-text .mide-title-logo>img{width:100%;height:auto}@media(min-width:481px)and (orientation:landscape){.home-page .home-title-text .mide-title-logo{width:30%;flex:1;padding-left:2vw;margin-bottom:2.5vh;display:flex;flex-direction:column-reverse;margin-top:0}}@media(min-width:769px)and (orientation:portrait){.home-page .home-title-text .mide-title-logo{width:22%;margin-top:12vh}}@media(min-width:1025px){.home-page .home-title-text .mide-title-logo{width:8%;margin:0;padding:0;margin-bottom:2.5vh;flex:initial}}.home-page .home-title-text .welcome-text{width:56%;position:relative;font-size:.875rem;text-align:center;margin-top:2.5vh}@media(min-width:481px)and (orientation:landscape){.home-page .home-title-text .welcome-text{text-align:initial;width:80%;margin-top:0vh;margin-bottom:8vh;padding-left:2vw}}@media(min-width:769px)and (orientation:portrait){.home-page .home-title-text .welcome-text{width:50%;font-size:1.5rem;margin-top:2vh}}@media(min-width:1025px){.home-page .home-title-text .welcome-text{width:24%;text-align:center;padding:0;margin:0;font-size:1.5rem;margin-bottom:2.5vh}}.home-page .home-btn-container{width:100%;flex:1;display:flex;flex-direction:column-reverse;align-items:center}@media(min-width:481px)and (orientation:landscape){.home-page .home-btn-container{width:50%;flex:initial}}@media(min-width:1025px){.home-page .home-btn-container{width:100%;flex:initial;flex-direction:column}}.home-page .home-btn-container .home-btn{width:52%;max-width:186px;height:38px;display:flex;align-items:center;justify-content:center;border:2px solid #ffffff;box-sizing:border-box;border-radius:29px;font-size:1rem;text-decoration:none;margin-bottom:18vh}@media(min-width:481px)and (orientation:landscape){.home-page .home-btn-container .home-btn{width:74%;margin-bottom:8vh}}@media(min-width:769px)and (orientation:portrait){.home-page .home-btn-container .home-btn{max-width:308px;height:64px;font-size:1.4375rem;margin-bottom:10vh}}@media(min-width:1025px){.home-page .home-btn-container .home-btn{max-width:308px;height:64px;font-size:1.4375rem;margin-bottom:6vh}}.step-final{display:flex;flex-direction:column;align-items:center;justify-content:flex-end}@media(min-width:481px)and (orientation:landscape){.step-final{justify-content:center}}.step-final .tutorial-final-text{width:62%;max-width:210px;text-align:center;font-size:1rem;margin-bottom:16px}@media(min-width:769px){.step-final .tutorial-final-text{font-size:1.8125rem;max-width:302px}}.step-final .go-to-comic{width:84%;max-width:280px;height:64px;display:flex;align-items:center;justify-content:center;border:2px solid #ffffff;box-sizing:border-box;border-radius:29px;font-size:1.4375em;text-decoration:none;margin-top:16px;margin-bottom:20vh}@media(min-width:481px)and (orientation:landscape){.step-final .go-to-comic{margin-bottom:0}}@media(min-width:1025px){.step-final .go-to-comic{max-width:212px;height:66px;margin-top:8vh}}.tutorial-page{width:100%;height:100%;display:flex;flex-direction:column;align-items:center}.tutorial-page>img{max-width:100%;max-height:100%;display:block;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.tutorial-page .skip-tutorial{font-size:.8125rem;line-height:20px;text-align:center;text-decoration:none;margin-top:8vh;position:relative}@media(orientation:landscape){.tutorial-page .skip-tutorial{margin-top:16vh}}@media(min-width:481px){.tutorial-page .skip-tutorial{font-size:1.125rem}}@media(min-width:769px)and (orientation:portrait){.tutorial-page .skip-tutorial{font-size:1.8125rem}}@media(min-width:1025px){.tutorial-page .skip-tutorial{font-size:2rem}}.tutorial-page .tutorial-content,.tutorial-page .tutorial-step-container,.tutorial-page .tutorial-step{width:100%;height:100%;position:absolute;top:0;left:0}.tutorial-page .tutorial-step{display:flex;justify-content:center;align-items:center}.tutorial-page .tutorial-step .tutorial-text{width:62%;text-align:center;font-size:1rem;line-height:1.25rem;margin:0}@media(min-width:481px)and (orientation:landscape){.tutorial-page .tutorial-step .tutorial-text{width:36%}}@media(min-width:1025px){.tutorial-page .tutorial-step .tutorial-text{font-size:2rem;line-height:2.375rem}}.tutorial-page .tutorial-step-container{background:#000000b3}.tutorial-page .tutorial-stepper-container{flex:1;display:flex;justify-content:center;align-items:flex-end}.tutorial-page .tutorial-stepper-container .tutorial-stepper{width:110px;height:40px;margin-bottom:2vh;display:flex;align-items:center;justify-content:space-evenly}@media(min-width:481px){.tutorial-page .tutorial-stepper-container .tutorial-stepper{width:150px}}.tutorial-page .tutorial-stepper-container .tutorial-stepper .tutorial-step-nav{width:8px;height:8px;border-radius:100%;background:#c4c4c499;transition:all .3s ease;position:relative}.tutorial-page .tutorial-stepper-container .tutorial-stepper .tutorial-step-nav.active{transform:scale(1.3);background:#c4c4c4}@media(min-width:481px)and (orientation:landscape){.tutorial-page .tutorial-stepper-container .tutorial-stepper .tutorial-step-nav{width:14px;height:14px}}@media(min-width:769px)and (orientation:portrait){.tutorial-page .tutorial-stepper-container .tutorial-stepper .tutorial-step-nav{width:14px;height:14px}}@media(min-width:1025px){.tutorial-page .tutorial-stepper-container .tutorial-stepper .tutorial-step-nav{width:16px;height:16px}}html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input[type=submit],input[type=reset]{background:none;color:inherit;border:none;padding:0;font:inherit;cursor:pointer;outline:inherit}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}@font-face{font-family:ComicMarkerDeluxe;src:url(/comic/assets/ComicMarkerDeluxe-Ba_aD8Ly.otf)}button{background-color:transparent;border:none}.mide-text{color:#fff;font-family:Poppins,sans-serif;font-style:normal;font-weight:700;text-decoration:none}.app-comic,.app-comic>div{width:100vw;height:100vh;background-color:#000}.disabled{pointer-events:none;opacity:.5}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#222}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}html{font-size:1em;line-height:1.4;background:#222}::-moz-selection{background:#b3d4fc;text-shadow:none}::selection{background:#b3d4fc;text-shadow:none}audio,canvas,iframe,img,svg,video{vertical-align:middle}fieldset{border:0;margin:0;padding:0}textarea{resize:vertical}.hidden,[hidden]{display:none!important}.invisible{visibility:hidden}.clearfix:before,.clearfix:after{content:" ";display:table}.clearfix:after{clear:both}img{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-o-user-select:none;user-select:none}#root{width:100vw;height:100vh;overflow:hidden}