:root{--button-color:#007aff;--caption-color:#f5cba7;--comment-color:#eafaf1}body{-moz-user-select:none;-ms-user-select:none;-o-user-select:none;-webkit-user-select:none;background-color:#fff;display:block;font-family:Roboto,sans-serif;font-size:16px;margin:0;min-width:320px;padding:0;position:absolute;user-select:none;width:100%}h1{font-size:150%;font-weight:900}.article{background-color:transparent;display:block;margin:0 auto;max-width:768px;padding:20px 40px;position:relative;top:2rem;width:100%}.article h1{font-size:140%;font-weight:900;text-align:left}.article h2{font-size:120%;font-weight:800;text-align:left}.article h3{color:#666;font-size:110%;font-weight:700;text-align:left}.article p,.article ul,.article ul li{line-height:1.5;margin-bottom:20px;margin-top:20px}@media screen and (max-width:416px){.article{padding:10px}#nav-bar-logo{height:40px!important;margin-left:5px!important;padding:2px!important}}.code{background-color:#fff;border-bottom:1px solid #aaa;border-left:1px solid #aaa;border-right:1px solid #aaa;display:block;font-family:Courier;font-size:90%;line-height:2;overflow:auto;position:relative;width:100%}.code .title{display:block;font-weight:700}.code pre{font-family:Courier,monospace;margin:0;white-space:pre-wrap;white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap;word-wrap:break-word}.code pre>ul{-webkit-margin-after:0;-webkit-margin-before:0;-webkit-margin-end:0;-webkit-margin-start:0;-webkit-padding-start:0;counter-reset:my-counter;line-height:1.5;list-style-position:outside;list-style-type:none;padding:0}.code pre>ul>li{line-height:2;margin:0;padding-left:5em}.code pre>ul>li:before{content:"Step "counter(my-counter) ": ";counter-increment:my-counter;display:inline-block;font-weight:900;margin-left:-5em;width:5em}.code pre>ul>li>ul{-webkit-margin-after:0;-webkit-margin-before:0;-webkit-margin-end:0;-webkit-margin-start:0;-webkit-padding-start:0;counter-reset:my-counter;line-height:1.5;list-style-position:outside;padding:0 0 0 20px}.code pre>ul>li>ul>li{line-height:2;margin:0}.grid-container{display:grid;grid-gap:10px;grid-template-columns:50% 50%;width:50em}.flex-container,.grid-container{background-color:#fff;margin:0 auto;padding:10px}.flex-container{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;position:relative;width:100%}.grid-container>div,code{margin:0}.flow-chart{background-color:transparent;border-radius:5px;display:block;font-size:80%;line-height:1.5;margin:0;padding:10px}flow-gate,flow-line,flow-statement{position:absolute}flow-line{color:#000;z-index:40}flow-for{margin:auto;position:absolute}.flow-element,flow-for>div[id$=head]{background-color:#fff;border:0;border-radius:5px;box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);color:#000;display:inline-block;font-size:90%;line-height:20px;position:absolute;text-align:center}.flow-element.button{background-color:#007aff}.flow-element.button.active,.flow-element.button:active,.flow-element.button:hover{background-color:#5ac8fa}.flow-element-output{background-color:#fff;color:red;display:inline-block;font-size:80%;position:absolute;text-align:left;visibility:visible;white-space:pre;width:auto;z-index:10}.flow-terminator{border-radius:50%/100%}@keyframes activate{0%{background-color:#fff}to{background-color:#d5f5e3}}@keyframes fadein{0%{visibility:hidden}to{visibility:visible}}#example-algo,#example-code{width:320px}#naiveAlgoDemoA{justify-content:center}#betterAlgoChartB,#naiveAlgoChartA{margin:2vw;width:260px}.algo-player{background-color:transparent;font-size:80%;height:260px;line-height:1.5;margin:0 auto;min-width:260px;position:relative;width:260px}#betterAlgoGraph,#naiveAlgoGraph{flex:0 1;font-size:80%;height:300px;min-width:260px;width:260px}.graph-label{font-size:120%;width:20em}#betterAlgoDemo h3,#naiveAlgoDemo h3{-webkit-margin-after:.5em;-webkit-margin-before:.5em;text-align:center}#a-start,#b-start{height:20px;left:90px;top:20px;width:80px}#algo-types-carousel{border-radius:5px;box-shadow:0 4px 8px 0 rgba(0,0,0,.2);display:flex;position:relative;width:100%}.carousel-inner{border-radius:5px}.carousel-item{align-items:center;cursor:pointer;justify-content:center;text-align:center}.carousel-item .label{background-color:#fff;border-radius:.1em;box-shadow:0 2px 4px 0 rgba(0,0,0,.2);color:#000;font-size:110%;left:50%;letter-spacing:.2em;padding:.5em;position:absolute;top:2em;transform:translate(-50%,-50%);width:12em}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.carousel-item .description{background-color:var(--comment-color);background-color:#fff;bottom:0;color:#007aff;color:#000;font-size:100%;font-style:italic;padding:1em;position:absolute;text-align:center;width:100%}.carousel-item .description p{margin:0}#carousel-left,.carousel-control-prev{float:left;left:0}#carousel-left,#carousel-right,.carousel-control-next,.carousel-control-prev{background-color:#fff;background-color:var(--button-color);border-radius:2px;color:#000;color:#fff;cursor:pointer;height:40px;line-height:40px;opacity:1;position:absolute;text-align:center;top:calc(50% - 20px);width:40px;z-index:10}#carousel-right,.carousel-control-next{float:right;right:0}.clear{clear:both}.spade{color:#000;font-family:Bookman Old Style}.spade:after{background-image:url(images/spade.png);background-position:left 0 bottom 0;background-repeat:no-repeat;background-size:100% 100%;content:"\00a0\00a0\00a0"}.heart{color:red;font-family:Bookman Old Style}.heart:after{background-image:url(images/heart.png);background-position:left 0 bottom 0;background-repeat:no-repeat;background-size:100% 100%;content:"\00a0\00a0\00a0"}pre.prettyprint{border:none!important}.fa-facebook-f{background:#3b5998;color:#fff}.fa-twitter{background:#55acee;color:#fff}.fa-google-plus-g{background:#dd4b39;color:#fff}.fa-linkedin-in{background:#007bb5;color:#fff}.fa-pinterest-p{background:#cb2027}.fa-snapchat-ghost{background:#fffc00;color:#fff;text-shadow:-1px 0 #000,0 1px #000,1px 0 #000,0 -1px #000}.fa-pinterest-p,.fa-reddit{background:#ff5700;color:#fff}.social-media{bottom:60px;display:flex;flex-direction:column;flex-wrap:wrap;justify-content:center;position:fixed;right:10px;text-decoration:none;width:40px;z-index:200}.social-media i{border-radius:5px;cursor:pointer;font-size:15px;line-height:30px;margin-right:10px;margin-top:5px;text-align:center;width:30px}.algo-card{border-radius:5px;box-shadow:0 4px 8px 0 rgba(0,0,0,.2);display:block;margin:20px;padding:10px}.algo-card .title{display:flex;justify-content:center;margin-bottom:.5rem}.algo-card .description{display:flex;justify-content:flex-start;margin-bottom:.5rem}.algo-card .usage{color:grey;display:block;font-size:90%}.algo-card .usage:before{content:"Usage: ";font-weight:700}.grid-table{border-radius:5px;box-shadow:0 4px 8px 0 rgba(0,0,0,.2);display:grid;grid-gap:.1rem;grid-template-columns:80% 20%;justify-content:start}.grid-table>div{background-color:#fff;font-size:100%;margin:.5rem;padding:.5rem}.grid-table>div>.title{display:block;margin-bottom:.5rem;text-transform:uppercase}.card{border-radius:5px;box-shadow:0 4px 8px 0 rgba(0,0,0,.2);display:block;margin:5px;padding:10px;width:98%}.center{display:block;text-align:center!important;width:100%}.floatie{color:#007bff;cursor:pointer;font-style:italic;text-decoration:none}.floatiediv{-webkit-transform:translate(-50%);background-color:#fef9e7;background-color:#fff;border-radius:5px;box-shadow:0 10px 20px 0 rgba(0,0,0,.2);display:none;flex-wrap:wrap;justify-content:center;position:absolute;transform:translate(-50%);z-index:50}#big-o-container{display:flex;flex-direction:column;justify-content:center;width:100%}.graph-div{align-self:center;background:#fff;display:flex;flex:0 1;height:340px;justify-content:center;width:100%}.graph-svg{font-size:80%;height:300px;margin:0 auto;min-width:260px;position:relative}#graph .labels.x-labels{text-anchor:middle}#graph .labels.y-labels{text-anchor:end}#graph .grid{stroke:#ccc;stroke-dasharray:0;stroke-width:1}#graph-svg{display:block;left:0;position:absolute;top:0}@media (min-width:1200px){#graph{height:400px}}@media (min-width:992px){#graph{height:400px}}@media (min-width:768px){#graph{height:400px}}@media (min-width:576px){#graph{height:400px}}#big-o-desc-container{display:flex;flex-direction:column;position:relative}.big-o-desc{display:block;font-size:100%;margin:1vw;text-align:left}.big-o-label{font-size:100%;width:20em}.big-o-label.active{color:#00f;cursor:pointer}.big-o-label-tip{background-color:#a9a9a9;box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);font-size:80%}#sim{display:block;margin:0;position:absolute;top:0;width:100%}#nav-bar{background-color:#0074d9;background-color:#dcedc8;background-color:#fff;display:table;height:60px;opacity:.9;position:fixed;z-index:90}#nav-bar,#title{text-align:center;top:0;width:100%}#title{background-color:transparent;color:#000;display:block;font-size:150%;height:100%;letter-spacing:.2rem;margin:auto;text-shadow:0 1px 0 rgba(0,122,255,.4);z-index:5}#title>span{display:table;line-height:40px;margin:auto;z-index:1}#subtitle{color:#007aff;color:grey;display:block;font-family:sans-serif;font-size:100%;font-style:italic;font-style:oblique;height:40px;letter-spacing:.1rem;padding-left:1vw;padding-right:1vw;position:absolute;text-align:center;top:40px;width:100%;z-index:100}#nav-bar-logo{height:60px;margin-left:10px;padding:5px;z-index:0}#nav-bar-logo,#top-nav-button-logo{cursor:pointer;display:block;position:absolute}#top-nav-button-logo{background-color:#007aff;border-radius:5px;color:#fff;font-size:120%;height:40px;margin-right:0;right:15px;text-align:center;top:10px;width:40px;z-index:90}#top-nav-button-logo>i{display:table;line-height:40px;margin:auto}#top-nav-button-logo:active{background-color:#d3d3d3}#top-nav-button{background-color:#007aff;border-radius:5px;color:#fff;cursor:pointer;display:block;font-size:120%;height:40px;margin-right:0;position:absolute;right:15px;text-align:center;top:10px;width:40px;z-index:90}#top-nav-button>i{display:table;line-height:40px;margin:auto}#top-nav{background-color:#fff;box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);display:flex;flex-direction:row;flex-wrap:wrap;height:100vh;height:calc(100vh - 60px);justify-content:flex-start;overflow:auto;padding-bottom:20px;position:fixed;right:10px;right:0;top:55px;visibility:hidden;width:25rem;z-index:300!important}#top-nav ul{-webkit-margin-after:0;-webkit-margin-before:0;-webkit-margin-end:0;-webkit-margin-start:0;-webkit-padding-start:0;list-style-type:none;width:100%}#top-nav li{color:#000;cursor:pointer;display:block;font-size:110%;line-height:40px;text-align:left;text-decoration:none}#top-nav li:hover{background-color:#f4f6f7}#top-nav li.active,#top-nav li:active{color:#007aff}#sim-nav{-webkit-transform:translate(50%);border-collapse:separate;border-spacing:5px;display:table;height:30px;position:fixed;right:50%;top:40px;transform:translate(50%);width:12rem;z-index:92}.nav-button{border-radius:15px;color:#000;cursor:pointer;display:table-cell;font-size:80%;letter-spacing:0;padding:0;text-align:center;text-decoration:none;vertical-align:middle;width:4rem}.nav-button:hover{color:#d3d3d3;text-decoration:none}.nav-button.active,.nav-button:active{background-color:#007aff;color:#fff;text-decoration:none}#scene{height:calc(100vh - 130px);overflow:hidden;position:absolute;top:80px;width:100%}#info{display:none;top:40px}#svg-container{background-color:transparent;height:100%;left:0;position:absolute;top:0;width:100%;z-index:5}#banner{background-color:#ffc;background-color:#eafaf1;border-top:1px solid #d3d3d3;bottom:0;display:inline-table;min-height:50px;padding:5px 50px;position:fixed;width:100%;z-index:30}#banner,#comment{text-align:center}#comment{color:#007aff;color:#000;display:table-cell;font-family:sans-serif;font-size:120%;position:relative;vertical-align:middle}.spot-comment-box{background-color:#ffc;display:inline-table;height:3.5rem;position:absolute;width:20rem}.spot-comment{color:#000;display:table-cell;font-family:sans-serif;font-size:120%;padding:1vw;position:relative;text-align:center;vertical-align:middle;white-space:pre-wrap;white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap;word-wrap:break-word}#page-left,#page-right{background-color:#007aff;background-color:transparent;bottom:5px;color:#fff;color:#007aff;cursor:pointer;font-size:150%;height:40px;line-height:40px;position:fixed;text-align:center;width:40px;z-index:80}#page-left:active,#page-right:active{color:#d3d3d3}#page-left{border-radius:10px;float:left;left:2vw}#page-right{border-radius:10px;float:right;right:2vw}.balloon{-webkit-transform:translate(-50%);box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);display:none;position:absolute;transform:translate(-50%);z-index:250!important}.balloon,.balloon-content{background-color:hsla(0,0%,100%,.9);padding:5px}.balloon-content{align-items:flex-start;align-self:center;cursor:default;display:flex;font-size:14px;justify-content:flex-start;line-height:150%;opacity:.7;width:100%}.balloon-content p{margin:0}.modal{background-color:hsla(0,0%,98%,.2);cursor:not-allowed;display:none;height:100%;top:80px;top:0;width:100%;z-index:150!important}.modal,.modal-content{pointer-events:none;position:absolute}.modal-content{-webkit-transform:translate(-50%,-50%);background-color:#ffdab9;background-color:#fefefe;border:1px solid #888;border-radius:3px;box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);color:#000;cursor:default;cursor:not-allowed;font-size:120%;left:50%;line-height:150%;opacity:1;padding:10px;top:75%;transform:translate(-50%,-50%);width:50%}.modal-content p{cursor:not-allowed;margin:15px;pointer-events:none}.modal-close{color:#007aff;cursor:pointer;float:right;font-size:120%;font-weight:700;pointer-events:all;position:absolute;right:10px;top:5px}.modal-close:focus,.modal-close:hover{color:#000;cursor:pointer;text-decoration:none}.modal-button-group{align-items:flex-end;align-self:flex-end;color:#fff;display:flex;flex-direction:row;height:30px;justify-content:flex-end;line-height:30px;margin:5px;width:70%}.modal-button-group>div{color:#007aff;cursor:pointer;display:flex;font-size:100%;margin:0 10px;pointer-events:all}@media screen and (max-height:414px),screen and (max-width:414px){#sim-nav{display:none}}@media screen and (min-width:1367px) and (min-height:769px){body{font-size:24px}.article,.title{max-width:1080px}#example-algo,#example-code{width:480px}#nav-bar{height:60px}#sim-nav{height:40px;top:60px;width:12rem;width:16rem}#banner{min-height:70px}#page-left,#page-right{bottom:10px;height:50px;line-height:50px;width:50px;z-index:80}#scene{height:calc(100vh - 170px);top:100px}#info{top:80px}#title>span{line-height:60px}#subtitle{height:40px;top:60px}#nav-bar-anchor{cursor:pointer}#nav-bar-logo{display:block;height:80px;margin-left:12px;padding:6px}#top-nav-button{height:60px;width:60px}#top-nav-button>i,#top-nav li{line-height:60px}#top-nav{height:calc(100vh - 80px)}.social-media{bottom:80px;right:10px;width:60px}.social-media i{font-size:18px;line-height:40px;width:40px}}@media screen and (max-width:768px){body{font-size:14px}.modal-content{-webkit-transform:translate(-50%,-110%);left:50%;top:100%;transform:translate(-50%,-110%);width:70%}.modal-button-group{align-self:center;justify-content:space-around}#nav-bar{height:60px}#scene{height:calc(100vh - 130px)}.social-media{right:5px;width:30px}.social-media i{border-radius:5px;cursor:pointer;font-size:10px;line-height:20px;margin-right:5px;margin-top:5px;text-align:center;width:20px}}@media screen and (max-width:414px){body{font-size:12px}.modal-content{-webkit-transform:translate(-50%,-110%);left:50%;top:100%;transform:translate(-50%,-110%);width:95%}.modal-button-group{align-self:center;justify-content:space-around}#top-nav-button{height:30px;right:5px;top:5px;width:30px}#top-nav-button>i{line-height:30px}#top-nav{top:40px;width:100%}#top-nav li{line-height:35px}}@media screen and (max-width:414px){.social-media{display:none}}@media screen and (max-height:414px){.social-media{display:none}}