.experiment{--eggshell:#a7e1cf;--terracotta:#ff956a;--citron:#fdf262;--deep-blue:#232427;--sun-grey:#dbd4ca;--concrete:#cdcac5;--sunset:#fffaf9;--sky-blue:#6baed6;--coral:#f08080;--olive-green:#9acd32;--slate-grey:#708090;--lavender:#e6e6fa;--burnt-sienna:#e97451;--shadow:0px 4px 10px #00000040;color:var(--deep-blue);background:#fff7ef fixed;height:100%;margin:0}.experiment a,.experiment a:link,.experiment a:visited,.experiment a:hover,.experiment a:active{color:var(--deep-blue);text-decoration:none}.experiment .now{color:var(--terracotta)!important}.experiment .opManual{color:var(--eggshell)!important}.experiment .ideas{color:var(--citron)!important}.experiment .bits{color:var(--deep-blue)!important}.experiment a:visited{color:inherit}.experiment h1,.experiment h2,.experiment h3,.experiment h4,.experiment h5,.experiment h6{font-family:var(--font-averia), sans-serif}.experiment .introheader{color:#146a98}.experiment h4{color:#54bfca;text-transform:none;margin-top:10px;margin-block-end:24px;padding-left:5px;padding-right:5px;font-size:34px;font-style:normal;font-weight:800;line-height:42px}.experiment h3{color:#146a98;text-transform:none;margin-top:10px;margin-block-end:24px;padding-left:5px;padding-right:5px;font-size:40px;font-style:normal;font-weight:800;line-height:42px}.experiment h5{color:#54bfca;margin-top:32px;margin-block-end:12px;padding-left:5px;padding-right:5px;font-size:28px;font-style:normal;font-weight:800;line-height:32px}.experiment h6{color:#54bfca;margin-block:0;font-size:28px;font-style:normal;font-weight:800;line-height:32px}.experiment .opModel h3,.experiment .blog h3{color:#146a98;margin-bottom:24px}.experiment h3.work{margin-top:25px}.experiment .boldbreakers{font-family:var(--font-averia), sans-serif;color:var(--deep-blue);vertical-align:baseline;margin-bottom:-40px;font-weight:600;line-height:79%;text-decoration:none}.experiment .homelink{color:#ff9b7e!important}.experiment p{font-family:var(--font-literata), "Georgia", serif;vertical-align:bottom;padding:0 5px;font-size:20px;font-style:normal;font-weight:400;line-height:142.12%}.experiment p a:after{content:"";width:0;height:0;margin-bottom:2px;display:inline-block}.experiment ul{font-family:var(--font-literata), "Georgia", serif;vertical-align:bottom;padding:0 5px;padding-inline-start:1em;font-size:20px;font-style:normal;font-weight:400;line-height:142.12%}.experiment li{vertical-align:bottom;padding:6px 5px}.experiment ul li a{font-family:var(--font-averia), sans-serif;color:var(--deep-blue);vertical-align:baseline;margin-bottom:-40px;font-weight:600;line-height:79%;text-decoration:none}.experiment ol{padding-inline-start:0}.experiment ol li{margin:0;font-size:14px;list-style:none;display:inline-block;list-style-type:none!important}.experiment ol li a{font-family:var(--font-averia), sans-serif;color:var(--deep-blue);vertical-align:baseline;text-transform:uppercase;margin-bottom:-40px;font-weight:400;line-height:79%;text-decoration:none}.experiment ul li a:hover{text-decoration:underline}.experiment .footnote{font-family:var(--font-averia);color:var(--sun-grey);margin-top:24px;font-size:14px;font-style:normal;font-weight:400;line-height:142.12%}.experiment .img-sub{font-family:var(--font-averia);color:var(--deep-blue);font-size:15px;font-style:normal;font-weight:250;line-height:14px}.experiment p a{font-family:var(--font-averia), sans-serif;color:var(--deep-blue);vertical-align:baseline;margin-bottom:-40px;font-weight:600;line-height:79%;text-decoration:none}.experiment p a:hover{text-decoration:underline}.experiment .fa-twitter{height:30px;padding:5px 5px 0;color:var(--citron)!important}.experiment .discuss{font-family:var(--font-averia);color:var(--deep-blue);padding-top:18px;padding-bottom:18px;font-size:20px;font-style:normal;font-weight:600;line-height:20px}.experiment .discuss a{color:var(--deep-blue);text-decoration:none}.experiment .App{display:block;position:relative}.experiment .topnav{text-transform:uppercase;font-family:var(--font-averia);color:var(--deep-blue);max-width:800px;margin:auto;padding:0;font-size:14px;font-style:normal;font-weight:400;line-height:142.12%;position:relative}.experiment .topnav li{padding:10px 5px 0!important}.experiment .topnav a{color:#ff9b7e;text-decoration:none}.experiment .container.homepage{padding-bottom:150px!important}.experiment .homePageMenu{text-align:right;background:#fff7ef;width:40vw;min-width:300px;padding-left:10px;display:none;position:absolute;right:0;color:#54bfca!important;font-size:30px!important}.experiment .homePageMenu ul{font-size:30px;color:#54bfca!important}.experiment .homePageMenu li{color:#54bfca!important;list-style-type:none!important}.experiment .homePageMenu a{color:#ffcdb0!important}.experiment .menucontainer{text-transform:uppercase;font-family:var(--font-averia);padding:0;font-size:14px;font-style:normal;font-weight:400;line-height:142.12%;position:absolute;top:10px;right:10px}.experiment .homecontainer{max-width:800px;height:100%;margin:auto;display:block;position:relative}.experiment .container{max-width:800px;margin:auto;padding:0 10px;display:block;position:relative}.experiment .card-container{padding-top:40px;padding-bottom:40px}.experiment .card{background:var(--sunset);box-shadow:var(--shadow);border-radius:6px;margin:0 5px 30px;padding:19px 10px 7px}.experiment .card p{margin-left:50px;padding:0}.experiment .card ul{margin-left:70px;padding:0}.experiment .image-lockup{margin-left:50px;position:relative}.experiment .card-img{clear:both;border-radius:6px;width:100%;display:block}.experiment .readNext{font-family:var(--font-averia), sans-serif;color:var(--slate-grey);text-align:left;clear:both;padding:2em 5px 0;font-size:20px;font-weight:600}.experiment .readNext a{color:var(--deep-blue)}.experiment .footer{background:#443f3c;width:100%;height:auto;margin-top:120px;padding-top:1em;padding-bottom:2em;display:block}.experiment .footer ul{vertical-align:bottom;padding:0 5px;padding-inline-start:1em;font-size:2em;line-height:142.12%;list-style-type:none}.experiment .footer li{vertical-align:bottom;padding:6px 5px}.experiment .footer ul li a{font-family:var(--font-averia), sans-serif;color:#ffcdb0;vertical-align:baseline;margin-bottom:-40px;font-weight:600;line-height:79%;text-decoration:none}.experiment .vid-container{z-index:-6;object-fit:fill;width:100%;height:100vh;display:block;position:absolute;overflow:hidden}.experiment #story-video{z-index:-5;opacity:0;min-width:100%;min-height:100%;transition:opacity 1s ease-in-out;position:fixed}@media only screen and (min-width:481px){.experiment #story-video{min-height:120%;margin-top:-20%}}@media only screen and (min-width:769px){.experiment #story-video{min-height:130%;margin-top:-30%}}@media only screen and (min-width:1024px){.experiment #story-video{min-height:140%;margin-top:-40%}}@media only screen and (min-width:1201px){.experiment #story-video{min-height:150%;margin-top:-50%}}.experiment .main{padding-top:20%}.experiment .main h3{color:var(--citron)}.experiment .mainIntro{font-family:var(--font-literata), "Georgia", serif;text-align:right;color:#fff;margin-right:50%;font-size:20px;font-style:normal;font-weight:400;display:block}.experiment .mainHeader{margin:-10px 0 0 50%}.experiment .mainPara{color:#fff;margin-top:8px;margin-left:50%}.experiment .blog-card{flex-wrap:wrap;display:flex;overflow:hidden;padding:0!important}@media only screen and (min-width:600px){.experiment .thumb{width:33%;margin-right:12px;min-width:198px!important;max-width:264px!important;max-height:100%!important}}.experiment .thumb{clear:right;background-position:top;background-size:cover;min-width:100%;max-width:100%;min-height:200px;max-height:200px;display:inline-block}.experiment .blog-card .postInfo{flex:1;padding:5px 5px 12px}.experiment .blog-card h3{margin-block-end:12px}.experiment .blog-card .summary{font-family:var(--font-literata), "Georgia", serif;margin-top:12px;margin-left:0;font-size:20px;font-style:normal;font-weight:400;line-height:142.12%}.experiment blockquote{border-left:solid 3px var(--citron);margin-left:50px;margin-right:5px;padding-left:5px}.experiment blockquote p{font-family:var(--font-averia), sans-serif;color:var(--deep-blue);font-style:normal;font-weight:400}.experiment .postInfo{text-transform:uppercase;font-family:var(--font-averia), sans-serif;color:var(--deep-blue);padding-bottom:24px;padding-left:5px;padding-right:5px;font-size:14px;font-style:normal;font-weight:400;line-height:142.12%}.experiment .summary{font-family:var(--font-averia), sans-serif;color:var(--deep-blue);text-transform:none;padding-bottom:18px;padding-left:5px;padding-right:5px;font-size:20px;font-style:normal;font-weight:600;line-height:142.12%}.experiment audio{margin-left:5px}.experiment article{padding-bottom:40px}.experiment p img{clear:both;border-radius:6px;width:calc(100% - 50px);margin-bottom:10px;margin-left:50px;display:block}.experiment .navContainer{display:block;position:absolute;bottom:10%;right:5%}.experiment .navItem{float:right;clear:both;white-space:nowrap;height:76px;margin-bottom:12px;line-height:76px;display:block;position:relative}.experiment .navDesc{font-family:var(--font-averia);text-align:right;color:var(--dark-blue);white-space:normal;vertical-align:top;margin-right:10px;font-size:15px;font-style:normal;font-weight:700;display:inline-block}.experiment .navButton{background-position:50%;background-repeat:no-repeat;background-size:44px;border-radius:50%;width:76px;height:76px;display:inline-block;overflow-y:hidden;box-shadow:0 4px 9px #00000040}.experiment .btnOpModel{background-color:var(--eggshell)}.experiment .btnIdeas{background-color:var(--citron)}.experiment .btnWork,.experiment .btnNow{background-color:var(--terracotta)}.experiment .btnBits{background-color:var(--deep-blue)}.experiment .chart-container{height:60vh;max-height:600px}.experiment .play-container{width:100%;display:block;position:absolute;top:19px;right:0}.experiment .progressBar{background:linear-gradient(90deg,#fdf262 13%,#ff956a 80%);border-radius:3px;height:3px}.experiment .play-pause-button{color:#fff;background-color:var(--sun-grey);border:none;border-radius:100%;justify-content:center;align-items:center;width:48px;height:48px;margin:5px 19px 20px auto;display:flex}.experiment .playSwitch{-webkit-animation-name:playTransition;-webkit-animation-duration:.25s;-webkit-animation-timing-function:ease;-webkit-animation-iteration-count:1;-webkit-animation-fill-mode:forwards}.experiment .play-wrapper{display:block}.experiment .data-player{display:block;position:relative}.experiment .monthmenu{z-index:10000;position:absolute;top:51px;left:100px}.experiment .dropbtn{background-color:var(--sun-grey);height:28px;color:var(--deep-blue);font-family:var(--font-averia), sans-serif;text-transform:capitalize;border:none;border-radius:5px;justify-content:center;align-items:center;gap:6px;min-width:91px;padding:0 10px;font-weight:400;text-decoration:none;display:inline-flex;position:absolute;top:0;right:0}.experiment .dropbtn svg{flex:none;transition:transform .2s}.experiment .dropbtn[aria-expanded=true] svg{transform:rotate(180deg)}.experiment .month-selector-menu{z-index:10000;background:#ffffffb3;border-radius:0 5px;display:none;position:absolute;top:99px;left:0;right:0}.experiment .month-choice{font-family:var(--font-averia), sans-serif;color:var(--deep-blue);text-transform:capitalize;text-align:center;flex-direction:column;justify-content:center;align-items:center;width:100%;height:48px;font-weight:400;line-height:100%;text-decoration:none;display:flex}.experiment .open{display:block}.experiment .graph{background-color:#0000001a;width:100%;min-width:200px;height:14vh;min-height:80px;display:block;position:absolute;bottom:0;right:0}.experiment .echarts-for-react{width:100%!important;height:100%!important}.experiment .etude{margin-left:50%;margin-right:50%;padding:0!important}.experiment .feedback{visibility:visible;height:100px;transition:opacity .5s,visibility .5s;display:block;clear:both!important}.experiment .feedback button{font-family:var(--font-averia), sans-serif;color:var(--deep-blue);vertical-align:middle;background:#ffcdb0;border:2px solid;border-radius:5px;margin-bottom:0;margin-right:15px;padding:10px;font-size:20px;font-weight:400;line-height:100%;text-decoration:none}.experiment .feedback ul{padding:0}.experiment .feedback li{float:left;list-style:none;list-style-type:none!important}.experiment .lucide{transition:transform .3s ease-in-out}.experiment .animateUp{animation:.4s ease-in-out rotateMoveUp}.experiment .animateDown{animation:.4s ease-in-out rotateMoveDown}.experiment .no-height{transition:height .5s;height:0!important}.experiment .feedbackTwo,.experiment .feedbackThree{opacity:0;visibility:hidden;transition:opacity .8s,visibility .8s}.experiment .ftwowrapper{display:none}.experiment .show{display:block!important}.experiment .feedbackTwo p{font-family:var(--font-averia), sans-serif;color:var(--deep-blue);vertical-align:baseline;font-weight:600;line-height:79%;text-decoration:none}.experiment .feedbackTwo input{display:none}.experiment .feedbackTwo label{font-family:var(--font-averia), sans-serif;color:var(--deep-blue);vertical-align:middle;background:0 0;border:2px solid;border-radius:5px;margin-bottom:10px;margin-right:15px;padding:10px;font-size:20px;font-weight:400;line-height:100%;text-decoration:none;display:inline-block}.experiment .checked-label{color:#ffcdb0!important;background:#232427!important;border-color:#ffcdb0!important}.experiment .feedbackTwo button{font-family:var(--font-averia), sans-serif;color:var(--deep-blue);vertical-align:middle;clear:both;background:#ffcdb0;border:2px solid;border-radius:5px;margin-top:15px;margin-bottom:10px;margin-right:15px;padding:10px;font-size:20px;font-weight:400;line-height:100%;text-decoration:none}.experiment .fade-in{opacity:1;visibility:visible}.experiment .fade-out{opacity:0;visibility:hidden}.experiment .dots{display:inline-block}.experiment .dots:after{content:"...";animation:1.5s steps(4,end) infinite dots}@keyframes playTransition{0%{-webkit-transform:scale(1)}50%{-webkit-transform:scale(.8)}to{-webkit-transform:scale(1)}}@keyframes rotateMoveUp{0%{transform:rotate(0)translateY(0)}30%{transform:rotate(-10deg)translateY(-5px)}to{transform:rotate(0)translateY(0)}}@keyframes rotateMoveDown{0%{transform:rotate(0)translateY(0)}30%{transform:rotate(-10deg)translateY(5px)}to{transform:rotate(0)translateY(0)}}@keyframes dots{0%,20%{content:""}40%{content:"."}60%{content:".."}80%,to{content:"..."}}