@font-face{font-display:swap;font-family:Boogaloo;font-style:normal;font-weight:400;src:url(./boogaloo-v19-latin-regular-38bbfe96.eot);src:url(./boogaloo-v19-latin-regular-38bbfe96.eot?#iefix) format("embedded-opentype"),url(./boogaloo-v19-latin-regular-61ff476a.woff2) format("woff2"),url(./boogaloo-v19-latin-regular-ab4de316.woff) format("woff"),url(./boogaloo-v19-latin-regular-702a0a8c.ttf) format("truetype"),url(./boogaloo-v19-latin-regular-58cc02d0.svg#Boogaloo) format("svg")}@font-face{font-display:swap;font-family:PT Sans;font-style:normal;font-weight:400;src:url(./pt-sans-v17-latin-regular-e583b798.eot);src:url(./pt-sans-v17-latin-regular-e583b798.eot?#iefix) format("embedded-opentype"),url(./pt-sans-v17-latin-regular-e13ffa98.woff2) format("woff2"),url(./pt-sans-v17-latin-regular-45bb5214.woff) format("woff"),url(./pt-sans-v17-latin-regular-6a1942e2.ttf) format("truetype"),url(./pt-sans-v17-latin-regular-96f1a1a9.svg#PTSans) format("svg")}@font-face{font-display:swap;font-family:PT Sans;font-style:italic;font-weight:400;src:url(./pt-sans-v17-latin-italic-3f81a7a1.eot);src:url(./pt-sans-v17-latin-italic-3f81a7a1.eot?#iefix) format("embedded-opentype"),url(./pt-sans-v17-latin-italic-595c14bd.woff2) format("woff2"),url(./pt-sans-v17-latin-italic-2a92191c.woff) format("woff"),url(./pt-sans-v17-latin-italic-6c0dee19.ttf) format("truetype"),url(./pt-sans-v17-latin-italic-0b2a1680.svg#PTSans) format("svg")}@font-face{font-display:swap;font-family:PT Sans;font-style:normal;font-weight:700;src:url(./pt-sans-v17-latin-700-11ce2271.eot);src:url(./pt-sans-v17-latin-700-11ce2271.eot?#iefix) format("embedded-opentype"),url(./pt-sans-v17-latin-700-141f0c53.woff2) format("woff2"),url(./pt-sans-v17-latin-700-ce2bcf32.woff) format("woff"),url(./pt-sans-v17-latin-700-ff21cda8.ttf) format("truetype"),url(./pt-sans-v17-latin-700-870a604e.svg#PTSans) format("svg")}@font-face{font-display:swap;font-family:PT Sans;font-style:italic;font-weight:700;src:url(./pt-sans-v17-latin-700italic-ac7b3c44.eot);src:url(./pt-sans-v17-latin-700italic-ac7b3c44.eot?#iefix) format("embedded-opentype"),url(./pt-sans-v17-latin-700italic-001d8a10.woff2) format("woff2"),url(./pt-sans-v17-latin-700italic-07356c74.woff) format("woff"),url(./pt-sans-v17-latin-700italic-571ab6ea.ttf) format("truetype"),url(./pt-sans-v17-latin-700italic-fe1345c9.svg#PTSans) format("svg")}*{box-sizing:border-box}html{font-size:16px}@media (min-width: 1600px){html.fullscreen{font-size:24px}}body{line-height:1.3;font-family:PT Sans,Arial,Helvetica,sans-serif;margin:0;transition:.2s background-color}.app{width:100vw;height:100vh;background:linear-gradient(180deg,#7ab6ac,#376f66);display:flex;justify-content:center;align-items:center;flex-direction:column;position:relative;z-index:100;transition:.2s opacity,.2s transform}canvas{background-color:#529086}button{border:none;background:transparent}#size_container{position:relative}button,select{font-family:PT Sans,Arial,Helvetica,sans-serif;cursor:pointer}.hidden{display:none}.icon:before{display:inline-block;content:" ";width:1.5rem;height:1.5rem;background:transparent url(../imgs/icon-play-white.svg) center center no-repeat}.icon.icon-bookmark-green:before{background-image:url(../imgs/icon-bookmark-green.svg);margin-right:.8rem}nav{position:fixed;right:0;top:0;height:100vh;overflow:hidden;background-color:#007970;width:300px;box-shadow:inset 30px 0 20px -20px #0000001a;transform:translate(100%);transition:.2s all;color:#fff}nav .header{display:flex;align-items:center;font-size:1.1rem;line-height:.1;font-weight:400;padding:1.3rem 1.5rem 1rem 1.8rem;border-bottom:1px solid #5ba095;text-transform:uppercase;letter-spacing:.1em;color:#5ba095;background-color:#0003}nav .markers{display:none}nav .scenes{list-style:none;padding:0;margin:0}nav .scenes li{transition:.2s all;border-bottom:1px dotted rgba(255,255,255,.2);position:relative;padding:.4rem 1.5rem .5rem 2rem;color:#fff;font-size:1rem;user-select:none}nav .scenes li.selected{background:linear-gradient(90deg,rgba(255,255,255,.1),rgba(255,255,255,.2))}nav .scenes li.selected:before{content:"";width:1.3rem;height:1.3rem;background:transparent url(../imgs/icon-play-white.svg) center center no-repeat;position:absolute;left:.4rem;top:.6rem}nav .scenes li:hover{background-color:#0000001a}nav .scenes b{font-family:Boogaloo;font-size:1.2rem;display:inline-block;min-width:1.6rem;color:#fff9}nav .scrollable{max-height:calc(100vh - 5rem);overflow:auto;padding-bottom:10rem}.show-nav .app{transform:translate(-300px)}.show-nav nav{transform:translate(0);z-index:1000}.prevnext{text-align:right}.btn,.btn-next{white-space:nowrap;font-size:1.15rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:#007970;padding:.6rem;margin-bottom:-.6rem;cursor:pointer;transition:.2s all;display:inline-flex;align-items:center}.btn:before,.btn-next:before{content:"";margin:0 .3rem 0 0;transition:.2s all}.btn:hover,.btn-next:hover{transform:scale(1.1)}.btn-more:before,.btn-next:before,.btn-voice:before,.btn-read:before{content:"";display:inline-block;background:transparent url(../imgs/icon-read.svg) center center no-repeat;width:1.2rem;height:1.2rem;margin-right:.75rem}.btn-next{position:relative}.btn-next:before{background-image:url(../imgs/icon-next.svg);margin-right:.2rem}.btn-next:after{content:"";position:absolute;top:-10px;left:-20px;bottom:-10px;right:-20px;z-index:-1;border-radius:100%;filter:blur(.6rem);background:rgba(255,255,255,.7)}.btn-voice:before{background-image:url(../imgs/icon-volume.svg)}.btn,.btn-dark,.scene-intro .btn-next{text-decoration:none;font-weight:500;background:#007970;font-size:1.1rem;color:#fff;padding:.6rem 1.25rem;border-radius:3rem;box-shadow:0 0 .9rem #fff;animation:4s pulse infinite}.btn:hover,.btn-dark:hover,.scene-intro .btn-next:hover{color:#fff9;transform:scale(1.05);animation:none}.btn:hover:before,.btn-dark:hover:before,.scene-intro .btn-next:hover:before{opacity:.7;transform:scale(1.1)}.done-btns{margin:1.5rem 0 .5rem}.scene-intro .play-mode-voice-btns,.scene-intro .play-mode-read-btns{display:none!important}.start-btns .btn-read{animation-delay:.2s}.start-btns .btn{margin:0 1rem 1.2rem 0}.btn-round{min-width:2.5rem;min-height:2.5rem;border-radius:100%;display:inline-flex;vertical-align:top;justify-content:center;align-items:center;margin:0 0 0 .5rem;background:rgba(255,255,255,.8) none center center no-repeat;background-size:70%;transform:scale(0);animation:2s plopp-in .5s forwards}@keyframes plopp-in{0%{transform:scale(0)}90%{transform:scale(1.1)}to{transform:scale(1)}}.btn-pause{background-image:url(../imgs/icon-pause.svg)}.voice-paused-true .btn-pause{background-image:url(../imgs/icon-play.svg)}.btn-skip{background-image:url(../imgs/icon-skip.svg)}.btn-chapters{background-image:url(../imgs/icon-sandwich.svg);margin-left:.8rem}.btn-fullscreen{background-image:url(../imgs/icon-fullscreen.svg);margin-left:.8rem}.fullscreen .btn-chapters{display:none}.btn-close{padding:.3rem;width:2rem;height:2rem;background-image:url(../imgs/icon-close.svg);position:absolute;right:1rem;top:1rem}@keyframes pulse{0%{transform:scale(1)}90%{transform:scale(1)}95%{transform:scale(1.1)}to{transform:scale(1)}}#animation_container{position:relative}#overlay{position:absolute;top:-100px;background:rgba(255,128,0,.1);opacity:0;transition:.5s opacity;padding:2.5rem 1.5rem .6rem}#overlay.in{opacity:1}#overlay p{margin:0 0 .75rem;font-size:1.2rem}#overlay q{font-family:Boogaloo,Arial,Helvetica,sans-serif;margin:0 0 .75rem;display:block;font-size:2.2rem;line-height:1;color:#007970}#overlay q:before,#overlay q:after{display:none}#overlay{z-index:10}#overlay.boxstyle-transparent{background:transparent}#overlay:before{content:"";position:absolute;z-index:-1}#overlay.boxstyle-cloud,#overlay.boxstyle-cloud-light{background:transparent}#overlay.boxstyle-cloud:before,#overlay.boxstyle-cloud-light:before{border-radius:100%;background:rgba(255,255,255,.7);filter:blur(4.3rem);top:-40%;left:-40%;bottom:-20%;right:-40%}#overlay.boxstyle-cloud-light:before{background:rgba(255,255,255,.6);top:-20%;left:-20%;bottom:-40%;right:-20%}#overlay.boxstyle-bubble-1{background-color:#fffc}#overlay.boxstyle-bubble-1:before{border:2.5rem solid rgba(255,255,255,.0001);border-image:url(../imgs/bubble.png) 100 230;background-size:contain;top:-2.5rem;left:-2.5rem;bottom:-2.5rem;right:-2.5rem}#overlay.boxstyle-bubble-2{background-color:#fffc;padding:1.5rem 1.5rem .6rem}#overlay.boxstyle-bubble-2:before{border:1.25rem solid rgba(255,255,255,.0001);border-image:url(../imgs/bubble.png) 100 230;background-size:contain;top:-1.25rem;left:-1.25rem;bottom:-1.25rem;right:-1.25rem}.floating-nav{position:absolute;bottom:1.5rem;right:1.5rem;display:flex;z-index:100}@media (min-height: 870px){.floating-nav{bottom:-3.5rem;right:0}}.fullscreen .floating-nav{bottom:1.5rem;right:1.5rem}.fullscreen #size_container{background-color:#000;display:flex;align-items:center;justify-content:center}.play-mode-read-btns{text-align:right}.play-mode-voice-btns,.play-mode-read-btns{display:none}.play-mode-read .play-mode-read-btns,.play-mode-voice .play-mode-voice-btns{display:block}.center-v{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.landscape-please,.scroll-please{color:#fff;font-size:1.8rem;text-align:center;letter-spacing:.01em}.landscape-please{display:none;position:fixed;pointer-events:none}.landscape-please .lottie{width:80%;margin:0 auto}.scroll-please{display:none;position:relative}.scroll-please .lottie{width:80%;margin:0 auto 2rem}.scroll-please .center-v{top:calc(50% - 60px)}.app{display:none;height:0}@media (orientation: portrait){.landscape-please{display:block}}@media (orientation: landscape){.scroll-please{transition:.5s opacity}.scroll-please{display:block;width:100vw;height:calc(100vh + 80px)}.app{opacity:0;display:block;pointer-events:none}.show-app{background:#000}.show-app .scroll-please{opacity:0}.show-app .app{opacity:1;pointer-events:all}}@media (max-width: 900px){html,body,.app{background:#5ba095;font-size:11px}#size_container{width:100vw;height:100vh;position:fixed;top:0;left:0;bottom:0;right:0}#animation_container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);overflow:hidden}#overlay{padding:.5rem 0 0}#overlay p{font-size:1.3rem;line-height:1.2;margin:0 0 .3rem}#overlay q{font-size:2rem}#overlay.boxstyle-bubble-1:before,#overlay.boxstyle-bubble-2:before{border-image:url(../imgs/bubble-mobile.png) 100 200}#overlay.boxstyle-bubble-1:before{top:-2.48rem;left:-2.48rem;bottom:-2.48rem;right:-2.48rem}.start-btns{margin-top:3rem}.btn,.btn-dark,.scene-intro .btn-next{font-size:1.3rem;color:#fff;padding:.7rem 1.5rem}.btn-next{font-size:1.4rem}.btn-round{min-width:3.5rem;min-height:3.5rem;margin-left:1.3rem}.btn-fullscreen{display:none}.icon-bookmark-green:before{width:2rem;height:2.8rem;vertical-align:center}nav .header{font-size:1.6rem;padding-bottom:1.5rem}nav .scenes li{font-size:1.6rem;padding:.7rem 1.5rem .7rem 2rem}nav .scenes li.selected:before{width:2rem;height:2rem;left:.1rem;top:.8rem;opacity:.4}nav .scenes li b{font-size:1.7rem;min-width:2.2rem;color:#fff3}nav .scrollable{overflow:auto;padding-bottom:10rem}.show-nav .app{transform:none}.show-nav nav{box-shadow:0 0 15px #000}.btn-close{padding:.3rem;width:3rem;height:3rem;right:1.4rem;top:1.4rem}.play-mode-read-btns{text-align:center;margin-left:-1rem}}@media (min-width: 900px),(min-width: 600px) and (min-height: 800px){.landscape-please,.scroll-please{display:none!important}.app{opacity:1;pointer-events:all;display:flex;height:100vh}}.hide-all{background:linear-gradient(180deg,#7ab6ac,#376f66)}.hide-all .app,.hide-all .landscape-please,.hide-all .scroll-please{display:none}