img,legend{border:0}legend,td,th{padding:0}.light-background-code .namespace,.namespace{opacity:.7}.insight,sub,sup{position:relative}*,.ripple-button,:after,:before{-webkit-tap-highlight-color:transparent}*,::after,::before{box-sizing:border-box;-webview-tap-highlight-color:transparent}/*! normalize.css v3.0.2 | MIT License | git.io/normalize */html{font-family:sans-serif;-webkit-text-size-adjust:100%;text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,optgroup,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}pre,textarea{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;appearance:textfield;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none;appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}table{border-collapse:collapse;border-spacing:0}code[class*=language-],pre[class*=language-]{direction:ltr;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;tab-size:2;-webkit-hyphens:none;hyphens:none}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto;border-radius:.3em}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#9da3a9}.token.punctuation{color:#f8f8f2}.token.constant,.token.deleted,.token.property,.token.symbol,.token.tag{color:#f92672}.token.boolean,.token.number{color:#ae81ff}.token.attr-name,.token.builtin,.token.char,.token.inserted,.token.selector,.token.string{color:#a6e22e}.language-css .token.string,.style .token.string,.token.entity,.token.operator,.token.url,.token.variable{color:#f8f8f2}.token.atrule,.token.attr-value,.token.function{color:#e6db74}.token.keyword{color:#ff6f31}.token.important,.token.regex{color:#fd971f}.token.bold,.token.important{font-weight:700}.token.italic{font-style:italic}.dotdotdot{color:#ff6f31;letter-spacing:1px}.light-background-code .token.cdata,.light-background-code .token.comment,.light-background-code .token.doctype,.light-background-code .token.prolog{color:#838486}.light-background-code .token.punctuation{color:#585854}.light-background-code .token.constant,.light-background-code .token.deleted,.light-background-code .token.property,.light-background-code .token.symbol,.light-background-code .token.tag{color:#99234e}.light-background-code .token.boolean,.light-background-code .token.number{color:#6c539a}.light-background-code .token.attr-name,.light-background-code .token.builtin,.light-background-code .token.char,.light-background-code .token.inserted,.light-background-code .token.selector,.light-background-code .token.string{color:#5A8208}.light-background-code .language-css .token.string,.light-background-code .style .token.string,.light-background-code .token.entity,.light-background-code .token.operator,.light-background-code .token.url,.light-background-code .token.variable{color:rgba(255,255,255,.6)}.light-background-code .token.atrule,.light-background-code .token.attr-value,.light-background-code .token.function{color:#6B289E}.light-background-code .token.keyword{color:#bf420d}.light-background-code .token.important,.light-background-code .token.regex{color:#fd971f}.insight{min-height:calc(100vh - 80px);font-family:'DM Sans',sans-serif;font-weight:300;font-size:15px;line-height:20px;text-align:left;color:rgba(255,255,255,.8);background:#2c3138}.insight .insight-inner-scroll{padding:0 20px 20px;-webkit-overflow-scrolling:touch}.insight .insight-inner-scroll::-webkit-scrollbar{width:0!important}.insight .footnote-clickable-area{-webkit-user-select:none;user-select:none;display:inline-block;text-align:center;border-radius:50%;width:32px;margin-left:-12px;margin-right:-10px}.insight .footnote-number{cursor:default;-webkit-user-select:none;user-select:none;text-align:center;vertical-align:super;font-size:73%;margin:1px;display:inline-block;color:#fff}.insight .footnote-number.in-code{letter-spacing:-1.4px}.insight .footnote-number::after{-webkit-user-select:none;user-select:none;content:']'}.insight .footnote-number::before{-webkit-user-select:none;user-select:none;content:'['}.insight .footnote-title{display:block;position:relative;margin-top:5px;margin-bottom:5px;font-size:12px}.insight .footnote-title .footnote-title-num{color:rgba(255,255,255,.6);font-weight:700}.insight .footnote-title .footnote-title-num::after{content:'.'}.insight .footnote-title .footnote-title-type{color:#fff;text-transform:uppercase;letter-spacing:.4px}.insight .insight-popup{z-index:1;width:100vw;padding:0 20px;background:#e6e6e6;position:fixed;height:50vh;bottom:0;color:#2c3138}.insight .insight-popup .insight-popup-inner-scroll{height:100%;overflow:scroll;-webkit-overflow-scrolling:touch}.insight .insight-popup .insight-popup-inner-scroll::-webkit-scrollbar{width:0!important}.insight .insight-popup .insight-popup-content{padding:0 0 92px}.insight .insight-popup .insight-popup-close{color:#68727f;position:absolute;top:8px}.insight .insight-popup .insight-popup-header{text-align:center;height:40px;line-height:40px;font-size:12px;font-weight:500}.insight .headline,.insight .insight-category{font-family:'DM Sans',sans-serif;font-weight:400;text-align:center}.insight .insight-popup .insight-popup-header .insight-popup-title{margin-left:5px;text-transform:uppercase;letter-spacing:.4px}.insight .insight-popup .insight-popup-header .insight-popup-num{color:#68727f}.insight .insight-popup .insight-popup-header .insight-popup-num::after{content:']'}.insight .insight-popup .insight-popup-header .insight-popup-num::before{content:'['}.insight .insight-popup pre{margin:0;padding-left:0;overflow:scroll}.insight .insight-popup pre::-webkit-scrollbar{width:0!important;height:0!important}.insight .insight-popup code,.insight .insight-popup pre{background-color:#f9f9f9;color:#000}.insight *{-webkit-user-select:text;user-select:text}.insight .practice-question-button-wrapper{background:#202225;margin:15px -20px -15px;padding:30px 15px;height:120px}.insight .practice-question-button{width:100%;color:#fff;height:60px;text-align:center;line-height:60px;border-radius:3px;letter-spacing:1px}.insight .insight-category{width:100%;padding:30px 0 15px;font-size:12.5px;line-height:15px;color:#fff;text-transform:uppercase}.insight .headline{margin:0 0 30px;line-height:25px;color:#fff}.insight .headline p{margin:0}.insight pre{margin:0 -20px;padding:5px;background-color:#202225;overflow:hidden}.insight code{background:#202225;padding:0 1px 1px;font-family:'Roboto Mono',monospace;font-weight:300;font-size:15px;line-height:20px;text-align:left;color:rgba(255,255,255,.8)}.insight code>div{display:inline-block}.insight code .width-29-cols{padding-left:14px;font-size:100%}.insight code .width-34-cols{padding-left:14px;font-size:90%}@media only screen and (min-device-width:375px){.insight code .width-34-cols{font-size:100%}}.insight code .width-39-cols{font-size:83%;padding-left:14px}@media only screen and (min-device-width:375px){.insight code .width-39-cols{font-size:100%}}.insight code .width-44-cols{font-size:78%}@media only screen and (min-device-width:375px){.insight code .width-44-cols{font-size:92%}}.insight .headline code{background:0 0;padding:0;color:inherit;font-size:21px}.insight .insight-footnotes ol{padding-left:20px}.insight pre code{padding:0}.insight .list-section{background:#202225;margin:15px -20px;padding-left:20px}.insight .learnmore-link{margin-bottom:5px;position:relative;min-height:24px}.insight .learnmore-link .link-type{position:absolute;display:inline-block;color:rgba(255,255,255,.6)}.insight .learnmore-link .link-type .link-type-icon{color:#fff;width:30px;height:30px;font-size:150%;margin-left:0;margin-right:0;padding-left:0;display:inline-block}.insight .learnmore-link .link-name{position:absolute;display:inline-block;left:40px;width:calc(100% - 40px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#fff;text-decoration:underline;cursor:pointer}.insight .insight-placeholder{text-align:center;width:100%;padding-bottom:90px}.insight .uncovered-insight{width:100vw;margin-left:-20px;margin-bottom:30px;text-align:center;opacity:.8;padding:4px 0}.insight .playground,.preview-wrapper .playground{-webkit-overflow-scrolling:touch;transition:transform .8s linear;height:calc(100% - 44px);margin:15px -20px;overflow-y:visible}.insight .playground .instructions,.preview-wrapper .playground .instructions{font-family:'DM Sans',sans-serif;font-weight:300;font-size:15px;line-height:20px;text-align:left;color:rgba(255,255,255,.8);padding:15px}.insight .playground .list-section,.preview-wrapper .playground .list-section{margin:15px 0 0;padding:0 0 15px;height:auto;text-transform:none;text-align:center;font-size:16px}.insight .playground .list-section h1,.preview-wrapper .playground .list-section h1{font-weight:300;padding-top:15px;color:rgba(255,255,255,.6);font-size:12px;text-transform:uppercase;letter-spacing:1px}.insight .playground code,.preview-wrapper .playground code{color:#fff!important;background:0 0}.insight .playground .sublevel .answer-option,.preview-wrapper .playground .sublevel .answer-option{background:#68727f}.insight .playground .right-answer,.preview-wrapper .playground .right-answer{font-size:15px;line-height:30px}.insight .playground .score,.preview-wrapper .playground .score{border-radius:2.5px;background-clip:padding-box;margin:15px 15px 0;padding:15px;border:2.5px solid;width:calc(100% - 30px)}.insight .playground .score .count,.insight .playground .score .message,.preview-wrapper .playground .score .count,.preview-wrapper .playground .score .message{font-size:17.5px;font-weight:700;width:100%;text-align:center}.insight .playground .sublevel,.preview-wrapper .playground .sublevel{padding:1px;margin-bottom:5px;margin-top:10px}.insight .playground .sublevel.not-ready,.preview-wrapper .playground .sublevel.not-ready{display:none}.insight .playground .sublevel.ready,.preview-wrapper .playground .sublevel.ready{animation:gap-question-fade-in .6s}.insight .playground .sublevel .question,.preview-wrapper .playground .sublevel .question{background:#202225;font-size:15px;line-height:30px;padding:20px 15px;margin-top:10px;margin-bottom:15px;font-family:'Roboto Mono',monospace}.insight .playground .sublevel .question code,.insight .playground .sublevel .question p,.insight .playground .sublevel .question pre,.preview-wrapper .playground .sublevel .question code,.preview-wrapper .playground .sublevel .question p,.preview-wrapper .playground .sublevel .question pre{margin:0;overflow-x:scroll!important}.insight .playground .sublevel .question .width-29-cols,.insight .playground .sublevel .question .width-34-cols,.insight .playground .sublevel .question .width-39-cols,.preview-wrapper .playground .sublevel .question .width-29-cols,.preview-wrapper .playground .sublevel .question .width-34-cols,.preview-wrapper .playground .sublevel .question .width-39-cols{padding-left:0}.insight .playground .sublevel .question .gap,.preview-wrapper .playground .sublevel .question .gap{border-radius:2.5px;background-clip:padding-box;margin-top:5px;transition:all .2s ease-out;font-size:15px;line-height:20px;font-family:'Roboto Mono',monospace;color:#fff;padding:7px 10px;background-color:rgba(104,114,127,.6);display:inline-block}.insight .playground .sublevel .answer-options,.preview-wrapper .playground .sublevel .answer-options{padding:5px 15px 0}.insight .playground .sublevel .answer-option,.preview-wrapper .playground .sublevel .answer-option{border-radius:2.5px;background-clip:padding-box;transition:all .2s;box-sizing:content-box;padding:7px 10px;margin:0 5px 5px 0;display:inline-block;font-size:15px;line-height:20px;font-family:'Roboto Mono',monospace;color:#fff}.insight .playground .sublevel .answer-option p,.preview-wrapper .playground .sublevel .answer-option p{margin:0}.insight .playground.review .ripple-button,.preview-wrapper .playground.review .ripple-button{display:none}.insight .playground.review .sublevel,.preview-wrapper .playground.review .sublevel{opacity:1;display:block}.insight .playground.review .sublevel .answer-option,.preview-wrapper .playground.review .sublevel .answer-option{pointer-events:none}.insight .playground.review .sublevel .answer-option.selected,.preview-wrapper .playground.review .sublevel .answer-option.selected{margin:0;border-right:5px solid transparent;border-bottom:5px solid transparent}.revision{padding-top:0}.revision .list-section{background:#2c3138;text-align:left;color:rgba(255,255,255,.6);padding-left:15px}.insight-question-button.ripple-button{z-index:3;color:#fff}.insight-question-button.ripple-button.normal{position:relative;margin-top:25px}.top-bar{position:fixed;top:0;left:0;padding:0 15px;height:44px;color:#fff;font-size:12px;z-index:1000;width:100%;background:#000;border-bottom:1px solid #000;pointer-events:all}.drop .first-circle,.drop .second-circle,.drop .third-circle,.top-bar .left-text{pointer-events:none}.top-bar .left-action,.top-bar .right-action{border:0;font-size:25px;position:absolute;top:0;width:44px;outline:0;text-align:left;background:0 0;color:rgba(255,255,255,.6)}.top-bar .left-action{padding:10px 50px 10px 15px;left:0}.top-bar .right-action{padding:10px 15px 10px 10px;right:0}.top-bar .center-text{width:100%;display:block;text-align:center;padding:0;line-height:44px}.top-bar .center-text.uppercase{text-transform:uppercase}.top-bar .left-text{display:block;line-height:44px}.top-bar .left-action+.left-text{padding-left:30px}.top-bar .center-text,.top-bar .left-text{text-transform:uppercase;font-weight:500}.iOS .top-bar{padding:20px 15px 0;height:64px}.iOS .top-bar .left-action{padding:30px 50px 10px 15px}.iOS .top-bar .right-action{padding:30px 15px 10px 10px}.ripple-button{display:block;width:calc(100vw - 30px);position:fixed;bottom:0;margin:15px;height:60px;background:#fff;font-family:'DM Sans',sans-serif;font-weight:400;text-align:center;color:#000;cursor:pointer;text-decoration:none;outline:0;overflow:hidden;border:0;line-height:58px;border-radius:3px}.ripple-button.small,.ripple-button.small-40{margin-right:0;left:0;background:rgba(255,255,255,.9)}.end-view .find-out-more div:last-child,.end-view .top-scores li:last-child{border-bottom:1px solid rgba(255,255,255,.2)}.ripple-button .ripple{border-radius:50%;position:absolute;transform:translate(-50%,-50%) scale(0);width:100vmin;height:100vmin;opacity:.4;animation:ripple-button .6s ease-in-out forwards}.ripple-button:disabled{opacity:.8}.ripple-button.small{width:calc(33vw - 15px);border-radius:3px 0 0 3px}.ripple-button.large{width:calc(67vw - 15px);margin-left:0;right:0;border-radius:0 3px 3px 0}.ripple-button.small-40{width:calc(40vw - 15px);border-radius:3px 0 0 3px}.ripple-button.large-60{width:calc(60vw - 15px);margin-left:0;right:0;border-radius:0 3px 3px 0}.ripple-button.half,.ripple-button.half-no-b{width:calc(50% - 15px);background:rgba(104,114,127,.8);border-radius:3px 0 0 3px}.ripple-button.half+.half,.ripple-button.half+.half-no-b,.ripple-button.half-no-b+.half,.ripple-button.half-no-b+.half-no-b{left:50%;margin-left:0;background:rgba(104,114,127,.6);border-radius:0 3px 3px 0}.ripple-button.half-no-b{width:50%!important;margin:15px 0 0!important}.ripple-button.square{border-radius:0 0 3px 3px!important}.ripple-button.left-separator{border-left:1px solid rgba(0,0,0,.2)}@keyframes ripple-button{to{opacity:0;transform:translate(-50%,-50%) scale(1)}}.drop{color:rgba(104,114,127,.55);background:currentColor;transition:height .2s ease-out,width .2s ease-out;border-radius:50%;position:absolute;transform:translate(-50%,-50%)}.drop .number,.drop .overtitle,.drop .subtitle,.drop .title{color:#fff;position:absolute;width:100%;text-align:center;transition:all .2s ease-out}.drop .inner-title{font-size:19px;color:#fff}.drop .inner-subtitle{font-size:16px;color:rgba(255,255,255,.6)}.drop .overtitle{font-size:12px;top:30%}.drop .number{font-size:16px;top:80%}.drop .title{text-transform:capitalize;top:50%;font-size:18px;transform:translate(0,-50%)}.drop .subtitle{color:rgba(255,255,255,.6);top:60%;font-size:16px}.drop .circle-tappable{position:absolute;width:100%;height:100%}.drop .background{color:#000;opacity:.1;position:absolute;width:100%;text-align:center;font-size:70px;top:50%;transform:translate(0,-50%)}svg.graph .score,svg.graph .tooltip-text{font-family:"Roboto Mono";font-weight:300;font-size:21px}.drop.waving .first-circle,.drop.waving .second-circle,.drop.waving .third-circle{background:currentColor;width:100%;height:100%;opacity:.3;border-radius:50%;position:absolute;animation:waving-pulse 3s ease-out infinite}.drop.waving .second-circle{animation-delay:1s}.drop.waving .third-circle{animation-delay:2s}@keyframes waving-pulse{0%{transform:scale(1);opacity:.5}100%{transform:scale(1.8);opacity:0}}.game-icon-container{position:relative;height:40px;width:40px;flex-shrink:0;margin-right:20px;border-radius:50%;align-self:center}.game-icon-container .game-icon{position:relative;text-align:center;color:#2c3138;height:100%}.game-icon-container .game-icon .icon,.game-icon-container .game-icon svg{position:relative;width:100%;height:100%}.game-icon-container .drop{transform:translate(0,0)}.game-icon-container .new-game-notification{position:relative;height:15px;width:15px;background-color:#c2342f;border-radius:50%;right:-30px;top:-40px}svg.graph .grid{stroke:currentColor;stroke-width:3;opacity:.6}svg.graph .points{fill:currentColor;stroke:currentColor;stroke-width:2}svg.graph .points circle:last-child{stroke:currentColor;stroke-width:4}svg.graph .lines{stroke:currentColor;stroke-width:2;opacity:.6}svg.graph .line{stroke:currentColor;stroke-width:3;fill:none;opacity:.8}svg.graph .surface{fill:currentColor;opacity:.2}svg.graph .score{fill:#fff}svg.graph .points-to-tap{fill:transparent}svg.graph .tooltip{fill:#202225;stroke:currentColor;animation:appear .2s ease-in-out}svg.graph .tooltip-text{fill:#fff;animation:appear .2s ease-in-out}svg.graph.animated .lines,svg.graph.animated .score{opacity:0;animation:appear 1s ease-in-out forwards;animation-delay:3s}svg.graph.animated .line path{animation:dash 1s ease-out forwards;animation-delay:3s}svg.graph.animated .surface{opacity:0;animation:appear-surface 1s ease-in-out forwards;animation-delay:4s}@keyframes dash{to{stroke-dashoffset:0}}@keyframes appear{0%{opacity:0}100%{opacity:1}}@keyframes appear-surface{0%{opacity:0}100%{opacity:.2}}.game-title-component{display:flex;justify-content:flex-start}.game-title-component .game-icon-container{height:85px;width:85px;margin:0 15px}.countdown-view,.countdown-view .ready,.countdown-view .time{width:100%;left:0;position:absolute}.game-title-component .new-game-notification{right:-70px;top:-75px}.game-title-component .game-title{font-size:30px;line-height:36px;padding-right:20px;margin:10px 0;color:#fff}.game-title-component .game-type{font-size:21px;margin:5px 0;color:#fff}.game-title-component .game-details{font-size:12px;font-weight:500;letter-spacing:.3px;line-height:2em;color:rgba(255,255,255,.6);text-transform:uppercase}.countdown-view{font-family:sans-serif;top:0;bottom:0;overflow-y:auto;background:#202225;color:#fff;padding:60px 30px 30px}.countdown-view .ready{font-family:Roboto;font-weight:300;top:50%;font-size:2em;text-align:center;transform:translate(0,calc(-50% - 100px))}.countdown-view .time{top:50%;transform:translate(0,-50%)}.countdown-view .time svg{position:absolute;left:50%;width:160px;transform:translate(-50%,0)}.countdown-view .time svg .circle-dashed{stroke-dasharray:2 6;stroke:#fff}.countdown-view .time svg .circle-animation{transform-origin:center center;transform:rotate(-90deg);stroke:#fff;stroke-dasharray:440;animation:countdown-circle 2s linear forwards}.countdown-view .time .countdown-number{position:absolute;font-family:"Roboto Mono";font-weight:300;left:0;width:100%;text-align:center;font-size:30px;line-height:160px}.countdown-view .time .countdown-number.go{font-family:Roboto;font-size:60px;font-weight:500;transition-property:font-size;transition-duration:.5s;transition-timing-function:cubic-bezier(.895,.03,.685,.22)}.countdown-view .instructions{position:absolute;bottom:0;left:0;padding:30px}.end-view,.end-view .feedback-screen-container{padding-top:44px}@keyframes countdown-circle{from{stroke-dashoffset:0}to{stroke-dashoffset:440}}.end-view{position:absolute;top:0;bottom:0;left:0;overflow-y:scroll;background:#3e4249;width:100%}.end-view .find-out-more>h2,.end-view .game-finished,.end-view .game-finished-subtitle,.end-view .high-scores>h2{text-align:center;color:#fff}.end-view .find-out-more div{height:41px;margin:0;border-top:1px solid rgba(255,255,255,.2);padding-left:15px}.end-view .find-out-more p,.end-view .find-out-more svg{display:inline-block;position:relative;top:50%;transform:translateY(-50%);margin:0}.end-view .find-out-more p{margin-left:11px;color:#fff}.end-view .game-finished{margin:30px 0 0;font-size:20px;line-height:25px;font-weight:400}.end-view .game-finished-subtitle{font-size:15px;line-height:20px;font-weight:lighter;margin:5px 0 0}.end-view .graph{margin-top:10px}.end-view .graph .score{font-size:12.5px;font-family:Roboto;line-height:15px;font-weight:400;letter-spacing:.2}.end-view .find-out-more>h2,.end-view .high-scores>h2{text-transform:uppercase;font-size:12px;line-height:14px;letter-spacing:.2;margin:30px}.end-view .top-scores{padding:0;margin:0;counter-reset:score-counter;opacity:1}.end-view .top-scores li{list-style:none;padding:0 15px;height:56px;line-height:56px;border-top:1px solid rgba(255,255,255,.2);position:relative}.end-view .top-scores li .score{color:#fff;font-size:21px;font-weight:300;padding-left:11px}.end-view .top-scores li .date,.end-view .top-scores li .name,.end-view .top-scores li::before{font-weight:500;color:rgba(255,255,255,.6);font-size:10px}.end-view .top-scores li .name{position:absolute;right:15px;height:41px;line-height:41px;margin-bottom:15px}.end-view .top-scores li .date{position:absolute;right:15px;height:46px;line-height:46px;margin-top:10px}.end-view .top-scores li::before{content:counter(score-counter) '.';counter-increment:score-counter}.end-view .buttons{height:auto;display:flex;width:100%;margin-top:15px}.game,.game .playground .container{height:100%}.end-view .buttons .ripple-button{display:table-row;position:relative;padding:0;border-radius:3px}.end-view .buttons .restart{margin-right:10px!important}.game{width:100%;overflow:hidden;background:#2c3138}.game .playground{position:relative;height:100%;margin:0 auto;color:#fff}.game .game-background{height:82vh;position:absolute;width:100%;top:0;pointer-events:none;opacity:.6}.game .explanation-placeholder{padding:0 15px}.game .explanation-placeholder p{margin:0;padding:0!important}.game .explanation-placeholder .explanation-wrapper{padding-bottom:15px}.game .explanation-placeholder .explanation-wrapper .explanation-title{font-family:'DM Sans',sans-serif;font-weight:400;font-size:10px;line-height:15px;text-align:"left";color:#fff;color:rgba(255,255,255,.6);letter-spacing:.3px}.game .explanation-placeholder .explanation-wrapper .explanation,.game .explanation-placeholder .explanation-wrapper .explanation>p{display:block;font-family:Roboto!important;line-height:20px;font-size:15px;font-weight:lighter;color:rgba(255,255,255,.6);padding-top:5px}.game .explanation-placeholder .explanation-wrapper .explanation code,.game .explanation-placeholder .explanation-wrapper .explanation>p code{font-family:Roboto!important;background:#202225;padding:0 1px 1px}.game-status-bar{background:#000;position:relative;z-index:1000;height:44px}.game-status-bar .pause{padding:5px 50px 10px 15px;border:0;font-size:25px;position:absolute;top:0;left:0;width:44px;outline:0;text-align:left;color:rgba(255,255,255,.6);background:0 0}.game-status-bar .score .total{padding-top:10px;padding-right:15px;font-size:22px;position:absolute;top:0;right:0;color:#fff}.game-status-bar .score .single{font-size:18px;top:44px;right:20px;position:absolute;animation:addPoints 1s infinite}.game-status-bar .score .single::before{content:'+'}.game-status-bar .progress-bar{height:5px;position:absolute;width:100%;bottom:0}.game-status-bar .progress-bar::before{content:"";display:inline-block;position:absolute;height:100%;width:100%;background:currentColor;opacity:.4}.game-status-bar .progress-bar .completed{width:100%;height:100%;float:left;background:currentColor;transform-origin:left}.iOS .game-status-bar{height:64px}.iOS .game-status-bar .pause{padding:25px 50px 10px 15px}.iOS .game-status-bar .score .total{padding-top:30px}.iOS .game-status-bar .score .single{top:64px}@keyframes addPoints{0%{transform:translate3d(0,0,0);opacity:0}50%{opacity:1;transform:translate3d(0,0,0) scale(1.5)}100%{transform:translate3d(0,-15px,0) scale(1);opacity:0;display:none}}.review-view .overlay{top:44px;pointer-events:all}.review-view .tooltip-review{position:absolute;background:#68727f;transform:translate(-50%,20px);box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23);width:161px;opacity:0;animation:tooltip-appear .15s forwards ease-out}.review-view .tooltip-review::before{position:absolute;top:-20px;left:70px;content:'';width:10px;height:10px;border:10px solid transparent;border-bottom-color:#68727f}.review-view .tooltip-review .separator{float:left;margin-top:5px;height:40px;width:1px;background:#202225}.review-view .tooltip-review .tooltip-left,.review-view .tooltip-review .tooltip-right{float:left;padding:20px 5px;width:80px;text-align:center;text-transform:uppercase;font-size:10px;letter-spacing:1px}.iOS .review-view .overlay{top:64px}@keyframes tooltip-appear{0%{transform:translate(-50%,20px) scale(.5);opacity:0}100%{transform:translate(-50%,20px) scale(1);opacity:1}}.start-view{position:absolute;top:0;bottom:0;left:0;overflow:hidden;font-family:'DM Sans',sans-serif;font-weight:300;font-size:15px;line-height:20px;text-align:left;color:rgba(255,255,255,.8);background:#2c3138;width:100%;height:100%;-webkit-overflow-scrolling:touch}.start-view .ripple-button{color:#fff}.start-view .explanations h5,.start-view .instructions,.start-view .instructions h5{font-family:'DM Sans',sans-serif;font-size:15px;line-height:20px;text-align:left;color:rgba(255,255,255,.8)}.start-view .scrollable{padding:44px 15px 0;overflow-y:scroll;position:relative;height:100%}.start-view .instructions{font-weight:300;margin-top:80px}.start-view .instructions h5{font-weight:400;margin:0}.start-view .explanations{margin-top:25px}.start-view .explanations h5{font-weight:400;margin:0}.start-view .game-details,.start-view .game-title,.start-view .game-type{font-family:'DM Sans',sans-serif;font-weight:400;text-align:center;color:#fff}.start-view .insight{min-height:100%}.start-view .game-details{margin-top:30px;font-size:12.5px;line-height:15px;text-transform:uppercase}.start-view .game-title{line-height:25px;margin:15px 0}.start-view .game-type{font-size:12.5px;line-height:30px;position:absolute;opacity:.8;height:30px;padding:0 13px 0 5px;border-radius:30px;left:50%;transform:translate(-50%,0)}.start-view .high-score,.start-view .high-score .ripple-button{height:50px;font-family:'DM Sans',sans-serif;font-size:15px}.start-view .game-type svg{position:relative}.start-view .game-type .type-name{position:relative;top:-11px}.start-view .high-score{position:relative;margin:0 -15px;padding-right:15px;font-weight:300;text-align:left;color:rgba(255,255,255,.8);line-height:50px}.start-view .high-score svg{position:relative;top:10px;margin-left:15px}.start-view .high-score .ripple-button{position:absolute;right:0;background:0 0;width:120px;margin:0;font-weight:400;line-height:20px;text-align:center;color:#fff}.high-scores-view,.pause-view{position:absolute;bottom:0;overflow-y:auto;z-index:1000;background:#2c3138;top:0}.pause-view{left:0;width:100%;padding-top:44px}.pause-view .list-options .option{height:calc((100vh - 44px)/ 5)}.pause-view .topbar{height:44px}.iOS .pause-view{padding-top:64px}.iOS .pause-view .list-options .option{height:calc((100vh - 64px)/ 5)}.iOS .pause-view .topbar{height:64px}.high-scores-view{width:100%;padding-top:44px}.high-scores-view .top-bar{background:#000}.high-scores-view .highScores{padding-top:200px}.high-scores-view .highScores .graph{margin-top:-100vh}.high-scores-view .highScores .top-scores{padding-bottom:0}.iOS .high-scores-view{padding-top:64px}.highScores{height:100%}.highScores .top-scroll-scroll{margin-top:-4px;height:calc(100% - 250px);overflow:hidden;overflow-y:scroll}.highScores .top-scores-title{text-align:center;font-size:16px;color:rgba(255,255,255,.6);font-weight:300;padding-top:32px;opacity:1}.highScores .top-scores{padding:0 0 160px;counter-reset:score-counter;opacity:1}.highScores .top-scores li{list-style:none;margin:0 30px;height:54px;line-height:54px;border-top:1px solid #202225;position:relative}.highScores .top-scores li:last-child{border-bottom:1px solid #202225}.highScores .top-scores li .score{color:#fff;font-size:21px;font-weight:300;padding-left:11px}.highScores .top-scores li .name{font-weight:500;color:rgba(255,255,255,.6);font-size:10px;position:absolute;right:0;height:39px;line-height:39px;margin-bottom:15px}.highScores .top-scores li .date{font-weight:500;color:rgba(255,255,255,.4);font-size:10px;position:absolute;right:0;height:44px;line-height:44px;margin-top:10px}.highScores .top-scores .result::before{font-weight:500;color:rgba(255,255,255,.6);font-size:10px;content:counter(score-counter) '.';counter-increment:score-counter}.highScores .top-scores .added::before{font-weight:500;color:rgba(255,255,255,.6);font-size:10px;content:'n.'}.game-bug-scroll.review .bugline.hasBug:not(.wasTapped) span,.game-bug-scroll.review .bugline.wasTapped.hasBug span{color:#fff!important}.highScores .game-title-component{transform:scale(.7);padding-top:25px;position:relative;opacity:1}@keyframes game-end-fade-in{0%{opacity:0}100%{opacity:1}}.game-bug-scroll{font-size:190%}.game-bug-scroll .autoscroll-container{overflow:hidden;line-height:26px;font-size:50%;height:100%;-webkit-user-select:none;user-select:none}.game-bug-scroll.playing .danger-zone{display:block}.game-bug-scroll.review .danger-zone{display:none}.game-bug-scroll.review .autoscroll-container{overflow-y:auto}.game-bug-scroll.review .autoscroll{top:0}.game-bug-scroll.review .bugline.wasTapped.noBug{background:#293d50}.game-bug-scroll.review .bugline.hasBug:not(.wasTapped){background:rgba(247,103,49,.9)}.game-bug-scroll.review .bugline.wasTapped.hasBug{background:rgba(44,173,44,.59)}.game-bug-scroll .danger-zone{display:none;position:absolute;top:0;bottom:396px;width:100%;background:repeating-linear-gradient(-45deg,rgba(255,0,0,.3),rgba(255,0,0,.3) 40px,rgba(255,0,0,.2) 40px,rgba(255,0,0,.2) 50px);border:10px solid rgba(255,0,0,.2);text-align:center;font-size:4em;text-transform:uppercase;color:rgba(255,0,0,.2);z-index:100;overflow:hidden}.game-bug-scroll .danger-zone span{display:block;position:absolute;top:50%;width:100%;transform:translate(0,-50%)}.game-bug-scroll .autoscroll{top:100%;padding-bottom:100px;line-height:30px;position:relative}.game-bug-scroll .bugline{background:#293d50;position:relative;border:2px solid #222126;padding:5px;font-family:monospace;white-space:pre;height:44px}.game-bug-scroll .bugline .correction{display:none}.game-bug-scroll .bugline:hover{background:#293d50}.game-bug-scroll .bugline.revealed.hasBug:not(.wasTapped),.game-bug-scroll .bugline.wasTapped.noBug{background:rgba(247,103,49,.9)}.game-bug-scroll .bugline.wasTapped.noBug span{color:#fff}.game-bug-scroll .bugline.revealed.hasBug:not(.wasTapped) span,.game-bug-scroll .bugline.wasTapped.hasBug span{color:#fff!important}.game-bug-scroll .bugline.revealed.hasBug:not(.wasTapped) .correction{display:inline-block;position:absolute;top:11px}.game-bug-scroll .bugline.revealed.hasBug:not(.wasTapped) .initial{position:absolute;top:-2px;opacity:.3}.game-bug-scroll .bugline.wasTapped.hasBug{background:rgba(44,173,44,.59)}.game-bug-scroll .bugline.wasTapped.hasBug .correction{display:inline-block;position:absolute;top:11px}.game-bug-scroll .bugline.wasTapped.hasBug .initial{position:absolute;top:-2px;opacity:.3}.bug-spot-review{padding-top:44px;height:100%;background-color:#3e4249}.bug-spot-review .content-wrapper{overflow-y:auto;height:100%}.bug-spot-review .screen-wrapper .line:first-child{border-top:1px solid rgba(0,0,0,.4)}.bug-spot-review .screen-wrapper .line{min-height:50px;border-bottom:1px solid rgba(0,0,0,.4);background-color:rgba(104,114,127,.8);display:flex;flex-direction:row;vertical-align:middle;width:100%}.bug-spot-review .screen-wrapper .line .icon{width:50px;height:50px;display:flex;justify-content:center;align-items:center;color:rgba(255,255,255,.5)}.bug-spot-review .screen-wrapper .line .icon svg{min-width:15px;max-width:15px}.bug-spot-review .screen-wrapper .line .crossed-wrapper{padding:15px 15px 15px 0}.bug-spot-review .screen-wrapper .line .crossed-wrapper .crossed{text-decoration:line-through}.bug-spot-review .screen-wrapper .line p{display:flex;justify-content:center;flex-direction:column;margin:0;line-height:20px;font-size:15px;font-family:'Roboto Mono';font-weight:300;color:#fff}.game-bug-spot.review .bugline.hasBug:not(.tapped) span,.game-bug-spot.review .bugline.tapped.hasBug span{color:#fff!important}.bug-spot-review .explanation-placeholder{min-height:50px}.bug-spot-review .explanation-placeholder .explanation-wrapper{padding-top:20px}.game-bug-spot.review .container{overflow-y:auto;padding-top:44px}.game-bug-spot.review .bugline.tapped.noBug{background:#202225}.game-bug-spot.review .bugline.hasBug:not(.tapped){border-color:#c2342f;background:#c2342f}.game-bug-spot.review .bugline.tapped.hasBug{border-color:#55a433;background:#55a433}.game-bug-spot .screen-bug-spot{position:absolute;width:100%;height:100%;overflow-y:auto;background:#2c3138}.game-bug-spot .screen-bug-spot.review{position:static;height:auto;overflow-y:hidden}.game-bug-spot .screen-bug-spot.review+.screen-bug-spot{padding-top:44px}.game-bug-spot .screen-fade-leave{transform:translate3d(0,0,0);transition:transform .3s ease-in}.game-bug-spot .screen-fade-leave.screen-fade-leave-active{transform:translate3d(-100%,0,0)}.game-bug-spot .bugline{background:#202225;position:relative;font-size:14px;padding:0 5px;font-family:monospace;white-space:pre;height:44px;line-height:44px;border-top:1px solid #68727f}.game-bug-spot .bugline.tapped.noBug{background:#c2342f;border-color:#c2342f}.game-bug-spot .bugline.tapped.noBug span{color:#fff}.game-bug-spot .bugline.revealed.hasBug:not(.tapped){border:4px solid #55a433}.game-bug-spot .bugline.revealed.hasBug:not(.tapped) .initial{top:-4px;position:absolute}.game-bug-spot .bugline.tapped.hasBug{border-color:#55a433;background:#55a433}.game-bug-spot .bugline.tapped.hasBug span{color:#fff!important}.iOS .game-bug-spot.review .container{padding-top:64px}.fill-the-gap-review{height:100%;padding-top:44px;background-color:#3e4249}.fill-the-gap-review .content-wrapper{overflow-y:auto;height:100%}.fill-the-gap-review .review-question-wrapper .code-block{background-color:#2c3138;line-height:25px;font-size:15px;font-weight:300;font-family:'Roboto Mono';padding:15px 15px 25px;white-space:pre-line}.fill-the-gap-review .review-question-wrapper .code-block span{color:#fff}.fill-the-gap-review .review-question-wrapper .code-block .comment{color:#9da3a9!important}.fill-the-gap-review .review-question-wrapper .code-block .gap{border-radius:2.5px;margin-top:5px;font-size:15px;line-height:20px;font-family:'Roboto Mono',monospace;padding:7px 10px;background-color:rgba(104,114,127,.8);display:inline-block}.fill-the-gap-review .review-question-wrapper .answers-wrapper{padding:15px}.fill-the-gap-review .review-question-wrapper .line{min-height:50px;background:rgba(104,114,127,.8);border-radius:5px;display:flex;flex-direction:row;vertical-align:middle;width:100%;margin-bottom:5px}.fill-the-gap-review .review-question-wrapper .line .icon{width:50px;height:50px;display:flex;justify-content:center;align-items:center;color:rgba(255,255,255,.5)}.fill-the-gap-review .review-question-wrapper .line .icon svg{min-width:15px;max-width:15px}.fill-the-gap-review .review-question-wrapper p{display:flex;justify-content:center;flex-direction:column;margin:0;line-height:20px;font-size:15px;font-family:'Roboto Mono';font-weight:300;color:#fff;padding:15px 15px 15px 0}.game .playground.game-fill-the-gap .sublevel .answer-option p>code,.game .playground.game-fill-the-gap .sublevel .question{font-family:'Roboto Mono',monospace}.fill-the-gap-review .review-question-wrapper .line:last-child{margin-bottom:0}.game .playground.game-fill-the-gap{overflow-y:scroll;-webkit-overflow-scrolling:touch;transition:transform .8s linear;height:calc(100% - 44px)}.game .playground.game-fill-the-gap .questions-container{transition:inherit}.game .playground.game-fill-the-gap .sublevel{padding:1px;margin-bottom:5px;margin-top:10px}.game .playground.game-fill-the-gap .sublevel.not-ready{display:none}.game .playground.game-fill-the-gap .sublevel.ready{animation:gap-question-fade-in 1s}.game .playground.game-fill-the-gap .sublevel .question{background:#202225;font-size:13px;line-height:22px;padding:20px 7px;white-space:pre;margin-top:10px}.game .playground.game-fill-the-gap .sublevel .question .gap{background-color:#000;font-size:80%;padding:5px;color:#c2342f}.game .playground.game-fill-the-gap .sublevel .answer-option{transition:all .2s;text-align:left;line-height:50px;height:50px;box-sizing:content-box;padding:5px 5px 5px 20px;border:4px solid transparent}.game .playground.game-fill-the-gap .sublevel.played .answer-option.valid.not-selected,.game .playground.game-fill-the-gap.review .sublevel .answer-option.valid{border:4px solid #55a433}.game .playground.game-fill-the-gap .sublevel .answer-option p{margin:0}.block.gu-mirror,.game-refactor .block{white-space:pre;font-family:monospace}.game .playground.game-fill-the-gap .sublevel .answer-option:nth-child(3n+1){background:rgba(104,114,127,.8)}.game .playground.game-fill-the-gap .sublevel .answer-option:nth-child(3n+2){background:rgba(104,114,127,.6)}.game .playground.game-fill-the-gap .sublevel .answer-option:nth-child(3n+3){background:rgba(104,114,127,.4)}.game .playground.game-fill-the-gap .sublevel.played .gap{color:#55a433}.game .playground.game-fill-the-gap .sublevel.played .answer-option{pointer-events:none}.game .playground.game-fill-the-gap .sublevel.played .answer-option.valid.selected{background:#55a433}.game .playground.game-fill-the-gap .sublevel.played .answer-option.selected.invalid{background:#c2342f}.game .playground.game-fill-the-gap.review{height:100%;padding-top:44px}.game .playground.game-fill-the-gap.review .sublevel{opacity:1;display:block}.game .playground.game-fill-the-gap.review .answer-option{border:none}.game .playground.game-fill-the-gap.review .answer-option.not-selected.invalid{transition:none;box-sizing:border-box;transform:scale(1,0);height:0;margin:0;padding:0}.game .playground.game-fill-the-gap.review .answer-option.not-selected.invalid:last-child{transition:all 0s}.iOS .game .playground.game-fill-the-gap{height:calc(100% - 64px)}.iOS .game .playground.game-fill-the-gap.review{padding-top:64px}.gu-mirror{position:fixed!important;margin:0!important;z-index:9999!important;opacity:.8}.gu-hide{display:none!important}.gu-unselectable{-webkit-user-select:none!important;user-select:none!important}.gu-transit{opacity:.2}.game-refactor{position:static;height:100px;font-size:.6em;padding:5px}.game-refactor .line{display:block;padding:5px;border:0 solid grey;-webkit-user-select:none;user-select:none}.game-refactor .line.extra{background-color:#293d50}.game-refactor .extra-lines{background-color:#293d50;padding:15px;position:absolute;width:100%;left:0;bottom:0;height:30%}.game-refactor .distance{display:none;float:right;color:grey;margin-top:5px;padding-top:10px}.game-refactor .clearboth{clear:both}.game-refactor .buttons{float:left;margin-top:5px}.game-refactor .buttons button{border:0;outline:0;margin:3px 3px 3px 0;padding:10px}.game-refactor .draggarea{padding:10px}.game-refactor .draggarea.won{border:10px solid green}.game-refactor .block{display:inline-block;background:#3e5b77;font-size:170%;margin:5px 5px 5px 1px;padding:5px 2px;-webkit-user-select:none;user-select:none}.game-tetris.review{overflow-y:auto}.game-tetris .container{height:calc(100% - 44px)!important;overflow-y:auto}.game-tetris .block{position:absolute;left:50%;bottom:0;height:30px}.game-tetris .block pre{margin:0;overflow:hidden;min-height:30px;background:0 0}.game-tetris .block pre::before{content:'';width:100%;height:100%;position:absolute;background:currentColor}.game-tetris .block code{box-sizing:border-box;line-height:19px;height:30px;display:block;width:100%;padding:5px 5px 3%;font-size:1em;font-family:'Roboto Mono';position:relative;color:#fff}.game-tetris .block.fail.right pre::before{opacity:.8}.game-tetris .block.fail.left pre::before{opacity:.6}.game-tetris .left-right-buttons .ripple-button{position:relative;height:56px;line-height:56px;border:0;margin:0;width:50%;float:left;color:#fff;border-radius:0}.game-tetris .left-right-buttons .ripple-button .chevron{position:absolute}.game-tetris .left-right-buttons .ripple-button.left{background-color:#68727f}.game-tetris .left-right-buttons .ripple-button.left .chevron{left:20px}.game-tetris .left-right-buttons .ripple-button.right{background-color:#68727f;border-left:1px solid #202225}.game-tetris .left-right-buttons .ripple-button.right .chevron{right:20px}.game-tetris .tetris-container{height:calc(100% - 60px);-webkit-user-select:none;user-select:none;overflow:hidden;position:relative}.game-tetris .tetris-container .limit{position:absolute;height:1px;width:100%;background:#68727f;bottom:300px;z-index:-1}.game-tetris .tetris-container .left-side{float:left;width:50%;height:100%}.game-tetris .tetris-container .right-side{float:right;width:50%;height:100%}.game-tetris .tetris-review{padding-top:40px;height:100%;background-color:#3e4249}.game-tetris .tetris-review .topbar-header{position:fixed;height:40px;width:100%}.game-tetris .tetris-review .topbar-header header{height:40px;background:#000;text-align:center;position:relative}.game-tetris .tetris-review .topbar-header header .header-wrapper{width:calc(100% - 144px);margin:12px 72px 0;height:28px;position:absolute;bottom:0}.game-tetris .tetris-review .topbar-header header .left,.game-tetris .tetris-review .topbar-header header .right{height:100%;float:left;width:50%;position:relative}.game-tetris .tetris-review .topbar-header header .left p,.game-tetris .tetris-review .topbar-header header .right p{position:absolute;top:0;left:50%;transform:translateX(-50%);width:100%;margin:0;font-family:'DM Sans',sans-serif;font-weight:400;font-size:12.5px;line-height:15px;text-align:center;color:#fff;text-transform:uppercase;opacity:.6}.game-tetris .tetris-review .topbar-header header .open{border-bottom:2px solid rgba(255,255,255,.8)}.game-tetris .tetris-review .topbar-header header .open p{opacity:1}.game-tetris .tetris-review .review-body{width:100%;height:100%;padding-top:40px}.game-tetris .tetris-review .review-body .bottom-border{margin-bottom:90px}.game-tetris .tetris-review .block-wrapper{min-height:50px;border-bottom:1px solid rgba(255,255,255,.2);display:flex;flex-direction:column}.game-tetris .tetris-review .block-wrapper p{margin:0}.game-tetris .tetris-review .block-wrapper .answer-wrapper{display:flex;flex-direction:row;margin:10px}.insight-wrapper .insight .practice-question-button-wrapper,.insight-wrapper .playground .sublevel .insight-question-button{display:none}.game-tetris .tetris-review .block-wrapper .answer-wrapper .icon-wrapper{height:30px;width:30px;margin-right:10px}.game-tetris .tetris-review .block-wrapper .answer-wrapper .icon-wrapper .icon{position:relative;left:50%;top:50%;transform:translateX(-50%) translateY(-50%)}.game-tetris .tetris-review .block-wrapper .answer-wrapper .answer{font-family:'Roboto Mono';font-size:15px;font-weight:400;line-height:30px}.game-tetris .tetris-review .block-wrapper .explanation-wrapper{padding-left:35px}.iOS .game-tetris .container{height:calc(100% - 64px)!important;overflow-y:auto}@font-face{font-family:Roboto;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Me5Q.ttf) format('truetype')}@font-face{font-family:'Source Code Pro';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/sourcecodepro/v23/HI_diYsKILxRpg3hIP6sJ7fM7PqPMcMnZFqUwX28DMyQhM4.ttf) format('truetype')}.insight-wrapper{border-radius:5px}.insight-wrapper .topbar-insight{border-top-left-radius:5px;border-top-right-radius:5px}.insight-wrapper .topbar-insight .bar-left{font-size:.9em!important;font-weight:700!important}.insight-wrapper .insight{background:#2e334c}.insight-wrapper .insight .list-section{background:#2e334c;margin:0}.insight-wrapper .playground .sublevel,.insight-wrapper code>div .token{margin:0!important}.insight-wrapper .insight .insight-content code{background-color:#202530!important;padding:0 5px!important;line-height:25px!important}.insight-wrapper .playground .list-section,.insight-wrapper .playground .sublevel .answer-options{background:#2e334c!important}.insight-wrapper .playground .sublevel .question{margin:0!important;background:#2e334c!important;padding:0!important}.insight-wrapper .playground .sublevel .question>p{padding:10px}.insight-wrapper pre{color:#9cdcfe!important;background-color:#202530!important;padding:5px}.insight-wrapper code{color:rgba(255,255,255,.8)!important;font-family:'Source Code Pro',monospace!important}.field .label-field,.layout-view-wrapper,body,body .footer{font-family:'DM Sans',sans-serif}.insight-wrapper code>div{padding-left:14px}.insight-wrapper code>div .cdata,.insight-wrapper code>div .comment,.insight-wrapper code>div .doctype{color:#7f8490!important}.insight-wrapper code>div .boolean{color:#6b9858!important}.insight-wrapper code>div .builtin,.insight-wrapper code>div .changed,.insight-wrapper code>div .keyword,.insight-wrapper code>div .property{color:#599dd4!important}.insight-wrapper code>div .inserted,.insight-wrapper code>div .number{color:#ff73fd!important}.insight-wrapper code>div .constant{color:#646793!important}.insight-wrapper code>div .attr-name,.insight-wrapper code>div .select,.insight-wrapper code>div .variable{color:#c6c5fe!important}.insight-wrapper code>div .attr-value,.insight-wrapper code>div .deleted,.insight-wrapper code>div .string,.insight-wrapper code>div .symbol,.insight-wrapper code>div .triple-quoted-string{color:#f92672!important}.insight-wrapper code>div .tag{color:#54c8b0!important}.insight-wrapper code>div .operator,.insight-wrapper code>div .punctuation{color:#f09e78!important}.insight-wrapper code>div .function{color:#fd971f!important}.insight-wrapper code>div .class-name{color:#87c38a!important}.insight-wrapper code>div .char{color:#cf696b!important}.list-options .option h1,.list-section{text-transform:uppercase;color:#fff;margin:0}.insight-wrapper .question-preview-wrapper{border-bottom-left-radius:5px;border-bottom-right-radius:5px}.list-section{height:56px;transform:translateY(-1px);background-color:#000;font-size:12px;padding-top:28px;padding-left:5vw}.list-options{padding:0;margin:0}.list-options .option{list-style:none;padding:0;height:80px;position:relative}.list-options .option h1{text-align:center;font-size:16px;font-weight:300;letter-spacing:.5px;position:relative;top:50%;width:100%;left:0;padding:1em;transform:translate(0,-50%)}.list-options .option:nth-child(8n+1){background:rgba(0,0,0,.65)}.list-options .option:nth-child(8n),.list-options .option:nth-child(8n+2){background:rgba(0,0,0,.5)}.list-options .option:nth-child(8n+3),.list-options .option:nth-child(8n+7){background:rgba(0,0,0,.35)}.list-options .option:nth-child(8n+4),.list-options .option:nth-child(8n+6){background:rgba(0,0,0,.2)}.list-options .option:nth-child(8n+5){background:rgba(0,0,0,.1)}.list-options .option .notif{height:16px;width:16px;background-color:#c2342f;border-radius:50%;position:absolute;margin-left:10px}.scrollable{height:calc(100vh - 80px);-webkit-overflow-scrolling:touch}.scrollable .wrapper{position:relative;padding-bottom:80px;padding-top:40px;height:calc(100vh - 80px)}.loader-container{position:absolute;top:50vh;height:20px;left:50%;margin-left:-10px;z-index:1001}.loader-container .point{position:absolute;width:8px;height:8px;background:#ecf0f1;border-radius:50%;transition:all .1s ease-out .35s;animation:loader-point 2s linear both infinite}@keyframes loader-point{0%,80%{opacity:1}1%,5%{opacity:0}}.field{list-style:none;background:0 0;height:60px;margin:35px 15px 0;cursor:pointer;font-size:16px;position:relative;font-weight:300}.field .input-field,.field .label-field{text-align:left;display:block;padding-top:6px;padding-left:0}.field .label-field{font-weight:300;font-size:15px;line-height:20px;text-align:left;color:rgba(255,255,255,.8);transition:all .2s ease-in-out;transform:translate(0,20px)}.field .input-field{color:#fff;font-size:16px;border:0;width:100%;background:0 0;border-bottom:1px solid rgba(255,255,255,.6);border-radius:0;outline:0}.field.focus .label-field,.field.not-empty .label-field{transform:translate(0,0);color:#fff}.field.focus .input-field{border-bottom:1px solid #fff}.password-field .eye{position:absolute;right:-22px;top:0;font-size:24px;width:66px;text-align:right;height:66px;padding-top:20px;padding-right:22px;color:#68727f;opacity:0;transition:opacity .2s ease-in-out}.password-field.focus .eye,.password-field.not-empty .eye{opacity:1}.check-radio{line-height:25px;background:#fff;width:25px;height:25px;border-radius:50%;float:left;margin:15px;transition:all .2s ease-in-out}.check-radio svg{width:12px;height:12px;top:2px;left:6px;position:relative;cursor:pointer}.check-radio svg path{transition:all .2s ease-in-out;opacity:0;stroke-dashoffset:251px;stroke:#000;fill:#000}.check-radio.checked svg path{opacity:1}.check-radio.topic-color{background:currentColor}.check-radio.topic-color svg path{stroke:#fff;fill:#fff}.app-marketing{margin:24px}.app-marketing .app-marketing-info{display:grid;align-items:center;grid-auto-columns:1fr;grid-column-gap:0;grid-row-gap:0;grid-template-columns:1fr 1fr;grid-template-rows:auto;margin-bottom:16px}.app-marketing .app-marketing-info .app-marketing-info-details .app-marketing-name{font-size:1em;margin-bottom:24px}.app-marketing .app-marketing-info .app-marketing-info-details .app-marketing-summary{font-size:2em;margin-bottom:16px}.app-marketing .app-marketing-info .app-marketing-info-details .app-marketing-description{color:#7e85a7}.app-marketing .app-marketing-info .app-marketing-info-details .app-marketing-appstore-app-of-the-day>img{margin-top:24px}.app-marketing .app-marketing-info .app-marketing-info-details .store-buttons{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;margin-top:24px}.app-marketing .app-marketing-info .app-marketing-image{display:inline-block;max-width:100%;width:100%}.app-marketing .app-marketing-reviews .app-reviews{display:grid;grid-auto-columns:1fr;grid-template-columns:1fr 1fr 1fr 1fr;grid-template-rows:auto;grid-row-gap:24px;grid-column-gap:24px}.app-marketing .app-marketing-reviews .app-reviews .app-reviews-card{background-color:#2e334c;position:relative;max-width:none;border-radius:6px;color:#edeff5}.app-marketing .app-marketing-reviews .app-reviews .app-reviews-card .app-reviews-card-link{max-width:100%;display:inline-block}.app-marketing .app-marketing-reviews .app-reviews .app-reviews-card .app-reviews-card-head{padding-top:16px;padding-right:16px;padding-left:16px;background-color:transparent;color:#edeff5;display:flex;align-items:center;flex-wrap:nowrap;flex-direction:row;justify-content:flex-start}.app-marketing .app-marketing-reviews .app-reviews .app-reviews-card .app-reviews-card-head .app-reviews-card-caption{padding-top:10px}.app-marketing .app-marketing-reviews .app-reviews .app-reviews-card .app-reviews-card-head .app-reviews-card-caption .app-reviews-card-caption-name{color:#3beba8;font-size:.8em;line-height:20px}.app-marketing .app-marketing-reviews .app-reviews .app-reviews-card .app-reviews-card-head .app-reviews-card-caption .app-reviews-card-caption-store{opacity:.4;color:#edeff5;font-size:.7em;font-style:italic}.app-marketing .app-marketing-reviews .app-reviews .app-reviews-card .app-reviews-card-body{padding:16px;font-size:.9em;line-height:20px;color:#edeff5}.app-marketing .app-marketing-reviews .app-reviews .app-reviews-card .app-reviews-card-store-avatar{width:48px;height:48px;margin-right:20px;margin-top:0;margin-bottom:4px;flex:0 0 auto}@media screen and (max-width:768px){.app-marketing .app-marketing-info{grid-row-gap:0;grid-template-columns:1fr}.app-marketing .app-marketing-reviews .app-reviews{grid-template-columns:1fr 1fr}}.layout-view-wrapper{background:#1f233a}.layout-view-wrapper .error{background:#ed6a5e;padding:15px 30px;border-radius:5px}.layout-view-wrapper .success{background:#57a773;padding:15px 30px;border-radius:5px}.layout-view-wrapper .layout-view-nav-container{display:flex;align-items:center;justify-content:space-evenly;padding:16px 60px}.layout-view-wrapper .layout-view-nav-container nav{justify-self:flex-start;flex:1}.layout-view-wrapper .layout-view-nav-container .logo{justify-self:center;flex:1;display:block;text-align:center}.layout-view-wrapper .layout-view-nav-container .layout-view-nav-action-buttons{flex:1}.layout-view-wrapper .layout-view-nav-container a{margin-right:0;margin-left:0;padding:0 12px;transition:color .2s ease;color:#edeff5;white-space:nowrap}.layout-view-wrapper h1{font-size:54px;line-height:1;font-weight:500}@media screen and (max-width:512px){.app-marketing .app-marketing-reviews .app-reviews{grid-template-columns:1fr}.layout-view-wrapper .content{padding:0 10px}}body a{color:#00d672;text-decoration:none;cursor:pointer}body .view{color:#fff;margin-top:80px}body .footer{display:flex;flex-direction:column;text-align:center;color:#fff;font-size:.8em}body .footer p{margin-bottom:1px}body .footer .feedback-link,body .footer .terms-link{font-size:1.1em}*,:after,:before{box-sizing:border-box}body,html{height:100%;color:#fff;background:#1f233a;padding-top:0!important}.aspect{margin:0 2px;background:#fafafa;border:1px solid #ddd;padding:1px 2px;border-radius:3px}.background{position:fixed;background-color:#000;top:-50%;left:-50%;width:200%;height:200%}.background .bg{opacity:.35;z-index:1;position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;min-width:50%;min-height:50%;max-height:100%;background:url(/images/bg.jpg)}.background .gradient{z-index:3;height:75%;width:100%;position:absolute;left:0;background:linear-gradient(to top,#000 0,rgba(32,32,32,0) 45%);background-attachment:scroll}.navigation{position:absolute;width:100%;background:#000;z-index:1000;height:50px;top:0}.navigation .options-wrapper{margin:0 auto;display:flex;justify-content:space-around;max-width:740px}.navigation .options-wrapper span{display:inline-block;line-height:40px;margin-left:10px;height:36px;border:2px solid transparent;width:80px;text-align:center;font-size:16px}.navigation .options-wrapper span a{display:block;height:100%;transition:color .3s ease-in-out;color:#7f8c8d;text-decoration:none}.navigation .options-wrapper span a:hover{color:#ecf0f1}@media (max-width:750px){.navigation .options-wrapper span{margin-left:5px;width:17%}.copyright .right{display:none}}.copyright{z-index:2;position:relative;background:rgba(0,0,0,.6);color:#fff;text-align:center}.copyright .wrapper{max-width:940px;width:90%;margin:0 auto;position:relative}.copyright .left,.copyright .right{position:absolute;top:130px;font-size:12px}.copyright .left{color:#4d5156}.copyright .left a{color:#7f8c8d;text-decoration:none}.copyright .right{right:0;color:#4d5156}.content{position:relative}.ai-insight-view{width:100%;min-width:360px;max-width:1200px;margin-left:210px;display:flex;align-items:flex-start;justify-content:space-evenly}.ai-insight-view .tabs{margin:3px;display:flex;align-items:center;justify-content:center}.ai-insight-view .tabs button{color:#000;height:2rem;margin-left:2px;-webkit-appearance:none;appearance:none;border:none;background:0 0;border-bottom:3px solid transparent;width:100%}.ai-insight-view .tabs button.active{border-bottom-color:#d2691e}.ai-insight-view .card{position:relative;margin-left:20px;border-radius:8px;background:#fafafa;color:#000;width:33.33%}.ai-insight-view .card img{width:100px;height:100%}.ai-insight-view .card .card-header{display:flex;align-items:center;justify-content:space-between;background-color:#fff8dc;padding:0 10px;border-bottom:1px solid #ccc}.ai-insight-view .card .card-header .actions{margin:3px;display:flex;align-items:center;justify-content:center}.ai-insight-view .card .card-header .actions button{color:#000;height:2rem;margin-left:2px}.ai-insight-view .card .card-content{padding:10px;height:75vh;overflow:auto}.ai-insight-view .card .card-content .stats{display:flex;align-items:center;justify-content:flex-start;flex-direction:column}.ai-insight-view .card.comment-thread-container .comment-actions{padding:5px;display:flex;align-items:center;justify-content:flex-start}.ai-insight-view .card.comment-thread-container .comment-actions button{width:50%}.ai-insight-view .card.comment-thread-container .comment{display:flex;justify-content:flex-start;align-items:stretch;flex-direction:column;position:relative;padding:10px}.ai-insight-view .card.comment-thread-container .comment:not(.first){border-left:2px solid #000;padding-left:20px}.ai-insight-view .card.comment-thread-container .comment:not(.first) input{width:calc(92%)}.ai-insight-view .card.comment-thread-container .comment pre{width:100%}.ai-insight-view .card.comment-thread-container .comment textarea{width:100%;height:100px;resize:none}.ai-insight-view .card.comment-thread-container .comment textarea.empty{border:1px solid red}.ai-insight-view .card.comment-thread-container .comment .btn-remove-comment{position:absolute;right:10px}.ai-insight-view .card.system-message-container textarea{width:100%;min-height:100px;height:100%;resize:none}.ai-insight-view .card button.btn-add-reply{border:1px solid #ccc;width:100%;padding:10px;border-radius:5px}.ai-insight-view .card button.btn-add-reply:not(:first-child){margin-left:3px}.ai-insight-view .card button.btn-generate-ai-reply{background-color:#3beba8}.details{padding:20px;width:100%}.details hr{margin:20px 0;border:0;border-top:2px dashed #f4f8f9;background:0 0}.details h2{font-size:16px;font-weight:300;letter-spacing:.5px}.details h3{font-size:14px;font-weight:700;letter-spacing:.5px;color:#90a4ae;margin-bottom:2px}.details table{font-size:.9em}.details table th{text-align:left;color:#90a4ae;font-weight:400;padding:3px}.details table td{border:1px solid #90a4ae;padding:3px}.error-notification,.success-notification{text-align:center;color:#fff;position:fixed;top:0;left:50%;padding:30px 15px;border-radius:5px;min-height:55px;width:400px;max-width:100%;z-index:100000;font-size:1em;animation:show-notif 3s normal forwards ease-in-out;transform:translate(-50%,-100%);opacity:.95}.error-notification{background:#c2342f}.success-notification{background:#55a433}.offline-notification{text-align:center;color:#fff;position:absolute;bottom:0;left:0;padding:30px 15px;min-height:40px;width:100%;z-index:1000;font-size:1.3em;background:#d0021b}.offline-notification p{margin:0}@keyframes show-notif{0%,100%{transform:translate(-50%,-100%)}10%,90%{transform:translate(-50%,5px)}}.insight-view .insight-container{width:65vw;min-width:360px;max-width:1000px;margin:0 auto;padding-top:60px;padding-bottom:80px}.insight-view .insight-container .insight-header{height:70px;display:flex;flex-direction:row;justify-content:flex-end;align-items:center;border-top-left-radius:4px;border-top-right-radius:4px}.insight-view .insight-container .insight-header .icon,.insight-view .insight-container .insight-header .subtopic-name{line-height:70px!important}.insight-view .insight-container .insight-header .icon{margin:15px 10px;font-size:40px}.insight-view .insight-container .insight-header .subtopic-name{font-family:'DM Sans',sans-serif;font-weight:400;line-height:25px;text-align:center;color:#fff}.insight-view .insight-container .menu-insight-button{display:inline-block;padding:.75em 1.5em;border:.2em solid #FFF;margin-left:5px;border-radius:.12em;box-sizing:border-box;text-decoration:none;font-family:Roboto,sans-serif;font-weight:300;color:#FFF;text-align:center;transition:all .2s}.insight-view .insight-container .menu-insight-button:hover{color:#000;background-color:#FFF}@media all and (max-width:30em){.insight-view .insight-container .menu-insight-button{display:block;margin:.4em auto}}.insight-view .insight-container .question-preview-wrapper{background-color:#2c3138}.insight-view .insight-container .question-preview-wrapper .ripple-button{pointer-events:none!important;width:calc(100% - 30px)!important;cursor:default!important}.insight-view .insight-container .question-preview-wrapper .playground{height:calc(100% - 44px);overflow-y:visible}.insight-view .insight-container .question-preview-wrapper .playground .instructions{font-family:'DM Sans',sans-serif;font-weight:300;font-size:15px;line-height:20px;text-align:left;color:rgba(255,255,255,.8);padding:15px}.insight-view .insight-container .question-preview-wrapper .playground .list-section{background-color:#202225;padding:0 0 15px;height:auto;text-transform:none;text-align:center;font-size:16px}.insight-view .insight-container .question-preview-wrapper .playground .list-section h1{font-weight:300;padding-top:15px;margin-top:0;color:rgba(255,255,255,.6);font-size:12px;text-transform:uppercase;letter-spacing:1px}.insight-view .insight-container .question-preview-wrapper .playground code{color:#fff!important;background:0 0}.insight-view .insight-container .question-preview-wrapper .playground .sublevel .answer-option{background:#68727f}.insight-view .insight-container .question-preview-wrapper .playground .right-answer{font-size:15px;line-height:30px}.insight-view .insight-container .question-preview-wrapper .playground .score{border-radius:2.5px;background-clip:padding-box;margin:15px 15px 0;padding:15px;border:2.5px solid;width:calc(100% - 30px)}.insight-view .insight-container .question-preview-wrapper .playground .score .count,.insight-view .insight-container .question-preview-wrapper .playground .score .message{font-size:17.5px;font-weight:700;width:100%;text-align:center}.insight-view .insight-container .question-preview-wrapper .playground .sublevel{padding:1px;margin-bottom:5px;margin-top:10px}.insight-view .insight-container .question-preview-wrapper .playground .sublevel.not-ready{display:none}.insight-view .insight-container .question-preview-wrapper .playground .sublevel.ready{animation:gap-question-fade-in .6s}.insight-view .insight-container .question-preview-wrapper .playground .sublevel .question{color:#fff;background:#202225;font-size:15px;line-height:30px;padding:20px 15px;margin-top:10px;margin-bottom:15px;font-family:'Roboto Mono',monospace}.insight-view .insight-container .question-preview-wrapper .playground .sublevel .question code,.insight-view .insight-container .question-preview-wrapper .playground .sublevel .question p,.insight-view .insight-container .question-preview-wrapper .playground .sublevel .question pre{margin:0;overflow-x:scroll!important}.insight-view .insight-container .question-preview-wrapper .playground .sublevel .question .width-29-cols,.insight-view .insight-container .question-preview-wrapper .playground .sublevel .question .width-34-cols,.insight-view .insight-container .question-preview-wrapper .playground .sublevel .question .width-39-cols{padding-left:0}.insight-view .insight-container .question-preview-wrapper .playground .sublevel .question .gap{border-radius:2.5px;background-clip:padding-box;margin-top:5px;transition:all .2s ease-out;font-size:15px;line-height:20px;font-family:'Roboto Mono',monospace;color:#fff;padding:7px 10px;background-color:rgba(104,114,127,.6);display:inline-block}.insight-view .insight-container .question-preview-wrapper .playground .sublevel .answer-options{padding:5px 15px 0}.insight-view .insight-container .question-preview-wrapper .playground .sublevel .answer-option{border-radius:2.5px;background-clip:padding-box;transition:all .2s;box-sizing:content-box;padding:7px 10px;margin:0 5px 5px 0;display:inline-block;font-size:15px;line-height:20px;font-family:'Roboto Mono',monospace;color:#fff}.insight-view .insight-container .question-preview-wrapper .playground .sublevel .answer-option p{margin:0}.insight-view .insight-container .question-preview-wrapper .playground.review .ripple-button{display:none}.insight-view .insight-container .question-preview-wrapper .playground.review .sublevel{opacity:1;display:block}.insight-view .insight-container .question-preview-wrapper .playground.review .sublevel .answer-option{pointer-events:none}.insight-view .insight-container .question-preview-wrapper .playground.review .sublevel .answer-option.selected{margin:0;border-right:5px solid transparent;border-bottom:5px solid transparent}.insight-view .insight-container .question-preview-wrapper .revision{padding-top:0}.insight-view .insight-container .question-preview-wrapper .revision .list-section{background:#2c3138;text-align:left;color:rgba(255,255,255,.6);padding-left:15px}.insight-view .insight-container .question-preview-wrapper .insight-question-button.ripple-button{z-index:3;color:#fff}.insight-view .insight-container .question-preview-wrapper .insight-question-button.ripple-button.normal{position:relative;margin-top:25px}@keyframes gap-question-fade-in{0%,75%{opacity:0}100%{opacity:1}}.insight-view .insight-container .comments-header{font-family:'DM Sans',sans-serif;font-weight:400;text-align:left;color:#fff;padding:30px 20px;line-height:40px;border-bottom:1px solid rgba(255,255,255,.2)}.insight-view .insight-container .comments-list{height:calc(100% - 200px);overflow-y:scroll}.insight-view .insight-container .comment-box{padding:20px;border-bottom:1px solid rgba(255,255,255,.2);background-color:#2c3138}.insight-view .insight-container .comment-box-selected{background-color:#434b56}.insight-view .insight-container .comment-box .comment-box-replies{position:relative;padding-top:10px;padding-left:30px}.insight-view .insight-container .comment-box .comment-text{font-family:'DM Sans',sans-serif;font-weight:300;font-size:15px;line-height:20px;text-align:left;color:#fff;padding-bottom:5px}.insight-view .insight-container .comment-box .comment-inline-buttons{display:inline}.insight-view .insight-container .comment-box .comment-time,.insight-view .insight-container .comment-box .commentator-name{font-family:'DM Sans',sans-serif;font-weight:300;font-size:15px;line-height:20px;text-align:left;color:rgba(255,255,255,.6)}.insight-view .insight-container .comment-box .comment-time:hover,.insight-view .insight-container .comment-box .commentator-name:hover{cursor:pointer}.insight-view .insight-container .comment-box .comment-time::before,.insight-view .insight-container .comment-box .commentator-name::before{content:'•';display:inline-block;margin:0 5px}.insight-view .insight-container .comment-box .comment-votes{color:rgba(255,255,255,.6)}.insight-view .insight-container .comment-box .comment-add-reply,.insight-view .insight-container .comment-box .comment-box-state,.insight-view .insight-container .comment-box .comment-copy-link,.insight-view .insight-container .comment-box .comment-downvote,.insight-view .insight-container .comment-box .comment-load-replies,.insight-view .insight-container .comment-box .comment-upvote{margin:0 5px;height:inherit;padding:6px;min-width:0;z-index:0;background:0 0}.insight-view .insight-container .comment-box .comment-add-reply::after,.insight-view .insight-container .comment-box .comment-box-state::after,.insight-view .insight-container .comment-box .comment-copy-link::after,.insight-view .insight-container .comment-box .comment-downvote::after,.insight-view .insight-container .comment-box .comment-load-replies::after,.insight-view .insight-container .comment-box .comment-upvote::after{background:0 0}.insight-view .insight-container .comment-box .comment-category{padding:2px 4px;border:1px solid;border-radius:2px;margin-left:2px;color:rgba(255,255,255,.6)}.insight-view .insight-container .comment-box .comment-edit-box,.insight-view .insight-container .comment-box .comment-reply-box{display:flex;align-items:stretch;justify-content:center;flex-direction:column;color:#1f233a}.insight-view .insight-container .comment-box .comment-edit-box textarea,.insight-view .insight-container .comment-box .comment-reply-box textarea{flex:1;min-height:200px}.insight-view .insight-container .comment-box .comment-edit-box .comment-edit-box-buttons .comment-reply-box-buttons,.insight-view .insight-container .comment-box .comment-reply-box .comment-edit-box-buttons .comment-reply-box-buttons{flex:1;align-items:center;justify-content:space-between}.insight-view .insight-container .comment-box .comment-edit-box .comment-edit-box-buttons .comment-reply-box-buttons button,.insight-view .insight-container .comment-box .comment-reply-box .comment-edit-box-buttons .comment-reply-box-buttons button{width:48%;padding:5px;margin:10px}.insight-view .insight-container .comment-box .comment-downvote-active::after,.insight-view .insight-container .comment-box .comment-upvote-active::after{background:#e7eef0}.insight-view .insight-container .comment-box .dropdown{display:inline-block}.insight-view .insight-container .comment-box .dropdown__content{display:none;position:absolute;z-index:1;background:#fff}.insight-view .insight-container .comment-box .dropdown--active .dropdown__content{display:block}.insight-view .insight-container .comment-box .comment-box-state-dropdown{list-style-type:none;padding:10px;color:#000}.insight-view .insight-container .comment-box .comment-box-state-dropdown-item{padding:4px}.insight-view .insight-container .comment-box .comment-box-state-dropdown-item:hover{cursor:pointer;font-weight:700}.insight-view .insight-container .comment-box .comment-box-state-dropdown-item-active{color:#018bbc;pointer-events:none}.insight-view .insight-container .comment-box .audience-icon{display:none}.insight-view .insight-container .comment-box .delete-comment{cursor:pointer;opacity:0;float:right}.insight-view .insight-container .comment-box .tag{background:rgba(255,255,255,.2);font-family:'DM Sans',sans-serif;font-weight:400;font-size:10px;line-height:15px;text-align:center;color:#fff;border-radius:10px;padding:2px 6px;margin-right:5px}.insight-view .insight-container .comment-box:hover .delete-comment{opacity:1}.insight-view .insight{border-radius:0 0 3px 3px;min-height:0}.insight-view .insight *{-webkit-user-select:text!important;user-select:text!important}.insight-view .insight .width-34-cols,.insight-view .insight .width-39-cols,.insight-view .insight .width-44-cols{padding-left:14px!important;font-size:100%!important}.insight-view .insight pre{padding-top:15px;padding-bottom:15px}.insight-container{margin-left:150px;margin-top:50px;margin-bottom:0}.insight-container .insight-card{padding:25px;width:100%;background-color:#1f233a;display:block}.insight-container .insight-card:hover{border:1px solid #90a4ae}.landing-wrapper{height:100%;width:100%;display:flex;align-items:center;justify-content:center;flex-direction:column}.landing{width:100%;background:0 0;max-width:450px}.landing .additional-link{text-decoration:underline;cursor:pointer;font-family:'DM Sans',sans-serif;font-weight:300;font-size:15px;line-height:20px;text-align:center;color:rgba(255,255,255,.8);padding:0 20px 5px}.landing h1,.landing h2{font-family:'DM Sans',sans-serif;font-weight:400}.landing .additional-link:nth-of-type(even){float:left}.landing .additional-link:nth-of-type(odd){float:right}.landing .go-to-signup{position:relative;margin-bottom:0}.landing .go-to-signup:nth-of-type(2){width:100%}.landing h1{line-height:47.5px;text-align:center;color:#fff}.landing h2{line-height:25px;text-align:center;color:#fff}.landing .learn-more a,.landing h3{font-family:'DM Sans',sans-serif;font-weight:400;line-height:20px;text-align:center;color:#fff}.landing .itunes-link{margin-right:10px}.landing .learn-more,.landing .store-links{margin-top:30px}.landing .learn-more a{opacity:.6;text-decoration:none}.landing .learn-more a svg{position:relative;top:10px}.timeline .item svg,.topics summary svg{top:3px;position:relative}.not-found{display:flex;align-items:center;justify-content:center;height:100vh;width:100vw}.notes{margin:20px}.notes .note{padding-top:20px;clear:both}.notes .metadata{font-size:14px;font-weight:300;letter-spacing:.5px;color:#90a4ae;margin-top:5px}.notes .hashtag,.notes .mention{color:#7460ee}.notes textarea{float:left;width:calc(100% - 100px);min-height:50px;border:1px solid #f4f8f9}.notes button{float:left;border:0;background:#7460ee;color:#fff;padding:10px;width:100px;height:50px}.timeline,.topics details>div{border-left:2px solid #90a4ae}.timeline{margin:20px;padding-left:10px}.timeline details.item>div h4,.timeline h3{margin-bottom:2px;font-size:14px;font-weight:300;color:#90a4ae;letter-spacing:.5px}.timeline h3::before{content:' ';width:10px;height:10px;display:inline-block;position:relative;background:#fff;border:2px solid #90a4ae;border-radius:50%;left:-16px}.timeline .item{padding:5px;box-shadow:0 1px 3px transparent,0 1px 2px transparent;transition:all .3s cubic-bezier(.25,.8,.25,1)}.timeline .item:hover{position:relative;box-shadow:0 14px 28px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.22)}.timeline .item .right{float:right}.timeline .item summary{cursor:pointer;outline:0}.timeline details.item>div{padding-left:25px}.hide-arrow::-webkit-details-marker{display:none}.hide-arrow:first-of-type{list-style-type:none}.topics{padding:20px}.topics details{margin-bottom:10px}.topics details>div{margin-left:5px;padding-left:25px}.topics h3{font-size:14px;font-weight:300;letter-spacing:.5px;color:#90a4ae;margin-bottom:2px}.topics summary{outline:0}.topics summary h3{display:inline}.user-detail{padding:25px;min-width:850px;margin-left:150px}.user-content{margin-top:35px;min-width:475px;background:#fff;display:flex;align-items:flex-start;justify-content:center}.user-details{display:flex;align-items:center;justify-content:center;flex-direction:column;color:#90a4ae;width:100%}.button{color:#7460ee;border:#7460ee;background:0 0;height:60px;border-radius:40px;font-weight:500;min-width:150px;margin:1em;padding:1em 2em;vertical-align:middle;position:relative;z-index:1}.button::after,.details-header{background:#e7eef0}.button i{font-size:1.5em;position:relative;top:2px}.button::after,.button::before{content:'';z-index:-1;border-radius:inherit;pointer-events:none;position:absolute;top:0;left:0;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;transition:transform .3s,opacity .3s;transition-timing-function:cubic-bezier(.75,0,.125,1)}.button::before{border:2px solid #7460ee;opacity:0;transform:scale3d(1.2,1.2,1)}.button::after,.button:hover::before{opacity:1;transform:scale3d(1,1,1)}.button:hover::after{opacity:0;transform:scale3d(.8,.8,1)}.button.error{color:#c2342f;border-color:#c2342f}.button.error::before{border:2px solid #c2342f}.button.info{color:#2781b5;border-color:#2781b5}.button.info::before{border:2px solid #2781b5}.details-header{margin:0;padding:0;width:100%}.details-header li{display:inline-block;list-style:none;height:57px;line-height:60px;padding:0 20px;color:#90a4ae;border-bottom:3px solid transparent;cursor:pointer}.details-header li.selected,.details-header li:hover{color:#7460ee}.details-header li.selected{border-bottom:3px solid #7460ee}.floating-button-to-modal{width:50px;height:50px;position:fixed;right:30px;bottom:30px;z-index:1100}.floating-button-to-modal__overlay{background:#f4f8f9;position:fixed;top:0;left:0;z-index:800;width:100vw;height:100vh;content:'';opacity:0;transition:opacity .5s;pointer-events:none}.floating-button-to-modal__button{width:100%;height:100%;background:#7460ee;color:#fff;border:0;border-radius:25px}.floating-button-to-modal.opened .floating-button-to-modal__overlay{opacity:.7;pointer-events:auto}#header{color:#90a4ae;background:#fff;height:60px;display:flex;align-items:center;justify-content:flex-end;padding-left:30px;position:fixed;top:0;width:calc(100% - 190px);left:190px;z-index:10}#header input{height:58px;border:0;flex:1}#header .user-info{height:100%;width:15vw;display:flex;flex-direction:row;align-items:center;justify-content:flex-end;padding:5px}#header .user-info .left-wrapper{display:flex;flex-direction:column}#header .user-info .log-out,#header .user-info .username{line-height:20px!important;font-family:'DM Sans',sans-serif}#header .user-info .username{font-weight:400;text-align:right;color:#fff;color:inherit}#header .user-info .log-out{font-weight:300;font-size:15px;text-align:left;color:rgba(255,255,255,.8);color:inherit;cursor:pointer}#header .user-info .avatar{margin-left:15px}#header .user-info .avatar img{width:30px;height:30px}.login-form .field{margin-top:0}.login-form .field label{cursor:pointer}.login-form .message{opacity:0;background-color:transparent;transition:opacity .6s background-color .6s;padding:10px 20px;border-radius:5px;height:60px}.login-form .error{background-color:#ed6a5e;opacity:1}.login-form .success{background-color:#57a773;opacity:1}.login-form .separator{position:relative;display:flex;margin-top:12px;margin-bottom:12px;justify-content:center;align-items:center}.login-form .separator .text{opacity:1;color:#7e85a7;padding-right:16px;padding-left:16px;font-size:16px;font-weight:500;background-color:#1f233a;position:relative;z-index:1}.login-form .separator .line{position:absolute;width:100%;height:1px;background-color:#ecebea}.login-form .provider-signin{align-items:center;background:#f8f6f4;border-radius:5px;border:2px solid transparent;color:#222525;cursor:pointer;display:flex;font-family:'DM Sans',sans-serif;font-size:16px;font-weight:700;justify-content:center;line-height:40px;margin-bottom:20px;margin-top:20px;min-width:160px;padding:3px 10px;text-align:center;text-decoration:none;width:100%}.login-form .provider-signin[disabled]{opacity:.5;cursor:not-allowed}.login-form input{background-color:#fff;border-radius:5px;border:1px solid #ecebea;color:#333;display:block;font-size:14px;font-size:16px;height:48px;line-height:24px;padding:10px 20px;transition:border-color .2s ease;vertical-align:middle;width:100%;margin-bottom:12px;outline:0}.login-form input:focus{border-color:#068466}.login-form input[type=checkbox]{vertical-align:2px;margin-right:10px;height:24px;width:24px}.login-form button[type=submit]{position:relative;padding:10px 24px;border:2px solid transparent;border-radius:5px;background-color:#3beba8;box-shadow:none;transition:background-color .2s ease;color:#1f233a;font-weight:700;text-decoration:none;cursor:pointer;width:100%;outline:0}.login-form .links a,.modal{color:#fff}.login-form button[type=submit][disabled]{cursor:not-allowed;opacity:.75}.login-form .links{display:flex;align-items:center;justify-content:space-between;margin-top:20px}.login-form .links.single{justify-content:center}.modal{width:600px;height:700px;background:#7460ee;position:fixed;overflow:hidden;transition-timing-function:cubic-bezier(.7,0,.3,1);overflow-y:scroll;padding:10px}.modal__close-button{position:absolute;top:0;right:0;display:block;overflow:hidden;width:3em;height:3em;text-align:center;line-height:3;background:0 0;border:0;color:#3c21e8}.modal__close-button:hover{color:#fff}.modal h1{text-align:center}.modal h3{margin-bottom:3px}.modal input,.modal textarea{width:100%;border:0;background:#6b55f6;color:#fff;padding:5px}ul.search-results{margin-top:60px;background:#fff;padding:0;margin-left:220px;margin-right:17.5vw;max-height:450px;overflow:auto}ul.search-results li{color:#90a4ae;cursor:pointer;padding:10px 20px;list-style:none;box-shadow:0 1px 3px transparent,0 1px 2px transparent;transition:all .3s cubic-bezier(.25,.8,.25,1)}ul.search-results li:hover{position:relative;box-shadow:0 14px 28px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.22)}ul.search-results .username{font-weight:700}ul.search-results .mail{font-size:14px;font-weight:300;letter-spacing:.5px}#sidebar{color:#90a4ae;background:#fefefe;width:200px;height:100%;left:0;top:0;position:fixed;z-index:10}#sidebar .logo{width:110px;margin:25px 0 30px 30px}#sidebar .logo path{fill:#90a4ae}#sidebar .logo path:first-child{fill:#7460ee}#sidebar ul{list-style:none;padding:0}#sidebar ul li{height:60px;font-family:'DM Sans',sans-serif;font-weight:400;text-align:left;color:#fff;color:inherit;line-height:60px;padding-left:15px;cursor:pointer}.user-card .quick-stats,.user-card h1{text-align:center}#sidebar ul li.selected,#sidebar ul li:hover{color:#7460ee}#sidebar ul li+li{border-top:0}.stars{display:inline-block;margin-right:20px}.stars .star{float:left;width:16px;height:16px;margin:0 2px}.stars .star .clipped{-webkit-clip-path:url(#star-clip-path);clip-path:url(#star-clip-path);width:100%;height:100%}.user-card{background:#fff;width:500px;padding:30px;color:#90a4ae}.user-card .avatar{width:50px;height:50px;margin-left:95px}.user-card h1{font-size:22px;font-weight:400}.user-card h2,.user-card h3{font-size:14px;letter-spacing:.5px}.user-card hr{margin:20px 0;border:0;border-top:2px dashed #f4f8f9;background:0 0}.user-card h2{font-weight:300}.user-card h3{color:#90a4ae;font-weight:700;margin-bottom:2px}.user-card .non-selectable{-webkit-user-select:none;user-select:none}.user-card a{color:inherit;text-decoration:none}.user-card a:hover{text-decoration:underline}.user-card .number-workouts{display:inline-block;width:120px;text-align:left;padding-left:30px;border-left:1px solid #90a4ae}.user-card .number-workouts svg{position:relative;top:3px}.user-card ul{padding:0;margin:0}