@import "https://fonts.googleapis.com/css2?family=Permanent+Marker&display=swap";.whiteboard{cursor:grab;-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute;top:0;left:0;overflow:scroll}.whiteboard:active{cursor:grabbing}.label-group-title{text-align:center;z-index:0;margin:0;font-family:Permanent Marker,cursive;font-size:2.5rem;font-weight:400;line-height:.8em;position:absolute;top:0;left:0}.label-group-background{border:thin solid #0000001a;border-radius:100%;position:absolute;top:0;left:0}.post-it{width:var(--post-it-size);height:var(--post-it-size);z-index:1;cursor:pointer;background-color:#ec5050;position:absolute;top:0;left:0;box-shadow:0 0 20px #0004}.post-it.red{background-color:#ec5050}.post-it.green{background-color:#67bf48}.post-it.yellow{background-color:#edc94b}.post-it.purple{background-color:#c34bed}.post-it img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;-webkit-user-select:none;user-select:none}.post-it.dragging{z-index:20;pointer-events:none;cursor:grabbing}.post-it:after{content:"i";color:#000;width:1.6rem;height:1.6rem;text-align:center;opacity:0;background-color:#fff;border-radius:1.6rem;font-family:sans-serif;font-size:1rem;line-height:1.6rem;transition:opacity .3s;position:absolute;top:.8rem;right:.8rem}@media screen and (hover:hover){.post-it:hover:after{opacity:.8}}.intro-text{text-align:center;max-width:20em;font-family:Permanent Marker,cursive;font-size:2rem;font-weight:400;position:absolute;top:0;left:0}@media screen and (max-width:900px){.intro-text,.label-group-title{font-size:max(2.8vw,16px)}}.notebook .imaginings{text-align:center;margin-top:1rem;padding:0 1rem}.stage:not(.active){display:none}.stage{text-align:center}.notebook .hint{margin:-1rem auto .5rem;font-family:Permanent Marker,cursive;font-size:1.3rem;transform:rotate(-1.5deg)}.retry-btn{font-size:inherit;color:#127cad;text-transform:uppercase;cursor:pointer;background-color:#0000;border:2px solid #127cad;border-radius:10rem;padding:1rem;font-weight:700}.retry-btn:hover{color:#fff;background-color:#127cad}.swiper-container{width:100%;margin:0;padding:0}.swiper-wrapper{width:100%;height:100%;margin:0;padding:0}.swiper-container{position:relative;overflow:hidden}.swiper-slide{width:100%;cursor:grab;flex-shrink:0;justify-content:center;align-items:center;padding:0;position:relative}.notebook .contents .page.about{max-width:25em;text-align:justify;margin:1em auto;font-family:Google Sans,Arial,sans-serif;font-size:1.1rem;line-height:1.8em}.notebook .contents .page.about h1{font-weight:inherit;font-size:inherit;text-align:center;margin-top:2em;margin-bottom:1em;font-family:Permanent Marker,cursive;font-size:1.4em}.notebook .contents .page.about a{color:inherit}.notebook .contents .page.about a:hover{text-decoration:none}.credits{color:#505050;margin:3em auto 1em;font-size:.9em;line-height:1.4em}h2{font-weight:400;font-size:inherit}.notebook .contents .page.about .logos img{width:8rem;max-width:49%}.notebook .contents .page.about .logos a{text-decoration:none}.notebook .contents .page.about .logos a img:hover{transform:scale(1.2)}.gac-logo{width:16rem;max-width:100%;margin-top:1rem}.notebook{transform:translate(var(--translate-x),var(--translate-y));width:100%;height:80%;max-width:900px;z-index:10;--translate-x:-50%;--translate-y:calc(100% - 10rem);background-color:#fff;transition:transform .3s ease-in-out;position:fixed;bottom:0%;left:50%;box-shadow:0 0 30px #0005}@media screen and (min-width:100rem){.notebook{--translate-x:0;left:2rem}}.notebook .spirals,.notebook .spirals-background{display:none}.notebook .spirals{height:59px;width:calc(100% - 94px);pointer-events:none;background-image:url(spiral-background.0bbc910d.png);background-position-x:50%;position:absolute;top:-20px;left:50%;transform:translate(-50%)}.notebook .spirals-background{height:59px;width:100%;background-color:#fff;position:absolute;top:0;left:0}.notebook .contents{overscroll-behavior:contain;max-height:100%;box-sizing:border-box;background-color:#fff;padding:60px 2rem 20px;overflow-y:auto}.notebook.open,.notebook.always-open{--translate-y:0}.notebook .bookmarks{transform-origin:0 100%;z-index:-1;font-family:Permanent Marker,cursive;font-size:1.2rem;position:absolute;bottom:100%;left:1rem;transform:rotate(-90deg)translateY(100%)}.notebook .bookmarks .bookmark{color:#222;text-align:center;background-color:#ff6e6e;margin-bottom:.4rem;padding:.3rem 1.8rem;text-decoration:none;display:block;box-shadow:0 0 30px #0005}.notebook .bookmarks .bookmark:hover{transform:translate(-50%)scale(1.1)translate(50%)}.notebook.monopage .bookmarks,.notebook:not(.monopage) .contents .page:not(.active){display:none}.page{margin:0 auto}.page.labels .list{text-align:center;font-size:1em}.page.labels .list .label{cursor:pointer;color:#fff;font-size:inherit;background-color:#ec5050;border:none;border-radius:100px;margin:.2em;padding:.4em 1em;font-family:inherit;display:inline-block}.page.labels .list .hidden{display:none}input.search-box{width:100%;max-width:20rem;border:none;border-bottom:1px solid #0004;margin:1rem auto 2em;padding-bottom:.5em;font-size:1em;display:block}input.search-box:focus{border-bottom:2px solid #000;outline:none}.notebook.hidden{--translate-y:calc(100% + 170px)}.notebook.hidden.monopage{--translate-y:calc(100% + 60px)}@media screen and (max-width:550px){.notebook{font-size:.8rem}}@media screen and ((max-width:700px) or (max-height:500px)){.spirals,.spirals-background{display:none}.notebook .contents{padding-top:1rem}.notebook .contents .hint{margin-top:0;font-size:1.1rem}.notebook .page.imaginings{padding:0}}@media screen and (orientation:landscape) and (max-height:500px){.spirals,.spirals-background{display:none}.notebook{width:40%;z-index:10;--translate-x:0;--translate-y:0;position:fixed;bottom:0%;left:0;box-shadow:0 0 30px #0005;height:100%!important}.notebook .bookmarks{top:1rem;left:100%;bottom:unset;transform-origin:unset;transform:none}.notebook .page.imaginings .imagining .horizontal-group{--post-it-size:14vw;flex-direction:column}.notebook .page.imaginings .imagining .horizontal-group .result{max-width:100%;width:100%}.notebook .page.imaginings .hide-result .imagining .result{max-width:0}.notebook .page.imaginings .imagining .horizontal-group .labels{margin-top:1rem}}.measuring-notebook .notebook{opacity:0}.popin-wrap{width:100%;height:100%;z-index:20;position:fixed}.popin-wrap .background{width:100%;height:100%;background-color:#0004}.popin-wrap .popin{background-color:#fff;border-radius:10px;padding:2em;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.popin-wrap:not(.open){display:none}.popin-wrap .loader{text-align:center;margin:auto}.popin-wrap.loading .content,.popin-wrap:not(.loading) .loader{display:none!important}.spin-loader{width:60px;height:60px;margin:auto}.spin-loader:after{content:" ";width:34px;height:34px;border:6px solid #0003;border-color:#0003 #0000;border-radius:50%;margin:8px;animation:1.5s linear infinite spin;display:block}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.metadata.popin-wrap .popin{width:28em;max-width:100%;height:720px;max-height:100%;color:#000c;padding:0;font-size:1.3em;overflow:hidden}.metadata.popin-wrap h2{margin-top:0;margin-bottom:.3em;font-size:1.35em;line-height:1.2em}.metadata.popin-wrap .subheader{justify-content:space-between;margin-top:0;margin-bottom:.5em;font-size:.8em;display:flex}.metadata.popin-wrap .gac-link{text-align:right;color:inherit;font-size:.8em}.metadata.popin-wrap h2:empty:after{content:"Placeholder Title __ __ __ __ __ __ __ __ __ __ __ __ __ __ __ __ __ __ __ __ __ ";color:#ececec;background-color:#ececec}.metadata.popin-wrap .content{height:100%;flex-direction:column;display:flex}.metadata.popin-wrap .content .details{overscroll-behavior:contain;padding:2em 2em 3em;overflow-y:auto}.metadata.popin-wrap .content .details .description{margin-top:1em;line-height:1.7em}.metadata.popin-wrap .close-btn{color:#fff;cursor:pointer;background-color:#edc94b;border:none;border-radius:10em;padding:.4em .8em;font-family:Permanent Marker,cursive;font-size:1.1rem;position:absolute;bottom:1em;left:50%;transform:translate(-50%);box-shadow:0 0 10px #0003}.metadata.popin-wrap .close-btn:hover{color:#000;background-color:#f8c407}.metadata.popin-wrap .content .details .description:empty:after{content:"Placeholder description _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _";color:#ececec;background-color:#ececec}.metadata.popin-wrap .content canvas{width:100%;height:16em;background-color:#ececec;flex:0 0}@media screen and (orientation:landscape) and (max-height:500px){.metadata.popin-wrap .content canvas{max-height:40vh}}.simple-spinner{--spinner-size:30px;--spinner-color:black;--spinner-thickness:6px;--spinner-rate:.8s;width:var(--spinner-size);height:var(--spinner-size);display:inline-block}.simple-spinner:after{content:" ";width:calc(var(--spinner-size) - 2*var(--spinner-thickness));height:calc(var(--spinner-size) - 2*var(--spinner-thickness));border:var(--spinner-thickness)solid var(--spinner-color);border-color:var(--spinner-color)var(--spinner-color)var(--spinner-color)transparent;animation:spin var(--spinner-rate)linear infinite;border-radius:100%;display:block}.spin-button{position:relative}.spin-button:not(.loading) .simple-spinner{display:none}html:not(.scroll-dragging):not(.layout-loading) .whiteboard{scroll-behavior:smooth}body{--post-it-size:1px}html,body{height:100%;width:100%;color:#202020;background-color:#f0f0f0;margin:0;padding:0;font-family:Google Sans,Arial,sans-serif}.disabled{display:none}.centered{text-align:center}span.avoid-wrap{display:inline-block}.whiteboard::-webkit-scrollbar{display:none}body:not(.show-share) .share-button,body:not(.show-download) .download-button{display:none}.imagining .horizontal-group{--post-it-size:calc(min(100vw,900px)*.2);width:100%;flex-direction:row;justify-content:center;align-items:center;display:flex}.retry-btn{margin-top:.8rem}.retry-btn.hidden{display:none}.imagining .drop-zones{padding:1.5rem 0}.imagining .dropzone{aspect-ratio:1;width:var(--post-it-size);background-color:#fefefe;border:1px dotted #0000004d;margin:auto;transition:width .3s ease-in-out;display:inline-block;position:relative}.imagining .dropzone .post-it{width:100%;height:100%}.imagining .dropzone:nth-child(1){z-index:1;transform:rotate(7.9deg)translate(2rem,.4rem)}.imagining .dropzone:nth-child(2){z-index:0;transform:rotate(-3.7deg)translate(-2rem,-.4rem)}.imagining .labels{margin:2em 0 0;font-family:Permanent Marker,cursive;font-size:1.2rem}.notebook.dragging-sticky .dropzone{background-color:#e4f6ff;border:2px dotted #7ad5ff}.notebook.dragging-sticky.hovering .dropzone{color:#127cad;background-color:#d7f2ff;border:2px dotted #5acbff}.notebook .dropzone:not(:empty){border:none!important}.imagining .result{max-width:min(60%,256px);aspect-ratio:1;flex-grow:1;transition:max-width .3s ease-in-out;position:relative;overflow:hidden}.imagining .result .image{aspect-ratio:1;width:100%;border-radius:1rem;transition:opacity .5s ease-out;position:absolute;top:0;left:0}.imagining .result .image.hidden{opacity:0}.hide-result .imagining .result{max-width:0}.result .buttons{display:flex;position:absolute;top:0;right:0}.result .buttons button{cursor:pointer;background-color:#fff;border:none;border-radius:100px;margin:.6rem .6rem 0 0;padding:.5em;font-size:1.3em}.result .buttons.hidden{display:none}.result .simple-spinner{--spinner-size:2.95em;--spinner-color:#00000060;--spinner-thickness:4px;position:absolute;top:calc(50% + 4px);left:calc(50% - 4px);transform:translate(-50%,-50%)}.result .buttons .loading{pointer-events:none;color:#888}.swiper-plugin-pagination{margin-top:.8rem}.swiper-plugin-pagination__item{width:.4rem;height:.4rem;cursor:pointer;border:2px solid #aaa;border-radius:50%;margin:0 .2rem;transition:background .2s;display:inline-block}.swiper-plugin-pagination__item.is-active{background:#aaa}.swiper-plugin-pagination.hidden{visibility:hidden}.creation-overlay{width:100%;height:100%;z-index:20;background-color:#00000080;font-size:0;position:fixed;top:0;left:0}.creation-overlay:not(.open){display:none}.creation-overlay .content{aspect-ratio:1;width:1024px;max-width:min(95vh,95vw);background-color:#b4b4b4;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.creation-overlay .content img{width:100%;height:100%}.creation-overlay .content .share-buttons{display:flex;position:absolute;top:0;right:0}.creation-overlay .content .share-buttons button{cursor:pointer;background-color:#fff;border:none;border-radius:100px;margin:.8rem .8rem 0 0;padding:.5em;font-size:1.3rem}