@import url(https://fonts.googleapis.com/css2?family=Caveat:wght@400;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=VT323&display=swap);@import url(https://fonts.googleapis.com/css2?family=Michroma&display=swap);@import url(https://fonts.googleapis.com/css2?family=Dosis:wght@200..800&display=swap);@import url(https://fonts.googleapis.com/css2?family=Baloo+Paaji+2:wght@400..800&display=swap);@import url(https://fonts.googleapis.com/css2?family=Raleway:wght@400..900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Indie+Flower&family=Pixelify+Sans:wght@400..700&family=Doto:wght@100..900&family=Kode+Mono:wght@400..700&family=Protest+Guerrilla&family=VT323&display=swap);@import url(https://fonts.googleapis.com/css2?family=Alfa+Slab+One&display=swap);.iframe-pointer{--transform-from:translate(0,0);--transform-to:translate(0,0);--move-duration:0s;--click-interval:0s;--clicks-count:0;height:20px;position:absolute;transform:scale(1);transform-origin:25% top;width:20px;z-index:3}.iframe-pointer.active{transform:scale(.75)}@keyframes clickPointerAnimation{0%,to{transform:scale(1)}50%{transform:scale(.75)}}.button{position:relative}.button.icon-button{align-items:center;color:inherit;display:flex;justify-content:center}.button.icon-button.round{border-radius:50%}.button.icon-button img{height:100%}.button.icon-button img,.button.icon-button svg{flex-shrink:0}.button.icon-button .icon-button-badge{--badge-size:12px;--badge-color:var(--home-accent-color-1);--index:0;background:var(--badge-color);border-radius:50%;box-shadow:0 0 10px var(--badge-color);font-size:10px;height:var(--badge-size);max-width:32px;min-width:var(--badge-size);overflow:hidden;position:absolute;right:calc(var(--badge-size)*-.25 + var(--index)*6px);text-overflow:ellipsis;top:calc(var(--badge-size)*-.15);z-index:calc(100 - var(--index))}.light-theme .dialog-container{--dialog-bg-color:#0002}.dialog-container{--dialog-bg-color:#000b;align-items:center;bottom:0;display:flex;font-family:var(--code-ui-font);justify-content:center;left:0;opacity:0;position:fixed;right:0;top:0;transition:.3s ease-in-out;z-index:11}.dialog-container.active{animation:dialogAppearAnimation .3s ease-in-out forwards;opacity:1}@keyframes dialogAppearAnimation{0%{opacity:0}to{opacity:1}}.dialog-container .dialog-backdrop{align-items:center;background:var(--dialog-bg-color);bottom:0;display:flex;flex-direction:column;left:0;position:absolute;right:0;top:0;transition:opacity .35s}.dialog-container .modal{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:var(--secondary-bg-color);border-radius:var(--border-radius-2);display:flex;flex-direction:column;opacity:0;overflow-y:auto;padding:1rem;transform:scale(0);transition:.5s;width:clamp(300px,100% - 2rem,420px)}.dialog-container .modal.fullScreen{height:calc(100% - 2rem - var(--sat) - var(--sab));width:calc(100% - 2rem - var(--sal) - var(--sar))}@media only screen and (min-width:800px){.dialog-container .modal.fullScreen{margin:0 auto;max-width:800px}}.dialog-container .modal.fullScreenWithoutMargin{border-radius:0;height:100%;width:100%}@media only screen and (min-width:800px){.dialog-container .modal.fullScreenWithoutMargin{margin:0 auto;max-width:800px}}.dialog-container .modal.fullScreenWithoutMargin .button--close{margin-right:var(--sar);margin-top:var(--sat)}.dialog-container .modal .button.bigText{font-size:20px;font-weight:700}.dialog-container .modal .dialog-buttons-group{margin-top:1rem}.dialog-container .modal .dialog-buttons-group .button--dialog{background:#444;border-radius:5px;color:#fff;margin:0 .5rem;padding:8px 12px;transition:.3s}@media only screen and (hover:hover)and (pointer:fine){.dialog-container .modal .dialog-buttons-group .button--dialog:hover{background:#3a3a3a}}.dialog-container .modal .dialog-buttons-group .button--confirm{cursor:pointer;margin:0 .5rem;min-width:0;min-width:auto;opacity:1;padding:8px 12px;pointer-events:all;position:static;transform:none}.dialog-container .modal.active{animation:appearScaleOpacity 1s cubic-bezier(.27,1,.34,1);box-shadow:0 0 100px #0000;box-shadow:0 0 100px var(--box-shadow-color,#0000);opacity:1;transform:scale(1)}@keyframes appearScaleOpacity{0%{opacity:0;transform:scale(0)}30%{box-shadow:0 0 0 #0000;box-shadow:0 0 0 var(--box-shadow-color,#0000);opacity:1;transform:scale(1)}to{box-shadow:0 0 100px #0000;box-shadow:0 0 100px var(--box-shadow-color,#0000)}}.dialog-container .modal .close-dialog-icon{z-index:1}.dialog-container .modal .close-dialog-icon.show-focus{transition:.3s}.dialog-container .modal .close-dialog-icon.show-focus:focus,.dialog-container .modal .close-dialog-icon.show-focus:hover{transform:scale(1.35)}.options-dialog{padding-top:.75rem}.options-dialog__options{display:flex;flex-direction:column;max-height:300px;overflow-y:auto}.options-dialog__options .button{width:100%}.options-dialog__options .button+.button{margin-top:.75rem}.caret-text{animation:blinking 1.25s ease-in-out infinite;background-color:#fff;display:inline-block;margin-left:3px}@keyframes blinking{0%,to{opacity:0}50%{opacity:1}}.command-line{animation:fadeIn .3s ease-in-out;display:flex;flex-direction:column;height:100%;left:0;position:absolute;transform:translateY(100%);transition:.5s;width:100%}.command-line.active{transform:translateY(0)}.command-line .caret{background-color:#fff;height:20px;width:4px}.command-line__panel{background:#000;color:#fff;font-size:18px;max-height:50%;min-height:140px;overflow-y:auto;padding:5px 8px;position:relative}.command-line__panel.isLandscape{width:calc(100% - 85px)}.command-line__path{align-items:center;display:flex;flex-direction:row}.command-line__info{font-size:16px;padding:6px 0 6px 12px;white-space:pre-wrap}.command-line__button.button{word-wrap:break-word;border:1px solid #fff;color:#fff;font-size:18px;font-weight:700;padding:10px 6px}.command-line .button--delete,.command-line .button--enter{align-items:center;background:#1e1e1e;border-radius:8px;display:flex;justify-content:center;padding:5px 12px;position:absolute;right:10px;width:60px}.command-line .button--delete img,.command-line .button--enter img{height:35px}.command-line .button--delete{top:10px}.command-line .button--enter{bottom:10px}.command-line__buttons{min-height:calc(50% + 16px);padding:6px}.command-line__buttons.landscape{width:calc(100% - 85px)}.command-line__buttons.threeColumns{display:flex;overflow:auto}.command-line__buttons.threeColumns .button--delete,.command-line__buttons.threeColumns .button--enter{position:static}.command-line__buttons.threeColumns .command-line__options{padding-right:12px}.command-line__buttons.threeColumns .button--delete,.command-line__buttons.threeColumns .button--enter{margin-bottom:.75rem}.command-line__interactions{display:flex;flex-direction:column}.command-line__options{grid-gap:6px;align-content:flex-start;display:grid;flex:1 1;grid-template-columns:repeat(2,minmax(50px,50%));overflow:auto}.animated-view{height:100%;transform-origin:var(--transform-origin);transition-duration:var(--animation-duration-out);transition-property:opacity,transform;transition-timing-function:var(--timing-function-out);width:100%}.animated-view.fade-in{opacity:0}.animated-view.fade-in.opened{animation:fadeInAnimation var(--animation-duration-in) var(--timing-function-in);animation-fill-mode:backwards;opacity:1}.animated-view.scale{transform:scale(0)}.animated-view.scale.opened{animation:scaleAnimation var(--animation-duration-in) var(--timing-function-in);animation-fill-mode:backwards;transform:scale(1)}.animated-view.scale-fade-in{opacity:0;transform:scale(0)}.animated-view.scale-fade-in.opened{animation:scaleAnimation var(--animation-duration-in) var(--timing-function-in),fadeInAnimation var(--animation-duration-in) var(--timing-function-in);animation-fill-mode:backwards;opacity:1;transform:scale(1)}.animated-view.jump{transform:scale(0)}.animated-view.jump.opened{animation:scaleAnimation var(--animation-duration-in) cubic-bezier(.68,1.95,.43,.82);animation-fill-mode:backwards;transform:scale(1)}.animated-view.jump-fade-in{opacity:0;transform:scale(0)}.animated-view.jump-fade-in.opened{animation:scaleAnimation var(--animation-duration-in) cubic-bezier(.68,1.95,.43,.82),fadeInAnimation var(--animation-duration-in) var(--timing-function-in);animation-fill-mode:backwards;opacity:1;transform:scale(1)}.animated-view.from-bottom{transform:translateY(var(--translate-range))}.animated-view.from-bottom.opened{animation:fromBottomAnimation var(--animation-duration-in) var(--timing-function-in);animation-fill-mode:backwards;opacity:1;transform:translateY(0)}.animated-view.from-top{transform:translateY(calc(var(--translate-range)*-1))}.animated-view.from-top.opened{animation:fromTopAnimation var(--animation-duration-in) var(--timing-function-in);animation-fill-mode:backwards;opacity:1;transform:translateY(0)}.animated-view.from-left{transform:translateX(calc(var(--translate-range)*-1))}.animated-view.from-left.opened{animation:fromLeftAnimation var(--animation-duration-in) var(--timing-function-in);animation-fill-mode:backwards;opacity:1;transform:translateX(0)}.animated-view.from-right{transform:translateX(var(--translate-range))}.animated-view.from-right.opened{animation:fromRightAnimation var(--animation-duration-in) var(--timing-function-in);animation-fill-mode:backwards;opacity:1;transform:translateX(0)}.animated-view.from-bottom-fade-in{opacity:0;transform:translateY(var(--translate-range))}.animated-view.from-bottom-fade-in.opened{animation:fromBottomAnimation var(--animation-duration-in) var(--timing-function-in),fadeInAnimation var(--animation-duration-in) var(--timing-function-in);animation-fill-mode:backwards;opacity:1;transform:translateY(0)}.animated-view.from-top-fade-in{opacity:0;transform:translateY(calc(var(--translate-range)*-1))}.animated-view.from-top-fade-in.opened{animation:fromTopAnimation var(--animation-duration-in) var(--timing-function-in),fadeInAnimation var(--animation-duration-in) var(--timing-function-in);animation-fill-mode:backwards;opacity:1;transform:translateY(0)}.animated-view.from-left-fade-in{opacity:0;transform:translateX(calc(var(--translate-range)*-1))}.animated-view.from-left-fade-in.opened{animation:fromLeftAnimation var(--animation-duration-in) var(--timing-function-in),fadeInAnimation var(--animation-duration-in) var(--timing-function-in);animation-fill-mode:backwards;opacity:1;transform:translateX(0)}.animated-view.from-right-fade-in{opacity:0;transform:translateX(var(--translate-range))}.animated-view.from-right-fade-in.opened{animation:fromRightAnimation var(--animation-duration-in) var(--timing-function-in),fadeInAnimation var(--animation-duration-in) var(--timing-function-in);animation-fill-mode:backwards;opacity:1;transform:translateX(0)}@keyframes fadeInAnimation{0%{opacity:0}to{opacity:1;opacity:var(--target-opacity,1)}}@keyframes fromBottomAnimation{0%{transform:translateY(var(--translate-range))}to{transform:translateY(0)}}@keyframes fromTopAnimation{0%{transform:translateY(calc(var(--translate-range)*-1))}to{transform:translateY(0)}}@keyframes fromLeftAnimation{0%{transform:translateX(calc(var(--translate-range)*-1))}to{transform:translateX(0)}}@keyframes fromRightAnimation{0%{transform:translateX(var(--translate-range))}to{transform:translateX(0)}}.fullscreen-animated-view{background:var(--bg-color);bottom:0;display:flex;flex-direction:column;left:0;overflow-y:auto;position:fixed;right:0;top:0;z-index:10}@media only screen and (min-width:800px){.fullscreen-animated-view.restricted-size{margin:0 auto;max-width:800px}}.bordered-progress-container{bottom:0;left:0;position:absolute;right:0;top:0;z-index:-1}.bordered-progress-container svg rect{stroke-dashoffset:var(--rect-perimeter);animation:strokeAnimation .5s cubic-bezier(.27,1,.34,1) .1s;animation:strokeAnimation .5s calc(var(--appear-delay, 0ms) + .1s) cubic-bezier(.27,1,.34,1);animation-fill-mode:forwards}.sparkles{height:100%;pointer-events:none;position:absolute;right:0;top:0;width:100%;z-index:1}.sparkles .sparkle{line-height:0;position:absolute}@keyframes sparkleAnimation{0%{transform:scale(0) rotate(0)}to{transform:scale(1) rotate(180deg)}}.modal.continue-at-your-own-risk-dialog header{align-items:center;display:flex;justify-content:center}.modal.continue-at-your-own-risk-dialog header .title{font-size:18px;margin:0 12px}.modal.continue-at-your-own-risk-dialog .warning-content{margin:12px 0}.modal.continue-at-your-own-risk-dialog .button--confirm{margin-top:12px}.light-theme .button.road-map-challenge{--challenge-bg:#fff6;border:none!important;box-shadow:0 2px 20px hsla(var(--h),var(--s),var(--l),.5)}.button.road-map-challenge{--challenge-bg:#0006;--highlight-prev-delay:calc(var(--highlight-prev-index, 0)*var(--highlight-prev-time-diff));align-items:center;background:var(--challenge-bg);border:none!important;border-radius:8px;box-shadow:0 2px 12px hsla(var(--h),var(--s),var(--l),.2);cursor:pointer;display:flex;flex-direction:column;height:var(--child-height);justify-content:center;line-height:1;opacity:.5;position:absolute;transition:background .2s ease-out,opacity 0ms var(--highlight-prev-delay),transform 0ms var(--highlight-prev-delay);transition:background .2s ease-out,opacity var(--highlight-prev-transition,0ms) var(--highlight-prev-delay),transform var(--highlight-prev-transition,0ms) var(--highlight-prev-delay);width:var(--child-width);z-index:2}.button.road-map-challenge.caller{animation:roadMapChallengeCallerAnimation .65s ease-in-out}@keyframes roadMapChallengeCallerAnimation{0%,to{transform:scale(1)}50%{transform:scale(1.25)}}.button.road-map-challenge:active{background:hsl(var(--h),50%,50%,.2);transform:scale(1.1);transition:background-color 0s}.button.road-map-challenge:focus{background:hsla(var(--h),var(--s),var(--l),.3)}@media only screen and (hover:hover)and (pointer:fine){.button.road-map-challenge:hover{background:hsla(var(--h),var(--s),var(--l),.4)}}.button.road-map-challenge span{color:hsl(calc(var(--h) + 10),var(--s),var(--l));font-size:12px;font-weight:700}.button.road-map-challenge small{color:hsl(calc(var(--h) - 12),40%,60%);font-size:10px;margin-top:3px}.button.road-map-challenge.completed{opacity:1}.button.road-map-challenge:not(.with-experience){border:1px solid var(--separator-color)}.button.road-map-challenge.playable-not-completed{opacity:1}.button.road-map-challenge.last-highlighted-challenge{background:hsla(var(--h),var(--s),var(--l),.3);transform:scale(1.05)}.button.road-map-challenge.highlight-previous{opacity:.5;transform:scale(1.075)}.button.road-map-challenge .bordered-progress-container{opacity:.85}.info-dialog,.info-dialog .info-dialog-content{align-items:center;display:flex;justify-content:center}.info-dialog .info-dialog-content{text-align:center}.info-dialog .buttons{align-items:center;display:flex;justify-content:center;margin-top:16px;width:100%}.info-dialog .buttons>*{flex:1 1}.info-dialog .buttons .button{max-width:290px}.light-theme .button.button--info{--border-color:var(--computer-text-color)}.button.button--info{--border-color:#fff;--size:20px;--aditional-padding:16px;align-items:center;border:2px solid var(--border-color);display:flex;height:var(--size);justify-content:center;opacity:.5;padding:3px;width:var(--size)}.button.button--info img{height:9px}.button.button--info.with-padding:after{content:"";height:calc(var(--size) + var(--aditional-padding));position:absolute;width:calc(var(--size) + var(--aditional-padding))}.light-theme .road-map-chapter .chapter-title,.use-color-challenge .road-map-chapter .chapter-title{color:hsl(var(--h),var(--saturation-challenge-text),var(--lightness-challenge-text))}.light-theme .road-map-chapter{--group-border-color:#0000000f}.road-map-chapter{--group-border-size:3px;--group-border-color:#ffffff0f;display:flex;flex-direction:column;margin-top:16px;overflow:hidden}.road-map-chapter .road-map-inner-container{border-radius:12px;display:flex;flex:1 1;flex-direction:column;position:absolute}.road-map-chapter .road-map-inner-container .chapter-title{align-items:center;display:flex;font-size:16px;font-weight:700;left:12px;position:absolute;top:12px}.road-map-chapter .road-map-inner-container .chapter-title small{font-size:11px;font-weight:400;line-height:1;margin-left:8px;margin-top:3px}.road-map-chapter .road-map-inner-container .chapter-info-button-container{opacity:.65;padding:10px 10px 8px 12px;position:absolute;right:0;top:0}.road-map-chapter .road-map-inner-container .chapter-info-button-container .chapter-info-button{--border-color:var(--hsl)}.road-map-chapter .road-map-inner-container .challenges-list{align-items:center;display:flex;flex-direction:column;position:relative}.road-map-chapter .categories-connector{position:absolute;width:100%;z-index:-1}.road-map-chapter .categories-connector path{stroke-dasharray:2px 6px}.road-map-chapter .road-map-planet{opacity:.6;position:absolute;top:20%;z-index:-1}.progress-bar-container{--border-radius:10px;--transition:transform var(--duration) var(--delay) var(--timing-function);align-items:center;display:flex;height:100%;left:0;position:absolute;width:100%}.progress-bar-container .progress-border-radius{animation:progressBarBorderRadiusAnimation var(--duration) var(--delay) var(--timing-function);animation-fill-mode:forwards;content:"";display:block;height:100%;left:-100%;position:absolute;top:0;width:100%;z-index:-2}@keyframes progressBarBorderRadiusAnimation{0%{transform:translateX(0)}to{transform:translateX(calc(var(--ratio)*100% + var(--border-radius)*-1))}}.progress-bar-container .progress-border-radius:after{background:var(--border-color);border-radius:0 var(--border-radius) var(--border-radius) 0;content:"";display:block;height:100%;left:100%;position:absolute;transform:translateX(-1px);width:calc(var(--border-radius) + 1px)}.progress-bar-container .progress-bar{--min-width:var(--border-radius);--width:max(var(--min-width),calc(100%*var(--ratio)));animation:progressBarAnim var(--duration) var(--delay) var(--timing-function);animation-fill-mode:forwards;background:var(--color);border-radius:var(--border-radius);height:100%;left:calc(var(--width)*-1);position:absolute;width:calc(var(--width));z-index:-1}@keyframes progressBarAnim{0%{transform:translateX(0)}to{transform:translateX(100%)}}.light-theme .challenges-road-map-header,.use-color-challenge .challenges-road-map-header{color:hsl(var(--h),var(--saturation-challenge-text),var(--lightness-challenge-text))}.light-theme .challenges-road-map-header{--progress-bar-bg:#00000010}.light-theme .challenges-road-map-header .inner-header-container .chapter-titles-list>*{background:hsla(0,0%,100%,.733)}.challenges-road-map-header{--gradient-top:var(--bg-color);--gradient-bottom:var(--bg-color-transparent);--progress-bar-bg:#ffffff10;align-items:center;background:linear-gradient(to bottom,var(--gradient-top),var(--gradient-bottom));display:flex;flex-direction:column;left:var(--sal);padding:10px 16px;position:fixed;right:var(--sar);top:0;z-index:1}.challenges-road-map-header .chapter-title-arrow{opacity:.3}.challenges-road-map-header .inner-header-container{flex:1 1;line-height:1;position:relative;width:100%}.challenges-road-map-header .inner-header-container .category-stats{align-items:center;display:flex;font-size:14px;transform:translateY(-4px)}.challenges-road-map-header .inner-header-container .category-stats .bullet{margin:0 8px}.challenges-road-map-header .inner-header-container .category-info{align-items:flex-end;display:flex;flex-wrap:wrap;margin-top:6px;padding-right:36px;position:relative}.challenges-road-map-header .inner-header-container .category-info .category-name{align-items:center;display:flex;font-family:Pixelify Sans;font-family:edit-undo line brk;font-size:26px;font-weight:700;letter-spacing:1px;margin:0 12px 2px 0;white-space:nowrap}.challenges-road-map-header .inner-header-container .category-info .category-name small{font-size:14px;font-weight:400;margin-left:12px;margin-top:3px}.challenges-road-map-header .inner-header-container .roadmap-progress-bars{background:var(--progress-bar-bg);border-radius:100px;display:flex;flex-direction:column;margin:8px 0;overflow:hidden;position:relative}.challenges-road-map-header .inner-header-container .roadmap-progress-bars .roadmap-challenges-progress{height:10px;overflow:hidden;position:relative;width:100%}.challenges-road-map-header .inner-header-container .roadmap-progress-bars .roadmap-challenges-progress .progress-bar{border-radius:0;z-index:1}.challenges-road-map-header .inner-header-container .roadmap-progress-bars .roadmap-xp-progress{height:6px;opacity:.9;overflow:hidden;position:absolute;top:6px;width:100%}.challenges-road-map-header .inner-header-container .roadmap-progress-bars .roadmap-xp-progress .progress-bar{border-radius:0;z-index:1}.challenges-road-map-header .inner-header-container .chapter-titles-list{align-items:center;display:flex;font-family:Doto;font-weight:700;left:-16px;line-height:1;overflow-x:auto;padding:0 16px;position:relative;width:calc(100% + 32px)}.challenges-road-map-header .inner-header-container .chapter-titles-list>*{background:#0009}.challenges-road-map-header .inner-header-container .chapter-titles-list::-webkit-scrollbar{display:none}.challenges-road-map-header .inner-header-container .chapter-titles-list small{margin:0 6px}.challenges-road-map-header .inner-header-container .chapter-titles-list .chapter-title-entry{align-items:center;cursor:pointer;display:flex;flex-shrink:0;font-size:11px;overflow:hidden;padding:3px;white-space:nowrap}.challenges-road-map-header .inner-header-container .chapter-titles-list .chapter-title-entry.active{text-decoration:underline}.starry-night-container{left:0;overflow:hidden;position:absolute;top:0;will-change:transform;z-index:-1}.planet-container{align-items:center;display:flex;justify-content:center;perspective:900px;position:relative;transform:rotate(var(--planet-angle))}.planet-container.disabled-animation *,.planet-container.disabled-animation :after,.planet-container.disabled-animation :before{animation:none!important}.planet-container .planet-transition{animation:fadeOut var(--hue-transition-duration) ease-in-out;opacity:0;position:absolute;transform:translateZ(0);z-index:10}.planet-container .planet{--gradient:radial-gradient(var(--base-hsl-2),var(--base-hsl),var(--base-hsl-3),var(--base-hsl-2));border-radius:50%;box-shadow:0 0 var(--glowing-step) var(--base-hsl),0 0 calc(var(--glowing-step)*2) var(--base-hsl-2),0 0 calc(var(--glowing-step)*3) var(--base-hsl-3);height:var(--size);overflow:hidden;position:relative;width:var(--size);z-index:1}.planet-container .planet.transitioning{animation:fadeIn var(--hue-transition-duration) ease-in-out}.planet-container .planet:after{animation:planetRotation var(--rotation-duration) linear infinite;background:var(--gradient);background-size:50%;content:"";height:100%;left:0;position:absolute;top:0;width:400%;z-index:2}@keyframes planetRotation{0%{transform:translateX(0)}to{transform:translateX(-50%)}}.planet-container .planet:before{background:var(--gradient);background-size:50%;content:"";height:100%;left:0;position:absolute;top:0;transform:translateX(-50%);width:400%;z-index:1}.planet-container .semicircle{--circle-color:hsl(calc(var(--hue) + var(--circle-index)*20) 60% 60%);--circle-width:calc(var(--size)*2 + var(--circle-index)*(var(--circle-size) + 24px));--circle-height:calc(var(--circle-width)/2);--rotate-x:80deg;--rotate-y:360deg;--translate-y:calc(var(--circle-height)*-1/2 + var(--circle-size));border:var(--circle-size) solid var(--circle-color);border-bottom:0;border-top-left-radius:var(--circle-height);border-top-right-radius:var(--circle-height);height:var(--circle-height);position:absolute;transform-style:preserve-3d;width:var(--circle-width)}.planet-container .semicircle.first{transform:rotateX(var(--rotate-x)) rotateY(calc(var(--rotate-y)*-1)) translateY(var(--translate-y));z-index:-1}.planet-container .semicircle.second{transform:rotateX(var(--rotate-x)) rotate(180deg) rotateY(var(--rotate-y)) translateY(var(--translate-y));z-index:2}.light-theme .basics-path-link-wrapper{--color:hsl(var(--h),80%,30%)}.basics-path-link-wrapper{--color:hsl(var(--h),80%,90%);align-items:center;color:var(--color);display:flex;font-size:12px;line-height:1;margin-bottom:4px;padding:0 18px;position:relative;z-index:3}.basics-path-link-wrapper .button--link{padding:10px 8px 10px 6px}.road-map-reusable{background:var(--bg-color);display:flex;flex-direction:column;height:100%;left:0;line-height:1;padding-left:var(--sal);padding-right:var(--sar);position:fixed;top:0;width:100%;z-index:1000}.road-map-reusable.forbidden{opacity:.5}.road-map-reusable .empty-path-help{color:var(--hsl);display:flex;flex-direction:column;margin:auto;padding:16px;text-align:center;text-shadow:0 0 64px var(--hsl)}.road-map-reusable .empty-path-help h4{font-size:24px;margin-bottom:8px}.road-map-reusable .empty-path-help p{font-size:14px}.road-map-reusable .empty-path-help button{font-weight:700;text-decoration:underline}.road-map-reusable .road-map-content{padding-top:64px}.road-map-reusable .cosmos-imitation-container{height:100%;left:0;opacity:.45;overflow:hidden;position:absolute;top:0;width:100%}.road-map-reusable .outer-planet-container{position:absolute;top:20%;will-change:transform}.road-map-reusable .outer-planet-container .road-map-planet{position:relative;top:20%;z-index:-1}.road-map-reusable .button.button--link{color:var(--hsl);text-decoration:none}.confirm-dialog{font-family:var(--home-font)}.confirm-dialog .dialog-title{font-family:var(--home-font);font-size:20px;font-weight:700;text-align:center}.confirm-dialog .dialog-content{font-family:Doto;font-weight:700;padding:5px 0;text-align:center}.confirm-dialog .dialog-buttons{align-items:center;display:flex;flex-direction:row;justify-content:center;margin-top:1rem;text-align:center}.confirm-dialog .dialog-buttons .button{transition:transform .25s ease-in-out}@media only screen and (hover:hover)and (pointer:fine){.confirm-dialog .dialog-buttons .button:hover .bg{opacity:.4!important}}.confirm-dialog .dialog-buttons .button .button--confirm{color:var(--hsl)}.confirm-dialog.path-background-color .dialog-buttons .button.button--confirm{background:none;overflow:hidden}.confirm-dialog.path-background-color .dialog-buttons .button.button--confirm .bg{background:var(--hsl);bottom:0;left:0;opacity:.2;position:absolute;right:0;top:0}.new-challenges-path{height:calc(100% - var(--sat));top:var(--sat);width:100%}.new-challenges-path .button--close{margin-right:var(--sar)}.new-challenges-path .button--close svg{opacity:.5}.new-challenges-path .button--close svg path{fill:var(--hsl);stroke:var(--hsl)}.light-theme .challenges-path-container{--shine-color:var(--home-accent-color-1)}.light-theme .challenges-path-container .close-button{height:var(--size);width:var(--size)}.light-theme .challenges-path-container .close-button svg path{fill:var(--hsl)}.light-theme .challenges-path-container .map-entry .completion-time,.light-theme .challenges-path-container .map-entry .title,.light-theme .challenges-path-container .map-entry .title span{text-shadow:none}.challenges-path-container{--shine-color:#fff;align-self:center;background:var(--bg-color);height:calc(100% - var(--sat));overflow:hidden;top:var(--sat);width:100%;z-index:11}@media only screen and (min-width:800px){.challenges-path-container{margin:0 auto;max-width:800px}}.challenges-path-container .basics-path-link-wrapper{align-items:center;display:flex;line-height:1;margin-bottom:4px;padding:0 16px;position:relative;z-index:3}.challenges-path-container .basics-path-link-wrapper .button--link{margin-left:5px}.challenges-path-container .button.button--close{z-index:10000}.challenges-path-container .challenges-path{height:100%;overflow-x:hidden;overflow-y:auto;padding-top:112px;transition:padding-top .3s}.challenges-path-container .challenges-path .path-planet{margin-top:48px;opacity:.45;position:fixed}.challenges-path-container .challenges-path .road{flex:1 1;position:relative}.challenges-path-container .challenges-path .road .sub-road{--additional-wire-height:0px;display:grid;grid-auto-flow:dense;grid-template-columns:repeat(var(--entries-per-row),1fr);height:120px;place-items:center;position:relative;width:100%}.challenges-path-container .challenges-path .road .sub-road.chapter-start{margin-top:50px}.challenges-path-container .challenges-path .road .sub-road.chapter-end{--additional-wire-height:50px}.challenges-path-container .challenges-path .road .chapter-title{align-items:flex-end;border-bottom:1px solid var(--separator-color);bottom:calc(100% + 6px);color:var(--hsl);display:flex;font-family:var(--home-font);font-size:26px;font-weight:700;left:0;line-height:1;opacity:.85;padding:0 0 0 32px;position:absolute;text-shadow:0 0 10px var(--bg-color);transform:translateX(calc(-100% + 1px));transition:transform .5s cubic-bezier(.25,1.4,.35,1);z-index:2}.challenges-path-container .challenges-path .road .chapter-title.visible{transform:translateX(0)}.challenges-path-container .challenges-path .road .chapter-title .chapter-name{padding-bottom:8px}.challenges-path-container .challenges-path .road .chapter-title .chapter-info-button{--size:32px;border:1px solid var(--separator-color);height:var(--size);margin-left:12px;overflow:hidden;width:var(--size)}.challenges-path-container .challenges-path .road .chapter-title .chapter-info-button img{height:16px}.challenges-path-container .challenges-path .road .chapter-title .mini-playgrounds-button-wrapper{padding:6px 12px;position:relative}.challenges-path-container .challenges-path .road .chapter-title .mini-playgrounds-button{--size:32px;border:1px solid var(--separator-color);height:var(--size);overflow:hidden;transform:translateZ(0);width:var(--size)}.challenges-path-container .challenges-path .road .chapter-title .mini-playgrounds-button:after{--angle:-30deg;animation:reflectAnimation 7s linear infinite;background:var(--shine-color);content:"";height:100%;opacity:.3;position:absolute;right:calc(100% + 5px);transform:skew(var(--angle));width:5px}@keyframes reflectAnimation{0%{transform:translateX(0) skew(var(--angle))}5%,to{transform:translateX(calc(var(--size) + 15px)) skew(var(--angle))}}.challenges-path-container .challenges-path .road .chapter-title .mini-playgrounds-button img{width:16px;z-index:1}.challenges-path-container .challenges-path .additional-space{height:83px;width:100%}.challenges-path-container .map-entry{align-items:center;border-radius:50%;cursor:pointer;display:flex;height:37px;justify-content:center;position:relative;width:37px}.challenges-path-container .map-entry:not(.additional-fake):focus{box-shadow:0 0 0 4px var(--text-color)}.challenges-path-container .map-entry.quiz-battle.wire-disabled .circle img{opacity:.4}.challenges-path-container .map-entry.quiz-battle .circle{border-width:4px}.challenges-path-container .map-entry.quiz-battle .circle img{height:18px}.challenges-path-container .map-entry .caller{align-items:center;display:flex;justify-content:center;position:absolute;z-index:2}.challenges-path-container .map-entry.fake{opacity:.35}.challenges-path-container .map-entry.additional-fake{--fake-circle-color:var(--hsl-subtle)}.challenges-path-container .map-entry.additional-fake:before{display:none}.challenges-path-container .map-entry.additional-fake.done{--fake-circle-color:var(--hsl)}.challenges-path-container .map-entry.additional-fake .fake-path-entry-circle{--size:12px;background:var(--fake-circle-color);border-radius:50%;height:var(--size);width:var(--size)}.challenges-path-container .map-entry.with-wire.chapter-end.enabled.vertical-wire:after{background:linear-gradient(to bottom,#0000 50%,var(--hsl-subtle) 50%);background-size:41% 38px,100% 1px}.challenges-path-container .map-entry.with-wire.chapter-end.enabled:not(.vertical-wire):after{background:linear-gradient(to right,#0000 50%,var(--hsl-subtle) 50%);background-size:41% 1px,100% 1px}.challenges-path-container .map-entry.with-wire.chapter-end.done.vertical-wire:after{background:linear-gradient(to bottom,#0000 50%,var(--hsl) 50%);background-size:41% 38px,100% 1px}.challenges-path-container .map-entry.with-wire.chapter-end.done:not(.vertical-wire):after{background:linear-gradient(to right,#0000 50%,var(--hsl) 50%);background-size:41% 1px,100% 1px}.challenges-path-container .map-entry.with-wire.chapter-end.done:after{opacity:.5}.challenges-path-container .map-entry.with-wire.chapter-end.wire-disabled.vertical-wire:after{background:linear-gradient(to bottom,#0000 50%,var(--hsl-subtle) 50%);background-size:41% 38px,100% 1px}.challenges-path-container .map-entry.with-wire.chapter-end.wire-disabled:not(.vertical-wire):after{background:linear-gradient(to right,#0000 50%,var(--hsl-subtle) 50%);background-size:41% 1px,100% 1px}.challenges-path-container .map-entry.with-wire.with-animation:after{animation:wireAppearAnimation .2s calc(var(--animation-order)*.2s) ease-in-out;animation-fill-mode:forwards}.challenges-path-container .map-entry.with-wire:after{animation:wireAppearAnimation .2s ease-in-out;animation-fill-mode:forwards;content:"";height:6px;left:100%;position:absolute;transform:scale(0);transform-origin:0 50%;width:calc(100vw/var(--entries-per-row) - 37px)}@media only screen and (min-width:800px){.challenges-path-container .map-entry.with-wire:after{width:calc(800px/var(--entries-per-row) - 37px)}}@keyframes wireAppearAnimation{0%{transform:scale(0)}to{transform:scale(1)}}.challenges-path-container .map-entry.with-wire.wire-disabled:after{background:var(--hsl-subtle)}.challenges-path-container .map-entry.with-wire.vertical-wire:after{height:calc(83px + var(--additional-wire-height));left:calc(50% - 3px);top:100%;transform-origin:50% 0;width:6px}.challenges-path-container .map-entry.with-wire.vertical-wire.reversed:after{left:calc(50% - 3px);transform-origin:50% 0}.challenges-path-container .map-entry.with-wire.reversed:after{left:auto;right:100%;transform-origin:100% 50%}.challenges-path-container .map-entry.done .circle{background:#fff;border:10px solid var(--hsl);box-shadow:0 0 10px var(--hsl),0 0 10px var(--hsl),0 0 10px var(--hsl)}.challenges-path-container .map-entry.done:after{background:var(--hsl)}.challenges-path-container .map-entry.enabled .circle{animation:levelEntryAppearAnimation .5s cubic-bezier(.68,1.95,.43,.82),flickeringCircleAnimation 10s var(--random-delay) linear infinite;animation-fill-mode:forwards;background:hsla(0,0%,100%,.063);box-shadow:0 0 10px var(--hsl),0 0 10px var(--hsl),0 0 10px var(--hsl)}.challenges-path-container .map-entry.enabled.introduction .circle{border:10px solid var(--hsl-intro-challenge-subtle);box-shadow:0 0 10px var(--hsl-intro-challenge),0 0 10px var(--hsl-intro-challenge),0 0 10px var(--hsl-intro-challenge)}.challenges-path-container .map-entry.enabled.with-animation .circle{animation:levelEntryAppearAnimation .5s calc(var(--animation-order)*.2s) cubic-bezier(.68,1.95,.43,.82),flickeringCircleAnimation 10s var(--random-delay) linear infinite;animation-fill-mode:forwards}.challenges-path-container .map-entry.enabled:after{background:var(--hsl)}.challenges-path-container .map-entry.enabled:before{animation:pathEntryCallerAnimation .75s calc(var(--animation-order)*.2s) ease-out;animation-fill-mode:forwards;background:var(--hsl);border-radius:50%;content:"";height:200px;opacity:0;position:absolute;width:200px;z-index:1}@keyframes pathEntryCallerAnimation{0%{opacity:0;transform:scale(0)}65%{opacity:.15}to{opacity:0;transform:scale(1)}}.challenges-path-container .map-entry .title{bottom:100%;font-family:var(--home-font);font-weight:700;letter-spacing:1px;line-height:.6;margin-bottom:22px;position:absolute;text-shadow:0 0 5px #000;white-space:nowrap}.challenges-path-container .map-entry .title .completion-time{color:var(--hsl)}.challenges-path-container .map-entry .title .completion-time.previous-attempt-failed{opacity:.3}.challenges-path-container .map-entry .title .completion-time.not-completed{opacity:.7}.challenges-path-container .map-entry .title .completion-xp{color:var(--hsl);font-size:11px;left:100%;position:absolute;top:-6px}.challenges-path-container .map-entry .title span{align-items:center;bottom:0;color:var(--secondary-computer-text-color);display:flex;font-family:var(--challenge-font);font-size:11px;left:50%;letter-spacing:0;position:absolute;text-shadow:0 0 3px #000;transform:translateX(-50%) translateY(15px)}.challenges-path-container .map-entry .title span img{height:12px;margin-right:5px}.challenges-path-container .map-entry .circle{align-items:center;animation:levelEntryAppearAnimation .5s calc(var(--animation-order)*.2s) cubic-bezier(.68,1.95,.43,.82);animation-fill-mode:forwards;border:10px solid var(--hsl-subtle);border-radius:50%;display:flex;height:37px;justify-content:center;left:50%;position:absolute;top:50%;transform:scale(.5) translate(-50%,-50%);transform-origin:0 0;width:37px}.challenges-path-container .map-entry .circle.transparent{background:var(--hsl)}.challenges-path-container .map-entry .circle span{font-size:24px;font-weight:700;line-height:1}@keyframes levelEntryAppearAnimation{0%{transform:scale(.5) translate(-50%,-50%)}to{transform:scale(1) translate(-50%,-50%)}}@keyframes flickeringCircleAnimation{0%{opacity:1}4%{opacity:.75}11%{opacity:1}17%{opacity:.75}19%{opacity:1}26%{opacity:.7}42%{opacity:.8}50%{opacity:1}58%{opacity:.75}68%{opacity:1}70%{opacity:.85}93%{opacity:1}95%{opacity:.8}to{opacity:1}}.light-theme .stat-entry-alt:active{background:hsla(var(--hue),50%,50%,.1)}@media only screen and (hover:hover)and (pointer:fine){.light-theme .stat-entry-alt:hover{background:hsla(var(--hue),50%,50%,.1)}}.light-theme .stat-entry-alt img[src*=logo]{filter:brightness(.4) sepia(1) hue-rotate(-195deg) saturate(2)}.big-device .user-stats-container .challenges-stats-list .stat-entry-alt+.stat-entry-alt{margin:0}.stat-entry-alt{align-items:flex-start;border-radius:var(--border-radius-3);cursor:pointer;display:flex;padding:12px 16px 10px;position:relative;width:100%}.stat-entry-alt:active{background:hsla(0,0%,100%,.067)}@media only screen and (hover:hover)and (pointer:fine){.stat-entry-alt:hover{background:hsla(0,0%,100%,.133);background:radial-gradient(#fff3,hsla(0,0%,100%,.067))}}.stat-entry-alt+.stat-entry-alt{margin-top:8px}.stat-entry-alt .bordered-progress-container{z-index:1}.stat-entry-alt .img-container{align-items:center;display:flex;justify-content:center;position:relative}.stat-entry-alt .img-container img{height:32px;width:32px}.stat-entry-alt .entry-info{display:flex;flex:1 1;flex-direction:column;margin-left:16px;margin-top:-2px;position:relative}.stat-entry-alt .entry-info .info-header{align-items:center;display:flex}.stat-entry-alt .entry-info .info-header .category-name{font-size:16px;font-weight:900;letter-spacing:2px}.stat-entry-alt .entry-info .info-header .proficiency{align-items:flex-end;display:flex;font-size:14px;line-height:1;margin-left:auto}.stat-entry-alt .entry-info .info-header .proficiency .proficiency-icon{align-items:center;display:flex;filter:grayscale(.8) brightness(1);height:12px;justify-content:center;margin:-6px 10px 0 0;opacity:.9;width:12px}.stat-entry-alt .entry-info .info-header .proficiency small{font-size:10px;margin:0 0 1px 4px}.stat-entry-alt .entry-info .progress-bars-container{display:flex;font-size:10px;line-height:1;margin-top:6px}.stat-entry-alt .entry-info .progress-bars-container .progress-bars{display:flex;flex:1 1;flex-direction:column;margin-right:12px}.stat-entry-alt .entry-info .progress-bars-container .progress-bars-info{align-items:flex-end;display:flex;flex-direction:column}.stat-entry-alt .entry-info .progress-bars-container .progress-bars-info span{min-width:40px;opacity:.7;text-align:right}.stat-entry-alt .entry-info .progress-bars-container .progress-bars-info span+span{margin-top:4px}.stat-entry-alt .entry-info .progress-bar-container{background:hsla(var(--hue),60%,60%,.25);border-radius:8px;height:6px;margin:0 10px 0 0;overflow:hidden;position:relative;z-index:1}.stat-entry-alt .entry-info .progress-bar-container+.progress-bar-container{margin-top:10px}.stat-entry-alt .entry-info .experience-progress{align-items:center;display:flex;font-size:12px;line-height:1;margin-top:6px;position:relative}.stat-entry-alt .entry-info .experience-progress span{opacity:.7}.light-theme .ghost-stat-entry{border:2px dashed #0003}.light-theme .ghost-stat-entry:active{background:hsla(var(--hue),50%,50%,.1)}.light-theme .ghost-stat-entry img{filter:brightness(.4) sepia(1) hue-rotate(-195deg) saturate(2)}.ghost-stat-entry{align-items:center;animation:scaleAnimation .35s calc(var(--index)*.25s) cubic-bezier(.68,1.5,.43,.82);animation-fill-mode:forwards;border:2px dashed hsla(0,0%,100%,.439);border-radius:var(--border-radius-3);cursor:pointer;display:flex;flex-shrink:0;margin:0 8px;opacity:.7;overflow:hidden;position:relative;transform:scale(0)}.ghost-stat-entry+.ghost-stat-entry{margin-top:.75rem}.ghost-stat-entry:active{background:hsla(0,0%,100%,.067)}.ghost-stat-entry .stat-entry-info{align-items:center;display:flex;padding:10px 14px 10px 10px;position:relative;width:100%;z-index:1}.ghost-stat-entry .stat-entry-info .img-container{align-items:center;display:flex;justify-content:center;margin-right:16px;position:relative}.ghost-stat-entry .stat-entry-info .img-container img{filter:grayscale(1);height:24px;width:24px}.ghost-stat-entry img{margin-left:auto}.ghost-stat-entry .stat-category{font-weight:700;letter-spacing:1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.light-theme .button.start-learning-button{--shadow-color:#8085e3}.button.start-learning-button{--shadow-color:#595fd8;background:var(--home-accent-color-1);border-radius:var(--border-radius-3);box-shadow:0 0 0 3px var(--shadow-color);color:#fff;flex:1 1;font-family:var(--home-font);font-size:18px;font-weight:700;margin-bottom:10px;padding:12px 16px}.button.start-learning-button.with-shake-animation{animation:shakingAnimation 6s linear infinite;transform:scale(1)}@keyframes shakingAnimation{0%,20%,7.5%,to{transform:rotate(0deg)}10%,15%{transform:rotate(2deg)}12.5%,17.5%{transform:rotate(-2deg)}}.button.start-learning-button .glow{border-radius:inherit;bottom:0;box-shadow:0 0 50px var(--home-accent-color-1);left:0;opacity:.6;position:absolute;right:0;top:0}.home-view-alert{border-radius:8px;font-family:Poppins,sans-serif}.big-device .user-stats-container .challenges-stats-list{grid-gap:12px;display:grid;grid-template-columns:repeat(2,1fr)}.big-device .user-stats-container .challenges-stats-list .stat-entry+.stat-entry{margin:0}.big-device .user-stats-container .challenges-stats-list .ghost-stat-entry{margin-top:0!important}.user-stats-container{padding:0 0 1rem;position:relative;width:100%}.user-stats-container .title{align-items:center;display:flex;padding:0 var(--home-padding) 0 calc(var(--home-padding) + 4px)}.user-stats-container .title .button{margin-left:auto;padding:12px;position:absolute;right:0}.user-stats-container .button.start-learning-button{border-radius:1rem;margin-bottom:.75rem}.user-stats-container .challenges-stats-list{display:flex;flex:1 1;flex-direction:column}.user-stats-container .challenges-stats-list .challenge-stat{background:#272727;display:flex;flex-direction:column;padding:.5rem .75rem}.user-stats-container .challenges-stats-list .challenge-stat+.challenge-stat{margin-top:.5rem}.user-stats-container .challenges-stats-list .challenge-stat .challenge-category-title{background:#383838;font-weight:700;padding:4px 8px;width:100%}.user-stats-container .challenges-stats-list .challenge-stat .challenge-category-title .development-area{font-size:14px;font-weight:400;margin-left:.5rem}.user-stats-container .challenges-stats-list .challenge-stat .challenge-stat-section{align-items:center;display:flex}.user-stats-container .challenges-stats-list .challenge-stat .challenge-stat-section+.challenge-stat-section{margin-top:1rem}.user-stats-container .challenges-stats-list .challenge-stat .challenge-stat-section .stat-sub-entry{align-items:center;display:flex;font-weight:700;margin-right:1rem}.user-stats-container .challenges-stats-list .challenge-stat .challenge-stat-section img{height:20px;margin-right:8px;width:20px}.user-stats-container .challenges-stats-list .challenge-stat .challenge-stat-section.last-challenge-date{font-size:13px;opacity:.35;white-space:pre}.image-avatar{border:1px solid var(--separator-color);border-radius:50%;flex-shrink:0;overflow:hidden;position:relative}.image-avatar,.image-avatar .initials-container{align-items:center;display:flex;justify-content:center}.image-avatar .initials-container{background:var(--home-accent-color-1);color:#fff;font-family:Arial,serif;font-weight:700;height:100%;line-height:1;position:absolute;width:100%}.image-avatar img{height:100%}.light-theme .job-banner-more{color:var(--home-accent-color-1)}.light-theme .job-badge{color:#fff}.job-banner,.job-banner-more{color:var(--text-color);position:relative}.job-banner-more{cursor:pointer;font-size:18px;font-weight:700;opacity:.8;padding:20px;text-align:center}.job-banner{cursor:pointer;display:flex}.job-banner+.job-banner{margin-top:.75rem}.job-banner .employer-logo{margin:.65rem .75rem .8rem .8rem;z-index:1}.job-banner .job-badge{background:var(--home-accent-color-1);border-radius:100px;bottom:6px;font-size:10px;letter-spacing:.5px;line-height:1;padding:4px 6px 3px;position:absolute;right:8px}.job-banner .job-banner-content{background:var(--slight-bg);border-radius:var(--border-radius-3);display:flex;overflow:hidden;position:relative;width:100%}.job-banner .job-banner-content .job-short-info{display:flex;flex:1 1;flex-direction:column;line-height:1;overflow:hidden;padding:.65rem .5rem .5rem 0;position:relative;z-index:2}.job-banner .job-banner-content .job-short-info .job-title{font-size:15px;font-weight:700;letter-spacing:1px}.job-banner .job-banner-content .job-short-info .company-name{font-family:Doto;font-size:12px;font-weight:700;margin-top:5px;opacity:.8}.job-banner .job-banner-shadow{border-radius:var(--border-radius-3);bottom:0;left:0;opacity:.4;position:absolute;right:0;top:0}.job-banner .job-progress-container{bottom:0;height:4px;left:0}.spinner-backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);bottom:0;left:0;position:fixed;right:0;top:0;z-index:1000}.spinner{align-items:center;display:flex;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:1000}.spinner:after{animation:spinner 1.35s linear infinite;border:var(--border-width) solid;border-color:var(--text-color) #0000 var(--text-color) #0000;border-radius:50%;content:"";height:calc(var(--size));position:absolute;width:calc(var(--size))}@keyframes spinner{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.private-job-progress{background:var(--slight-bg);border-radius:var(--border-radius-3);cursor:pointer;flex-shrink:0;overflow:hidden;position:relative}.private-job-progress>*{transform:translateZ(0)}.private-job-progress+.private-job-progress{margin-top:.75rem}.private-job-progress.job-with-caller{animation:jobCaller 1.25s ease-in-out}@keyframes jobCaller{0%{box-shadow:0 0 0 var(--home-accent-color-1);opacity:1}50%{box-shadow:0 0 50px var(--home-accent-color-1);opacity:.65}to{box-shadow:0 0 0 var(--home-accent-color-1);opacity:1}}.private-job-progress .image-avatar{align-self:flex-start}.private-job-progress .progress-bar{background:linear-gradient(45deg,var(--home-accent-color-1),var(--home-accent-color-2));height:100%}.private-job-progress .overall-progress-bar,.private-job-progress .progress-bar{left:0;position:absolute;transform:scaleX(0);transform-origin:0 50%;transition:.5s;width:100%}.private-job-progress .overall-progress-bar{background:var(--stat-overall-progress);bottom:0;height:4px}.private-job-progress .job-entry-info{align-items:center;display:flex;padding:.65rem 1rem .65rem .65rem;position:relative;z-index:1}.private-job-progress .employer-logo{margin-right:12px}.private-job-progress .job-basic-info{display:flex;flex-direction:column;overflow:hidden}.private-job-progress .job-basic-info .job-company-name,.private-job-progress .job-basic-info .job-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.private-job-progress .job-basic-info .job-name{font-size:14px;font-weight:700;line-height:1}.private-job-progress .job-basic-info .job-company-name{font-size:12px;margin-top:4px}.private-job-progress .job-category-stats{align-self:flex-start;font-size:14px;line-height:1;margin-left:auto;opacity:.5;padding:0 0 0 12px;white-space:nowrap}.animated-view.jobs-list-dialog{background:var(--bg-color);font-family:var(--home-font);height:calc(100% - var(--sat));padding:16px;top:var(--sat);z-index:4}.animated-view.jobs-list-dialog .title{font-size:20px;font-weight:700;line-height:1;margin-top:0}.animated-view.jobs-list-dialog .jobs-list{display:flex;flex-direction:column;margin-top:1rem;overflow-y:auto}@media only screen and (hover:hover)and (pointer:fine){.light-theme .jobs-list-container .jobs-list .job-banner-content:hover{background:rgba(0,0,0,.067)}}.big-device .jobs-list-container .jobs-list{grid-gap:12px;display:grid;grid-template-columns:repeat(2,1fr)}.big-device .jobs-list-container .jobs-list .job-banner+.job-banner{margin:0}.jobs-list-container{padding:0 var(--home-padding);position:relative;width:100%}.jobs-list-container,.jobs-list-container .jobs-list{display:flex;flex-direction:column}@media only screen and (hover:hover)and (pointer:fine){.jobs-list-container .jobs-list .job-banner-content:hover{background:hsla(0,0%,100%,.133)}}.light-theme .checkbox-container{--checkmark-color:#fff}.checkbox-container{--border-size:2px;--size:18px;--border-radius:2px;--border-color:grey;--checked-color:var(--computer-text-color);--checkmark-color:#212121;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.checkbox-container,.checkbox-container label{align-items:center;cursor:pointer;display:flex;position:relative}.checkbox-container label{flex:1 1}.checkbox-container .checkmark{align-items:center;background:#0000;border:var(--border-size) solid var(--border-color);border-radius:var(--border-radius);cursor:pointer;display:flex;flex-shrink:0;height:var(--size);justify-content:center;margin-right:.5em;overflow:hidden;position:relative;transition:.25s cubic-bezier(.4,0,.23,1);width:var(--size);z-index:1}.checkbox-container .checkmark:after{background:var(--checked-color);content:"";inset:0;position:absolute;transform:scale(0);transition:transform .3s ease-in-out;z-index:-1}.checkbox-container input{display:none}.checkbox-container input:checked~label .checkmark{--border-color:var(--checked-color);animation:clickCheckboxAnimation .2s cubic-bezier(.4,0,.25,1)}@keyframes clickCheckboxAnimation{0%{transform:scale(1)}35%{transform:scale(.85)}to{transform:scale(1)}}.checkbox-container input:checked~label .checkmark:after{transform:scale(1.5)}.checkbox-container input:checked~label .checkmark:before{--transform:translate(-55%,-50%) rotate(45deg);--width:calc(var(--size)/5);--height:calc(var(--size)/2);animation:checkmarkAnimation .125s cubic-bezier(.4,0,.25,1) .2s forwards;border-bottom:var(--border-size) solid var(--checkmark-color);border-right:var(--border-size) solid var(--checkmark-color);content:"";height:var(--height);opacity:0;position:absolute;transform:var(--transform) scale(0);transform-origin:0 100%;width:var(--width)}@keyframes checkmarkAnimation{0%{opacity:0;transform:var(--transform) scale(0)}to{opacity:1;transform:var(--transform) scale(1)}}.rc-slider{border-radius:6px;height:14px;padding:5px 0;position:relative;touch-action:none;width:100%}.rc-slider,.rc-slider *{-webkit-tap-highlight-color:rgba(0,0,0,0);box-sizing:border-box}.rc-slider-rail{background-color:#e9e9e9;border-radius:6px;height:4px;position:absolute;width:100%}.rc-slider-track,.rc-slider-tracks{background-color:#abe2fb;border-radius:6px;height:4px;position:absolute}.rc-slider-track-draggable{background-clip:content-box;border-bottom:5px solid #0000;border-top:5px solid #0000;box-sizing:initial;transform:translateY(-5px);z-index:1}.rc-slider-handle{background-color:#fff;border:2px solid #96dbfa;border-radius:50%;cursor:pointer;cursor:grab;height:14px;margin-top:-5px;opacity:.8;position:absolute;touch-action:pan-x;width:14px;z-index:1}.rc-slider-handle-dragging.rc-slider-handle-dragging.rc-slider-handle-dragging{border-color:#57c5f7;box-shadow:0 0 0 5px #96dbfa}.rc-slider-handle:focus{box-shadow:none;outline:none}.rc-slider-handle:focus-visible{border-color:#2db7f5;box-shadow:0 0 0 3px #96dbfa}.rc-slider-handle-click-focused:focus{border-color:#96dbfa;box-shadow:none}.rc-slider-handle:hover{border-color:#57c5f7}.rc-slider-handle:active{border-color:#57c5f7;box-shadow:0 0 5px #57c5f7;cursor:grabbing}.rc-slider-mark{font-size:12px;left:0;position:absolute;top:18px;width:100%}.rc-slider-mark-text{color:#999;cursor:pointer;display:inline-block;position:absolute;text-align:center;vertical-align:middle}.rc-slider-mark-text-active{color:#666}.rc-slider-step{background:#0000;height:4px;position:absolute;width:100%}.rc-slider-dot{background-color:#fff;border:2px solid #e9e9e9;border-radius:50%;bottom:-2px;cursor:pointer;height:8px;position:absolute;vertical-align:middle;width:8px}.rc-slider-dot-active{border-color:#96dbfa}.rc-slider-dot-reverse{margin-right:-4px}.rc-slider-disabled{background-color:#e9e9e9}.rc-slider-disabled .rc-slider-track{background-color:#ccc}.rc-slider-disabled .rc-slider-dot,.rc-slider-disabled .rc-slider-handle{background-color:#fff;border-color:#ccc;box-shadow:none;cursor:not-allowed}.rc-slider-disabled .rc-slider-dot,.rc-slider-disabled .rc-slider-mark-text{cursor:not-allowed!important}.rc-slider-vertical{height:100%;padding:0 5px;width:14px}.rc-slider-vertical .rc-slider-rail{height:100%;width:4px}.rc-slider-vertical .rc-slider-track{bottom:0;left:5px;width:4px}.rc-slider-vertical .rc-slider-track-draggable{border-bottom:0;border-left:5px solid #0000;border-right:5px solid #0000;border-top:0;transform:translateX(-5px)}.rc-slider-vertical .rc-slider-handle{margin-left:-5px;margin-top:0;position:absolute;touch-action:pan-y;z-index:1}.rc-slider-vertical .rc-slider-mark{height:100%;left:18px;top:0}.rc-slider-vertical .rc-slider-step{height:100%;width:4px}.rc-slider-vertical .rc-slider-dot{margin-left:-2px}.rc-slider-tooltip-zoom-down-appear,.rc-slider-tooltip-zoom-down-enter,.rc-slider-tooltip-zoom-down-leave{animation-duration:.3s;animation-fill-mode:both;animation-play-state:paused;display:block!important}.rc-slider-tooltip-zoom-down-appear.rc-slider-tooltip-zoom-down-appear-active,.rc-slider-tooltip-zoom-down-enter.rc-slider-tooltip-zoom-down-enter-active{animation-name:rcSliderTooltipZoomDownIn;animation-play-state:running}.rc-slider-tooltip-zoom-down-leave.rc-slider-tooltip-zoom-down-leave-active{animation-name:rcSliderTooltipZoomDownOut;animation-play-state:running}.rc-slider-tooltip-zoom-down-appear,.rc-slider-tooltip-zoom-down-enter{animation-timing-function:cubic-bezier(.23,1,.32,1);transform:scale(0)}.rc-slider-tooltip-zoom-down-leave{animation-timing-function:cubic-bezier(.755,.05,.855,.06)}@keyframes rcSliderTooltipZoomDownIn{0%{opacity:0;transform:scale(0);transform-origin:50% 100%}to{transform:scale(1);transform-origin:50% 100%}}@keyframes rcSliderTooltipZoomDownOut{0%{transform:scale(1);transform-origin:50% 100%}to{opacity:0;transform:scale(0);transform-origin:50% 100%}}.rc-slider-tooltip{left:-9999px;position:absolute;top:-9999px;visibility:visible}.rc-slider-tooltip,.rc-slider-tooltip *{-webkit-tap-highlight-color:rgba(0,0,0,0);box-sizing:border-box}.rc-slider-tooltip-hidden{display:none}.rc-slider-tooltip-placement-top{padding:4px 0 8px}.rc-slider-tooltip-inner{background-color:#6c6c6c;border-radius:6px;box-shadow:0 0 4px #d9d9d9;color:#fff;font-size:12px;height:24px;line-height:1;min-width:24px;padding:6px 2px;text-align:center;text-decoration:none}.rc-slider-tooltip-arrow{border-color:#0000;border-style:solid;height:0;position:absolute;width:0}.rc-slider-tooltip-placement-top .rc-slider-tooltip-arrow{border-top-color:#6c6c6c;border-width:4px 4px 0;bottom:4px;left:50%;margin-left:-4px}.category-data{display:flex;flex-direction:column;padding:8px 0}.category-data.opened{padding:8px 0 14px}.category-data.opened .checkbox-container{margin-bottom:12px}.category-data.opened .checkbox-container .checkbox-title{display:flex;width:100%}.category-data.opened .checkbox-container .checkbox-title span{margin-left:auto}.category-data .years-slider{align-self:center;margin-top:.5rem;width:calc(100% - 16px)}.category-data .years-slider .rc-slider-track{background:var(--computer-text-color)}.category-data .years-slider .rc-slider-dot-active{border-color:var(--secondary-computer-text-color)}.category-data .years-slider .rc-slider-handle{border:2px solid var(--secondary-computer-text-color)}.questions-dialog{font-family:var(--home-font);padding:0}.questions-dialog .dialog-title{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-size:20px;font-weight:700;padding:1rem 1rem .5rem;position:-webkit-sticky;position:sticky;text-align:center;top:0;width:100%;z-index:1}.questions-dialog .dialog-content{display:flex;flex:1 1;flex-direction:column;overflow-y:auto;padding:0 1rem}.questions-dialog .dialog-buttons{margin-top:auto;padding:1rem;text-align:center}.questions-dialog .dialog-buttons .button{background:var(--home-accent-color-1);border-radius:8px;font-family:var(--home-font);font-weight:700;padding:8px 32px}.career-preference+.career-preference{margin-top:1rem}.preferences-questions-dialog{font-family:var(--home-font);padding:0}.preferences-questions-dialog .dialog-title{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-size:20px;font-weight:700;padding:1rem 1rem .5rem;position:-webkit-sticky;position:sticky;text-align:center;top:0;width:100%;z-index:1}.preferences-questions-dialog .dialog-content{display:flex;flex:1 1;flex-direction:column;margin-top:.5rem;overflow-y:auto;padding:0 1rem}.preferences-questions-dialog .dialog-buttons{margin-top:auto;padding:1rem;text-align:center}.preferences-questions-dialog .dialog-buttons .button{background:var(--home-accent-color-1);border-radius:8px;font-family:var(--home-font);font-weight:700;padding:8px 32px}.confirm-dialog.network-warning-dialog{font-family:var(--home-font)}.confirm-dialog.network-warning-dialog .dialog-title{font-size:16px;font-weight:400}.confirm-dialog.network-warning-dialog .dialog-buttons .button--confirm{font-family:var(--home-font);margin:0}.light-theme .sponsored-challenge-details .start-sponsored-challenges{box-shadow:none}.sponsored-challenge-details{background:var(--bg-color);display:flex;flex-direction:column;font-family:var(--home-font);position:absolute;z-index:10}.sponsored-challenge-details.completed .sticky-header{background:var(--completed-sponsored-challenge)}.sponsored-challenge-details .sticky-header{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:var(--uncompleted-sponsored-challenge);border-bottom:1px solid var(--separator-color);color:#fff;display:flex;padding:1rem 1rem .5rem;position:-webkit-sticky;position:sticky;top:0}.sponsored-challenge-details .sticky-header .sticky-header-title{display:flex;flex-direction:column}.sponsored-challenge-details .sticky-header .sticky-header-title .title{font-size:22px;font-weight:700;line-height:1}.sponsored-challenge-details .sticky-header .sticky-header-title .subtitle{margin-top:8px}.sponsored-challenge-details .sticky-header .sticky-header-close-button{align-self:flex-start;height:20px;margin-left:auto}.sponsored-challenge-details .sections-list{display:flex;flex:1 1;flex-direction:column;overflow-y:auto;padding-bottom:6rem}.sponsored-challenge-details .sponsored-challenge-description{display:flex;flex-direction:column;padding:1rem}.sponsored-challenge-details .challenge-details-section{align-items:center;border-bottom:1px solid var(--separator-color);display:flex;margin-top:.75rem;padding:0 1rem .75rem}.sponsored-challenge-details .challenge-details-section.warning{font-size:15px}.sponsored-challenge-details .challenge-details-section .section-title{font-size:18px;font-weight:700;white-space:pre}.sponsored-challenge-details .challenge-details-section .section-info{margin-left:auto}.sponsored-challenge-details .start-sponsored-challenges{animation:sponsoredButtonAnimation 4s ease-in-out infinite alternate;background-image:var(--start-sponsored-challenge-button-gradient);background-position:0 0;background-repeat:no-repeat;background-size:300% 100%;border-radius:20px;bottom:1rem;box-shadow:0 0 10px rgba(0,0,0,.549);font-family:var(--home-font);font-size:20px;font-weight:700;left:1rem;margin-right:1rem;overflow:hidden;padding:4px;position:absolute;width:calc(100% - 2rem)}@keyframes sponsoredButtonAnimation{0%{background-position:0 0}to{background-position:100% 0}}.sponsored-challenge-details .start-sponsored-challenges .background-span{background:var(--bg-color);border-radius:16px;display:inline-block;height:100%;padding:10px 14px;width:100%}.sponsored-challenge{background:var(--uncompleted-sponsored-challenge);border-radius:1rem;color:#fff;display:flex;flex-direction:column;overflow:hidden;position:relative}.sponsored-challenge+.sponsored-challenge{margin-top:.75rem}.sponsored-challenge.completed{background:var(--completed-sponsored-challenge)}.sponsored-challenge .main-info{align-items:center;background:rgba(0,0,0,.251);display:flex;padding:4px 12px}.sponsored-challenge .main-info .prize{font-size:18px;font-weight:700;margin-left:auto;position:relative}.sponsored-challenge .main-info .name{font-weight:700}.sponsored-challenge .additional-info{display:flex;flex-direction:column;padding:8px 12px 4px}.sponsored-challenge .additional-info .sponsor-name-and-period{align-items:center;display:flex;line-height:1;margin-bottom:8px}.sponsored-challenge .additional-info .sponsor-name-and-period .period{font-size:15px;font-weight:700;margin-left:auto}.sponsored-challenge .additional-info .challenge-description{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sponsored-challenges .sponsored-challenges-list{display:flex;flex-direction:column;margin:1rem 0}.centered-icon-fix-mac{font-size:32px;transform:scale(.5)}.light-theme .medal-container{--border-color:#b5b5b585}.medal-container{--border-color:#ffffff30;align-items:center;display:flex;justify-content:center}.medal-container.with-border{border:2px solid var(--border-color);border-radius:50%}.medal-container img{height:100%}.medal-container .medal-icon{position:absolute}.info-chip{background:var(--info-chip-bg);border-radius:200px;color:var(--text-color);font-size:12px;margin:.75rem auto;opacity:.6;padding:6px 16px}.light-theme .diploma .download-diploma-button .download-image{filter:brightness(.3)}.diploma{border-bottom:1px solid var(--separator-color);border-top:1px solid var(--separator-color);display:flex;padding:10px 0}.diploma+.diploma{border-top:none}.diploma .download-diploma-button{align-items:center;border-radius:5px;display:flex;justify-content:center;overflow:hidden;position:relative}.diploma .download-diploma-button .diploma-image{height:42px;opacity:.5}.diploma .download-diploma-button .download-image{height:20px;position:absolute}.diploma .category-info{align-self:flex-start;display:flex;flex:1 1;flex-direction:column;line-height:1;margin-right:1rem}.diploma .category-info .category-info-section{display:flex}.diploma .category-info .category-info-section+.category-info-section{margin-top:10px}.diploma .category-info .category-info-title{font-weight:700}.diploma .category-info .category-experience,.diploma .category-info .category-name{margin-left:auto}.achievements-list{background:var(--bg-color);display:flex;flex-direction:column;font-family:var(--home-font);overflow-y:auto;padding:1rem;z-index:1000}.achievements-list .close-button{height:20px;margin-bottom:-1.5rem;margin-left:auto;position:-webkit-sticky;position:sticky;top:0;z-index:1}.achievements-list .achievements-section{align-items:center;display:flex;flex-direction:column;justify-content:center;position:relative}.achievements-list .achievements-section .coming-soon-overlay{align-items:center;background:#fff3;border-radius:50%;display:flex;font-size:14px;font-weight:700;height:130px;justify-content:center;position:absolute;width:130px;z-index:1}.achievements-list .achievements-section .achievements-section-title{font-size:20px;font-weight:700;margin-bottom:.75rem;width:100%}.achievements-list .medals-list{display:flex;flex-wrap:wrap;width:100%}.achievements-list .medals-list .medal-container{margin:0 1rem 1rem 0}.achievements-list .medals-list .info-chip{opacity:.3}.achievements-list .diplomas-list{display:flex;flex-direction:column;position:relative;width:100%}.achievements-list .diplomas-list.subtle .diploma{opacity:.15}.achievements-list .diplomas-list.subtle .info-chip{opacity:.3}.thread-stat{align-items:center;border-radius:100px;display:flex;font-family:VCR Mono;font-size:11px;white-space:nowrap}.thread-stat img{height:11px;margin-right:6px}.thread-stat+.thread-stat{margin-left:16px}.thread-stat .stat-value{font-weight:700;height:6px;line-height:.5;margin-left:3px;margin-top:2px}.light-theme .forum-thread{--info-bg:#f5f5f5}.forum-thread{--info-bg:#353535;background:var(--forum-thread-bg);border-radius:8px;cursor:pointer;display:flex;flex-direction:column;padding:6px 10px 10px;position:relative}.forum-thread+.forum-thread{border-top:none;margin-top:8px}.forum-thread .pin-icon{height:16px;position:absolute;right:.85rem;top:.85rem}.forum-thread .thread-title{align-self:flex-start;font-weight:700;letter-spacing:1px}.forum-thread .thread-title:first-letter{text-transform:uppercase}.forum-thread .thread-info{align-items:center;display:flex;margin-top:14px;opacity:.7;position:relative}.forum-thread .last-post-info{background:var(--info-bg);border-left:2px solid var(--home-accent-color-1);border-radius:0 4px 4px 0;display:flex;flex-direction:column;margin-top:8px;padding:4px 8px}.forum-thread .last-post-info .post-user-and-date{align-items:center;display:flex;font-family:VCR Mono;font-size:12px}.forum-thread .last-post-info .post-user-and-date span{margin:0 10px}.forum-thread .last-post-info .post-user-and-date .user{font-size:12px;font-weight:700;margin-right:12px;opacity:.7;overflow:hidden;text-overflow:ellipsis}.forum-thread .last-post-info .post-user-and-date .post-date{font-size:10px;margin-left:auto;opacity:.35;white-space:nowrap}.forum-thread .last-post-info .text{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;font-family:Doto;font-size:12px;margin-top:2px;max-height:64px;opacity:.8;overflow:hidden;text-overflow:ellipsis}.text-input{background:var(--input-bg);border:1px solid #0000;border-radius:var(--border-radius-2);color:var(--text-color);font-family:var(--home-font);font-size:16px;outline:none;padding:10px 12px;width:100%}.text-input::placeholder{font-size:14px;font-weight:400}.text-input:focus{border:1px solid var(--home-accent-color-1)}.input-container{align-items:center;display:flex;position:relative;width:100%}.input-container .text-input{padding:6px 32px 6px 10px}.input-container .button{padding:8px;position:absolute;right:4px;z-index:1}.input-container .button img{height:8px;width:8px}.create-thread-dialog{font-family:var(--home-font)}.create-thread-dialog .title{font-size:20px;font-weight:700;line-height:1;margin-bottom:1rem}.create-thread-dialog .buttons-group{align-items:center;display:flex;justify-content:center;margin-top:1rem}.create-thread-dialog .buttons-group .button{background:var(--home-accent-color-1);border-radius:8px;color:#fff;font-family:var(--home-font);font-weight:700;padding:8px 0;width:100%}.forum-threads{background:var(--bg-color);font-family:var(--home-font);height:calc(100% - var(--sat));top:var(--sat);z-index:2}@media only screen and (min-width:800px){.forum-threads{margin:0 auto;max-width:800px}}.forum-threads .header{align-items:center;background:linear-gradient(to bottom,var(--bg-color),#0000);display:flex;justify-content:space-between;letter-spacing:2px;padding:1rem;position:fixed;top:0;width:100%;z-index:1}.forum-threads .header .title{font-size:20px;font-weight:700;line-height:1}.forum-threads .threads-list{display:flex;flex:1 1;flex-direction:column;overflow-y:auto;padding:52px 8px 100px}.forum-threads .threads-list .thread-entry{border-bottom:1px solid var(--separator-color);border-top:1px solid var(--separator-color);font-size:18px;padding:8px 16px}.forum-threads .threads-list .thread-entry:first-letter{text-transform:uppercase}.forum-threads .buttons-group{align-items:center;background:linear-gradient(0,var(--bg-color),#0000);bottom:var(--sab);display:flex;isolation:isolate;justify-content:center;padding:1rem;position:fixed;width:100%}.forum-threads .buttons-group .button{background:var(--home-accent-color-1);border-radius:8px;color:#fff;font-family:var(--home-font);font-weight:700;line-height:1;padding:16px 0;width:100%}.topic-container{cursor:pointer;display:flex;flex-direction:column;line-height:1;position:relative}.topic-container .topic{border-left:2px solid var(--home-accent-color-2);padding-left:8px;position:relative}.topic-container .threads-count{--size:20px;align-items:center;background:#6499e9;border-radius:100px;color:#fff;display:flex;font-size:12px;height:var(--size);justify-content:center;min-width:var(--size);padding:0 6px;position:absolute;right:0;top:3px}.topic-container .topic-title{font-size:14px;font-weight:700;letter-spacing:1px}.topic-container .bottom-container{display:flex}.topic-container .bottom-container .last-post-date{align-self:flex-end;bottom:0;font-family:VCR Mono;font-size:11px;line-height:1;margin-left:auto;opacity:.4;right:0;white-space:nowrap}.topic-container .bottom-container .topic-subtitle{font-family:Doto;font-size:12px;line-height:1;margin-top:6px;opacity:.8}.light-theme .forum-post{border:1px solid rgba(0,0,0,.267)}.light-theme .forum-post .date{opacity:.7}.light-theme .forum-post .post-code-block-wrapper{border:1px solid rgba(0,0,0,.133);border-radius:3px}.forum-post{border-radius:var(--border-radius-2);display:flex;flex-direction:column;flex-shrink:0;font-size:18px;max-width:90%;min-width:165px;padding:10px 10px 8px;position:relative}.forum-post,.forum-post.own{background:var(--secondary-bg-color)}.forum-post.own{align-self:flex-end}.forum-post.own .nickname{color:var(--home-accent-color-1)}.forum-post+.forum-post{margin-top:10px}.forum-post .post-code-block-wrapper{overflow:hidden;position:relative}.forum-post .post-code-block-wrapper .pre-wrapper{border-radius:3px;padding:8px}.forum-post .post-code-block-wrapper.collapsed{max-height:86px}.forum-post .post-code-block-wrapper.collapsed .button img{transform:rotate(180deg)}.forum-post .post-code-block-wrapper .button{opacity:.5;padding:12px;position:absolute;right:0;top:0}.forum-post .post-code-block-wrapper .button img{height:8px;transition:transform .15s ease-in-out}.forum-post .nickname{font-size:14px;font-weight:700;letter-spacing:1px;line-height:1;margin-bottom:6px;opacity:.7;overflow:hidden;text-overflow:ellipsis}.forum-post .message{font-family:Doto;font-size:13px;font-weight:700;overflow-wrap:break-word;white-space:break-spaces}.forum-post .date{font-size:10px;line-height:1;margin-left:auto;margin-top:10px;opacity:.35}.textarea{background:var(--input-bg);color:var(--text-color);flex-shrink:0;font-family:var(--home-font)}.textarea:focus{border:1px solid var(--home-accent-color-1)}.light-theme .forum-posts .header{background:#fff6}.info-dialog.posts-formatting-info-popup,.light-theme .info-dialog.posts-formatting-info-popup{--format-info-bg:#090909}.info-dialog.posts-formatting-info-popup .info-dialog-content{text-align:start;white-space:pre-wrap}.info-dialog.posts-formatting-info-popup .posts-formatting-content-info{display:flex;flex-direction:column}.info-dialog.posts-formatting-info-popup .posts-formatting-content-info p{margin-bottom:12px}.info-dialog.posts-formatting-info-popup .posts-formatting-content-info ul li{font-size:14px;margin-left:16px}.info-dialog.posts-formatting-info-popup .posts-formatting-content-info ul li+li{margin-top:12px}.info-dialog.posts-formatting-info-popup .posts-formatting-content-info ul li span{background:var(--format-info-bg);border-radius:4px;font-family:monospace;margin-right:4px;padding:3px 6px}.info-dialog.posts-formatting-info-popup .posts-formatting-content-info ul li::marker{color:var(--home-accent-color-1);font-size:1.2em}.forum-posts{background:var(--bg-color);font-family:var(--home-font);height:calc(100% - var(--sat));top:var(--sat);z-index:2}@media only screen and (min-width:800px){.forum-posts{margin:0 auto;max-width:800px}}.forum-posts .header{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:hsla(var(--h),var(--s),var(--l),.5);background:linear-gradient(45deg,#000,hsla(var(--h),var(--s),var(--l),.5));display:flex;left:0;padding:1rem;position:fixed;top:0;width:100%;z-index:2}.forum-posts .header .header-info{display:flex}.forum-posts .header .header-info .thread-info{align-items:center;display:flex;margin-left:10px}.forum-posts .header .header-info .title{font-size:18px;font-weight:700;letter-spacing:2px;line-height:1}.forum-posts .header .header-info .title:first-letter{text-transform:uppercase}.forum-posts .header .button{align-self:flex-start;margin-left:auto}.forum-posts .date{font-family:VCR Mono}.forum-posts .posts-list{align-items:flex-start;display:flex;flex:1 1;flex-direction:column;overflow-y:auto;padding:90px 1rem 1rem}.forum-posts .format-help-button{bottom:calc(100% - 12px);font-size:12px;opacity:.4;position:absolute;text-decoration:underline;white-space:nowrap}.forum-posts .text-input-container{align-items:center;background:var(--bg-color);display:flex;margin-bottom:var(--sab);padding:1rem;position:relative;width:100%}.forum-posts .text-input-container textarea{flex:1 1;font-family:Doto;font-size:14px;line-height:1.15;padding:10px 10px 6px;resize:none}.forum-posts .text-input-container textarea::placeholder{font-size:12px;padding:2px 0}.forum-posts .text-input-container .button.icon-button{border:2px solid var(--home-accent-color-1);border-radius:50%;flex-shrink:0;height:36px;margin-left:12px;padding:13px;width:36px}.forum-posts .text-input-container .button.icon-button.disabled{cursor:not-allowed}@media only screen and (hover:hover)and (pointer:fine){.light-theme .discussion-container .discussions-list .topic-container:hover{background:var(--slight-bg)}}.discussion-container{display:flex;flex-direction:column;margin:1rem 0 0;padding:0 var(--home-padding) 15rem var(--home-padding);position:relative;width:100%}.discussion-container .discussions-list{display:flex;flex-direction:column;z-index:1}.discussion-container .background{background-color:var(--slight-bg);bottom:0;left:0;position:absolute;right:0;top:0}.discussion-container .topic-container{padding:4px}@media only screen and (hover:hover)and (pointer:fine){.discussion-container .topic-container:hover{background:hsla(0,0%,100%,.067)}.discussion-container .topic-container:hover .topic{border-left-width:8px}}.discussion-container .topic-container .topic{padding:6px 6px 6px 8px;transition:border-left-width .3s}.welcome-home-view-dialog{font-family:var(--home-font)}.welcome-home-view-dialog .main-title{font-size:18px;font-weight:700;letter-spacing:2px;line-height:1;text-align:center}.welcome-home-view-dialog .description{font-family:Doto;margin-bottom:1rem;margin-top:1rem}.welcome-home-view-dialog button{letter-spacing:2px}.welcome-home-view-dialog .confirm-button{background:var(--home-accent-color-1);border-radius:10px;color:#fff;font-family:var(--home-font);font-weight:700;letter-spacing:2px;margin-top:1rem;padding:8px 0}.quick-mode-description{font-family:var(--home-font)}.quick-mode-description .main-title{font-size:20px;font-weight:700;letter-spacing:2px;line-height:1}.quick-mode-description .description{font-family:Doto;font-weight:700;margin-top:1rem}.quick-mode-description .categories-list{display:flex;flex:1 1;flex-direction:column;letter-spacing:1px;margin-top:1rem;overflow-y:auto;padding-bottom:80px}.quick-mode-description .categories-list .checkbox-container{margin-bottom:10px}.quick-mode-description .categories-list .checkbox-container.disabled{opacity:.5}.quick-mode-description .buttons-group{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);bottom:0;display:flex;justify-content:space-around;left:0;margin-top:1rem;padding:1rem 0;position:absolute;width:100%}.quick-mode-description .buttons-group .button--confirm{font-size:1.2rem;letter-spacing:2px}.quick-mode-description .buttons-group .button--cancel{border:none}.landscape .quick-mode-description .categories-list{flex-direction:row;flex-wrap:wrap}.landscape .quick-mode-description .categories-list .checkbox-container{margin-right:10px}.playground-card{background:linear-gradient(64.5deg,#5fba98 14.7%,#59df7c 88.7%);border-radius:1rem;color:#fff;display:flex;flex-direction:column;height:90px;overflow:hidden;position:relative}.playground-card .playground-card-title{align-items:center;background:rgba(0,0,0,.251);display:flex;font-weight:700;padding:4px 12px}.playground-card .description{padding:4px 12px}.playground-card .animated-numbers{bottom:0;height:40px;position:absolute;right:0;width:55px}@keyframes numberAnimation{0%,to{transform:scale(1) rotate(-45deg)}50%{transform:scale(.25) rotate(45deg)}}.playground-card .animated-numbers span{--base-font-size:12px;animation:numberAnimation 6s ease-in-out infinite alternate;font-weight:700;position:absolute;transform:scale(1) rotate(-45deg)}.playground-card .animated-numbers span:first-child{animation-delay:.2s;font-size:calc(var(--base-font-size)*1.6);left:10px;top:10px}.playground-card .animated-numbers span:nth-child(2){animation-delay:.4s;bottom:3px;font-size:calc(var(--base-font-size)*1.3);right:10px}.playground-card .animated-numbers span:nth-child(3){animation-delay:.6s;font-size:calc(var(--base-font-size));left:26px;top:6px}.playground-card .animated-numbers span:nth-child(4){animation-delay:.8s;font-size:calc(var(--base-font-size)*1.4);left:2px;top:-7px}.playground-card .animated-numbers span:nth-child(5){animation-delay:1.2s;font-size:calc(var(--base-font-size)*1.4);right:20px;top:-14px}.quiz-battle-card{background:linear-gradient(64.5deg,#d26c9b 14.7%,#df6559 88.7%);border-radius:1rem;color:#fff;display:flex;flex-direction:column;height:90px;margin-top:1rem;overflow:hidden;position:relative}.quiz-battle-card .quiz-battle-card-title{align-items:center;background:rgba(0,0,0,.251);display:flex;font-weight:700;padding:4px 12px}.quiz-battle-card .description{padding:4px 12px}.quiz-battle-card .animated-question-marks{align-items:center;bottom:1rem;display:flex;height:40px;justify-content:center;position:absolute;right:.5rem;width:40px}.quiz-battle-card .animated-question-marks span{font-size:30px;line-height:.75;opacity:.75;position:absolute;transform-origin:37% 88%}.quiz-battle-card .animated-question-marks span:first-child{animation:questionMarkAnimation 3.5s ease-in-out infinite;animation-delay:.18s}.quiz-battle-card .animated-question-marks span:nth-child(2){animation:questionMarkAnimation 3.5s ease-in-out infinite;animation-delay:.36s}.quiz-battle-card .animated-question-marks span:nth-child(3){animation:questionMarkAnimation 3.5s ease-in-out infinite;animation-delay:.54s}.quiz-battle-card .animated-question-marks span:nth-child(4){animation:questionMarkAnimation 3.5s ease-in-out infinite;animation-delay:.72s}@keyframes questionMarkAnimation{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.coming-soon-dialog{display:flex;flex-direction:column;font-family:var(--home-font)}.coming-soon-dialog .planet-container{opacity:.2;position:absolute;top:32px;transform:rotate(32deg);z-index:-1}.coming-soon-dialog .coming-soon-title{font-size:20px;font-weight:700;line-height:1}.coming-soon-dialog .img-container{align-items:center;display:flex;justify-content:center;margin:1rem 0 0;max-height:200px;overflow:hidden}.coming-soon-dialog .img-container img{width:100%}.coming-soon-dialog .coming-soon-description{font-size:14px;margin-top:1rem}.light-theme .top-icon-bar{--disabled-opacity:.6}.top-icon-bar{--disabled-opacity:.35;display:flex;justify-content:space-around;padding:18px 0 12px;width:100%}.top-icon-bar .top-icon-bar-element{align-items:center;cursor:pointer;display:flex;flex:1 1;flex-direction:column;flex-shrink:0;justify-content:center;max-width:100px;position:relative}.top-icon-bar .top-icon-bar-element .coming-soon-chip{background:var(--bg-color);border-radius:10px;font-size:9px;line-height:1;padding:2px 6px;position:absolute;right:6px;top:-6px;transform:rotate(16deg)}@media only screen and (hover:hover)and (pointer:fine){.top-icon-bar .top-icon-bar-element:hover .info-wrapper img{filter:drop-shadow(2px 2px 10px rgba(255,255,255,.5333333333)) drop-shadow(2px 2px 10px rgba(255,255,255,.8));transform:scale(1.2)}}.top-icon-bar .top-icon-bar-element .info-wrapper{display:flex;flex-direction:column}.top-icon-bar .top-icon-bar-element .info-wrapper:focus-visible{filter:drop-shadow(0 0 6px var(--focus-visible-color)) drop-shadow(0 0 12px var(--focus-visible-color));outline:none}.top-icon-bar .top-icon-bar-element .info-wrapper.coming-soon{opacity:var(--disabled-opacity)}.top-icon-bar .top-icon-bar-element .info-wrapper img{height:100%;height:var(--image-height,100%);transition:transform .1s,filter .5s}.top-icon-bar .top-icon-bar-element .coming-soon-badge{background:var(--bg-color);border:2px solid var(--separator-color);border-radius:3px;font-size:10px;line-height:1;opacity:.8;padding:1px 3px;pointer-events:none;position:absolute;text-align:center;transform:translateY(-5px) rotate(-14deg);white-space:nowrap}.top-icon-bar .top-icon-bar-element+.top-icon-bar-element{margin-left:6px}.top-icon-bar .top-icon-bar-element .element-name{font-size:11px;font-weight:700;letter-spacing:1px;margin-top:10px;opacity:.9;text-align:center}.light-theme .full-app-card{transition:.2s}.light-theme .full-app-card .blurred-overlay{--bg:linear-gradient(180deg,#9090ffcf,#0000)}@media only screen and (hover:hover)and (pointer:fine){.light-theme .full-app-card:hover{box-shadow:none;transform:scale(1.02)}}.light-theme .full-app-card .preview-full-app-button img{filter:none!important}.full-app-card{--height:clamp(110px,15vh,200px);--img-opacity:.5;--text-shadow-color:#0000004f;--progress-color:#fff;--progress-subtle-color:#fff3;align-items:center;background:var(--hsl-intro-challenge);border-radius:var(--border-radius-2);color:#fff;cursor:pointer;display:flex;flex-direction:column;flex-shrink:0;height:var(--height);justify-content:center;overflow:hidden;position:relative;width:calc(var(--height)*1.67)}.full-app-card .full-app-progress-container{height:4px;position:relative;width:100%;z-index:1}.full-app-card .full-app-progress-container .full-app-progress-bar{background:var(--progress-color);height:100%;left:0;top:0;transform-origin:0 0}.full-app-card .preview-full-app-button{height:36px;width:36px;z-index:2}.full-app-card .preview-full-app-button img{height:20px}.full-app-card .fake-full-app-bg{align-items:center;bottom:0;display:flex;justify-content:center;left:0;opacity:.5;position:absolute;right:0;top:0;z-index:1}.full-app-card .fake-full-app-bg span{position:absolute}.full-app-card.coming-soon img{opacity:var(--img-opacity)}.full-app-card.coming-soon.dummy .blurred-overlay{color:var(--text-color);opacity:.5}.full-app-card+.full-app-card{margin-left:1rem}.full-app-card .blurred-overlay{--bg:linear-gradient(180deg,#2a2c54,#0000);align-items:center;background:var(--bg);border-radius:var(--border-radius-2);bottom:0;color:#fff9;display:flex;font-size:13px;font-weight:700;justify-content:center;left:0;position:absolute;right:0;top:0;transition:.8s;z-index:1}@media only screen and (hover:hover)and (pointer:fine){.full-app-card:hover{box-shadow:0 0 20px var(--home-accent-color-1)}.full-app-card:hover .blurred-overlay{--bg:linear-gradient(180deg,var(--home-accent-color-2),#0000)}}.full-app-card .full-app-info{display:flex;flex-direction:column;font-weight:700;height:100%;position:absolute;top:0;width:100%;z-index:2}.full-app-card .full-app-info .name{margin-bottom:10px;padding:6px 12px;text-shadow:0 0 5px var(--text-shadow-color);word-break:break-word}.full-app-card .full-app-info .stack{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:12px;margin-top:auto;padding:6px 12px;text-shadow:0 0 10px #666}.full-app-card img{position:absolute;width:100%}.light-theme .full-app-card{--progress-color:var(--home-accent-color-1);--progress-subtle-color:#fff3;--text-shadow-color:#424242}.light-theme .full-app-card.coming-soon{--img-opacity:.65}.light-theme .full-app-card .blurred-overlay{--bg:linear-gradient(180deg,var(--hsl,#9090ffcf),#0000)}.full-app-card-entry .full-app-progress-container{height:4px;position:relative;width:100%;z-index:1}.full-app-card-entry .full-app-progress-container .full-app-progress-bar{background:var(--progress-color);height:100%;left:0;top:0;transform-origin:0 0}.full-app-card-entry .bottom-container{align-items:flex-end;display:flex;flex-wrap:wrap;justify-content:flex-end;margin-top:auto;padding:0 0 0 10px;width:100%;z-index:10}.full-app-card-entry .custom-badges-list{display:flex;flex:1 1;flex-wrap:wrap;max-height:70px;overflow-y:auto}.full-app-card-entry .custom-badge{align-items:center;background:var(--home-accent-color-1);border-radius:100px;color:#fff;display:flex;line-height:1;margin:0 6px 6px 0;padding:4px 6px 2px}.full-app-card-entry .preview-full-app-button{height:36px;position:relative;width:36px;z-index:2}.full-app-card-entry .preview-full-app-button img{height:20px}.full-app-card-entry .fake-full-app-bg{align-items:center;bottom:0;display:flex;justify-content:center;left:0;opacity:.5;position:absolute;right:0;top:0;z-index:1}.full-app-card-entry .fake-full-app-bg span{position:absolute}.full-app-card-entry.coming-soon img{opacity:var(--img-opacity)}.full-app-card-entry.coming-soon.dummy .blurred-overlay{color:var(--text-color);opacity:.5}.full-app-card-entry+.full-app-card{margin-left:1rem}.full-app-card-entry .blurred-overlay{--bg:linear-gradient(180deg,#2a2c54,#0000);--bg:linear-gradient(180deg,var(--hsl,#9090ffcf),#0000);align-items:center;background:var(--bg);border-radius:var(--border-radius-2);bottom:0;color:#fff9;display:flex;font-size:13px;font-weight:700;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:1}@media only screen and (hover:hover)and (pointer:fine){.full-app-card-entry .blurred-overlay:hover{background:var(--home-accent-color-1)}}.full-app-card-entry .full-app-info{display:flex;flex-direction:column;font-weight:700;height:100%;position:absolute;top:0;width:100%;z-index:2}.full-app-card-entry .full-app-info .name{margin-bottom:10px;padding:6px 12px;text-shadow:0 0 5px var(--text-shadow-color);word-break:break-word}.full-app-card-entry .full-app-info .stack{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:12px;margin-top:auto;padding:6px 12px;text-shadow:0 0 10px #666}.full-app-card-entry img{position:absolute;width:100%}.full-app-group-entry{align-items:center;display:flex;height:100%;justify-content:center;overflow:hidden;position:relative}.full-app-group-entry img{height:100%;object-fit:cover;width:100%}.light-theme .full-app-child{--progress-color:var(--home-accent-color-1);--progress-subtle-color:#fff3}.full-app-child{--progress-color:#fff;--progress-subtle-color:#fff3;--img-size:60px;align-items:center;background:var(--secondary-bg-color);border-radius:var(--border-radius-2);display:flex;flex-shrink:0;overflow:hidden;padding:8px 12px 8px 8px;position:relative}.full-app-child+.full-app-child{margin-top:12px}.full-app-child .screenshot-container{align-self:flex-start;border-radius:var(--border-radius-2);height:var(--img-size);overflow:hidden;position:relative;width:var(--img-size)}.full-app-child .screenshot-container img{height:100%;object-fit:cover;width:100%}.full-app-child .full-app-child-info-wrapper{display:flex;flex-direction:column;height:100%;padding:2px 12px 0}.full-app-child .full-app-child-info-wrapper h4{line-height:1;margin-bottom:6px}.full-app-child .full-app-child-info-wrapper .tags-list{--base-hue:120deg;display:flex;flex-wrap:wrap;font-size:11px;margin-top:4px;position:relative}.full-app-child .full-app-child-info-wrapper .tags-list .full-app-tag{color:hsl(calc(var(--index)*32deg + var(--base-hue)),60%,60%);line-height:1;margin:0 6px 2px 0}.full-app-child .full-app-progress-bar{bottom:0;height:4px;left:0;position:absolute;width:100%;z-index:1}.full-app-child .full-app-progress-bar:after{animation:fullAppProgressAnimation .35s cubic-bezier(.27,1,.34,1) .35s;animation-fill-mode:forwards;background:var(--progress-color);content:"";height:100%;left:0;position:absolute;top:0;transform:scaleX(0);transform-origin:0 0;width:calc(var(--progress-ratio)*100%);z-index:1}@keyframes fullAppProgressAnimation{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.full-app-child .full-app-play-button{--size:36px;align-self:flex-start;border:2px solid var(--separator-color);height:var(--size);margin-left:auto;padding:8px;width:var(--size)}.full-app-child .full-app-play-button img{transform:translateX(1px)}.full-apps-list-container{background:var(--bg-color);height:calc(100% - var(--sat));top:var(--sat);z-index:3}.full-apps-list-container .full-app-list-header{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;flex-direction:column;padding:12px 0;position:absolute;top:0;width:100%;z-index:2}.full-apps-list-container .full-app-list-header h4{padding:0 16px}.full-apps-list-container .full-app-list-header .all-tags-list{align-items:center;display:flex;margin-top:10px;overflow-x:auto;padding:0 16px;width:100%}.full-apps-list-container .full-app-list-header .all-tags-list .full-app-tag{background:var(--secondary-background);border:2px solid var(--separator-color);border-radius:100px;flex-shrink:0;font-size:12px;line-height:1;margin-right:10px;padding:8px 12px;transition:background .3s ease-in-out}.full-apps-list-container .full-app-list-header .all-tags-list .full-app-tag.selected{background:var(--home-accent-color-1)}.full-apps-list-container .full-apps-list{display:flex;flex:1 1;flex-direction:column;overflow-y:auto;padding:100px 12px 16px}.light-theme .full-apps-group-card{--overlay-gradient:#dcdcdc}.light-theme .full-apps-group-card .full-apps-group-overlay{background:linear-gradient(180deg,var(--overlay-gradient),#0000,#0000)}.full-apps-group-card{--overlay-gradient:#090909;display:flex;flex-direction:column;overflow:hidden;position:relative;transform:translateZ(0)}.full-apps-group-card .full-apps-group{display:grid;grid-auto-rows:50%;grid-template-columns:repeat(3,1fr);grid-template-rows:50%;height:100%;overflow-y:auto;position:relative;width:100%}.full-apps-group-card .full-apps-group::-webkit-scrollbar{display:none}.full-apps-group-card .full-apps-group-overlay{background:linear-gradient(180deg,var(--overlay-gradient),#0000);bottom:0;font-weight:700;left:0;padding:6px 12px;pointer-events:none;position:absolute;right:0;text-shadow:0 0 5px rgba(0,0,0,.188);top:0;transform:translateZ(0);word-break:break-word;z-index:1}.full-apps-carousel{display:flex;font-size:.9em;overflow-x:auto;padding:8px var(--home-padding);position:relative;scrollbar-width:none;width:100%}.full-apps-carousel::-webkit-scrollbar{display:none}.path-suggestions{font-family:var(--home-font);max-height:calc(100% - 32px)}.path-suggestions .title{font-size:20px;font-weight:700;letter-spacing:2px;line-height:1;margin-bottom:1rem}.path-suggestions>p{font-family:Doto;margin-bottom:6px}.path-suggestions .suggestions{align-items:flex-start;display:flex;flex:1 1;flex-wrap:wrap;gap:6px;overflow-y:auto}.path-suggestions .suggestions .subcategory-entry{align-items:center;border:2px solid var(--hsl-subtle);border-radius:16px;display:flex;font-family:var(--home-font);letter-spacing:1px;padding:8px}@media only screen and (hover:hover)and (pointer:fine){.light-theme .carousel-card:hover{background:hsla(var(--hue),100%,40%,.2);transform:scale(1.02)}}.carousel-card{--width-coeff:clamp(110px,15vh,200px);--height:clamp(60px,8vh,100px);align-items:center;border-radius:var(--border-radius-2);cursor:pointer;display:flex;flex-direction:column;flex-shrink:0;height:var(--height);justify-content:center;overflow:hidden;position:relative;transition:.5s;width:calc(var(--width-coeff)*1.67)}.carousel-card+.carousel-card{margin-left:1rem}@media only screen and (hover:hover)and (pointer:fine){.carousel-card:hover{background:hsla(var(--hue),100%,40%,.1)}}.light-theme .blog-post-card{color:var(--home-accent-color-1)}.blog-post-card{--img-opacity:.5;--text-shadow-color:#0000;color:hsla(0,0%,100%,.933);transform:translateZ(0)}.blog-post-card.dummy{border:1px solid var(--separator-color)}.blog-post-card .card-content,.blog-post-card .card-content-fill{font-family:edit-undo line brk;font-size:15px;font-weight:700;line-height:1.2;padding:0 10px 0 20px;text-align:left;text-indent:-8px}.blog-post-card .card-content{letter-spacing:1px}.blog-post-card .card-content-fill{font-size:30px;opacity:.06;position:absolute;top:0;white-space:no-wrap;width:170%}.blog-post-card .card-bg{background:linear-gradient(45deg,hsla(0,0%,100%,.133),var(--home-accent-color-1));bottom:0;left:0;opacity:.25;position:absolute;right:0;top:0;z-index:-1}.blog-post-card .card-bg img{position:absolute;width:100%}.blog-post-card:hover{background:linear-gradient(45deg,hsla(0,0%,100%,.133),var(--home-accent-color-2))}.road-map-card{font-weight:700;transform:translateZ(0)}.road-map-card .road-map-card-planet{opacity:.6;position:absolute;top:10%;z-index:-1}.road-map-card.disabled{opacity:.5}.road-map-card.light{background:hsla(var(--hue),100%,40%,.075)}.road-map-card.light .road-map-card-planet{opacity:.9}.road-map-card.light .title{color:hsl(var(--hue),100%,30%);color:#fff;text-shadow:1px 2px 0 hsla(var(--hue),100%,30%,.5),0 0 10px hsl(var(--hue),100%,30%)}.road-map-card .lock-icon{filter:grayscale(1);filter:brightness(1000) grayscale(1);font-size:16px;position:absolute;right:8px;top:4px}.road-map-card .title{font-family:edit-undo line brk;font-size:18px!important;letter-spacing:2px;text-shadow:0 0 10px #fff}.blog-posts-carousel{display:flex;margin-bottom:1rem;overflow-x:auto;padding:0 var(--home-padding);position:relative;width:100%}.blog-posts-carousel::-webkit-scrollbar{display:none}@media(min-width:768px){.blog-posts-carousel{margin-left:-1rem;margin-right:-1rem;padding:0 1rem}}.blog-post{background:var(--bg-color);height:calc(100% - var(--sat));left:var(--sal);padding:16px;right:var(--sar);top:var(--sat);width:calc(100% - var(--sal) - var(--sar));z-index:2}@media only screen and (min-width:800px){.blog-post{margin:0 auto;max-width:800px}}.blog-post h3{font-family:edit-undo line brk;font-size:18px;font-weight:700;margin-bottom:12px;padding-right:30px}.blog-post .blog-post-content-wrapper{display:flex;flex:1 1;flex-direction:column;overflow-y:auto;position:relative}.private-jobs-container{padding:0 0 1rem;width:100%}.private-jobs-container .title{align-items:center;display:flex}.private-jobs-container .jobs-list{display:flex;flex:1 1;flex-direction:column}.description-dialog h3{margin-bottom:12px}.description-dialog .description{flex:1 1;font-family:Doto;font-weight:700;line-height:1.4;overflow-y:auto}.description-dialog .short-description{border-bottom:1px solid var(--separator-color);font-family:Doto;font-size:14px;font-weight:700;margin-bottom:16px;padding-bottom:16px}.dev-careers-list-dialog{font-family:var(--home-font);padding:.5rem 1rem 1rem}.dev-careers-list-dialog .dialog-title{font-size:23px;font-weight:700;margin-bottom:.5rem}.dev-careers-list-dialog .dev-careers-list{display:flex;flex-direction:column;overflow-y:auto}.dev-careers-list-dialog .dev-careers-list .checkmark{border:2px solid var(--text-color);border-radius:4px}.dev-careers-list-dialog .dev-careers-list .checkmark:after{border-radius:2px}.dev-careers-list-dialog .dev-careers-list .dev-direction-entry{padding:.5rem 0}.coming-soon-category-badge{background:var(--bg-color);border:2px solid var(--separator-color);border-radius:4px;font-size:12px;left:50%;line-height:1;opacity:.5;padding:2px 4px;position:absolute;top:50%;transform:translate(-50%,-50%) rotate(6deg)}.beta-closed-category-badge{color:#fff}.beta-closed-category-badge,.registered-only-chip{background:#d34b4b;border:2px solid #ee6b6b;border-radius:4px;font-size:12px;left:50%;line-height:1;padding:2px 4px;position:absolute;top:50%;transform:translate(-50%,-50%) rotate(6deg)}.custom-badge{background:var(--bg-color);color:var(--computer-text-color);display:flex;font-size:10px;line-height:1;padding:2px 6px;position:relative}.custom-badge.centered{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.custom-badge.border{border:1px solid var(--separator-color)}.custom-badge.rounded{border-radius:1000px}.custom-badge.bold{font-weight:700}.custom-badge.yellow{color:#ff0}.category-badges-list{align-items:center;display:flex;list-style-type:none;margin-top:4px;overflow-x:auto}.category-badges-list .category-badge{--bg:var(--secondary-bg-color);background:var(--bg);border-radius:10px;color:#fff;flex-shrink:0;font-size:10px;line-height:1;padding:2px 4px}.category-badges-list .category-badge+.category-badge{margin-left:4px}.category-badges-list .category-badge.closedbeta,.category-badges-list .category-badge.comingsoon,.category-badges-list .category-badge.registeredonly{--bg:var(--restricted-badge-color,hsla(var(--h),var(--s),var(--l),0.5))}.light-theme .dev-direction-entry{--restricted-badge-color:#cb7474;--fav-star-bg:#e8d65c;--category-hover-color:#00000010}.light-theme .dev-direction-entry .separator{background:linear-gradient(90deg,#0000,rgba(0,0,0,.067),#0000)}.dev-direction-entry{--fav-star-bg:#ffed74;--category-hover-color:#ffffff20;--restricted-badge-color:#572c2c;font-family:var(--home-font);margin-bottom:1px;position:relative}.dev-direction-entry .dev-category-info-wrapper{display:flex;flex:1 1;overflow:hidden}.dev-direction-entry .dev-category-info-wrapper .img-container{--size:24px;align-items:center;display:flex;justify-content:center;position:relative}.dev-direction-entry .dev-category-info-wrapper .img-container img{height:var(--size);width:var(--size)}.dev-direction-entry .dev-category-info-wrapper .img-container img[src*=logo]{filter:brightness(.4) sepia(1) hue-rotate(-195deg) saturate(2)}.dev-direction-entry .dev-category-info-wrapper .dev-category-info{display:flex;flex:1 1;flex-direction:column;justify-content:center;margin-left:12px;overflow:hidden;text-align:left}.dev-direction-entry .dev-category-info-wrapper .dev-category-info header{align-items:center;display:flex;line-height:1;overflow:hidden}.dev-direction-entry .dev-category-info-wrapper .dev-category-info header h4{flex:1 1;font-size:18px;letter-spacing:1px;margin-right:8px;overflow:hidden;text-overflow:ellipsis}.dev-direction-entry .dev-category-info-wrapper .dev-category-info header span{align-items:center;display:flex;font-weight:400;line-height:1;margin-left:auto;opacity:.7}.dev-direction-entry .dev-category-info-wrapper .dev-category-info header span .proficiency-icon{font-size:10px;margin-bottom:1px;margin-left:6px}.dev-direction-entry .dev-category-info-wrapper .dev-category-info header span .proficiency-title{font-size:11px}.dev-direction-entry .fav-category-button{--size:18px;align-items:center;display:flex;justify-content:center;margin-left:6px;padding:12px 6px 12px 12px}.dev-direction-entry .fav-category-button svg{height:var(--size);width:var(--size)}.dev-direction-entry .fav-category-button path{stroke:#fff3}.dev-direction-entry .fav-category-button.active svg path{fill:var(--fav-star-bg);stroke:#0000}@media only screen and (hover:hover)and (pointer:fine){.dev-direction-entry:hover{background-color:var(--category-hover-color);transition:background-color .08s}}.dev-direction-entry:first-child{margin-top:1px}.dev-direction-entry .separator{background:linear-gradient(90deg,#fff0,hsla(0,0%,100%,.067),#fff0);height:1px;left:0;position:absolute;right:0;top:0}.dev-direction-entry .dev-direction-title{font-size:16px;font-weight:700;overflow:hidden;position:relative;text-align:left;text-overflow:ellipsis;white-space:nowrap}.dev-direction-entry .dev-direction-title .completed-checkmark{height:12px;margin:0 12px 0 0}.dev-direction-entry .arrow-right{animation:arrowIconAnimation 5s calc(var(--index)*.1s) ease-in-out infinite;height:16px;margin:auto 0 auto 16px;opacity:.25}@keyframes arrowIconAnimation{0%,90%,to{transform:translateX(0)}95%{transform:translateX(5px)}}.light-theme .dev-subcategory-entry{--shine-color:var(--home-accent-color-1)}.light-theme .dev-subcategory-entry:active{background:hsla(var(--h),50%,50%,.1)}@media only screen and (hover:hover)and (pointer:fine){.light-theme .dev-subcategory-entry:hover{background-color:hsla(var(--h),var(--s),var(--l),.2)}.light-theme .dev-subcategory-entry.coming-soon:hover,.light-theme .dev-subcategory-entry.locked:hover{background-color:rgba(0,0,0,.067)}}.light-theme .dev-subcategory-entry .wrapper .reflection-animation:after{background:linear-gradient(90deg,#0000,hsla(var(--h),var(--s),var(--l),.7),hsla(var(--h),var(--s),var(--l),0));opacity:.1;width:60px}.dev-subcategory-entry{--shine-color:#fff3;background-color:#fff0;border-radius:10px;font-family:var(--home-font);margin-bottom:3px;overflow:hidden;position:relative;transform:translateZ(0);transition:background-color 1s}.dev-subcategory-entry:active{background:hsla(0,0%,100%,.067);transition:background-color 0s}@media only screen and (hover:hover)and (pointer:fine){.dev-subcategory-entry:hover{background-color:hsla(var(--h),var(--s),var(--l),.1);transition:background-color .08s}}.dev-subcategory-entry.alternative .wrapper{align-items:start!important;flex-direction:column;justify-content:center!important}.dev-subcategory-entry .wrapper{position:relative}.dev-subcategory-entry .wrapper .category-badges-list{bottom:2px;margin:0 0 0 12px;position:absolute}.dev-subcategory-entry .wrapper .reflection-animation{animation:reflectCategoryAnimation 10s calc(var(--index)*.1s + .5s) linear infinite;bottom:0;left:0;position:absolute;right:0;top:0;z-index:1}.dev-subcategory-entry .wrapper .reflection-animation:after{--angle:-30deg;background:linear-gradient(90deg,#0000,var(--shine-color),#0000);content:"";height:100%;opacity:.3;position:absolute;right:calc(100% + 8px);transform:skew(var(--angle)) translateX(-10px);width:30px;z-index:1}@keyframes reflectCategoryAnimation{0%{transform:translateX(0)}5%,to{transform:translateX(calc(100% + 248px))}}.dev-subcategory-entry.locked{opacity:.5}@media only screen and (hover:hover)and (pointer:fine){.dev-subcategory-entry.disabled:hover,.dev-subcategory-entry.locked:hover{background-color:hsla(0,0%,100%,.067)}}.categories-list-inner-header{align-items:center;display:flex;font-size:14px;font-weight:700;justify-content:center;letter-spacing:4px;opacity:.8}.dialog-view{background:var(--bg-color);bottom:0;left:0;overflow-y:auto;position:absolute;right:0;top:0;transition:transform var(--transition-duration) var(--timing-function)}.dialog-view.opened{transform:translateX(0)}@keyframes dialogViewAppearAnimationFromRight{0%{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes dialogViewDisappearAnimationToRight{0%{transform:translateX(0)}to{transform:translateX(100%)}}.dialog-view.transitioning{pointer-events:none}.dialog-view.transitioning-from-left{animation:transitionFromLeftAnimation var(--transition-duration) var(--timing-function);transition:none}@keyframes transitionFromLeftAnimation{0%{transform:translateX(-100%)}to{transform:translateX(0)}}.dialog-view .categories-search-input-container{display:flex;padding:0 12px}.dialog-view .categories-search-input-container .text-input{height:40px}.dialog-view .categories-search-input-container .text-input::placeholder{color:var(--text-color);font-size:12px;opacity:.5}.light-theme .challenge-selection-dialog{--category-disabled-opacity:.6}.light-theme .challenge-selection-dialog .dialog-view{box-shadow:inset 0 0 44px #2020af45}.light-theme .challenge-selection-dialog .dev-subcategory-title{--text-shadow:0px 0px 2px #fff,0px 0px 8px #fff;--color:var(--hsl)}.light-theme .challenge-selection-dialog .start-learning-roadmaps .road-map-card{border:3px solid hsla(var(--hue),100%,50%,.4)}.light-theme .challenge-selection-dialog .dev-proficiency{background:hsla(var(--h),var(--s),var(--l),.6)}.light-theme .challenge-selection-dialog .dev-proficiency .proficiency-title{color:#fff}.beta-category-badge{background:var(--bg-color);border:1px solid var(--separator-color);border-radius:100px;color:var(--computer-text-color);font-size:10px;line-height:1;margin-left:4px;padding:2px 6px;position:relative;top:-2px}.lock-info-dialog{font-family:var(--home-font)}.lock-info-dialog .dialog-title{font-size:20px;font-weight:700;text-align:center}.lock-info-dialog .dialog-content{padding:5px 0}.lock-info-dialog .dialog-buttons{align-items:center;display:flex;flex-direction:row;justify-content:center;margin-top:1rem;text-align:center}.challenge-selection-dialog{--category-disabled-opacity:.35;background:var(--bg-color);border-radius:var(--border-radius-1);font-family:var(--home-font);height:calc(100% - var(--sat));isolation:isolate;margin-top:var(--sat);overflow:hidden;padding:0;z-index:10}@media only screen and (min-width:800px){.challenge-selection-dialog{margin:0 auto;max-width:800px}}.challenge-selection-dialog .button.button--close{right:var(--sar);z-index:2}.challenge-selection-dialog .button.button--close img{opacity:.5}.challenge-selection-dialog .categories-list{display:flex;flex:1 1;flex-direction:column;overflow-y:auto}.challenge-selection-dialog .dialog-header{align-items:center;background:linear-gradient(to bottom,var(--bg-color),var(--bg-color-transparent));display:flex;flex-direction:column;justify-content:center;margin-left:var(--sal);margin-right:var(--sar);padding:12px 14px;position:-webkit-sticky;position:sticky;top:0;z-index:1}.challenge-selection-dialog .dialog-header .dev-direction-title{align-items:center;display:flex;font-family:edit-undo line brk;font-size:1.5rem;font-weight:700;justify-content:center;letter-spacing:2px;position:relative}.challenge-selection-dialog .dialog-header .dev-direction-title .button{position:absolute;right:-32px;transform:translateY(-1px)}.challenge-selection-dialog .dialog-header .dev-direction-title .subcategory-short-description{--point-arrow-size:18px;align-items:center;animation:shortDescriptionAppearAnimation .3s cubic-bezier(.58,0,.04,1);animation-fill-mode:forwards;background:var(--secondary-bg-color);border:1px solid var(--separator-color);border-radius:var(--border-radius-2);display:flex;font-family:Doto;font-size:14px;font-weight:400;font-weight:700;justify-content:center;opacity:0;padding:8px 12px;position:absolute;top:calc(100% + 16px);transform:scale(0);transform-origin:50% calc(var(--point-arrow-size)*-1);width:320px;z-index:1}@keyframes shortDescriptionAppearAnimation{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.challenge-selection-dialog .dialog-header .dev-direction-title .subcategory-short-description:before{border-bottom-color:#0000;border:var(--point-arrow-size) solid #0000;border-bottom:var(--point-arrow-size) solid var(--secondary-bg-color);bottom:100%;content:"";position:absolute}.challenge-selection-dialog .dev-direction-description{padding:0 16px 8px}.challenge-selection-dialog .back-button{left:0;padding:1rem;position:absolute;top:0}.challenge-selection-dialog .back-button img{height:20px;opacity:.5}.challenge-selection-dialog .dialog-section{display:flex;flex-direction:column}.challenge-selection-dialog .dialog-section.no-progress-bar-animation .progress-bar-container .progress-bar{animation:none;transform:translateX(100%)}.challenge-selection-dialog .dialog-title{font-size:23px;font-weight:700;width:100%}.challenge-selection-dialog .dialog-title.learning-dialog-title{margin-top:1rem}.challenge-selection-dialog .dialog-content{flex:1 1;margin-left:var(--sal);margin-right:var(--sar);overflow-y:auto}.challenge-selection-dialog .dev-direction-entry .wrapper,.challenge-selection-dialog .dev-subcategory-entry .wrapper{align-items:center;border-bottom:1px dashed var(--hsl-subtle);display:flex;height:100%;justify-content:space-between;width:100%}.challenge-selection-dialog .dev-direction-entry .wrapper.disabled,.challenge-selection-dialog .dev-subcategory-entry .wrapper.disabled{opacity:var(--category-disabled-opacity)}.challenge-selection-dialog .dev-direction-entry .wrapper{padding:0 .75rem}.challenge-selection-dialog .careers-view-list{background:linear-gradient(90deg,#fff0,#fff3,#fff0)}.challenge-selection-dialog .dev-subcategory-title{--text-shadow:0px 1px 5px var(--hsl),0px 0px 10px var(--hsl-subtle);--color:#fff;align-items:center;display:flex;font-size:16px;height:100%;overflow:hidden;position:relative;text-align:left;text-overflow:ellipsis;white-space:nowrap;width:100%}.challenge-selection-dialog .dev-subcategory-title .subcategory-title{border-radius:8px;color:var(--color);display:inline-block;flex:1 1;font-family:Pixelify Sans;font-family:silkscreen regular;font-family:edit-undo brk;font-family:edit-undo line brk;font-size:18px;font-weight:700;letter-spacing:1px;line-height:1;margin:0 10px 0 2px;overflow:hidden;padding:12px;position:absolute;text-overflow:ellipsis;text-shadow:var(--text-shadow);white-space:nowrap}.challenge-selection-dialog .dev-subcategory-title .completed-checkmark{height:12px;margin:0 6px 0 0}.challenge-selection-dialog .dev-direction-stats{align-items:center;display:flex;font-size:14px;margin-left:auto;position:absolute;right:6px}.challenge-selection-dialog .dev-direction-stats .dev-proficiency{align-items:center;border-radius:10px;display:flex;font-size:11px;line-height:1;padding:7px 9px 6px 6px;white-space:nowrap}.challenge-selection-dialog .dev-direction-stats .dev-proficiency .proficiency-icon{filter:grayscale(.5) saturate(100%) sepia(1) hue-rotate(calc(var(--h)*1deg - 60deg)) saturate(300%) brightness(1.2);font-size:24px;margin-right:10px}.challenge-selection-dialog .dev-direction-stats .dev-proficiency .proficiency-title{opacity:.8}.challenge-selection-dialog .dev-direction-stats .dev-level{align-items:center;background:#4a4a4a;border-radius:100px;display:flex;font-weight:700;margin-left:.75rem;padding:6px 12px;white-space:nowrap}.challenge-selection-dialog .dev-direction-stats .dev-level span{font-size:14px;margin-left:.5rem}.challenge-selection-dialog .dev-direction-stats .experience-points sub{font-size:11px;margin-left:2px}.challenge-selection-dialog .start-learning-roadmaps{display:flex;margin-bottom:16px;overflow-x:auto;padding:0 16px}.challenge-selection-dialog .start-learning-roadmaps::-webkit-scrollbar{display:none}.challenge-selection-dialog .list{display:flex;flex-direction:column;flex-shrink:0;margin-bottom:1rem}.challenge-selection-dialog .list.dev-subcategories-list{margin-bottom:0}.challenge-selection-dialog .list.career-categories-list{align-items:flex-start;flex-direction:row;margin-bottom:0}.challenge-selection-dialog .list.career-categories-list .joined-careers{cursor:pointer;flex:1 1;font-size:14px;overflow:hidden;padding:0 1rem 1rem;text-overflow:ellipsis;white-space:nowrap}.challenge-selection-dialog .list.career-categories-list .joined-careers.selected{letter-spacing:1px}.challenge-selection-dialog .list.career-categories-list .more-careers-button{margin-left:auto;padding:8px 16px 20px}.challenge-selection-dialog .list.career-categories-list .radio-button{border:2px solid var(--text-color)}.challenge-selection-dialog .list.career-categories-list .button{font-family:var(--home-font)}.challenge-selection-dialog .list.career-categories-list .list-entry{margin-bottom:1rem}.challenge-selection-dialog .list.career-categories-list .list-entry+.list-entry{margin-top:0}.challenge-selection-dialog .list .list-entry{align-items:center;display:flex;padding:0 1rem}@media only screen and (hover:hover)and (pointer:fine){.challenge-selection-dialog .list .list-entry:hover{background:#fff}}.challenge-selection-dialog .list .list-entry+.list-entry{margin-top:1rem}.challenge-selection-dialog .list .list-entry span{margin-left:1rem}.challenge-selection-dialog .learning-categories-list{display:flex;flex-direction:column;margin-top:1rem;padding:0 1rem}.challenge-selection-dialog .challenge-categories-list{display:flex;flex:1 1;flex-direction:column;overflow-y:auto}.light-theme .challenge-match{--bg:#fff}.challenge-match{--bg:#ffffff08;background-color:var(--bg);border:1px solid var(--separator-color);border-radius:var(--border-radius-1);display:flex;flex-direction:column;font-size:12px;margin:0 6px 6px 0;padding:4px 8px}.challenge-match .challenge-title{font-size:12px}.challenge-match .challenge-path-info{opacity:.4}.light-theme .search-match{--border-color:#00000042}.search-match{animation:searchResultAppearAnimation .3s calc(var(--index)*.1s) cubic-bezier(.2,1.6,.45,1);animation-fill-mode:forwards;background:linear-gradient(135deg,hsla(var(--h),var(--s),var(--l),.05),hsla(var(--h),var(--s),var(--l),.2));border-radius:var(--border-radius-2);display:flex;flex-direction:column;opacity:0;padding:6px 12px;position:relative;transform:translateX(-32px)}.search-match header{align-items:center;display:flex;line-height:1}.search-match header .category-name{font-weight:700}.search-match header .path-button{--size:36px;--border-color:var(--computer-text-color);border:2px solid var(--separator-color);flex-shrink:0;height:var(--size);margin-left:auto;width:var(--size)}.search-match header .path-button img{height:45%;opacity:.8;transform:translate(1px)}.search-match+.search-match{margin-top:10px}@keyframes searchResultAppearAnimation{0%{opacity:0;transform:translateX(-32px)}to{opacity:1;transform:translateX(0)}}.search-match .challenges-list{display:flex;flex-wrap:wrap;margin-top:10px;max-height:320px;overflow-y:auto}.light-theme .global-search-dialog{--suggested-query-color:#666bb4;--suggested-query-bg:#0001}.light-theme .global-search-input-container .text-input{background:#fefefecc;background:rgba(138,142,255,.133)}.global-search-input-container{align-items:center;display:flex;height:0;overflow:hidden;transition:opacity .5s;width:100%;z-index:3}.global-search-input-container.visible{height:64px}@media only screen and (min-width:800px){.global-search-input-container{margin:0 auto;max-width:800px}}.global-search-input-container.opened{z-index:5}.global-search-input-container .text-input{background:hsla(0,0%,60%,.067);font-family:monospace}.global-search-input-container .text-input::placeholder{font-size:12px}.global-search-input-container.user-stats-opened{opacity:0;z-index:2}.global-search-dialog{--suggested-query-color:#fff284;--suggested-query-bg:#fff1;background:var(--bg-color);display:flex;flex-direction:column;padding:8px 8px 0;top:var(--sat);z-index:4}@media only screen and (min-width:800px){.global-search-dialog{margin:0 auto;max-width:800px}}.global-search-dialog .text-input-and-close-button-container{align-items:center;display:flex}.global-search-dialog .text-input-and-close-button-container .button--close{left:6px;position:relative}.global-search-dialog .suggested-queries-list{align-items:center;display:flex;overflow-x:auto;padding:10px;width:100%}.global-search-dialog .suggested-queries-list .suggested-query{align-items:center;background:var(--suggested-query-bg);border-radius:100px;color:var(--suggested-query-color);display:flex;flex-shrink:0;font-size:12px;font-weight:700;justify-content:center;letter-spacing:2px;line-height:1;min-width:46px;padding:7px 10px 6px;white-space:nowrap}@media only screen and (hover:hover)and (pointer:fine){.global-search-dialog .suggested-queries-list .suggested-query:hover{box-shadow:0 0 5px var(--home-accent-color-2);transform:scale(1.03)}}.global-search-dialog .suggested-queries-list .suggested-query+.suggested-query{margin-left:12px}.global-search-dialog .search-matches-list{display:flex;flex:1 1;flex-direction:column;letter-spacing:2px;margin-top:16px;overflow-y:auto;padding-bottom:120px}.button.store-link{flex:1 1;margin:10px;min-height:40px;min-width:130px;overflow:hidden}.button.store-link img{height:100%;object-fit:contain;position:absolute;width:100%}.light-theme .emoji-avatar{--border-color:#6464641a}.emoji-avatar{--border-color:#ffffff1a;position:relative;top:5px}.emoji-avatar,.emoji-avatar .emoji-icon{align-items:center;display:flex;justify-content:center}.emoji-avatar .emoji-icon{background:var(--slight-bg);border-radius:50%;flex-shrink:0;height:var(--icon-size);line-height:1;opacity:1;transition:.35s ease-in-out;width:var(--icon-size)}.emoji-avatar .emoji-icon.disappearing{opacity:0;transform:scale(0)}.emoji-avatar .emojis-list-dropdown{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:var(--slight-bg);border-radius:8px;display:grid;grid-template-columns:repeat(3,1fr);left:0;line-height:1;opacity:0;place-items:center;position:absolute;top:calc(100% + 12px);transform:scale(0);transform-origin:center top;transition:.3s cubic-bezier(.27,1,.34,1);width:210px;z-index:12}.emoji-avatar .emojis-list-dropdown.opened{opacity:1;transform:scale(1)}.avatar{align-items:center;background:var(--slight-bg) url(https://stickershop.line-scdn.net/stickershop/v1/product/3254074/LINEStorePC/main.png;compress=true) no-repeat center;background-size:80% 80%;border:2px solid hsla(0,0%,100%,.102);border-radius:50%;display:flex;flex-shrink:0;justify-content:center;position:relative}.avatar span{font-size:1.25rem}.avatar input{border-radius:50%;height:100%;opacity:0;position:absolute;width:100%;z-index:1}.toggle{--space:calc(var(--size)/3);--active-bg:var(--home-accent-color-1);--bg:var(--computer-text-color);cursor:pointer}.toggle:not(.with-icons){--color:#fff;--active-color:#fff;--bg:#565656}.toggle input{display:none;position:absolute}.toggle input:checked~label{background:var(--active-bg)}.toggle input:checked~label .circle{background:var(--active-color);transform:translateX(100%)}.toggle label{align-items:center;background:var(--bg);border-radius:var(--size);cursor:pointer;display:flex;height:calc(var(--size) + var(--space));position:relative;transition:.5s;width:calc(var(--size)*2 + var(--space))}.toggle .circle{align-items:center;background:var(--color);border-radius:50%;display:flex;flex-direction:column;left:calc(var(--space)/2);overflow:hidden;right:calc(var(--space)/2)}.toggle .circle,.toggle .circle .image{height:var(--size);position:absolute;transition:.5s;width:var(--size)}.toggle .circle .image{top:100%;transform:translateY(0) scale(0)}.toggle .circle .image.active{transform:translateY(-100%) scale(.7)}.light-theme .app-info{--app-v-opacity:.75}.light-theme .app-info img{filter:brightness(.4) sepia(1) hue-rotate(184deg) saturate(2)}.new-user-data-container{align-items:center;display:flex;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:4}.light-theme .new-user-data{--user-header-bg:#fff9;--user-header-bg-hover:#fffc;--empty-achivements-opacity:.8}.light-theme .new-user-data:before{border-bottom:1px solid rgba(0,0,0,.078)}.new-user-data{--user-header-bg:#19191999;--user-header-bg-hover:#3339;--empty-achivements-opacity:.35;--app-v-opacity:.25;align-items:center;cursor:pointer;display:flex;height:40px;left:var(--sal);padding:0 12px;position:fixed;right:var(--sar);top:var(--sat);z-index:1001}@media only screen and (min-width:800px){.new-user-data{margin:0 auto;max-width:800px}}.new-user-data:focus-visible{outline:none}.new-user-data:before{background-color:var(--user-header-bg);content:"";height:640px;left:-200px;position:absolute;right:-200px;top:-600px;transform-origin:top left;transition:transform .3s ease-in-out;z-index:-1}@media only screen and (min-width:800px){.new-user-data:before{left:0;right:0}}@media only screen and (hover:hover)and (pointer:fine){.new-user-data:not(.opened):hover:before{background-color:var(--user-header-bg-hover)}}.new-user-data.opened:before{transform:translateY(100px)}.new-user-data.opened .inner-container .app-info .content .app-version{display:none}.new-user-data.opened .user-avatar-container{transform:translate(calc(-100% + 58px),60px)}.new-user-data.opened .user-avatar-container .emoji-avatar{animation:none;transform:scale(1.725)}.new-user-data.opened .user-achievements-list{opacity:0;transform:translateX(-100%)}.new-user-data.opened .app-info{--app-v-opacity:.25}.new-user-data.opened .app-info .content{transform:translateY(6px)}.new-user-data.opened .user-personal-info-wrapper{opacity:1;pointer-events:all;transform:translateY(54px)}.new-user-data.opened .additional-header-buttons{opacity:1;pointer-events:all;transform:translateX(0)}.new-user-data .additional-header-buttons{display:flex;left:0;opacity:0;padding:0 52px 0 64px;pointer-events:none;position:absolute;top:0;transform:translateX(-32px);transition:opacity .3s ease-in-out,transform var(--user-info-opening-duration) cubic-bezier(.3,1.25,.4,1);width:100%;z-index:3}.new-user-data .additional-header-buttons .settings-button{margin-left:auto;padding:14px}.new-user-data .additional-header-buttons .settings-button img{height:26px}@media only screen and (hover:hover)and (pointer:fine){.new-user-data .additional-header-buttons .settings-button:hover img{transform:rotate(180deg);transition:transform .5s ease-out}}.new-user-data .additional-header-buttons .user-theme-toggle{padding:12px}.new-user-data .user-avatar-container{left:0;position:absolute;top:0;transition:opacity var(--user-info-opening-duration) ease-in-out,transform var(--user-info-opening-duration) cubic-bezier(.3,1.25,.4,1);width:100%;z-index:1}.new-user-data .user-avatar-container .emoji-avatar{--border-color:var(--home-accent-color-1);position:absolute;right:6px;transition:transform var(--user-info-opening-duration) ease-in-out}.new-user-data .user-avatar-container .emoji-avatar.pulsing{animation:smallUserAvatarAnimation 5s ease-in-out infinite}@keyframes smallUserAvatarAnimation{0%,80%,90%,to{transform:scale(1)}85%,95%{transform:scale(.9)}}.new-user-data .user-avatar-container .emoji-avatar .user-avatar-badge{--size:8px;--main-bg:#0000;--circle-bg:#0000;align-items:center;background:var(--main-bg);border-radius:50%;bottom:0;display:flex;font-size:15px;height:var(--size);justify-content:center;position:absolute;right:0;transition:opacity .3s ease-in-out;width:var(--size)}.new-user-data .user-avatar-container .emoji-avatar .user-avatar-badge:not(.with-flag){--circle-bg:#fff;--main-bg:gray}.new-user-data .user-avatar-container .emoji-avatar .user-avatar-badge.hidden{opacity:0}.new-user-data .user-avatar-container .emoji-avatar .user-avatar-badge:after{--size-in:calc(var(--size)*0.55);background:var(--circle-bg);border-radius:50%;content:"";height:var(--size-in);position:absolute;width:var(--size-in)}.new-user-data .user-personal-info-wrapper{display:flex;flex-direction:column;left:0;line-height:1;opacity:0;padding:0 12px 0 80px;pointer-events:none;position:absolute;top:0;transform:translate(0);transition:opacity var(--user-info-opening-duration) ease,transform var(--user-info-opening-duration) cubic-bezier(.3,1.25,.4,1);width:100%}.new-user-data .user-personal-info-wrapper .medal-container{filter:grayscale(.7);flex-shrink:0}.new-user-data .user-personal-info-wrapper .medal-container+.medal-container{background:var(--bg-color);margin-left:-6px}.new-user-data .user-personal-info-wrapper .user-personal-info{display:flex}.new-user-data .user-personal-info-wrapper .user-achievements-wrapper{display:flex;margin-top:12px;overflow-x:auto}.new-user-data .user-personal-info-wrapper .user-name-and-email{display:flex;flex-direction:column;position:relative}.new-user-data .user-personal-info-wrapper .user-name-and-email .username{font-size:18px;font-weight:700}.new-user-data .user-personal-info-wrapper .user-name-and-email .email{font-family:var(--code-ui-font);font-size:12px;font-weight:400;margin-top:3px;opacity:.5}.new-user-data .user-personal-info-wrapper .logout-button{--size:40px;align-self:flex-start;border:1px solid var(--separator-color);border-radius:var(--border-radius-2);font-size:12px;margin-left:auto;padding:6px 12px}.new-user-data .user-personal-info-wrapper .logout-button img{transform:translateX(2px)}.new-user-data .button.close-user-stats-button{animation:fadeIn .35s ease-in-out;transform:scale(1);z-index:3}.new-user-data .button.close-user-stats-button.caller{transform:scale(1.25)}.new-user-data .inner-container{display:flex;flex:1 1;flex-direction:column;margin-right:.5rem;overflow:hidden;width:100%}.new-user-data .inner-container .app-info{font-size:20px;font-weight:700;padding-right:5px;position:absolute;top:3px;z-index:999}.new-user-data .inner-container .app-info .content{display:flex;flex-direction:column;padding:5px 8px 1px 0;position:relative;transition:transform .3s;z-index:1}.new-user-data .inner-container .app-info .content .app-version{font-size:9px;font-weight:400;line-height:1;margin-left:4px;opacity:var(--app-v-opacity);padding:2px 0 0}.new-user-data .inner-container .app-info .background{background-color:var(--bg-color);bottom:0;left:0;opacity:.9;position:absolute;right:0;top:0}.new-user-data .inner-container .user-proficiency{align-items:center;display:flex}.new-user-data .inner-container .user-proficiency img{height:18px;margin-left:8px}.new-user-data .inner-container .user-achievements-list{align-items:center;display:flex;height:100%;position:absolute;right:40px;top:0;transform-origin:0 0;transition:.35s ease-in-out}.new-user-data .inner-container .user-achievements-list .small-medal{filter:grayscale(.8);opacity:calc(var(--index)/5)}.new-user-data .inner-container .user-achievements-list.pressed .medal-container+.medal-container{margin-left:-10px}.new-user-data .inner-container .user-achievements-list .medal-container{animation:scaleAnimation .35s calc(var(--index)*.18s + 425ms) cubic-bezier(.68,1.5,.43,.82);animation-fill-mode:forwards;background:var(--bg-color);transform:scale(0)}.new-user-data .inner-container .user-achievements-list .medal-container+.medal-container{margin-left:6px}.new-user-data .inner-container .user-achievements-list .user-data-value{font-size:16px}.new-user-data .inner-container .user-achievements-list .empty-achievements-note{align-items:center;display:flex;opacity:var(--empty-achivements-opacity)}.new-user-data .inner-container .user-achievements-list .empty-achievements-note .medal-container{filter:grayscale(.8)}.light-theme .circular-progress-bar:first-child svg circle:nth-child(2){opacity:.2}.light-theme .circular-progress-bar:nth-child(2) svg circle:nth-child(2){opacity:.3}.light-theme .circular-progress-bar:nth-child(3) svg circle:nth-child(2){opacity:.4}.circular-progress-bar{align-items:center;display:flex;justify-content:center;position:relative;z-index:3}.circular-progress-bar.animated svg .main-circle{stroke-dashoffset:calc(var(--circumference)*-1);animation:circularProgressBarAnimation var(--animation-duration) var(--animation-delay) var(--timing-function);animation-fill-mode:forwards;animation-play-state:running}@keyframes circularProgressBarAnimation{0%{stroke-dashoffset:calc(var(--circumference)*-1)}to{stroke-dashoffset:var(--stroke-dashoffset)}}.circular-progress-bar svg circle{transform:rotate(-90deg);transform-origin:center;transition:.3s}.circular-progress-bar .circular-children{align-items:center;display:flex;justify-content:center;position:absolute;z-index:2}.circular-progress-bar:first-child svg circle:nth-child(2){opacity:.33}.circular-progress-bar:nth-child(2) svg circle:nth-child(2){opacity:.4}.circular-progress-bar:nth-child(3) svg circle:nth-child(2){opacity:.5}.daily-challenge-progress{animation:fadeIn .5s ease-in-out;display:flex;flex-direction:column;margin-bottom:8px;margin-top:16px}.daily-challenge-progress .daily-challenge-title{display:flex;font-size:20px;font-weight:700;margin-bottom:4px;margin-top:6px;white-space:nowrap}.daily-challenge-progress .daily-challenge-title span{font-family:monospace;font-size:14px;font-weight:700;margin-left:auto;margin-top:4px}.daily-challenge-progress .daily-challenge-goal{font-family:var(--code-ui-font);font-size:12px;line-height:1;margin:0 0 6px;opacity:.7}.daily-challenge-progress .daily-challenge-content{align-items:flex-start;display:flex}.daily-challenge-progress .daily-challenge-content .daily-challenge-desc{font-size:14px;padding:0 0 0 12px}.daily-challenge-progress .daily-challenge-content .daily-challenge-desc .daily-challenge-time{font-size:18px;font-weight:700}.daily-challenge-progress .daily-challenge-content .daily-challenge-desc .daily-challenge-goal{margin-top:4px}.daily-challenge-progress .daily-challenge-content .circular-children .value{font-size:12px}.daily-challenge-progress .progress-info-above-container{--size:calc(var(--ratio)*100%);-webkit-clip-path:polygon(0 0,var(--size) 0,var(--size) 100%,0 100%);clip-path:polygon(0 0,var(--size) 0,var(--size) 100%,0 100%);height:100%;left:0;overflow:hidden;padding:14px;position:absolute;width:100%;z-index:1}.daily-challenge-progress .daily-progress-bar{align-items:center;background:var(--slight-bg);border-radius:10px;display:flex;height:40px;margin-bottom:1rem;overflow:hidden;position:relative}.daily-challenge-progress .daily-progress-bar .progress-bar-container .progress-bar{border-radius:10px 0 0 10px}.daily-challenge-progress .daily-progress-bar img{height:12px;margin-left:10px;transform:translateY(-1px)}.daily-challenge-progress .daily-progress-bar .daily-progress-info{align-items:center;display:flex;font-size:14px;line-height:1;white-space:nowrap;width:100%;z-index:1}.daily-challenge-progress .daily-progress-bar .daily-progress-info .value{font-weight:700;margin-left:auto}.light-theme .info-card-entry{--bg-color:#00000004;border:1px solid var(--separator-color)}.info-card-entry{--bg-color:#ffffff08;--size:100px;background:var(--bg-color);border-radius:var(--border-radius-1);cursor:pointer;display:flex;flex-direction:column;flex-shrink:0;font-size:11px;line-height:1;overflow:hidden;padding:8px 10px;white-space:nowrap}.info-card-entry .info-card-tags-list{display:flex;flex-wrap:wrap;margin-top:12px}.info-card-entry .info-card-tags-list .info-tag{background:hsla(calc(120 + var(--index)*60),30%,35%);border-radius:32px;color:#fff;font-size:11px;line-height:1;margin:0 8px 8px 0;padding:3px 8px}.info-card-entry .card-title{font-size:12px;margin-bottom:8px}.info-card-entry .content-preview{opacity:.65;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.info-card-entry .fake-content{display:flex;flex:1 1;flex-direction:column;margin-top:8px;overflow:hidden;position:relative}.info-card-entry .fake-content span{--hue:calc(var(--index)*30deg + 200deg);background:hsl(var(--hue),100%,85%);flex-shrink:0;height:4px;position:relative;width:100%}.info-card-entry .fake-content span:first-child{margin-left:auto;width:80%}.info-card-entry .fake-content span:last-child{width:80%}.info-card-entry .fake-content span:first-child{background:hsl(calc(var(--hue) + 6deg),100%,85%)}.info-card-entry .fake-content span:nth-child(2){background:hsl(calc(var(--hue) + 12deg),100%,85%)}.info-card-entry .fake-content span:nth-child(3){background:hsl(calc(var(--hue) + 18deg),100%,85%)}.info-card-entry .fake-content span:nth-child(4){background:hsl(calc(var(--hue) + 24deg),100%,85%)}.info-card-entry .fake-content span:nth-child(5){background:hsl(calc(var(--hue) + 30deg),100%,85%)}.info-card-entry .fake-content span:nth-child(6){background:hsl(calc(var(--hue) + 36deg),100%,85%)}.info-card-entry .fake-content span+span{margin-top:4px}.info-card-preview{position:fixed}.separator{border-top:var(--size) solid var(--separator-color);margin:var(--spacing) 0}.menu-entry-container{align-items:center;display:flex;position:relative}.menu-entry-container .info-button{position:absolute;right:14px}.light-theme .menu-entry-container svg.stroke path,.use-color-challenge .menu-entry-container svg.stroke path{stroke:var(--hsl);fill:#0000}.light-theme .menu-entry-container svg path,.use-color-challenge .menu-entry-container svg path{stroke:#0000;fill:var(--hsl)}.menu-entry-container #show-mini-preview{font-size:14px;white-space:nowrap}.menu-entry-container [for=show-mini-preview]{font-size:14px}.menu-entry-container .playground-settings-select{flex-shrink:0;font-size:12px;line-height:1;margin-right:12px}.menu-entry-container .menu-entry-content{flex:1 1;font-size:15px;justify-content:flex-start;letter-spacing:1px;line-height:1;overflow:hidden;padding:10px 16px}.menu-entry-container .menu-entry-content img,.menu-entry-container .menu-entry-content svg{height:16px;margin-right:14px;width:16px}.menu-entry-container .menu-entry-content span{line-height:1.15;margin-top:1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.anchored-context-menu-backdrop{bottom:0;left:0;pointer-events:all;position:fixed;right:0;top:0;z-index:10}.anchored-context-menu{animation:anchoredContextMenuAppearAnimation .3s ease-in-out;background:var(--secondary-bg-color);border-radius:var(--border-radius-2);box-shadow:0 0 24px rgba(0,0,0,.333);display:flex;flex-direction:column;font-size:14px;overflow-y:auto;position:absolute}.anchored-context-menu .menu-entry-container{--additional-gap-for-side-child:4px}.anchored-context-menu .menu-entry-container:first-child{padding-top:var(--additional-gap-for-side-child)}.anchored-context-menu .menu-entry-container:last-child{padding-bottom:var(--additional-gap-for-side-child)}@keyframes anchoredContextMenuAppearAnimation{0%{opacity:0}to{opacity:1}}.light-theme .markdown{--link-color:#2a5db0;--md-highlight-bg:#0001;--md-highlight-color:primaryColor}.markdown{--md-highlight-bg:#2f2f3b;--md-highlight-color:#fff;--link-color:#86b4ff}.markdown a{color:var(--link-color);text-decoration:none}.markdown .md-highlighted-token{background-color:var(--md-highlight-bg);border:1px solid var(--separator-color);border-radius:3px;color:var(--md-highlight-color);display:inline-flex;font-family:Inconsolata,Monaco,Consolas,monospace;line-height:1;padding:2px 4px;text-decoration:none}.markdown .pre-wrapper{border:1px solid var(--separator-color);border-radius:var(--border-radius-2);flex-shrink:0;height:auto;margin:12px 0}.markdown [data-copy-code]{align-items:center;background:none;border:1px solid #fff3;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-weight:700;height:24px;justify-content:center;opacity:.25;overflow:hidden;position:absolute;right:6px;top:6px;transition:opacity .25s;width:24px;z-index:1}.markdown [data-copy-code]:hover{opacity:1}.markdown h1,.markdown h2,.markdown h3,.markdown h4,.markdown h5,.markdown h6{line-height:1.25}.markdown p{font-size:14px}.markdown p:not(:empty),.markdown p:not(:first-child)+h1,.markdown p:not(:first-child)+h2,.markdown p:not(:first-child)+h3,.markdown p:not(:first-child)+h4,.markdown p:not(:first-child)+h5,.markdown p:not(:first-child)+h6{margin-top:12px}.focus-content-entry{align-items:center;background:var(--bg-color-overlay);border:1px solid var(--separator-color);border-radius:var(--border-radius-2);display:flex;font-size:14px;padding:8px 12px;position:relative;white-space:pre-wrap}.focus-content-entry+.focus-content-entry{margin-top:12px}.focus-content-entry .quotation{align-items:center;display:flex;font-family:sans-serif;font-size:60px;height:0;justify-content:center;line-height:1;position:absolute;width:0}.focus-content-entry .quotation.top{left:0;top:18px}.focus-content-entry .content{width:100%}.info-card-view{animation:scaleAnimation .35s cubic-bezier(.27,1,.34,1);background:var(--bg-color);border-radius:var(--border-radius-2);display:flex;flex-direction:column;max-height:calc(100% - 64px);overflow:hidden;padding:12px 16px;position:absolute;width:min(max(240px,calc(100% - 32px)),720px)}.info-card-view.small{width:min(max(240px,calc(100% - 32px)),420px)}.info-card-view .pre-wrapper{font-size:14px;margin:12px 0}.info-card-view .card-context-menu-button{left:0;padding:16px 24px;position:absolute;top:0;z-index:1}.info-card-view .info-card-header{align-items:center;display:flex;width:100%}.info-card-view .info-card-header .info-card-title{flex:1 1;font-weight:700;line-height:1.15;padding:6px 24px 0;text-align:center}.info-card-view .remove-card-button{padding:14px;position:absolute;right:0;top:0}.info-card-view .focus-content-list{display:flex;flex-direction:column;margin-top:20px}.info-card-view .card-content-container{flex-direction:column;margin:12px 0 0;overflow-y:auto}.info-card-view .info-card-buttons{align-items:center;display:flex;justify-content:center;margin-top:24px}.info-card-view .info-card-buttons .button{max-width:135px}.info-card-preview{align-items:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:rgba(0,0,0,.612);justify-content:center}.info-card-preview .preview-card-switch-button{bottom:0;padding:16px;position:absolute}.info-card-preview .preview-card-switch-button.left{left:0}.info-card-preview .preview-card-switch-button.left .button-info-card-title{left:12px}.info-card-preview .preview-card-switch-button.right{right:0}.info-card-preview .preview-card-switch-button.right .button-info-card-title{right:12px}.info-card-preview .preview-card-switch-button .button-info-card-title{bottom:calc(100% - 2px);font-size:12px;line-height:1;position:absolute;white-space:nowrap}.info-card-preview .preview-card-buttons{align-items:center;bottom:0;display:flex;justify-content:space-between;position:absolute;width:100%}.info-card-preview .preview-card-buttons .button{padding:16px}.dummy-info-card-entry{--size:100px;background:#fff;border:1px solid var(--separator-color);border-radius:2px;color:#1e1e1e;cursor:pointer;display:flex;filter:grayscale(1);flex-direction:column;font-size:11px;height:var(--size);line-height:1;margin-right:12px;opacity:.5;overflow:hidden;padding:4px 6px;text-align:center;width:calc(var(--size)*.8)}.dummy-info-card-entry .fake-content{display:flex;flex:1 1;flex-direction:column;margin-top:8px;overflow:hidden;position:relative}.dummy-info-card-entry .fake-content span{--hue:calc(var(--index)*30deg + 200deg);background:hsl(var(--hue),100%,85%);flex-shrink:0;height:4px;position:relative;width:100%}.dummy-info-card-entry .fake-content span:first-child{margin-left:auto;width:80%}.dummy-info-card-entry .fake-content span:last-child{width:80%}.dummy-info-card-entry .fake-content span:first-child{background:hsl(calc(var(--hue) + 6deg),100%,85%)}.dummy-info-card-entry .fake-content span:nth-child(2){background:hsl(calc(var(--hue) + 12deg),100%,85%)}.dummy-info-card-entry .fake-content span:nth-child(3){background:hsl(calc(var(--hue) + 18deg),100%,85%)}.dummy-info-card-entry .fake-content span:nth-child(4){background:hsl(calc(var(--hue) + 24deg),100%,85%)}.dummy-info-card-entry .fake-content span:nth-child(5){background:hsl(calc(var(--hue) + 30deg),100%,85%)}.dummy-info-card-entry .fake-content span:nth-child(6){background:hsl(calc(var(--hue) + 36deg),100%,85%)}.dummy-info-card-entry .fake-content span+span{margin-top:4px}.badge{--bg-color:var(--home-accent-color-1);align-items:center;background:var(--bg-color);border-radius:12px;color:#fff;display:flex;font-size:calc(var(--size)/1.75);font-weight:400;height:var(--size);justify-content:center;left:calc(100% + 2px);line-height:1;min-width:var(--size);padding:0 6px;position:absolute;top:-6px;z-index:1}.badge.error{--bg-color:var(--error-color)}.badge.warn{--bg-color:var(--warn-bg-color)}.user-info-cards-dialog{padding:16px}.user-info-cards-dialog h3{align-self:flex-start;position:relative}.user-info-cards-dialog .text-input{margin-top:12px;padding:6px 32px 6px 10px}.user-info-cards-dialog .cards-list{display:flex;flex:1 1;flex-direction:column;margin-top:16px;overflow-y:auto}.user-info-cards-dialog .cards-list .info-card-entry+.info-card-entry{margin-top:8px}.info-cards{display:flex;flex-direction:column;margin:0 0 16px;padding-top:24px}.info-cards .info-cards-list{grid-gap:12px;display:grid;font-family:var(--code-ui-font);grid-template-columns:repeat(2,1fr)}.info-cards .info-cards-list.empty{grid-template-columns:repeat(1,1fr)}.info-cards .info-cards-list .open-cards-dialog-button{font-size:14px;font-weight:700;opacity:.65;padding:12px;text-decoration:underline}.info-cards .info-cards-list .empty-cards-data{display:flex;flex:1 1;flex-direction:column;position:relative}.info-cards .info-cards-list .empty-cards-data .cards-preview-container{align-items:center;display:flex;height:64px;justify-content:center;position:relative}.info-cards .info-cards-list .empty-cards-data .cards-preview-container .dummy-info-card-entry{--angle:24deg;--scale:.45;margin:0 0 72px;position:absolute;transform:scale(var(--scale));transform-origin:50% 100%}.info-cards .info-cards-list .empty-cards-data .cards-preview-container .dummy-info-card-entry:first-child{transform:rotate(var(--angle)) scale(var(--scale))}.info-cards .info-cards-list .empty-cards-data .cards-preview-container .dummy-info-card-entry:nth-child(3){transform:rotate(calc(var(--angle)*-1)) scale(var(--scale))}.counter{overflow:hidden;position:relative}.counter,.counter .numbers{align-items:center;display:flex}.counter .numbers{animation:moveNumbers;animation-duration:2s;animation-fill-mode:forwards;animation-timing-function:steps(var(--steps));position:absolute;top:0;transform:translateX(0)}@keyframes moveNumbers{0%{transform:translateX(0)}to{transform:translateX(-100%)}}.counter .numbers .number{align-items:center;display:flex;justify-content:center}.counter .numbers .number.last-value{left:100%;position:absolute;top:0}.diary-entry{align-items:center;animation:diaryAppear .35s calc(var(--index)*.15s + .25s) ease-in-out;animation-fill-mode:forwards;display:flex;opacity:0;position:relative}.diary-entry .flex-wrapper{align-items:center;background:var(--bg-color);border-radius:var(--border-radius-3);display:flex;padding:10px 6px 8px 12px;width:100%}@keyframes diaryAppear{0%{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}.diary-entry+.diary-entry{margin-top:10px}.diary-entry:after{background:conic-gradient(var(--computer-text-color) 0 calc(var(--max-xp-ratio)*1turn),var(--separator-color) 0 1turn);border-radius:calc(var(--border-radius-3) + 2px);bottom:-2px;content:"";left:-2px;opacity:.5;position:absolute;right:-2px;top:-2px;z-index:-1}.diary-entry .info-wrapper{display:flex;flex-direction:column;width:calc(100% - 50px)}.diary-entry .main-info{align-items:center;display:flex;line-height:1}.diary-entry .main-info span{margin:0 10px}.diary-entry .main-info .category{font-weight:700}.diary-entry .main-info .subcategory{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.diary-entry .main-info .status-wrapper{align-items:center;display:flex;height:30px;justify-content:center;margin-right:.75rem;width:30px}.diary-entry .main-info .status-wrapper img{height:15px}.diary-entry .time-ago-date{font-size:11px;margin-top:8px;opacity:.5}.diary-entry .result-info{align-items:center;display:flex;font-size:12px;margin-left:6px}.diary-entry .result-info .exp-increment{color:var(--computer-text-color);font-weight:700}.diary-entry .result-info .time{align-items:center;display:flex;justify-content:center;min-width:42px;opacity:.85}.diary-entry .replay-challenge-button{--size:40px;--border-color:var(--separator-color);bottom:2px;height:var(--size);margin-left:auto;width:var(--size)}.diary-entry .replay-challenge-button.failed{--border-color:var(--separator-color)}.diary-entry .replay-challenge-button.failed img{transform:translateX(0)}.diary-entry .replay-challenge-button img{height:45%;opacity:.8;transform:translate(2px,-1px)}.diary{display:flex;flex-direction:column;padding-top:24px;position:relative}.diary .diary-title{font-size:20px;font-weight:700;margin-bottom:1rem}.diary .diary-list{display:flex;flex-direction:column}@media only screen and (min-width:800px){.diary .diary-list{grid-gap:12px;display:grid;grid-template-columns:repeat(2,1fr)}.diary .diary-list .diary-entry+.diary-entry{margin-top:0}}.diary .open-diary-dialog-button{font-size:14px;font-weight:700;opacity:.65;padding:12px;text-decoration:underline}.diary-dialog{max-height:calc(100% - 32px)}.diary-dialog h3{align-self:flex-start;line-height:1;position:relative}.diary-dialog .diary-list{display:flex;flex:1 1;flex-direction:column;margin-top:16px;overflow-y:auto;padding:2px}.user-achievement-entry{align-items:center;display:flex;flex-direction:column;justify-content:center;opacity:.5;width:100%}.user-achievement-entry.completed{opacity:1}.user-achievement-entry .achievement-name{font-size:11px;line-height:1;margin-top:6px;opacity:.2;text-align:center}.user-achievement-entry .centered-icon-fix-mac{filter:grayscale(.75)}.user-achievement-entry .progress-info{font-size:12px;line-height:1;margin-top:8px}.achievements-list-view h3{padding:12px 16px}.achievements-list-view .user-achievements-list{grid-gap:12px;display:grid;flex:1 1;grid-template-columns:repeat(3,1fr);overflow-y:auto;padding:0 16px 64px;place-items:flex-start}.light-theme .new-user-info-content{--pick-country-bg:var(--slight-bg)}.new-user-info-content{--pick-country-bg:var(--secondary-bg-color);--cubic-bezier:cubic-bezier(.8,0,1,.54);background:var(--bg-color);bottom:0;display:flex;flex-direction:column;left:0;left:var(--sal);opacity:0;position:fixed;right:0;right:var(--sar);top:0;top:var(--sat);transform:translateY(calc(-100% - 140px));transition:transform var(--user-info-opening-duration) var(--cubic-bezier),opacity var(--user-info-opening-duration) ease-in-out;z-index:3}@media only screen and (min-width:800px){.new-user-info-content{margin:0 auto;max-width:800px}}.new-user-info-content.opened{--cubic-bezier:cubic-bezier(.05,1,.55,1);opacity:1;transform:translateY(0)}.new-user-info-content .stats-list{display:flex;flex:1 1;flex-direction:column;height:100%;overflow-y:auto;padding:156px 10px 80px;position:absolute;top:0;width:100%}.new-user-info-content .stats-list .button--info{margin-left:auto;opacity:.3}.new-user-info-content .stats-list .pick-country-button{align-items:center;background:var(--pick-country-bg);border-radius:var(--border-radius-2);display:flex;flex-shrink:0;height:42px;overflow:hidden;padding:10px 12px}.new-user-info-content .stats-list .pick-country-button .country-title{font-size:14px}.new-user-info-content .stats-list .pick-country-button .country-emoji{font-size:24px;line-height:1;margin-left:auto}.new-user-info-content .stats-list .user-section-title{align-items:center;display:flex;font-size:20px;font-weight:700;margin-bottom:.75rem;position:relative;width:100%}.new-user-info-content .stats-list .user-section-title h4{position:relative}.new-user-info-content .buttons-group{animation:fadeIn .5s ease-in-out;bottom:1rem;display:flex;position:fixed;width:100%}.new-user-info-content .buttons-group .button{background:var(--home-accent-color-1);border-radius:var(--border-radius-3);box-shadow:0 0 30px var(--bg-color),0 0 100px var(--bg-color),0 0 300px var(--bg-color);color:#fff;font-family:var(--home-font);font-size:20px;font-weight:700;margin:0 auto;max-width:300px;padding:12px 16px;width:100%}.testing-views-panel{align-items:center;bottom:0;display:flex;flex-direction:row;left:0;max-width:100%;position:fixed;z-index:10000}.testing-views-panel .row{align-items:center;background:#0006;border-radius:6px;display:flex;max-width:100%;overflow:auto;padding:6px}.testing-views-panel .row .button{background:#000;border-radius:6px;font-size:12px;padding:6px 10px;white-space:nowrap}.testing-views-panel .row .button.active{background:var(--home-accent-color-1)}.testing-views-panel .row .button+.button{margin-left:12px}.app-links-container{bottom:0;display:flex;flex-direction:column;left:0;position:fixed;width:130px;z-index:2}.home-view-planet{--opacity:.5;opacity:var(--opacity);position:absolute;transition:opacity 1s ease-in-out,transform 1s;z-index:-1}.home-view-planet.subtle{animation:homePlanetFadeOut 1s ease-in-out;opacity:0}@keyframes homePlanetFadeOut{0%{opacity:var(--opacity)}to{opacity:0}}.home-view-planet.subtle .planet:after{animation-play-state:paused}.home-view-planet.home-view-planet-1{left:70px;top:clamp(32px,10%,300px)}.home-view-planet.home-view-planet-2{bottom:clamp(32px,10%,300px);right:0}.home-view-planet.path-opened{--x-basic-translate:25%;--y-basic-translate:40%;transform:translate(calc(var(--x-basic-translate)*var(--random-position-number)),calc(var(--y-basic-translate)*var(--random-position-number))) scale(.5)}.light-theme .home{background:var(--bg-color);box-shadow:none}.light-theme .home .home-buttons-container{background:linear-gradient(180deg,#fff0,hsla(0,0%,100%,.867))}.home{--home-padding:8px;animation:fadeIn .3s ease-in-out;background:linear-gradient(45deg,#000,#272727);background:var(--bg-color);box-shadow:0 0 100px #000c;font-family:var(--home-font);height:100%;max-width:100%;overflow-y:auto;position:absolute;transition:transform .35s ease-in-out,opacity .5s ease-in-out;z-index:2}@media(min-width:768px)and (min-height:500px){.home{--home-padding:16px}}@media only screen and (min-width:800px){.home{margin:0 auto;max-width:800px}}.home .home-view-overlay{bottom:0;left:0;position:fixed;right:0;top:0;z-index:11}.home .home-inner-content{align-items:center;display:flex;flex-direction:column;isolation:isolate;transform:translateZ(0)}.home.disable-scroll{overflow:hidden;touch-action:none}.home.down{transform:translateY(32px)}.home.disabled{pointer-events:none}.home .home-view-settings-button{font-family:var(--home-font);font-weight:700;letter-spacing:2px;margin:10px 0;opacity:.8}.home .home-view-settings-button img{height:24px;margin-right:.75rem;transition:none}@media only screen and (hover:hover)and (pointer:fine){.home .home-view-settings-button:hover img{transform:rotate(180deg);transition:transform .5s ease-out}}.home .about-us-button{font-size:14px;letter-spacing:2px;padding:10px 0}@media only screen and (hover:hover)and (pointer:fine){.home .about-us-button:hover{color:var(--home-accent-color-2)}}.home .title{font-size:18px;font-weight:900;letter-spacing:2px;margin:.5rem 0;z-index:1}.home .home-buttons-container{align-items:center;background:linear-gradient(180deg,#0000,rgba(0,0,0,.502));bottom:0;display:flex;justify-content:center;left:0;padding:50px 1rem 1rem;pointer-events:none;position:-webkit-sticky;position:sticky;width:100%;z-index:2}.home .home-buttons-container>*{pointer-events:all}.home .home-buttons-container .start-learning-button{font-family:edit-undo line brk;font-size:20px;letter-spacing:2px;max-width:300px}.home .home-buttons-container .start-quick-mode-button{align-items:center;background:var(--home-accent-color-2);border-radius:20px;display:flex;height:55px;justify-content:center;width:55px}.home .home-buttons-container .start-quick-mode-button.with-animation{animation:quickModeButtonAnimation 5s ease-in-out infinite}@keyframes quickModeButtonAnimation{0%,10%,20%,to{transform:scale(1)}15%,5%{transform:scale(1.05)}}.home .home-buttons-container .start-quick-mode-button img{width:30px}.animated-dots span:first-child{animation:blinkDots .6s linear infinite;animation-delay:0s}.animated-dots span:nth-child(2){animation:blinkDots .6s linear infinite;animation-delay:.4s}.animated-dots span:nth-child(3){animation:blinkDots .6s linear infinite;animation-delay:.8s}@keyframes blinkDots{0%,to{opacity:0}50%{opacity:1}}.loading-text{align-items:center;animation:fadeIn .5s ease-in-out;color:var(--text-color);display:flex;font-size:20px;font-weight:700;position:absolute;z-index:2}.loading-text.zoom{animation:fadeOut .5s ease-in-out}.computer-loader{background:#959595;border-radius:3px;box-shadow:inset 0 0 5px #000;height:160px;position:absolute;width:180px;z-index:2}.computer-loader.zoom{animation:scalingComputer .5s ease-in-out}@keyframes scalingComputer{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(3)}}.computer-loader.wireframe-look{display:flex;justify-content:center}.computer-loader.wireframe-look,.computer-loader.wireframe-look .computer-loader__left,.computer-loader.wireframe-look .computer-loader__right{background:#0000;border:2px solid #fff}.computer-loader.wireframe-look .computer-loader__screen{background:#0000;border:2px solid #fff;left:auto}.computer-loader.wireframe-look .computer-loader__panel{align-items:center;background:#0000;border:2px solid #fff}.computer-loader.wireframe-look .computer-loader__panel .button{background:#0000;border:1px solid #fff;top:auto}.computer-loader.wireframe-look .computer-loader__panel .button__circle{background:#fff}.computer-loader.wireframe-look .computer-loader__panel .light{background:#fff;top:auto}.computer-loader.wireframe-look .computer-loader__panel .grid>div{background:#fff;height:auto}.computer-loader.wireframe-look .computer-loader__foundation{background:#0000;border:2px solid #fff;box-shadow:none}.computer-loader__left,.computer-loader__right{background:#7a7a7a;border-radius:50% 0 0 50%;height:80%;position:absolute;top:12px;width:7.5px}.computer-loader__left{left:-7.5px}.computer-loader__right{right:-7.5px;transform:rotate(-180deg)}.computer-loader__panel{background:#d9d9d9;bottom:3px;display:flex;flex-direction:row;height:24px;left:50%;position:absolute;transform:translateX(-50%);width:165px}.computer-loader__panel .button{align-items:center;background:#c4c4c4;border:1px solid #717171;display:flex;height:16px;justify-content:center;left:8px;position:absolute;top:4px;width:16px}.computer-loader__panel .button__circle{background:#3f3f3f;border-radius:50%;height:6px;width:6px}.computer-loader__panel .light{background:#00ca14;border-radius:50%;box-shadow:0 0 4px #00ca14;height:6px;left:34px;position:absolute;top:9px;width:6px}.computer-loader__panel .grid{display:flex;flex-direction:row;margin-left:auto}.computer-loader__panel .grid>div{background-color:#000;height:24px;margin-left:2px;width:2px}.computer-loader__screen{background:#363636;border-radius:4px;height:120px;left:7.5px;position:absolute;top:10px;width:165px}.computer-loader__screen .screen-2{align-items:center;background:#000;border-radius:10px;display:flex;height:110px;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:155px}.computer-loader__screen .screen-2 .output{color:var(--computer-text-color);font-size:10px}.computer-loader__foundation{background:#4a4a4a;box-shadow:inset 0 4px 4px #000000b3;height:14px;left:50%;position:absolute;top:100%;transform:translateX(-50%);width:140px}.settings-section{display:flex;flex-direction:column}.settings-section+.settings-section{border-top:1px solid var(--separator-color);margin-top:1rem;padding-top:12px}.settings-section .setting-section-title{font-size:18px;font-weight:700}.settings-section .toggle-container{align-items:center;display:flex;font-size:14px}.settings-section .toggle-container .toggle{--color:#fff;--active-color:#fff;--bg:#565656;margin-left:auto}.customizer-container{margin-top:16px;position:relative}.customizer-container .customizer-title{font-size:15px;font-weight:400;margin:0 0 12px}.radio-button-container{align-items:center;cursor:pointer;display:flex}.radio-button-container span{font-size:14px;margin-left:.75rem;padding:2px 0}.button.radio-button{align-items:center;border:2px solid gray;border-radius:50%;display:flex;flex-shrink:0;height:22px;justify-content:center;position:relative;width:22px}.button.radio-button:after{background:#0000;border-radius:50%;content:"";height:14px;position:absolute;transform:scale(0);transition:.2s;width:14px}.button.radio-button.selected:after{background:var(--computer-text-color);transform:scale(1)}.radio-group{display:flex;flex-direction:column}.radio-group .radio-button-container+.radio-button-container{margin-top:.5rem}.battery{align-items:center;border:2px solid var(--separator-color);border-radius:6px;display:flex;height:100%;justify-content:center;margin-left:auto;position:absolute;right:0;top:0;width:50px}.battery .battery-filler{background:var(--battery-color);border-radius:4px;bottom:0;height:100%;position:absolute;transform-origin:center bottom;transition:.35s ease-in-out;width:100%}.battery .battery-filler.low{--battery-color:#ff5454;transform:scaleY(.333)}.battery .battery-filler.mid{--battery-color:#fff14e;transform:scaleY(.666)}.battery .battery-filler.high{--battery-color:#71ff76;transform:scaleY(1)}.battery:after{background:var(--separator-color);border-radius:3px 3px 0 0;bottom:calc(100% + 2px);content:"";height:5px;position:absolute;width:18px}.emoji-display{font-size:60px;position:absolute;right:90px;top:20px}.emoji-display .emoji{bottom:0;left:0;position:absolute;right:0;top:0;transition:opacity .5s}.emoji-display .fade-out{opacity:0}.advanced-performance-settings,.device-performance-characteristics,.performance-section{display:flex;flex-direction:column}.device-performance-characteristics .device-performance-characteristic{font-size:12px}.device-performance-characteristics .device-performance-characteristic span{font-weight:700}.device-performance-characteristics .device-performance-characteristic small{font-size:12px}.quick-mode-categories-list{align-items:center;display:flex;flex-wrap:wrap}.quick-mode-categories-list .quick-mode-category{margin:0 1.25rem .75rem 0}.settings-header{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;left:0;padding:1rem;position:absolute;top:0;width:100%;z-index:1}.settings-header .settings-title{font-size:22px;font-weight:700;line-height:1}.settings-header .settings-title small{font-size:12px;font-weight:400}.expertise-section{display:flex;flex-direction:row}.light-theme .select{--select-list-shadow:#0003;--selected-bg:#e7e7e7}.select{--selected-bg:#1e1e1e;--select-list-shadow:#0003;--border-color:var(--separator-color);align-items:center;background:var(--bg-color);border:1px solid var(--border-color);border-radius:var(--border-radius-2);display:flex;flex-direction:column;flex-shrink:0;font-family:var(--home-font);justify-content:center;overflow:hidden;position:relative}.select:focus{--border-color:var(--home-accent-color-1)}.select .select-value{align-items:center;cursor:pointer;display:flex;font-size:14px;padding:10px 12px;width:100%}.select .select-value.empty{opacity:.5}.select .select-value span{margin-right:10px}.select .select-value .select-arrow{height:6px;margin-left:auto;transition:.125s}.select.top .select-options-list{bottom:calc(100% + 6px);top:auto}.select.opened{overflow:visible;overflow:initial}.select.opened .select-value .select-arrow{transform:rotate(180deg)}.select.opened .select-options-list{opacity:1;transform:scale(1)}.select .select-options-list{background:var(--bg-color);border-radius:6px;box-shadow:0 0 32px var(--select-list-shadow);display:flex;flex-direction:column;opacity:0;overflow:hidden;position:absolute;top:calc(100% + 6px);transform:scale(0);transition:opacity .2s ease-in-out;width:100%;z-index:1}.select .select-options-list .select-option{cursor:pointer;font-size:14px;padding:10px 14px}.select .select-options-list .select-option img{height:16px}.select .select-options-list .select-option.selected{background:var(--selected-bg)}.select .select-options-list .select-option:focus{background:var(--home-accent-color-1);color:#fff}.editor-settings-checkbox-container{font-size:14px}.font-size-customizer{display:flex;flex-direction:column}.font-size-customizer .font-size-controls{align-items:center;display:flex;justify-content:space-around}.font-size-customizer .letters{align-items:center;display:flex;font-size:22px;height:32px;justify-content:center;line-height:1;text-align:center;width:100px}.font-size-customizer .change-size-button{font-size:50px;font-weight:700;line-height:.6}.challenge-preview-style-section{display:flex;flex-direction:column}.challenge-preview-style-section .checkbox-container{margin:0 0 12px 1px}.dialog-container .modal.language-selection-dialog{display:flex;flex-direction:column;max-height:calc(100% - 24px);overflow:hidden}.dialog-container .modal.language-selection-dialog h3{line-height:1;margin-bottom:20px}.dialog-container .modal.language-selection-dialog .languages-list{display:flex;flex:1 1;flex-direction:column;overflow-y:auto}.dialog-container .modal.language-selection-dialog .language-option{align-items:center;background:var(--bg-color);border-radius:var(--border-radius-2);display:flex;opacity:.5;padding:10px 12px;position:relative;transition:opacity .3s ease-in-out}.dialog-container .modal.language-selection-dialog .language-option.selected{opacity:1}@media only screen and (hover:hover)and (pointer:fine){.dialog-container .modal.language-selection-dialog .language-option.selected:hover{opacity:1}.dialog-container .modal.language-selection-dialog .language-option:hover{opacity:.8}}.dialog-container .modal.language-selection-dialog .language-option span{font-weight:700}.dialog-container .modal.language-selection-dialog .language-option small{margin-left:auto;text-transform:uppercase}.dialog-container .modal.language-selection-dialog .language-option+.language-option{margin-top:8px}.dialog-container .modal.language-selection-dialog .button--confirm{margin-top:16px}:root{--settings-dialog-z-index:12}.settings-dialog-container{z-index:12!important;z-index:var(--settings-dialog-z-index)!important}.reload-confirmation{z-index:13!important;z-index:calc(var(--settings-dialog-z-index) + 1)!important}.settings{display:flex;flex-direction:column;font-family:var(--home-font);font-family:Doto;font-weight:700;overflow:hidden}.settings .settings-title{font-family:var(--home-font);letter-spacing:4px}.settings .checkbox-container{font-size:14px}.settings .scrollable-container{display:flex;flex:1 1;flex-direction:column;overflow-y:auto;padding:2.5rem 0 2rem}.settings .scrollable-container::-webkit-scrollbar{-webkit-appearance:none;height:0;width:0}.settings .settings-list{display:flex;flex:1 1;flex-direction:column}.settings .build-info{display:flex;flex-direction:column;font-size:12px;margin-top:16px;opacity:.8}.settings .setting-section-title{font-family:var(--home-font);letter-spacing:2px}.settings .buttons-group .button{background:var(--home-accent-color-1);border-radius:12px;color:#fff;font-family:var(--home-font);font-size:18px;font-weight:700;padding:8px;width:100%}.settings .clear-and-reload-button{margin-top:12px}.settings .clear-and-reload-button,.settings .settings-language-button{background:var(--bg-color);border-radius:var(--border-radius-2);padding:12px}.settings .settings-language-button{margin:12px 0;width:100%}.home-confirm-dialog,.home-confirm-dialog .button{font-family:var(--home-font)}.canvas-test-controls{position:fixed;z-index:111}.canvas-container .watermark{align-items:center;animation:watermarkFade 2s infinite;bottom:0;color:var(--hsl);display:flex;font-size:70px;font-weight:700;justify-content:center;left:0;opacity:.05;position:absolute;right:0;top:0;z-index:1}@keyframes watermarkFade{0%,to{opacity:.01}50%{opactiy:.05}}.canvas-container{--opacity:1;align-items:center;animation:canvasContainerFadeIn .75s ease-in-out;bottom:0;display:flex;justify-content:center;left:0;opacity:var(--opacity);position:fixed;right:0;top:0}@keyframes canvasContainerFadeIn{0%{opacity:0}to{opacity:var(--opacity)}}.canvas-container.disappearing{animation:canvasContainerFadeOut .75s ease-in-out}@keyframes canvasContainerFadeOut{0%{opacity:var(--opacity)}to{opacity:0}}.canvas-container #matrix-style-fall{display:block;opacity:.8;position:relative;z-index:1}.canvas-container .canvas-overlay{-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);bottom:0;height:100%;position:fixed;top:0;transition:.3s;width:100%;z-index:2}.circles-background{bottom:0;left:0;position:absolute;right:0;top:0}.circles-background .starry-night-container{z-index:0}.quick-mode-preferences{font-family:var(--home-font)}.quick-mode-preferences.landscape .teasers img{height:135px}.quick-mode-preferences:before{background-image:url(../../static/media/quick-pref-dialog-bg.ca3cbc07ac486c4ca4b5.png);background-size:cover;content:"";height:100%;left:0;opacity:.1;position:absolute;top:0;width:100%;z-index:-1}.quick-mode-preferences .preference-title{text-align:center}.quick-mode-preferences .teasers{align-items:center;display:flex;justify-content:center;margin:auto 0;position:relative}.quick-mode-preferences .teasers img{border:1px solid #fff;border-radius:5px;height:160px;margin:1rem 0;position:relative;width:160px}.quick-mode-preferences .preference-buttons{align-items:center;display:flex;justify-content:center;margin-top:auto}.quick-mode-preferences .preference-buttons .button{border-radius:8px;font-family:var(--home-font);padding:.5rem 1rem}.quick-mode-preferences .preference-buttons .button.decline-button{background:hsla(0,0%,100%,.125)}.quick-mode-preferences .preference-buttons .button.add-preference-button{background:#6970ff;margin-left:1rem}.achievement{align-items:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:rgba(0,0,0,.678);color:#fff;display:flex;font-family:Poppins,sans-serif;height:100%;justify-content:center;opacity:0;position:absolute;transition:opacity .3s;transition-delay:.75s;width:100%;z-index:10000}.achievement.active{animation:fadeIn .3s ease-in-out;opacity:1}.achievement.with-closing-animations .achievement-content{animation:medalToTopAnimation .75s ease-in-out;animation-fill-mode:forwards}.achievement.with-closing-animations .achievement-content .text-below,.achievement.with-closing-animations .achievement-content .title-above{opacity:0}@keyframes medalToTopAnimation{0%{transform:scale(1) translate(50%,-50%)}25%{right:50%;top:50%;transform:scale(1.275) translate(50%,-50%)}to{right:55px;top:19px;transform:scale(0) translate(0)}}.achievement.with-closing-animations .star-burst{opacity:0}.achievement.with-closing-animations .claim-reward-button{animation:bouncyDisappearAnimation .35s ease-in-out;animation-fill-mode:forwards}@keyframes bouncyDisappearAnimation{0%{transform:scale(1)}20%{transform:scale(1.25)}to{transform:scale(0)}}.achievement .claim-reward-button{animation:scaleAppearAnimation .5s cubic-bezier(.68,2.5,.43,.82) 1.15s;animation-fill-mode:forwards;background:#7268ff;border-radius:10px;bottom:1rem;color:#fff;font-family:Poppins,sans-serif;font-family:edit-undo line brk;font-size:1.7rem;font-weight:700;letter-spacing:2px;max-width:320px;padding:.75rem 1.5rem;position:absolute;transform:scale(0);width:100%}.achievement .achievement-content{align-items:center;display:flex;flex-direction:column;position:absolute;right:50%;top:50%;transform:scale(1) translate(50%,-50%);transform-origin:right top;transition:.75s;width:100%;z-index:1}.achievement .achievement-content .title-above{animation:scaleAppearAnimation .5s cubic-bezier(.68,2.5,.43,.82) .5s;animation-fill-mode:forwards;font-family:edit-undo line brk;font-size:2.5rem;font-weight:700;letter-spacing:3px;transform:scale(0);transition:.3s}.achievement .achievement-content .text-below{animation:scaleAppearAnimation .5s cubic-bezier(.68,2.5,.43,.82) .9s;animation-fill-mode:forwards;font-size:1rem;font-weight:700;padding:0 1rem;text-align:center;transform:scale(0);transition:.3s}.achievement .achievement-content .medal-container{animation:scaleAppearAnimation .5s cubic-bezier(.68,2.5,.43,.82) .75s;animation-fill-mode:forwards;background:linear-gradient(346deg,#ffd55f 50%,#ffdd90 80%);border-radius:50%;box-shadow:0 0 77px #fff,0 0 67px #fff,0 0 0 7px #ffc624;height:80px;margin:1rem 0;transform:scale(0)}.achievement .achievement-content .medal-container.with-border{border:3px solid rgba(0,0,0,.188)}@keyframes scaleAppearAnimation{0%{transform:scale(0)}to{transform:scale(1)}}.achievement .star-burst{animation:starBurstAppearAnimation 1s linear;opacity:1;position:absolute;transition:.75s;z-index:0}.achievement .star-burst,.achievement .star-burst .content{align-items:center;border-radius:50%;display:flex;justify-content:center}.achievement .star-burst .content{animation:startBurstSpin 7s linear 1s infinite;background-image:repeating-conic-gradient(rgba(254,255,180,.169) 0 9deg,#0000 9deg 18deg);height:100%;width:100%}@keyframes starBurstAppearAnimation{0%{opacity:0;transform:scale(0) rotate(0)}to{opacity:1;transform:scale(1) rotate(180deg)}}@keyframes startBurstSpin{0%{transform:rotate(-180deg)}to{transform:rotate(0)}}.job-header{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;padding:1rem;position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:3}.job-header .job-main-info{display:flex;overflow:hidden}.job-header .job-main-info .image-avatar{margin-right:.85rem}.job-header .job-main-info .job-info{display:flex;flex-direction:column;line-height:1;overflow:hidden}.job-header .job-main-info .job-info .job-name-and-location,.job-header .job-main-info .job-info .job-title{overflow:hidden;text-overflow:ellipsis}.job-header .job-main-info .job-info .job-title{font-size:18px;font-weight:700;letter-spacing:2px;max-width:calc(100% - 16px)}.job-header .job-main-info .job-info .job-name-and-location{font-family:Doto;font-size:14px;margin-top:10px;opacity:.9}.job-header .close-job-details-button{align-self:flex-start;height:20px;margin-left:auto}.light-theme .skill{--progress-fill:#0001}.skill{--progress-fill:#fff1;align-items:center;background:var(--slight-bg);border-radius:var(--border-radius-2);display:flex;overflow:hidden;padding:9px 12px;position:relative;transform:translateZ(0);width:100%}.skill+.skill{margin-top:10px}.skill .skill-category{font-size:14px;font-weight:700;z-index:1}.skill .skill-expertise{font-size:12px;margin-left:auto;z-index:1}.skill .progress-fill{background:var(--progress-fill);height:100%;left:0;position:absolute;top:0;transform-origin:0 50%;transition:transform .5s;width:100%;z-index:0}.skill .progress-fill:after{background:#3ab765;content:"";height:100%;position:absolute;right:0;width:2px}.skill .small-progress{background:linear-gradient(90deg,var(--home-accent-color-1),var(--home-accent-color-2));bottom:0;height:100%;left:0;position:absolute;transform-origin:0 50%;transition:transform .5s;width:100%;z-index:0}.job-hints-dialog{display:flex;flex-direction:column;font-family:var(--home-font)}.job-hints-dialog .title{font-size:18px;font-weight:700;line-height:1;margin-bottom:1rem}.job-hints-dialog .categories-list{display:flex;flex-direction:column;font-weight:700;margin-top:16px;padding-left:1rem;text-decoration:underline}.job-hints-dialog .categories-list .job-category-link+.job-category-link{margin-top:5px}.light-theme .job-details .tags .tag{--tag-bg:#e6e6e6}.light-theme .job-details .overall-compatibility{--compatibility-border-color:#00000010;--overlay-bg:#fff6}.job-details{--tag-bg:#373737;--overlay-bg:#0003;--basic-padding:1rem;background:#0000;font-family:var(--home-font);letter-spacing:2px;z-index:11}.job-details .job-details-backdrop{background:#0000;bottom:0;left:0;position:absolute;right:0;top:0;transition:background .3s}.job-details .job-details-backdrop.active{background:rgba(0,0,0,.612)}.job-details.opened .job-details-inner-container{animation:jobViewScaleAnimation var(--animation-duration-in) var(--timing-function-in);transform:scale(1)}@keyframes jobViewScaleAnimation{0%{transform:scale(0)}to{transform:scale(1)}}.job-details .job-details-inner-container{align-items:center;background:var(--bg-color);display:flex;flex-direction:column;height:100%;overflow-y:auto;position:relative;transform:scale(0);transition:transform var(--animation-duration-out) var(--timing-function-out);z-index:1}@media only screen and (min-width:800px){.job-details .job-details-inner-container{margin:0 auto;max-width:800px}}.job-details .scrollable-container{flex:1 1;overflow-y:auto;padding:0 0 75px;width:100%}.job-details .apply-job-button{background:var(--home-accent-color-1);border-radius:8px;bottom:1rem;color:#fff;font-family:var(--home-font);font-size:1.4rem;font-weight:700;letter-spacing:2px;padding:10px 0;position:absolute;width:calc(100% - var(--basic-padding)*2)}.job-details .apply-job-button.disabled{opacity:.7}.job-details .tags{display:flex;flex-wrap:wrap;padding:0 var(--basic-padding) var(--basic-padding);width:100%}.job-details .tags .tag{background:var(--tag-bg);border-radius:100px;font-size:12px;margin-bottom:6px;margin-right:10px;padding:5px 11px}.job-details .section{padding:0 var(--basic-padding);width:100%}.job-details .section+.section{margin-top:1rem}.job-details .section .section-title{font-weight:700}.job-details .skills-list{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-top:.75rem;position:relative}@media only screen and (min-width:800px){.job-details .skills-list{grid-gap:12px 56px;align-content:flex-start;display:grid;gap:12px 56px;grid-template-columns:repeat(2,1fr);justify-content:center}.job-details .skills-list .skill .skill-expertise{margin-left:32px}.job-details .skills-list .skill+.skill{margin-top:0}}.job-details .overall-compatibility{--compatibility-border-color:#ffffff10;align-items:center;align-self:center;animation:overallCompatibilityAnimation .75s cubic-bezier(.7,1.35,.45,1);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:var(--overlay-bg);border:2px solid var(--compatibility-border-color);border-radius:50%;box-shadow:0 0 24px rgba(0,0,0,.267);cursor:pointer;display:flex;flex-direction:column;font-size:24px;font-weight:700;height:100px;justify-content:center;justify-self:center;position:absolute;width:100px;z-index:2}.job-details .overall-compatibility .overlay-title{font-size:14px}@keyframes overallCompatibilityAnimation{0%{opacity:0;transform:scale(0) translateY(80px)}to{opacity:1;transform:scale(1) translateY(0)}}.job-details .terms-list{display:flex;flex-direction:column;font-family:Doto;font-size:14px;margin-top:.75rem}.job-details .terms-list .term{display:flex;font-size:15px;line-height:1;position:relative}.job-details .terms-list .term+.term{margin-top:12px}.job-details .terms-list .term:before{background:linear-gradient(45deg,var(--home-accent-color-1),var(--home-accent-color-2));border-radius:50%;content:"";flex-shrink:0;height:8px;margin:3px 10px 0 0;position:relative;width:8px}.field-error{bottom:calc(100% + 2px);color:var(--error-color);font-family:var(--home-font);font-size:12px;font-weight:700;letter-spacing:2px;position:absolute}.form-field-container{display:flex;flex-direction:column;position:relative}.auth-form-dialog-container{z-index:12}.auth-form-dialog{font-family:var(--home-font);transition:height .35s ease-in-out;width:min(max(300px,calc(100% - 2rem)),420px)}.auth-form-dialog.modal{max-height:calc(100% - 24px)}.auth-form-dialog .text-input{letter-spacing:1px}.auth-form-dialog .button{font-family:var(--home-font)}.auth-form-dialog .auth-form-header{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;flex-direction:column;position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:1}.auth-form-dialog .auth-form-header .dialog-title{font-size:20px;font-weight:700;line-height:1;min-height:14px;text-align:center;width:100%}.auth-form-dialog .auth-form-header .custom-login-message{font-size:14px;padding:16px 0 8px}.auth-form-dialog .auth-form-header .invitation-data{align-items:center;display:flex;flex-direction:column}.auth-form-dialog .auth-form-header .invitation-data .title{font-size:20px;font-weight:700}.auth-form-dialog .auth-form-header .invitation-data .name,.auth-form-dialog .auth-form-header .invitation-data .text{font-size:14px}.auth-form-dialog .auth-form-header .close-button{height:20px;position:absolute;right:0}.auth-form-dialog .auth-form{display:flex;flex-direction:column;margin-top:2rem}.auth-form-dialog .auth-form .form-field-container+.form-field-container{margin-top:25px}.auth-form-dialog .auth-form .terms-and-conditions-checkbox{font-family:Poppins;font-size:14px;height:42px;margin-top:12px}.auth-form-dialog .auth-form .terms-and-conditions-checkbox .checkbox-title{margin-left:10px}.auth-form-dialog .auth-form .terms-and-conditions-checkbox .checkbox-title span{text-decoration:underline}.auth-form-dialog .auth-form .button--form{background:var(--home-accent-color-1);border:2px solid #0000;border-radius:8px;color:#fff;font-size:1.4rem;font-weight:700;letter-spacing:2px;line-height:1;margin-top:.5rem;padding:14px;width:100%}.auth-form-dialog .auth-form .button--form:focus{border:2px solid var(--home-accent-color-2)}.auth-form-dialog .auth-form .button--form.signup-button{background:var(--home-accent-color-2)}.auth-form-dialog .auth-form .button--form.signup-button:focus{border:2px solid var(--home-accent-color-1)}.auth-form-dialog .forgot-password-button{font-size:14px;font-weight:400;opacity:.7;padding:10px 0;text-decoration:underline}.auth-form-dialog .auth-toggle-container{align-items:center;background:hsla(0,0%,100%,.078);border-radius:var(--border-radius-1);display:flex;height:40px;margin-top:16px;position:relative;width:100%}.auth-form-dialog .auth-toggle-container .auth-sliding-element{border:3px solid var(--home-accent-color-1);border-radius:var(--border-radius-1);height:100%;left:0;position:absolute;top:0;transform:translateX(100%);transition:.25s;width:50%}.auth-form-dialog .auth-toggle-container .auth-sliding-element.login{transform:translateX(0)}.auth-form-dialog .auth-toggle-container .auth-sliding-element.reset{transform:translateX(200%)}.auth-form-dialog .auth-toggle-container .button{flex:1 1;font-size:14px;font-weight:700;height:100%;letter-spacing:2px;opacity:.7;transition:opacity 1.5s}.alert,.auth-form-dialog .auth-toggle-container .button.active{opacity:1}.alert{--translating-value:calc(var(--index)*100% + var(--index)*5px);align-self:center;animation:appearAnimation .35s ease-in-out;background:var(--secondary-bg-color);box-shadow:0 0 100px var(--secondary-bg-color);max-width:90%;padding:8px 12px;position:absolute;top:15px;transform:translateY(var(--translating-value));transition:.3s;z-index:1000}.alert.after-caller{animation:none}.alert.disappearing{animation:alertDisappearAnimation .35s ease-in-out;animation-fill-mode:forwards}@keyframes alertDisappearAnimation{0%{opacity:1}to{opacity:0}}.alert.success{border:2px solid var(--computer-text-color)}.alert.error{border:2px solid var(--error-color)}.alert.caller{--range:6px;animation:alertCallerAnimation .5s ease-in-out}@keyframes alertCallerAnimation{0%,to{transform:translateX(0)}25%,75%{transform:translateX(var(--range))}50%{transform:translateX(calc(var(--range)*-1))}}.light-theme .tutorial-caller.with-animation:after{border:1px solid var(--text-color)}.light-theme .tutorial-arrow{filter:none}.light-theme .tutorial-arrow img{filter:brightness(0)}.light-theme .tutorial-arrow:after{background:#0000;border:5px solid var(--text-color)}.tutorial-caller{align-items:center;align-self:center;display:flex;justify-content:center;position:absolute;z-index:2}.tutorial-caller.with-animation:after{--delay:0ms;align-self:center;animation:callerCircAnimation 3s var(--delay) ease-in-out;animation-fill-mode:forwards;background:var(--tutorial-caller-bg);border-radius:50%;content:"";height:700px;opacity:0;pointer-events:none;position:absolute;transform:scale(0);width:700px;z-index:1}@keyframes callerCircAnimation{0%{opacity:0;transform:scale(1)}10%{opacity:.6;transform:scale(.9)}15%{opacity:.4}45%{opacity:.3;transform:scale(.08)}80%{opacity:.3;transform:scale(.08)}85%{opacity:0}90%{opacity:.3}95%{opacity:.3}to{opacity:0;transform:scale(.1)}}.tutorial-arrow{--arrow-move-range:-8px;--rotation:0deg;--appear-duration:.5s;--animation-dur:1s;--delay:0s;align-items:center;animation:arrowAppearAnimation var(--appear-duration) var(--delay) ease-in-out forwards,pointerAnimation var(--animation-dur) calc(var(--delay) + var(--appear-duration)) linear infinite;display:flex;filter:drop-shadow(0 0 6px var(--text-color));justify-content:center;opacity:0;pointer-events:none;position:absolute;transition:.5s;z-index:1000}.tutorial-arrow img{height:100%}.tutorial-arrow:after{animation:circleAppearAnimation var(--animation-dur) calc(var(--delay) + var(--animation-dur)/2) linear infinite;animation-fill-mode:forwards;background:var(--text-color);border-radius:50%;content:"";height:60px;opacity:0;position:absolute;transform:scale(0) translate(-2px,-14px);width:60px;z-index:1}@keyframes circleAppearAnimation{0%{opacity:0;transform:scale(0) translate(-2px,-14px)}50%{opacity:.2;transform:scale(.5) translate(-2px,-14px)}to{opacity:0;transform:scale(1) translate(-2px,-14px)}}@keyframes arrowAppearAnimation{0%{opacity:0}to{opacity:1}}@keyframes pointerAnimation{0%,to{transform:scale(1)}50%{transform:scale(.9)}}.quiz-question-container{display:flex;flex-direction:column;left:0;opacity:0;padding:1rem;position:absolute;top:0;transform:translateY(100%);transition:1s;width:100%}.quiz-question-container.active{animation:quizQuestionAppearAnimation 1s ease-in-out;opacity:1;transform:translateY(0)}@keyframes quizQuestionAppearAnimation{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.quiz-question-container.landscape{width:calc(100% - 85px)}.quiz-question-container.landscape .quiz-options{grid-gap:1rem;display:grid;grid-template-columns:repeat(2,1fr)}.quiz-question-container.landscape .quiz-options .quiz-option+.quiz-option{margin:0}.quiz-question-container .quiz-options{display:flex;flex-direction:column;margin-top:1.5rem;width:100%}.quiz-question-container .quiz-options .quiz-option{background:#131313;border-radius:1rem;flex:.5 1;padding:.75rem;transition:.3s}.quiz-question-container .quiz-options .quiz-option+.quiz-option{margin:1rem 0 0}.quiz-question-container .quiz-options .quiz-option.selected{background:#6970ff}.single-space{min-width:1ch}.single-space,.single-space:after{display:inline-block;height:100%;position:relative}.single-space:after{background:currentColor;bottom:0;content:" ";left:0;opacity:.25;width:100%;z-index:1}.light-theme .mod-option-token-entry{--mod-option-token-entry-bg:#fff;--mod-option-token-entry-bg-active:#fff;--token-border-color:#00000047}.mod-option-token-entry{--mod-option-token-entry-bg:#1c232a8c;--mod-option-token-entry-bg-active:#384d628c;--token-border-color:#ffffff47;background:var(--mod-option-token-entry-bg);border:1px dashed var(--token-border-color);border-radius:12px;color:inherit;cursor:pointer;display:flex;font-family:var(--challenge-font);font-size:14px;font-weight:700;height:36px;line-height:1;margin:0 5px 10px;position:relative;transition:opacity .3s;white-space:nowrap}.mod-option-token-entry:active{background:var(--mod-option-token-entry-bg-active)}.mod-option-token-entry .inner-option-content{padding:10px 16px}.mod-option-token-entry.dragging{opacity:.5}.mod-option-token-entry.selected{border-color:#0000;cursor:default;opacity:.5}.landscape .gap-tokens-container{bottom:0}.light-theme .gap-tokens-container{--gap-tokens-container-bg:#edf0ff;border-top:2px solid}.gap-tokens-container{--gap-tokens-container-bg:#141414;align-items:flex-start;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:var(--gap-tokens-container-bg);bottom:var(--panel-portrait-size);display:flex;flex-direction:column;left:0;max-height:50%;overflow-y:auto;padding:10px;position:absolute;transform:translateY(100%);width:100%;z-index:2}@keyframes gapTokensContainerAppearing{0%{transform:translateY(100%)}to{transform:translateY(0)}}.gap-tokens-container.gap-tokens-caller .gap-token{animation:gapCallerAnimation .5s calc(var(--index)*.1s) ease-in-out;animation-fill-mode:forwards;opacity:0}.gap-tokens-container.gap-tokens-appear{animation:gapTokensContainerAppearing .3s ease-in-out;animation-fill-mode:forwards}.gap-tokens-container.gap-tokens-appear .gap-token{animation:gapsAppearAnimation .5s calc(var(--index)*.1s) ease-in-out;animation-fill-mode:forwards;opacity:0}.gap-tokens-container.gap-tokens-appear .gap-token .opacity-element{opacity:var(--token-opacity)}.gap-tokens-container .gap-tokens-list{align-items:flex-start;display:flex;flex:1 1;flex-wrap:wrap;justify-content:center;overflow-y:auto;width:100%}.gap-tokens-container .gap-tokens-buttons{display:flex;justify-content:space-between;width:100%}.gap-tokens-container .gap-tokens-buttons .button{padding:12px}.gap-tokens-container .gap-tokens-buttons .button img{height:20px;width:20px}.gap-tokens-container .gap-buttons{display:flex;flex-direction:column}.gap-tokens-container .gap-buttons .button{padding:12px 4px}.line-active-state-explanation-dialog{font-family:var(--home-font)}.line-active-state-explanation-dialog .explanation p+p{padding-top:1rem}.line-active-state-explanation-dialog .buttons-group{align-items:center;display:flex;margin-top:1rem}.line-active-state-explanation-dialog .buttons-group .button--confirm{margin:0}
/*!
  Theme: GitHub Dark
  Description: Dark theme as seen on github.com
  Author: github.com
  Maintainer: @Hirse
  Updated: 2021-05-15

  Outdated base version: https://github.com/primer/github-syntax-dark
  Current colors taken from GitHub's CSS
*/.dark-theme .github .hljs,.dark-theme .github pre,.dark-theme .github.pre-wrapper{background:#0d1117;color:#eee}.dark-theme .github .hljs-keyword,.dark-theme .github .hljs-meta .hljs-keyword,.dark-theme .github .hljs-template-tag,.dark-theme .github .hljs-template-variable,.dark-theme .github .hljs-type,.dark-theme .github .hljs-variable.language_{color:#ff7b72}.dark-theme .github .hljs-title,.dark-theme .github .hljs-title.class_,.dark-theme .github .hljs-title.class_.inherited__,.dark-theme .github .hljs-title.function_{color:#d2a8ff}.dark-theme .github .hljs-attr,.dark-theme .github .hljs-attribute,.dark-theme .github .hljs-literal,.dark-theme .github .hljs-meta,.dark-theme .github .hljs-number,.dark-theme .github .hljs-operator,.dark-theme .github .hljs-selector-attr,.dark-theme .github .hljs-selector-class,.dark-theme .github .hljs-selector-id,.dark-theme .github .hljs-variable{color:#79c0ff}.dark-theme .github .hljs-meta .hljs-string,.dark-theme .github .hljs-regexp,.dark-theme .github .hljs-string{color:#a5d6ff}.dark-theme .github .hljs-built_in,.dark-theme .github .hljs-symbol{color:#ffa657}.dark-theme .github .hljs-code,.dark-theme .github .hljs-comment,.dark-theme .github .hljs-doctag,.dark-theme .github .hljs-formula{color:#8b949e}.dark-theme .github .hljs-name,.dark-theme .github .hljs-quote,.dark-theme .github .hljs-selector-pseudo,.dark-theme .github .hljs-selector-tag{color:#7ee787;color:#ab7ee7}.dark-theme .github .hljs-tag{color:#724985}.dark-theme .github .hljs-subst{color:#c9d1d9}.dark-theme .github .hljs-section{color:#1f6feb;font-weight:700}.dark-theme .github .hljs-bullet{color:#f2cc60}.dark-theme .github .hljs-emphasis{color:#c9d1d9;font-style:italic}.dark-theme .github .hljs-strong{color:#c9d1d9;font-weight:700}.dark-theme .github .hljs-addition{background-color:#033a16;color:#aff5b4}.dark-theme .github .hljs-deletion{background-color:#67060c;color:#ffdcd7}.light-theme .github{/*!
  Theme: GitHub
  Description: Light theme as seen on github.com
  Author: github.com
  Maintainer: @Hirse
  Updated: 2021-05-15

  Outdated base version: https://github.com/primer/github-syntax-light
  Current colors taken from GitHub's CSS
*/}.light-theme .github .hljs,.light-theme .github pre,.light-theme .github.pre-wrapper{background:#fff;color:#24292e}.light-theme .github .hljs-doctag,.light-theme .github .hljs-keyword,.light-theme .github .hljs-meta .hljs-keyword,.light-theme .github .hljs-template-tag,.light-theme .github .hljs-template-variable,.light-theme .github .hljs-type,.light-theme .github .hljs-variable.language_{color:#d73a49}.light-theme .github .hljs-title,.light-theme .github .hljs-title.class_,.light-theme .github .hljs-title.class_.inherited__,.light-theme .github .hljs-title.function_{color:#6f42c1}.light-theme .github .hljs-attr,.light-theme .github .hljs-attribute,.light-theme .github .hljs-literal,.light-theme .github .hljs-meta,.light-theme .github .hljs-number,.light-theme .github .hljs-operator,.light-theme .github .hljs-selector-attr,.light-theme .github .hljs-selector-class,.light-theme .github .hljs-selector-id,.light-theme .github .hljs-variable{color:#005cc5}.light-theme .github .hljs-meta .hljs-string,.light-theme .github .hljs-regexp,.light-theme .github .hljs-string{color:#032f62}.light-theme .github .hljs-built_in,.light-theme .github .hljs-symbol{color:#e36209}.light-theme .github .hljs-code,.light-theme .github .hljs-comment,.light-theme .github .hljs-formula{color:#6a737d}.light-theme .github .hljs-name,.light-theme .github .hljs-quote,.light-theme .github .hljs-selector-pseudo,.light-theme .github .hljs-selector-tag{color:#22863a}.light-theme .github .hljs-subst{color:#24292e}.light-theme .github .hljs-section{color:#005cc5;font-weight:700}.light-theme .github .hljs-bullet{color:#735c0f}.light-theme .github .hljs-emphasis{color:#24292e;font-style:italic}.light-theme .github .hljs-strong{color:#24292e;font-weight:700}.light-theme .github .hljs-addition{background-color:#f0fff4;color:#22863a}.light-theme .github .hljs-deletion{background-color:#ffeef0;color:#b31d28}.light-theme .a11y .hljs-comment,.light-theme .a11y .hljs-quote{color:dimgray}.light-theme .a11y .hljs-deletion,.light-theme .a11y .hljs-name,.light-theme .a11y .hljs-regexp,.light-theme .a11y .hljs-selector-class,.light-theme .a11y .hljs-selector-id,.light-theme .a11y .hljs-tag,.light-theme .a11y .hljs-template-variable,.light-theme .a11y .hljs-variable{color:#d91e18}.light-theme .a11y .hljs-attribute,.light-theme .a11y .hljs-built_in,.light-theme .a11y .hljs-builtin-name,.light-theme .a11y .hljs-link,.light-theme .a11y .hljs-literal,.light-theme .a11y .hljs-meta,.light-theme .a11y .hljs-number,.light-theme .a11y .hljs-params,.light-theme .a11y .hljs-type{color:#aa5d00}.light-theme .a11y .hljs-addition,.light-theme .a11y .hljs-bullet,.light-theme .a11y .hljs-string,.light-theme .a11y .hljs-symbol{color:#e28902}.light-theme .a11y .hljs-section,.light-theme .a11y .hljs-title{color:#007faa}.light-theme .a11y .hljs-keyword,.light-theme .a11y .hljs-selector-tag{color:#7928a1}.light-theme .a11y .hljs{background:#fefefe;color:#545454}.light-theme .a11y .hljs-emphasis{font-style:italic}.light-theme .a11y .hljs-strong{font-weight:700}@media screen and (-ms-high-contrast:active){.light-theme .a11y .hljs-addition,.light-theme .a11y .hljs-attribute,.light-theme .a11y .hljs-built_in,.light-theme .a11y .hljs-builtin-name,.light-theme .a11y .hljs-bullet,.light-theme .a11y .hljs-comment,.light-theme .a11y .hljs-link,.light-theme .a11y .hljs-literal,.light-theme .a11y .hljs-meta,.light-theme .a11y .hljs-number,.light-theme .a11y .hljs-params,.light-theme .a11y .hljs-quote,.light-theme .a11y .hljs-string,.light-theme .a11y .hljs-symbol,.light-theme .a11y .hljs-type{color:highlight}.light-theme .a11y .hljs-keyword,.light-theme .a11y .hljs-selector-tag{font-weight:700}}.dark-theme .a11y{/*!
  Theme: a11y-dark
  Author: @ericwbailey
  Maintainer: @ericwbailey

  Based on the Tomorrow Night Eighties theme: https://github.com/isagalaev/highlight.js/blob/master/src/styles/tomorrow-night-eighties.css
*/}.dark-theme .a11y .hljs,.dark-theme .a11y pre,.dark-theme .a11y.pre-wrapper{background:#2b2b2b;color:#f8f8f2}.dark-theme .a11y .hljs-comment,.dark-theme .a11y .hljs-quote{color:#d4d0ab}.dark-theme .a11y .hljs-deletion,.dark-theme .a11y .hljs-name,.dark-theme .a11y .hljs-regexp,.dark-theme .a11y .hljs-selector-class,.dark-theme .a11y .hljs-selector-id,.dark-theme .a11y .hljs-tag,.dark-theme .a11y .hljs-template-variable,.dark-theme .a11y .hljs-variable{color:#ffa07a}.dark-theme .a11y .hljs-built_in,.dark-theme .a11y .hljs-link,.dark-theme .a11y .hljs-literal,.dark-theme .a11y .hljs-meta,.dark-theme .a11y .hljs-number,.dark-theme .a11y .hljs-params,.dark-theme .a11y .hljs-type{color:#f5ab35}.dark-theme .a11y .hljs-attribute{color:gold}.dark-theme .a11y .hljs-addition,.dark-theme .a11y .hljs-bullet,.dark-theme .a11y .hljs-string,.dark-theme .a11y .hljs-symbol{color:#abe338}.dark-theme .a11y .hljs-section,.dark-theme .a11y .hljs-title{color:#00e0e0}.dark-theme .a11y .hljs-keyword,.dark-theme .a11y .hljs-selector-tag{color:#dcc6e0}.dark-theme .a11y .hljs-emphasis{font-style:italic}.dark-theme .a11y .hljs-strong{font-weight:700}@media screen and (-ms-high-contrast:active){.dark-theme .a11y .hljs-addition,.dark-theme .a11y .hljs-attribute,.dark-theme .a11y .hljs-built_in,.dark-theme .a11y .hljs-bullet,.dark-theme .a11y .hljs-comment,.dark-theme .a11y .hljs-link,.dark-theme .a11y .hljs-literal,.dark-theme .a11y .hljs-meta,.dark-theme .a11y .hljs-number,.dark-theme .a11y .hljs-params,.dark-theme .a11y .hljs-quote,.dark-theme .a11y .hljs-string,.dark-theme .a11y .hljs-symbol,.dark-theme .a11y .hljs-type{color:highlight}.dark-theme .a11y .hljs-keyword,.dark-theme .a11y .hljs-selector-tag{font-weight:700}}.dark-theme .atom-one .hljs,.dark-theme .atom-one pre,.dark-theme .atom-one.pre-wrapper{background:#282c34;color:#abb2bf}.dark-theme .atom-one .hljs-comment,.dark-theme .atom-one .hljs-quote{color:#5c6370;font-style:italic}.dark-theme .atom-one .hljs-doctag,.dark-theme .atom-one .hljs-formula,.dark-theme .atom-one .hljs-keyword{color:#c678dd}.dark-theme .atom-one .hljs-deletion,.dark-theme .atom-one .hljs-name,.dark-theme .atom-one .hljs-section,.dark-theme .atom-one .hljs-selector-tag,.dark-theme .atom-one .hljs-subst{color:#e06c75}.dark-theme .atom-one .hljs-literal{color:#56b6c2}.dark-theme .atom-one .hljs-addition,.dark-theme .atom-one .hljs-attribute,.dark-theme .atom-one .hljs-meta .hljs-string,.dark-theme .atom-one .hljs-regexp,.dark-theme .atom-one .hljs-string{color:#98c379}.dark-theme .atom-one .hljs-attr,.dark-theme .atom-one .hljs-number,.dark-theme .atom-one .hljs-selector-attr,.dark-theme .atom-one .hljs-selector-class,.dark-theme .atom-one .hljs-selector-pseudo,.dark-theme .atom-one .hljs-template-variable,.dark-theme .atom-one .hljs-type,.dark-theme .atom-one .hljs-variable{color:#d19a66}.dark-theme .atom-one .hljs-bullet,.dark-theme .atom-one .hljs-link,.dark-theme .atom-one .hljs-meta,.dark-theme .atom-one .hljs-selector-id,.dark-theme .atom-one .hljs-symbol,.dark-theme .atom-one .hljs-title{color:#61aeee}.dark-theme .atom-one .hljs-built_in,.dark-theme .atom-one .hljs-class .hljs-title,.dark-theme .atom-one .hljs-title.class_{color:#e6c07b}.dark-theme .atom-one .hljs-emphasis{font-style:italic}.dark-theme .atom-one .hljs-strong{font-weight:700}.dark-theme .atom-one .hljs-link{text-decoration:underline}.light-theme .atom-one .hljs,.light-theme .atom-one pre,.light-theme .atom-one.pre-wrapper{background:#fafafa;color:#383a42}.light-theme .atom-one .hljs-comment,.light-theme .atom-one .hljs-quote{color:#a0a1a7;font-style:italic}.light-theme .atom-one .hljs-doctag,.light-theme .atom-one .hljs-formula,.light-theme .atom-one .hljs-keyword{color:#a626a4}.light-theme .atom-one .hljs-deletion,.light-theme .atom-one .hljs-name,.light-theme .atom-one .hljs-section,.light-theme .atom-one .hljs-selector-tag,.light-theme .atom-one .hljs-subst{color:#e45649}.light-theme .atom-one .hljs-literal{color:#0184bb}.light-theme .atom-one .hljs-addition,.light-theme .atom-one .hljs-attribute,.light-theme .atom-one .hljs-meta .hljs-string,.light-theme .atom-one .hljs-regexp,.light-theme .atom-one .hljs-string{color:#50a14f}.light-theme .atom-one .hljs-attr,.light-theme .atom-one .hljs-number,.light-theme .atom-one .hljs-selector-attr,.light-theme .atom-one .hljs-selector-class,.light-theme .atom-one .hljs-selector-pseudo,.light-theme .atom-one .hljs-template-variable,.light-theme .atom-one .hljs-type,.light-theme .atom-one .hljs-variable{color:#986801}.light-theme .atom-one .hljs-bullet,.light-theme .atom-one .hljs-link,.light-theme .atom-one .hljs-meta,.light-theme .atom-one .hljs-selector-id,.light-theme .atom-one .hljs-symbol,.light-theme .atom-one .hljs-title{color:#4078f2}.light-theme .atom-one .hljs-built_in,.light-theme .atom-one .hljs-class .hljs-title,.light-theme .atom-one .hljs-title.class_{color:#c18401}.light-theme .atom-one .hljs-emphasis{font-style:italic}.light-theme .atom-one .hljs-strong{font-weight:700}.light-theme .atom-one .hljs-link{text-decoration:underline}.challenge-views-sequence-container .pre-wrapper{padding:var(--toggle-editor-size-button-height) 0 0 0;position:absolute;z-index:1}.code-pre-wrapper{height:100%;overflow-y:auto;padding:0;position:relative;width:100%}.small-file-name{align-items:center;display:flex;font-size:11px;font-style:italic;line-height:1;max-width:50vw;opacity:.8;white-space:pre}.small-file-name.interactive{font-size:12px;font-style:normal;font-weight:700}.small-file-name svg.stroke path{stroke:var(--hsl);fill:#0000}.small-file-name svg path{stroke:#0000;fill:var(--hsl)}.small-file-name svg{height:10px;margin-left:4px;transform:translateY(1px)}.small-file-name small{font-size:10px;font-weight:400;overflow:hidden;text-overflow:ellipsis}.render-data-output{background:#0009;flex:1 1;overflow:auto;padding-bottom:120px}.render-data-output table{padding-bottom:10px;padding-top:10px}.render-data-output table th{text-align:center}.render-data-output table tr td:nth-child(n+2){border-left:1px dashed #fff6}.render-data-output table tr td{border-bottom:1px solid #fff6;min-width:100px;padding:4px}.render-data-output table tr:last-child td{border-bottom:none}.fake-file-editor{background:var(--code-highlighter-bg);border-top:1px solid var(--separator-color);display:flex;flex-direction:column;height:100%;overflow:hidden;pointer-events:none;position:absolute;top:-1px;width:100%;z-index:1}.fake-file-editor.no-lines .linenumber{opacity:0}.fake-file-editor.fake-editor-right{right:100%}.fake-file-editor.fake-editor-left{left:100%}.light-theme .code-overlay{--caller-color:var(--home-accent-color-1);--border-color:#0006;--active-bg:#00000010}.code-overlay{--caller-color:#fff6;--additional-click-space:20px;--border-color:#fff6;--border-color-hover:#fff;--border-width:2px;--active-bg:#ffffff25;align-items:center;border-bottom:var(--border-width) dotted var(--border-color);cursor:pointer;display:flex;font-family:Inconsolata,Monaco,Consolas,monospace;height:24px;justify-content:center;position:absolute;transition:transform 1s,background 1s,box-shadow .3s,border-color .6s,opacity .5s;width:50px;z-index:1}.code-overlay:hover{border-color:var(--border-color-hover)}.code-overlay:active{background:var(--active-bg)}.code-overlay.caller{animation:fragmentCallerAnimation 1s ease-in-out}@keyframes fragmentCallerAnimation{0%,50%,to{transform:scaleX(1)}25%,75%{background:var(--caller-color);transform:scaleX(1.25)}}.code-overlay.mod-caller{animation:modOverlayCallerAnimation .5s ease-in-out}@keyframes modOverlayCallerAnimation{0%,to{opacity:1}50%{opacity:.3}}.code-overlay.mod-caller-from-line-number{animation:modOverlayDramaticCallerAnimation .5s ease-in-out}@keyframes modOverlayDramaticCallerAnimation{0%{transform:scale(3)}to{transform:scale(1)}}.code-overlay.options-opened{border-bottom-style:solid;z-index:99999}.code-overlay.another-overlay-clicked-directly,.code-overlay.another-overlay-focused-with-interactive-buttons{--border-color:var(--separator-color);border-bottom-style:dashed;transition:none}.code-overlay:after{content:"";height:100%;min-width:3ch;position:absolute;width:100%}.code-overlay:not(.prev-interactive):not(.next-interactive):after{height:calc(100% + var(--additional-click-space));top:calc(var(--additional-click-space)*-.5)}.code-overlay:not(.next-interactive).prev-interactive:after{height:calc(100% + var(--additional-click-space)*.5);top:0}.code-overlay:not(.prev-interactive).next-interactive:after{bottom:0;height:calc(100% + var(--additional-click-space)*.5)}.light-theme .fragment-dropdown .option{color:#252525}.fragment-dropdown{background:#121212;border:1px solid #fff3;border-radius:8px;color:var(--text-color);display:none;font-family:Inconsolata,Monaco,Consolas,monospace;left:0;overflow:auto;position:absolute;top:calc(100% + 8px)}.fragment-dropdown.opened{display:flex;z-index:1}.fragment-dropdown.idling{--idling-opacity:0.35;animation:editorIdlingAnimation 7s linear infinite!important}.fragment-dropdown .inner-options-container{display:flex;flex-direction:column;position:relative}.fragment-dropdown .option{align-items:center;animation:codeOptionAppearing .25s ease-in-out;animation-fill-mode:forwards;background:#0000;display:flex;font-size:16px;font-weight:700;opacity:0;padding:10px 16px;text-align:left;transform:translateY(-10px)}@media only screen and (hover:hover)and (pointer:fine){.fragment-dropdown .option:hover{background:hsla(var(--h),var(--s),var(--l),.5)}}.fragment-dropdown .option.selected,.fragment-dropdown .option:focus{background:var(--hsl)}@keyframes codeOptionAppearing{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.fragment-dropdown .option+.option{border-top:1px solid #fff3}.light-theme .code-fragment-overlay{--opened-overlay-shadow:#0005}.light-theme .code-fragment-overlay .fragment-dropdown{background:#fff;border:1px solid #0003;color:var(--text-color)}.light-theme .code-fragment-overlay .fragment-dropdown .option+.option{border-top:1px solid #0003}.light-theme .code-section-overlay{--focused-shadow-color:var(--home-accent-color-1)}.code-section-overlay{--focused-shadow-color:#fff;align-items:center;animation:fadeIn .3s ease-in-out;background:#b4b4b4;display:flex;height:2px;position:absolute;transition:box-shadow .15s ease-in-out;width:100%}.code-section-overlay.focused{box-shadow:0 0 10px var(--focused-shadow-color)}.code-section-overlay.caller .button{animation:sectionEmptyLineButtonCallerAnimation 1s ease-in-out}@keyframes sectionEmptyLineButtonCallerAnimation{0%,50%,to{transform:scale(1)}25%,75%{transform:scale(1.2)}}.code-section-overlay .button{--size:32px;background:var(--home-accent-color-1);border-radius:50%;height:var(--size);left:calc(100% - var(--size) - 16px);position:-webkit-sticky;position:sticky;width:var(--size)}.code-section-overlay .button img{height:12px}.text-input-overlay{border:1px dotted;border-radius:3px;justify-content:flex-start;overflow:hidden;z-index:1}.text-input-overlay.caller{animation:textInputCallerAnimation 1s ease-in-out}@keyframes textInputCallerAnimation{0%,50%,to{background-color:#0000;opacity:1;transform:scaleY(1)}25%,75%{background-color:#fff3;opacity:.3;transform:scaleY(1.15)}}.text-input-overlay input{background:none;font-family:Inconsolata,Monaco,Consolas,monospace;line-height:1;opacity:0;outline:none;width:100%;z-index:1}.text-input-overlay:focus-within{z-index:2}.text-input-overlay:focus-within input{background:var(--editor-bg-color);opacity:1}.animated-typing-container{position:relative}.animated-typing-container .typing-content{align-items:center;display:flex;justify-content:flex-end;position:absolute}.animated-typing-container .transparent-text{opacity:0}.light-theme .gap-token{--gap-token-bg:#e7e7e799}.gap-token{--gap-token-bg:#1c232a8c}.light-theme .gap-tokens-container-attached{--gap-tokens-container-bg:hsla(var(--h),var(--s),calc(var(--l) + 35%));border-top:2px solid hsla(var(--h),var(--s),var(--l))}.gap-tokens-container-attached{--gap-tokens-container-bg:#141414bb;align-items:flex-start;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(4px);background:var(--gap-tokens-container-bg);border-radius:var(--border-radius-2);display:flex;flex-direction:column;left:0;padding:10px 10px 0;position:absolute;top:calc(100% + 16px);z-index:2}@keyframes gapTokensContainerAttachedAppearing{0%{opacity:0}to{opacity:1}}.gap-tokens-container-attached .mod-option-token-entry.idling .inner-option-content{--idling-opacity:0.35;animation:editorIdlingAnimation 7s linear infinite!important}.gap-tokens-container-attached.video{padding:10px 10px 0}.gap-tokens-container-attached.gap-tokens-caller .gap-token{animation:gapCallerAnimation .5s calc(var(--index)*.1s) ease-in-out;animation-fill-mode:forwards;opacity:0}@keyframes gapCallerAnimation{0%,to{opacity:var(--token-opacity)}50%{opacity:.25}}.gap-tokens-container-attached.gap-tokens-appear{animation:gapTokensContainerAttachedAppearing .3s ease-in-out;animation-fill-mode:forwards}.gap-tokens-container-attached.gap-tokens-appear .gap-token{animation:gapsAppearAnimation .5s calc(var(--index)*.1s) ease-in-out;animation-fill-mode:forwards;opacity:0}.gap-tokens-container-attached.gap-tokens-appear .gap-token .opacity-element{opacity:var(--token-opacity)}@keyframes gapsAppearAnimation{0%{opacity:0}to{opacity:1}}.gap-tokens-container-attached .gap-tokens-list{align-items:flex-start;display:flex;flex:1 1;flex-wrap:wrap;justify-content:center;overflow-y:auto;width:100%}.gap-tokens-container-attached .gap-tokens-buttons{display:flex;justify-content:space-between;width:100%}.gap-tokens-container-attached .gap-tokens-buttons.swap{flex-direction:row-reverse}.gap-tokens-container-attached .gap-tokens-buttons .button{padding:12px}.gap-tokens-container-attached .gap-tokens-buttons .button svg.stroke path{stroke:var(--hsl);fill:#0000}.gap-tokens-container-attached .gap-tokens-buttons .button svg path{stroke:#0000;fill:var(--hsl)}.gap-tokens-container-attached .gap-tokens-buttons .button svg{height:20px;width:20px}.gap-tokens-container-attached .gap-buttons{display:flex;flex-direction:column}.gap-tokens-container-attached .gap-buttons .button{padding:12px 4px}.gap-overlay{transition:background 0s}.gap-overlay.typing{background:var(--editor-bg-color)}.gap-overlay .show-caret .caret-text,.gap-overlay.overlay-focused-with-interactive-buttons .caret-text{animation-name:blinking;opacity:1}.gap-overlay .caret-text{animation-name:none;opacity:0}.gap-overlay .gap-typing-animation{align-items:center;display:flex;font-family:var(--editor-font);height:100%;left:0;line-height:1;position:absolute;text-align:left;top:2px;width:100%}.gap-overlay .gap-typing-animation .gap-typing-prev-content,.gap-overlay .gap-typing-animation .typing-content{position:relative}.gap-overlay .gap-typing-animation.inactive .gap-typing-prev-content,.gap-overlay .gap-typing-animation.inactive .typing-content-inner{opacity:0}.gap-overlay.active{border-bottom-color:var(--home-accent-color-1)}.section-dnd-overlay{pointer-events:none;position:relative}.section-dnd-overlay .section-dnd-option-overlay{-webkit-touch-callout:none;border:1px dotted #3b82f64d;border-radius:4px;pointer-events:none;position:relative;transition:all .2s ease}.section-dnd-overlay .section-dnd-option-overlay:hover{border-color:#3b82f680}.section-dnd-overlay .section-dnd-option-overlay.dragging{background:#3b82f640;border-color:#3b82f6b3;box-shadow:0 4px 12px #00000026;transform:scale(1.02);transition:none}.section-dnd-overlay .section-dnd-option-overlay.drag-target{background:#22c55e26;border-color:#22c55e80}.section-dnd-overlay .section-dnd-option-overlay .section-dnd-option-overlay-drag-area{pointer-events:auto;touch-action:none}.section-dnd-overlay .section-dnd-option-overlay .section-dnd-option-overlay-drag-area.small{border:2px dotted #9996;border-radius:10px;bottom:2px;position:absolute;right:2px;top:2px;width:40px}.section-dnd-overlay .section-dnd-option-overlay .section-dnd-option-overlay-drag-area.full{bottom:0;left:0;position:absolute;right:0;top:0}.section-dnd-overlay.highlight-drag-areas .section-dnd-option-overlay-drag-area.small{background:#9996}.section-dnd-overlay.highlight-drag-areas .section-dnd-option-overlay-drag-area.full{background:hsla(0,0%,60%,.133)}.section-dnd-overlay .drop-zone{background:#3b82f699;border-radius:1px;height:2px;left:0;opacity:0;position:absolute;right:0;transition:opacity .2s ease}.section-dnd-overlay .drop-zone.active{animation:pulse 1s infinite;opacity:1}.section-dnd-overlay.dragging{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.user-variable-editor-dialog .title{font-family:var(--home-font);font-size:18px;font-weight:700;margin-bottom:16px;text-align:center}.user-variable-editor-dialog .buttons-group{display:flex;margin-top:24px}.user-variable-editor-dialog .buttons-group .button+.button{margin-left:16px}.light-theme .user-var-overlay{--user-var-overlay-bg:#0001}.user-var-overlay{--opacity:.2;--additional-click-space:20px;--user-var-overlay-bg:#fff2;align-items:center;background:var(--user-var-overlay-bg);border-radius:4px;cursor:pointer;display:flex;font-family:Inconsolata,Monaco,Consolas,monospace;height:24px;justify-content:center;position:absolute;transition:transform 1s,background 1s,box-shadow .3s,border-color .6s;width:50px;z-index:1}.user-var-overlay.caller{animation:userVarCallerAnimation 1s ease-in-out}@keyframes userVarCallerAnimation{0%,50%,to{opacity:1}25%,75%{opacity:.3}}.user-var-overlay.mod-caller{animation:modUserVarCallerAnimation .5s ease-in-out}@keyframes modUserVarCallerAnimation{0%,to{opacity:1}50%{opacity:.3}}.user-var-overlay input{height:100%;opacity:0;position:absolute;width:100%;z-index:10}.user-var-overlay:after{content:"";height:100%;min-width:3ch;position:absolute;width:100%}.subcategory-link{font-weight:700;padding:0 6px;text-decoration:underline}.light-theme .code-overlay.description-overlay{--bg-color:#e4efff;--border-color:#0000;--text-color:hsla(var(--h),30%,50%,1)}.code-overlay.description-overlay{--bg-color:#231c35;--border-color:#313131;--text-color:hsla(var(--h),70%,90%,1);border:none;cursor:default;display:flex;justify-content:flex-start;outline:none}.code-overlay.description-overlay:after,.code-overlay.description-overlay:before{content:none}.code-overlay.description-overlay:active{background:#0000}.code-overlay.description-overlay .description-frame{background:var(--bg-color);background:hsla(var(--h),var(--s),var(--l),.1);border-radius:6px;color:var(--text-color);line-height:1.2;overflow:auto;padding:var(--content-padding);white-space:pre}.code-overlay.description-overlay .description-frame.description-caller{animation:descriptionCallerAnimation .5s ease-in-out}@keyframes descriptionCallerAnimation{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.light-theme .section-option-entry{--option-bg:#ffffff55;--selection-color:#1e1e1e;--border-color:#0003}.light-theme .section-option-entry.selected{color:#fff}.section-option-entry{--option-bg:#1e1e1e;--border-color:#fff3;--selection-color:hsla(var(--h),var(--s),var(--l),.2);background:var(--option-bg);border:2px dashed var(--border-color);border-radius:var(--border-radius-2);cursor:pointer;font-family:var(--challenge-font);min-width:100%;padding:12px 16px;position:relative;white-space:pre;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.section-option-entry.idling{--idling-opacity:0.35;animation:editorIdlingAnimation 7s linear infinite!important}.section-option-entry.selected{background:var(--selection-color)}.section-option-entry+.section-option-entry{margin-top:16px}.section-options-list{display:flex;flex:1 1;flex-direction:column;overflow-y:auto;padding:0 10px;width:100%}.light-theme .section-optional-options-container{--background:hsla(var(--h),var(--s),var(--l),.3)}.section-optional-options-container{--background:#141414;align-items:center;align-self:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:var(--background);bottom:calc(var(--panel-portrait-size) + var(--sab));display:flex;flex-direction:column;flex-wrap:wrap;justify-content:center;max-height:75%;overflow:hidden;padding:10px 0;position:absolute;width:100%;z-index:6}.section-multi-unhide-button{align-items:center;animation:unhideButtonAppear .2s ease-out;background:linear-gradient(135deg,#9ca3afe6,#6b7280e6);border:2px solid #fffc;border-radius:50%;box-shadow:0 2px 8px #00000026;cursor:pointer;display:flex;height:24px;justify-content:center;position:relative;transition:all .2s ease;width:24px}.section-multi-unhide-button:hover{background:linear-gradient(135deg,#9ca3af,#6b7280);box-shadow:0 4px 12px #00000040;transform:scale(1.1)}.section-multi-unhide-button:active{transform:scale(.95)}.section-multi-unhide-button .unhide-icon{color:#fff;font-size:12px;font-weight:700;line-height:1}.section-multi-unhide-button .unhide-count{align-items:center;background:#ef4444e6;border:1px solid #fff;border-radius:50%;color:#fff;display:flex;font-size:9px;font-weight:700;height:14px;justify-content:center;line-height:1;position:absolute;right:-4px;top:-4px;width:14px}@keyframes unhideButtonAppear{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.section-multi-dismiss-toggle-button{align-items:center;animation:appear .2s ease-out;background:linear-gradient(135deg,#f59e0b,#f97316);border:1px solid #ea580c;border-radius:12px;box-shadow:0 2px 4px #0000001a;cursor:pointer;display:flex;height:24px;justify-content:center;position:relative;transition:all .2s ease;-webkit-user-select:none;user-select:none;width:32px}.section-multi-dismiss-toggle-button:hover{background:linear-gradient(135deg,#f59e0b,#ea580c);box-shadow:0 4px 8px #00000026;transform:translateY(-1px)}.section-multi-dismiss-toggle-button:active{box-shadow:0 1px 2px #0000001a;transform:translateY(0)}.section-multi-dismiss-toggle-button.active{background:linear-gradient(135deg,#22c55e,#16a34a);border-color:#15803d}.section-multi-dismiss-toggle-button.active:hover{background:linear-gradient(135deg,#16a34a,#15803d)}.section-multi-dismiss-toggle-button .toggle-icon{color:#fff;font-size:12px;text-shadow:0 1px 2px #0000004d}.section-multi-dismiss-toggle-button .count-badge{align-items:center;background:#ef4444;border:1px solid #fff;border-radius:8px;box-shadow:0 1px 3px #0003;color:#fff;display:flex;font-size:10px;font-weight:700;height:16px;justify-content:center;min-width:16px;padding:0 4px;position:absolute;right:-6px;top:-6px}@keyframes appear{0%{opacity:0;transform:scale(.8) translateY(-1px)}to{opacity:1;transform:scale(1) translateY(0)}}.dark-theme .code-highlighter-editor code{text-shadow:#fff3 0 1px!important}.light-theme .code-highlighter-editor{--active-line-color:#fff000;--focused-mod-line-number-color:#000;--line-hover-color:#d2d2d255;--code-highlighter-bg:#fff;--line-number-color:#0006;--section-line-bg:#00000008;--section-line-blink-bg:#0003;--clicakble-line-bg:#0000;--clickable-line-blink-bg:#0003;--emphasized-comment-color:#008c00;--caller-color:var(--home-accent-color-1);--consequent-interactive-lines-separator-color:#0002;--interactive-line-gradient:linear-gradient(to right,var(--hsl),#0000);--clickable-line-gradient:linear-gradient(to right,hsla(var(--h),var(--s),var(--l),.5),#0000,#0000)}.code-highlighter-editor{--swipe-transition:.3s;--code-highlighter-bg:#1d1f21;--active-line-color:#fff;--focused-mod-line-number-color:#fff;--line-hover-color:#0005;--line-number-color:#606060;--interactive-line-gradient:linear-gradient(90deg,#ffffffaa,#0000);--section-line-gradient:var(--interactive-line-gradient);--clickable-line-gradient:linear-gradient(90deg,#ffffff77,#0000,#0000);--section-line-bg:#fff1;--section-line-blink-bg:#fff4;--clicakble-line-bg:#0000;--clickable-line-blink-bg:#fff4;--caller-color:#fff6;--emphasized-comment-color:#487a48;--section-line-border-color:#0000;--consequent-interactive-lines-separator-color:#ffffff36;background:var(--code-highlighter-bg);bottom:0;display:flex;flex-direction:column;height:100%;left:0;overflow:auto;pointer-events:all;position:absolute;transform:translateZ(0);transition:height .5s ease-in-out;width:100%}.code-highlighter-editor.big-device .small-file-name small{font-weight:700}.code-highlighter-editor.pinch-zoom{overflow:hidden;touch-action:none}.code-highlighter-editor:before{left:0}.code-highlighter-editor:after{right:0}.code-highlighter-editor.with-fake-editors{overflow:visible;overflow:initial}.code-highlighter-editor.with-fake-editors pre{overflow:hidden!important}.code-highlighter-editor.landscape:not(.big-device){height:100%;width:calc(100% - 85px)}.code-highlighter-editor pre{max-width:100%;position:absolute;width:100%}.code-highlighter-editor pre.sticky-line-numbers code .line.line-interactive:before{content:none}.code-highlighter-editor pre.sticky-line-numbers code .line.line-interactive .linenumber:before{background:var(--interactive-line-gradient)}.code-highlighter-editor pre.sticky-line-numbers code .line.line-interactive .linenumber:before,.code-highlighter-editor pre.sticky-line-numbers code .line.section-line .linenumber:before{--target-opacity:.4;color:#0000;content:" ";display:inline-block;height:100%;left:0;min-width:var(--linenumber-width)!important;opacity:var(--target-opacity);position:absolute;top:0;width:100%}.code-highlighter-editor pre.sticky-line-numbers code .line.section-line .linenumber:before{background:var(--section-line-gradient);border-left:3px solid #fff}.code-highlighter-editor pre.sticky-line-numbers code .line.clickable-line .linenumber:before{--target-opacity:.4;background:var(--clickable-line-gradient);color:#0000;content:" ";display:inline-block;height:100%;left:0;min-width:var(--linenumber-width)!important;opacity:var(--target-opacity);position:absolute;top:0;width:100%}.code-highlighter-editor pre.sticky-line-numbers code .line .linenumber,.code-highlighter-editor pre.sticky-line-numbers code .line.line-interactive .linenumber,.code-highlighter-editor pre.sticky-line-numbers code .line.section-line .linenumber{left:0;position:-webkit-sticky;position:sticky}.code-highlighter-editor pre.sticky-line-numbers code .line.line-interactive:before,.code-highlighter-editor pre.sticky-line-numbers code .line.section-line:before{position:absolute}.code-highlighter-editor pre code{--min-padding-right:8px;display:flex;flex-direction:column;min-width:100%;padding:var(--code-container-padding-top) max(var(--code-container-padding-left),var(--min-padding-right)) max(var(--code-container-padding-top),338px) var(--code-container-padding-left)!important}.code-highlighter-editor pre code .line{height:var(--editor-line-height);line-height:1.4;outline:none;position:relative;transition:opacity 1s ease-in-out;width:100%}.code-highlighter-editor pre code .line.line-number-highlighted.section-line{animation:sectionLineFocusAnimation .3s ease-in-out}@keyframes sectionLineFocusAnimation{0%,to{background:var(--section-line-bg)}50%{background:var(--section-line-blink-bg)}}.code-highlighter-editor pre code .line.line-number-highlighted.clickable-line{animation:clickableLineFocusAnimation .3s ease-in-out}@keyframes clickableLineFocusAnimation{0%,to{background:var(--clicakble-line-bg)}50%{background:var(--clickable-line-blink-bg)}}.code-highlighter-editor pre code .line span{height:100%}.code-highlighter-editor pre code .line .linenumber{color:var(--line-number-color);display:inline-block;max-width:var(--linenumber-width)!important;min-width:var(--linenumber-width)!important;padding-left:var(--linenumber-p-l);padding-right:var(--linenumber-p-r);position:relative;text-align:right;width:var(--linenumber-width)}.code-highlighter-editor pre code .line.line-interactive:before{--target-opacity:.4;background:var(--interactive-line-gradient);color:#0000;content:" ";display:inline-block;height:100%;left:0;min-width:var(--linenumber-width)!important;opacity:var(--target-opacity);position:-webkit-sticky;position:sticky}.code-highlighter-editor pre code .line.line-interactive .linenumber{left:0;position:absolute}.code-highlighter-editor pre code .line.line-interactive.caller:not(.clickable-line) .linenumber{animation:callerLineAnimation 1s ease-in-out}.code-highlighter-editor pre code .line.line-interactive.line-number-highlighted:before{--border-size:12%;--target-opacity:1}.code-highlighter-editor pre code .line.line-interactive.line-number-highlighted .linenumber{color:var(--focused-mod-line-number-color)!important;text-shadow:0 0 1px currentColor}.code-highlighter-editor pre code .line.line-interactive.line-number-highlighted .linenumber:before{width:400%}@media only screen and (hover:hover)and (pointer:fine){.code-highlighter-editor pre code .line:hover{background:var(--line-hover-color)}}.code-highlighter-editor pre code .line.emphasized .token{animation:emphasizeTokenAnimation 8s linear infinite;color:var(--emphasized-comment-color)!important;display:inline-block}@keyframes emphasizeTokenAnimation{0%,50%,55%,to{transform:translateX(0)}51%,53%{transform:translateX(-2px)}52%,54%{transform:translateX(2px)}}.code-highlighter-editor pre code .line.section-line{--opacity:1;background:var(--section-line-bg);cursor:pointer;opacity:var(--opacity)}.code-highlighter-editor pre code .line.section-line .token{background:none!important}.code-highlighter-editor pre code .line.section-line.blink{animation:changedSectionAnimation .3s ease-in-out}@keyframes changedSectionAnimation{0%,to{opacity:var(--opacity)}50%{opacity:.2}}.code-highlighter-editor pre code .line.section-line:before{--target-opacity:.4;background:var(--section-line-gradient);color:#0000;content:" ";display:inline-block;height:100%;left:0;min-width:var(--linenumber-width)!important;opacity:var(--target-opacity);position:-webkit-sticky;position:sticky}.code-highlighter-editor pre code .line.section-line.section-end-line:after,.code-highlighter-editor pre code .line.section-line.section-start-line:after{bottom:0;content:"";left:0;position:absolute;right:0;top:0}.code-highlighter-editor pre code .line.section-line.section-start-line.prev-section-line{border-image:linear-gradient(to right,var(--consequent-interactive-lines-separator-color),#0000,#0000,#0000) 1;border-top:1px solid}.code-highlighter-editor pre code .line.section-line.caller{animation:sectionCallerAnimation 1s ease-in-out}@keyframes sectionCallerAnimation{0%,50%,to{background:var(--section-line-bg)}25%,75%{background:var(--caller-color)}}.code-highlighter-editor pre code .line.section-line.mod-caller{animation:modSectionCallerAnimation .5s ease-in-out}@keyframes modSectionCallerAnimation{0%,to{opacity:var(--opacity)}50%{opacity:.3}}.code-highlighter-editor pre code .line.clickable-line{--additional-click-space:20px;background:var(--clicakble-line-bg);cursor:pointer;position:relative;z-index:9999}.code-highlighter-editor pre code .line.clickable-line:before{--target-opacity:.4;background:var(--clickable-line-gradient);color:#0000;content:" ";display:inline-block;height:100%;left:0;min-width:var(--linenumber-width)!important;opacity:var(--target-opacity);position:-webkit-sticky;position:sticky}@keyframes interactiveLineMarkAppearAnimation{0%{opacity:0}to{opacity:var(--target-opacity)}}.code-highlighter-editor pre code .line.clickable-line:after{content:"";height:100%;left:0;position:absolute;width:100%}.code-highlighter-editor pre code .line.clickable-line.prev-clickable-line{border-image:linear-gradient(to right,var(--consequent-interactive-lines-separator-color),#0000,#0000,#0000) 1;border-top:1px solid}.code-highlighter-editor pre code .line.clickable-line.grouped-clickable-line .linenumber .group-overlay{border-radius:4px;opacity:.5;pointer-events:none;position:absolute;right:5px;top:0}.code-highlighter-editor pre code .line.clickable-line.caller{animation:callerLineAnimation 1s ease-in-out 0s}@keyframes callerLineAnimation{0%,50%,to{opacity:1}25%,75%{opacity:.3}}.code-highlighter-editor pre code .line.clickable-line.mod-caller{animation:modCallerLineAnimation .5s ease-in-out}@keyframes modCallerLineAnimation{0%,to{opacity:1}50%{opacity:.3}}.code-highlighter-editor pre code .line.clickable-line:not(.prev-line-interactive):not(.next-line-interactive):after{height:calc(100% + var(--additional-click-space));top:calc(var(--additional-click-space)*-.5)}.code-highlighter-editor pre code .line.clickable-line:not(.next-line-interactive).prev-line-interactive:after{height:calc(100% + var(--additional-click-space)*.5);top:0}.code-highlighter-editor pre code .line.clickable-line:not(.prev-line-interactive).next-line-interactive:after{bottom:0;height:calc(100% + var(--additional-click-space)*.5)}.code-highlighter-editor pre code .line.cli-line .linenumber{opacity:0}.code-highlighter-editor pre code .line.dismissed-no-line-number .linenumber{opacity:0;pointer-events:none}.code-highlighter-editor pre code .line.stashed-line,.code-highlighter-editor pre code .line.stashed-line .linenumber{display:none}.code-highlighter-editor pre .token{text-decoration:none!important}.code-highlighter-editor pre .token.named-entity{cursor:default!important}.finish-view-code-shown .code-highlighter-editor pre code .line.section-line{background:none}.section-multi-option{position:relative}.section-multi-option.section-multi-option-clickable{background-color:#3b82f60d;cursor:pointer;transition:all .2s ease}.section-multi-option.section-multi-option-clickable:hover{background-color:#3b82f61a}.section-multi-option.section-multi-option-sticky{background-color:#22c55e0d;cursor:pointer}.section-multi-option.section-multi-option-sticky:hover{background-color:#22c55e1a}.section-multi-option.section-multi-option-sticky:after{color:#22c55e;content:"✓";font-size:14px;font-weight:700;pointer-events:none;position:absolute;right:8px;top:50%;transform:translateY(-50%)}.section-multi-option.section-multi-option-separator{border-image:linear-gradient(to right,var(--consequent-interactive-lines-separator-color),#0000,#0000,#0000) 1;border-top:1px solid}.section-multi-option.section-multi-option-line{background-color:#3b82f605;cursor:pointer;transition:all .2s ease}.section-multi-option.section-multi-option-line:hover{background-color:#3b82f60d}.section-multi-option.section-multi-option-group-hover.section-multi-option-clickable,.section-multi-option.section-multi-option-group-hover.section-multi-option-line{background-color:#3b82f61a!important}.section-multi-option.section-multi-option-group-hover.section-multi-option-sticky{background-color:#22c55e1a!important}.section-multi-dismiss-option{position:relative}.section-multi-dismiss-option.section-multi-dismiss-option-visible{background-color:#3b82f60d;cursor:pointer;transition:all .2s ease}.section-multi-dismiss-option.section-multi-dismiss-option-visible:hover{background-color:#3b82f61a}.section-multi-dismiss-option.section-multi-dismiss-option-dismissed{background-color:#ef44440d;cursor:pointer;opacity:.5;transition:all .2s ease}.section-multi-dismiss-option.section-multi-dismiss-option-dismissed:hover{background-color:#ef44441a;opacity:.7}.section-multi-dismiss-option.section-multi-dismiss-option-dismissed:after{color:#ef4444;content:"✕";font-size:14px;font-weight:700;pointer-events:none;position:absolute;right:8px;top:50%;transform:translateY(-50%)}.section-multi-dismiss-option.section-multi-dismiss-option-separator{border-image:linear-gradient(to right,var(--consequent-interactive-lines-separator-color),#0000,#0000,#0000) 1;border-top:1px solid}.section-multi-dismiss-option.section-multi-dismiss-option-line{background-color:#3b82f605;cursor:pointer;transition:all .2s ease}.section-multi-dismiss-option.section-multi-dismiss-option-line:hover{background-color:#3b82f60d}.section-multi-dismiss-option.section-multi-dismiss-option-line[data-section-multi-dismiss-option-dismissed=true]{background-color:#ef444405;opacity:.5}.section-multi-dismiss-option.section-multi-dismiss-option-line[data-section-multi-dismiss-option-dismissed=true]:hover{background-color:#ef44440d;opacity:.7}.section-multi-dismiss-option.section-multi-dismiss-option-group-hover.section-multi-dismiss-option-line,.section-multi-dismiss-option.section-multi-dismiss-option-group-hover.section-multi-dismiss-option-visible{background-color:#3b82f61a!important}.section-multi-dismiss-option.section-multi-dismiss-option-group-hover.section-multi-dismiss-option-dismissed{background-color:#ef44441a!important;opacity:.7!important}.section-multi-dismiss-option.section-multi-dismiss-dissolving{animation:dissolveExplode .6s ease-in-out forwards;overflow:hidden;pointer-events:none;position:relative}.section-multi-dismiss-option.section-multi-dismiss-dissolving:before{animation:particleExplosion .6s ease-out forwards;background:radial-gradient(circle,#ef44444d 0,#0000 70%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1}.section-multi-dismiss-option.section-multi-dismiss-dissolving:after{animation:particleScatter .6s ease-out forwards;background:#ef4444;border-radius:50%;content:"";height:4px;left:50%;pointer-events:none;position:absolute;top:50%;width:4px;z-index:2}.section-multi-dismiss-option.section-multi-dismiss-dissolving *{animation:textDissolve .6s ease-in-out forwards}@keyframes dissolveExplode{0%{filter:blur(0);opacity:1;transform:scale(1)}30%{background-color:#ef444433;filter:blur(.5px);opacity:.8;transform:scale(1.05)}60%{filter:blur(1px);opacity:.4;transform:scale(.95)}to{filter:blur(2px);opacity:0;transform:scale(.8)}}@keyframes particleExplosion{0%{opacity:0;transform:scale(0)}20%{opacity:.6;transform:scale(.5)}50%{opacity:.3;transform:scale(1.2)}to{opacity:0;transform:scale(3)}}@keyframes particleScatter{0%{box-shadow:0 0 0 #ef444499,10px 0 0 #ef444499,-10px 0 0 #ef444499,0 10px 0 #ef444499,0 -10px 0 #ef444499;opacity:1;transform:translate(-50%,-50%) scale(1)}50%{box-shadow:15px -15px 0 #ef444466,25px 5px 0 #ef444466,-20px 8px 0 #ef444466,5px 20px 0 #ef444466,-8px -18px 0 #ef444466;opacity:.7;transform:translate(-50%,-50%) scale(1.5)}to{box-shadow:30px -30px 0 #ef444400,50px 10px 0 #ef444400,-40px 16px 0 #ef444400,10px 40px 0 #ef444400,-16px -36px 0 #ef444400;opacity:0;transform:translate(-50%,-50%) scale(.2)}}@keyframes textDissolve{0%{opacity:1;text-shadow:none;transform:translateY(0) scale(1)}30%{opacity:.8;text-shadow:0 0 2px #ef444480;transform:translateY(-2px) scale(1.02)}70%{opacity:.3;text-shadow:0 0 4px #ef44444d;transform:translateY(1px) scale(.98)}to{opacity:0;text-shadow:0 0 6px #ef44441a;transform:translateY(3px) scale(.95)}}.light-theme .stash{background:#fff;color:#000}.light-theme .stash .stash__item{border:1px solid #aaa}.stash__toggle{border-radius:8px 0 0 8px;bottom:10%;box-shadow:0 0 10px #fff3;pointer-events:auto;position:absolute;right:0;z-index:1001}.stash__toggle .stash__toggle-button{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border-radius:8px 0 0 8px;border-right:none;cursor:pointer;display:flex;flex-direction:column;height:50px;justify-content:center;pointer-events:auto;transition:all .2s ease;-webkit-user-select:none;user-select:none;width:40px}.stash__toggle .stash__toggle-button:hover{border-color:#d0d0d0}.stash__toggle .stash__toggle-button:active{transform:scale(.95)}.stash__toggle.stash--has-items .stash__toggle-button{animation:pulse 4s infinite}.stash__toggle.stash--expanded{background:#0009}.stash__toggle.stash--expanded .stash__toggle-button{animation:none}.stash__toggle.stash--swallowing .stash__toggle-button{animation:swallow .6s cubic-bezier(.38,-1.55,.165,1.55)}@keyframes pulse{0%{box-shadow:0 0 0 0 #2196f3b3}50%{box-shadow:0 0 0 0 #2196f3b3}85%{box-shadow:0 0 0 10px #2196f300}to{box-shadow:0 0 0 0 #2196f300}}@keyframes swallow{0%{transform:scale(1)}50%{box-shadow:0 0 20px #2196f399;transform:scale(1.3)}to{transform:scale(1)}}.stash{background:#0a001e;box-shadow:-4px 0 12px #0000001a;color:#fff;display:flex;flex-direction:row;transform:translateX(280px);transition:transform .3s cubic-bezier(.4,0,.2,1);width:320px;z-index:1000}.stash,.stash:before{bottom:0;pointer-events:none;position:fixed;right:0;top:0}.stash:before{background:#0000004d;content:"";left:0;opacity:0;transition:opacity .3s ease,visibility .3s ease;visibility:hidden;z-index:-1}.stash--expanded{pointer-events:auto;transform:translateX(0)}.stash--expanded:before{opacity:1;pointer-events:auto;visibility:visible}.stash--in-bottom{bottom:0;max-height:300px;min-height:150px;top:auto}.stash--in-bottom .stash__list .stash__item:last-of-type{margin-bottom:70px}.stash--dragging{pointer-events:auto}.stash--dragging .stash__content{background:#2196f30d}.stash--dragging .stash__list{background:#2196f305;border:2px dashed #2196f3;border-radius:8px}.stash--highlight{box-shadow:0 0 30px #2196f3}.stash__count{color:inherit;font-size:12px;font-weight:700;margin-bottom:4px}.stash__icon{color:inherit;font-size:14px}.stash__hint{font-size:10px;margin-top:2px;opacity:.8}.stash__content{background:inherit;display:flex;flex:1 1;flex-direction:column;height:100%;max-height:100%;overflow:hidden;pointer-events:auto;transition:background-color .2s ease}.stash__header{align-items:center;display:flex;justify-content:space-between;padding:16px 20px}.stash__title{font-size:18px;font-weight:600;margin:0}.stash__close{align-items:center;background:#0000;border:none;border-radius:4px;color:inherit;cursor:pointer;display:flex;font-size:18px;height:32px;justify-content:center;line-height:1;padding:6px 8px;transition:all .2s ease;width:32px}.stash__close:hover{border-color:#ccc}.stash__close:active{transform:scale(.95)}.stash__close:focus{outline:2px solid #2196f3;outline-offset:2px}.stash__body{flex:1 1;overflow:hidden;position:relative}.stash__empty{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;padding:40px 20px;text-align:center}.stash__empty-icon{font-size:48px;margin-bottom:16px;opacity:.5}.stash__empty-text{font-size:16px;line-height:1.4;max-width:200px}.stash__instructions{background:#e8f5e8;border:1px solid #c8e6c9;border-radius:6px;color:#2e7d32;font-size:12px;margin:8px 12px;padding:8px 12px;text-align:center}.stash__list{display:flex;flex-direction:column;gap:8px;height:100%;overflow-y:auto;padding:12px}.stash__item{align-items:flex-start;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px dashed;border-radius:8px;cursor:grab;display:flex;gap:8px;padding:6px;transition:all .2s ease}.stash__item:hover{box-shadow:0 2px 8px #0000001a}.stash__item--dragging{box-shadow:0 4px 16px #0003;cursor:grabbing;opacity:.5;position:relative;transform:rotate(2deg);z-index:1001}.stash__item--drag-to-editor{background:#4caf500d;border-color:#4caf50}.stash__item--drag-to-editor .stash__item-code{background:#4caf5005;border-color:#4caf50}.stash__item--drag-to-editor .stash__section-badge{background:#c8e6c9;color:#2e7d32}.stash__item:active{cursor:grabbing}.stash__item-content{flex:1 1;overflow:hidden}.stash__item-code{border-radius:4px;color:#333;color:var(--foreground-color);font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;font-size:13px;line-height:1.4;margin-bottom:6px;max-height:120px;overflow-wrap:break-word;overflow-y:auto;padding:8px 10px;white-space:pre-wrap;word-break:break-word}.stash__item-meta{align-items:center;color:#666;display:flex;font-size:11px;font-weight:500;justify-content:space-between;margin-top:2px}.stash__section-badge{background:#e3f2fd;border-radius:10px;color:#1976d2;font-size:9px;font-weight:600;letter-spacing:.5px;padding:2px 6px;text-transform:uppercase}.stash__item-remove{align-items:center;background:none;border:none;border-radius:4px;color:#999;cursor:pointer;display:flex;flex-shrink:0;font-size:18px;height:24px;justify-content:center;line-height:1;padding:4px;transition:all .2s ease;width:24px}.stash__item-remove:hover{background:#f0f0f0;color:#d32f2f}.stash__item-remove:active{transform:scale(.9)}.stash__item-remove:focus{outline:2px solid #2196f3;outline-offset:2px}.stash__drag-preview{animation:dragFloat .6s ease-out infinite alternate;pointer-events:none;transform:rotate(2deg)}.stash__drag-preview-content{background:#fff;border:2px solid #2196f3;border-radius:8px;box-shadow:0 8px 32px #0000004d;max-width:300px;opacity:.9}.stash__drag-preview-code{background:#2196f30d;border-radius:6px 6px 0 0;color:#333;font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;font-size:12px;line-height:1.4;max-height:80px;overflow:hidden;overflow-wrap:break-word;padding:8px 10px;position:relative;white-space:pre-wrap;word-break:break-word}.stash__drag-preview-code:after{background:linear-gradient(#0000,#2196f30d);bottom:0;content:"";height:20px;left:0;pointer-events:none;position:absolute;right:0}.stash__drag-preview-meta{align-items:center;background:#f8f9fa;border-radius:0 0 6px 6px;border-top:1px solid #e0e0e0;color:#666;display:flex;font-size:10px;font-weight:500;justify-content:space-between;padding:6px 10px}@keyframes dragFloat{0%{transform:rotate(2deg) scale(1)}to{transform:rotate(2deg) scale(1.02)}}@media(max-width:768px){.stash{transform:translateX(240px);width:280px}}@media(max-width:480px){.stash{right:0;transform:translateX(100%);width:100%}.stash--expanded{transform:translateX(0)}}.stash__item-code::-webkit-scrollbar{width:4px}.stash__item-code::-webkit-scrollbar-track{background:#0000}.stash__item-code::-webkit-scrollbar-thumb{background:#ddd;border-radius:2px}.stash__item-code::-webkit-scrollbar-thumb:hover{background:#ccc}.fragment-options-list{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;position:relative}.gap-tokens-list-wrapper{align-items:flex-start;display:flex;flex:1 1;flex-direction:column;position:relative;width:100%}.gap-tokens-list-wrapper .gap-tokens-list{align-items:flex-start;display:flex;flex:1 1;flex-wrap:wrap;justify-content:center;overflow-y:auto;width:100%}.gap-tokens-list-wrapper .gap-tokens-buttons{display:flex;justify-content:space-between;width:100%}.gap-tokens-list-wrapper .gap-tokens-buttons .button{padding:12px}.gap-tokens-list-wrapper .gap-tokens-buttons .button svg.stroke path{stroke:var(--hsl);fill:#0000}.gap-tokens-list-wrapper .gap-tokens-buttons .button svg path{stroke:#0000;fill:var(--hsl)}.gap-tokens-list-wrapper .gap-tokens-buttons .button svg{height:20px;width:20px}.landscape:not(.big-device) .focused-mod-interactions-container{bottom:0}.light-theme .focused-mod-interactions-container{--focused-mod-interactions-container-bg:hsla(var(--h),var(--s),var(--l),0.3)}.light-theme .focused-mod-interactions-container .toggle-mod-button{background:#fff}.focused-mod-interactions-container{--focused-mod-interactions-container-bg:#141414bb;align-items:center;align-self:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:var(--focused-mod-interactions-container-bg);bottom:calc(var(--panel-portrait-size) + var(--safe-area-bottom));display:flex;flex-direction:column;height:auto;justify-content:center;max-height:min(210px,50%);opacity:0;overflow-y:auto;padding:10px;position:absolute;width:100%;z-index:9}.focused-mod-interactions-container.big-device{border-radius:var(--border-radius-2);bottom:calc(8px + var(--panel-portrait-size));max-width:80%;width:auto}.focused-mod-interactions-container.big-device .mod-option-token-entry{margin:2px 6px 8px}.focused-mod-interactions-container .mod-option-token-entry.idling .inner-option-content,.focused-mod-interactions-container .toggle-mod-button.idling{--idling-opacity:0.35;animation:editorIdlingAnimation 7s linear infinite!important}@keyframes toggleModButtonContainerAppearing{0%{opacity:0}to{opacity:1}}.focused-mod-interactions-container .toggle-mod-button{align-self:center;background:#0000;border:2px solid #999;border:2px solid var(--hsl,#999);border-radius:var(--border-radius-2);color:#fff;color:var(--hsl,#fff);font-size:14px;font-weight:700;line-height:1;padding:12px 24px}.focused-mod-interactions-container.container-appear{animation:toggleModButtonContainerAppearing .4s ease-in-out!important;animation-fill-mode:forwards!important}.section-dnd-options-container-animated{background:#fff;border:1px solid #00000014;border-radius:12px;bottom:20px;box-shadow:0 8px 32px #0000001f;left:0;max-height:40vh;max-width:90vw;overflow:hidden;position:fixed;transform:translateX(-50%);z-index:1000}.section-dnd-options-container-animated.landscape{bottom:30px;max-width:70vw}.section-dnd-options-container-animated.big-device{bottom:40px;max-width:600px}.section-dnd-options-container-animated .section-dnd-options-header{align-items:center;background:#f8f9fa;border-bottom:1px solid #0000000f;border-radius:12px 12px 0 0;display:flex;justify-content:space-between;padding:16px 20px 12px}.section-dnd-options-container-animated .section-dnd-options-header h3{color:#333;font-size:16px;font-weight:600;margin:0}.section-dnd-options-container-animated .section-dnd-options-header .close-button{align-items:center;background:none;border:none;border-radius:6px;color:#666;cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;padding:0;transition:background-color .2s ease;width:32px}.section-dnd-options-container-animated .section-dnd-options-header .close-button:hover{background-color:#0000000d;color:#333}.section-dnd-options-container-animated .section-dnd-options-header .close-button:active{background-color:#0000001a}.section-dnd-options-container-animated .section-dnd-options-container{background:#0000;border:none;border-radius:0;box-shadow:none;max-height:50vh;overflow-y:auto;padding:16px 20px 20px;position:static}.section-dnd-options-container-animated .section-dnd-options-container .section-dnd-options-list{display:flex;flex-direction:column;gap:8px;max-height:none}.section-dnd-options-container-animated .section-dnd-options-container .section-dnd-options-list .section-dnd-option-entry{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;color:#333;cursor:grab;font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,monospace;font-size:14px;line-height:1.4;padding:12px 16px;transition:all .2s ease}.section-dnd-options-container-animated .section-dnd-options-container .section-dnd-options-list .section-dnd-option-entry:hover{background:#e9ecef;border-color:#dee2e6;box-shadow:0 2px 8px #00000014;transform:translateY(-1px)}.section-dnd-options-container-animated .section-dnd-options-container .section-dnd-options-list .section-dnd-option-entry.dragging{cursor:grabbing;opacity:.5;transform:rotate(2deg)}.section-dnd-options-container-animated .section-dnd-options-container .section-dnd-options-list .section-dnd-option-entry.in-basket{background:#fff3cd;border-color:#ffeaa7}.section-dnd-options-container-animated .section-dnd-options-container .section-dnd-options-list .section-dnd-option-entry.in-basket .basket-indicator{color:#f39c12}.section-dnd-options-container-animated .section-dnd-options-container .section-dnd-options-list .section-dnd-option-entry.is-placed{background:#d4edda;border-color:#c3e6cb}.section-dnd-options-container-animated .section-dnd-options-container .section-dnd-options-list .section-dnd-option-entry.is-placed .placed-indicator{color:#28a745}.section-dnd-options-container-animated .section-dnd-options-container .section-dnd-options-list .section-dnd-option-entry .option-status{align-items:center;display:flex;justify-content:flex-end;margin-top:8px}.section-dnd-options-container-animated .section-dnd-options-container .section-dnd-options-list .section-dnd-option-entry .option-status .basket-indicator,.section-dnd-options-container-animated .section-dnd-options-container .section-dnd-options-list .section-dnd-option-entry .option-status .placed-indicator{font-size:16px;margin-left:8px}.section-dnd-options-container-animated .section-dnd-options-container .section-dnd-options-list .no-options{color:#666;font-style:italic;padding:20px;text-align:center}@media(max-width:768px){.section-dnd-options-container-animated{bottom:10px;left:10px;max-width:none;right:10px;transform:none}.section-dnd-options-container-animated .section-dnd-options-header{padding:12px 16px 8px}.section-dnd-options-container-animated .section-dnd-options-header h3{font-size:14px}.section-dnd-options-container-animated .section-dnd-options-header .close-button{font-size:20px;height:28px;width:28px}.section-dnd-options-container-animated .section-dnd-options-container{padding:12px 16px 16px}.section-dnd-options-container-animated .section-dnd-options-container .section-dnd-options-list .section-dnd-option-entry{font-size:13px;padding:10px 12px}}.focus-interactive-element-button{--opacity:.8;align-items:flex-start;animation:interactiveElementButtonAppearAnimation .5s ease-in-out;display:flex;flex-direction:column;height:45px;justify-content:center;opacity:var(--opacity);position:absolute;transition:opacity 1s;width:30px;z-index:1}.focus-interactive-element-button[data-tooltip]:before{font-family:monospace;left:-4px}.focus-interactive-element-button[data-help] .focus-button-content>div{animation:focusInteractiveElementButtonCaller 8s calc(var(--index)*.1s) ease-in-out infinite}@keyframes focusInteractiveElementButtonCaller{0%,10%,20%,to{transform:translateY(0)}15%,5%{transform:translateY(3px)}}.focus-interactive-element-button .focus-button-content{display:flex;flex-direction:column;position:relative}.focus-interactive-element-button .focus-button-content>div{background:var(--hsl);border-radius:10px;height:4px;margin:2px;opacity:.6;width:6px}.focus-interactive-element-button .focus-button-content>div:first-of-type{margin-top:4px}.focus-interactive-element-button .focus-button-content>div:nth-of-type(2){height:5px;opacity:.7;width:10px}.focus-interactive-element-button .focus-button-content>div:nth-of-type(3){height:6px;opacity:.8;width:14px}.focus-interactive-element-button.big-device{left:0}.focus-interactive-element-button.up .focus-button-content{flex-direction:column-reverse}.focus-interactive-element-button:not(.interactive-file) .focus-button-content{opacity:0}.focus-interactive-element-button.with-caller .focus-button-content{animation:interactiveElementButtonIdleCallerAnimation 8s var(--caller-delay) ease-in-out infinite}@keyframes interactiveElementButtonIdleCallerAnimation{0%,90%,to{opacity:var(--opacity)}95%{opacity:.2}}.focus-interactive-element-button.caller .focus-button-content{animation:interactiveElementButtonContentCallerAnimation 1s ease-in-out}@keyframes interactiveElementButtonContentCallerAnimation{0%,50%,to{opacity:var(--opacity)}25%,75%{opacity:.2}}@keyframes interactiveElementButtonAppearAnimation{0%{opacity:0}to{opacity:var(--opacity)}}.focus-interactive-element-button img,.focus-interactive-element-button svg{--caller-delay:0s;height:12px;pointer-events:none}.focus-interactive-element-button img+img,.focus-interactive-element-button img+svg,.focus-interactive-element-button svg+img,.focus-interactive-element-button svg+svg{--caller-delay:.2s;margin:-4px 0 0}@keyframes interactiveElementButtonCallerAnimation{0%,90%,to{transform:translateY(0)}95%{transform:translateY(3px)}}.light-theme .challenge-panel .challenge-panel-time,.light-theme .challenge-panel .challenge-timer{text-shadow:-1px 1px 0 #fff,1px 1px 0 #fff,0 -1px 0 #fff,-1px -1px 0 #fff}.light-theme .challenge-panel-time,.light-theme .challenge-timer,.use-color-challenge .challenge-panel-time,.use-color-challenge .challenge-timer{color:hsl(var(--h),var(--saturation-challenge-text),var(--lightness-challenge-text))}.big-device .challenge-panel .challenge-panel-time .device-focus-button{--next-interactive-button-translate-x:64px}.challenge-timer.below-menu{animation:fadeIn .35s ease-in-out;bottom:4px;font-family:Electronic,monospace;font-size:12px;left:13px;opacity:.8;position:absolute}.challenge-panel.landscape .challenge-panel-time{top:50%;transform:translateY(-50%)}.challenge-panel.landscape .challenge-panel-time.tutorial{width:100%}.challenge-panel.landscape .challenge-timer.below-menu{bottom:auto;font-size:10px;left:auto;top:4px}.challenge-panel .challenge-panel-time{align-items:center;display:flex;font-size:20px;height:100%;justify-content:center;left:0;margin:0 auto;pointer-events:none;position:absolute;width:100%;z-index:0}.challenge-panel .challenge-panel-time.hidden{pointer-events:none;visibility:hidden}.challenge-panel .challenge-panel-time .device-focus-button{--next-interactive-button-translate-x:24px;--next-interactive-button-transition-duration:300ms;align-items:center;pointer-events:all;position:absolute;transition:opacity .3s}.challenge-panel .challenge-panel-time .device-focus-button:disabled{opacity:.25}.challenge-panel .challenge-panel-time .device-focus-button.animated-to-right{animation:deviceFocusButtonNextAnimation var(--next-interactive-button-transition-duration) ease-in-out;animation-fill-mode:forwards}@keyframes deviceFocusButtonNextAnimation{0%{transform:translateX(0)}to{transform:translateX(var(--next-interactive-button-translate-x))}}.challenge-panel .challenge-panel-time .device-focus-button.device-focus-button-prev{animation:deviceFocusButtonPrevAnimation var(--next-interactive-button-transition-duration) ease-in-out;animation-fill-mode:forwards}@keyframes deviceFocusButtonPrevAnimation{0%{opacity:0;transform:translate(0)}to{opacity:var(--opacity);transform:translate(calc(var(--next-interactive-button-translate-x)*-1))}}.challenge-panel .challenge-panel-time span{animation:timeAppearAnimation .35s cubic-bezier(.65,1.5,.4,.8) 2s,pulsingAnimation 10s ease-in-out 12s infinite;animation-fill-mode:forwards;font-family:Electronic,monospace;font-family:bpdots unicasesquare bold;font-family:VCR MONO;font-size:24px;pointer-events:none;position:relative;transform:scale(0);z-index:2}@keyframes timeAppearAnimation{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes pulsingAnimation{0%,5%,9%,to{transform:scale(1)}2.5%,7.5%{transform:scale(1.1)}}@keyframes blink{0%,to{opacity:1}50%{opacity:.2}}.challenge-panel .close-button{height:45px;opacity:.5;position:absolute;transition:opacity 1s;z-index:1}.challenge-panel .close-button img{height:28px}.challenge-panel .confirm-challenge-button-full-width-container{align-items:center;display:flex;height:100%;justify-content:center;pointer-events:none;position:absolute;transition:transform .5s cubic-bezier(0,.6,.15,1);width:100%}.challenge-panel .confirm-challenge-button-full-width-container.landscape{height:100%}.challenge-panel .confirm-challenge-button-full-width-container.landscape.on-side{transform:translateY(calc(-50% + 72px))}.challenge-panel .confirm-challenge-button-full-width-container.on-side{transform:translateX(calc(-50% + 72px))}.challenge-panel .confirm-challenge-button-full-width-container.on-side .check-code-icon{transform:scale(.75)}.challenge-panel .check-code-icon{height:45px;opacity:.5;padding:8px;pointer-events:all;position:absolute;transition:opacity .5s,transform .25s ease-in-out,transform .5s cubic-bezier(0,.6,.15,1);z-index:1}.challenge-panel .check-code-icon svg{--size:36px;height:var(--size);width:var(--size)}@media only screen and (hover:hover)and (pointer:fine){.challenge-panel .check-code-icon:hover{transform:scale(1.1)}}.challenge-panel .check-code-icon.animated-out{animation:animatingOutCheckmarkAnimation .35s ease-in-out;animation-fill-mode:forwards}@keyframes animatingOutCheckmarkAnimation{0%{transform:scale(1)}60%{transform:scale(1.3)}to{transform:scale(0)}}.challenge-panel .check-code-icon.in-preview{bottom:calc(1rem + 60px);left:50%;position:fixed;transform:translateX(-50%);z-index:2}.challenge-panel .check-code-icon.in-preview.landscape{bottom:1rem}.challenge-panel .check-code-icon .menu-icon{height:32px}.light-theme .views-options-list{--options-bg-color:#0000004d;--text-color:#fff}.light-theme .views-options-list .view-option-button{--file-extension-color:hsl(var(--h),var(--s),calc(var(--l) - 10%))}.light-theme .views-options-backdrop{background:#fff9}.views-options-backdrop{background:#0009;height:100%;left:0;position:fixed;top:0;width:100%;z-index:9}.views-options-list{--options-bg-color:#0000004d;--text-color:#fff;align-self:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--options-bg-color);border-radius:10px;display:flex;flex-flow:wrap;max-height:210px;max-width:320px;opacity:0;overflow-y:auto;position:fixed;top:50%;transform:translateY(-50%) scale(0);transition:.2s;z-index:10}.views-options-list.active{animation:optionsListAppearAnimation .2s ease-in-out;opacity:1;transform:translateY(-50%) scale(1)}@keyframes optionsListAppearAnimation{0%{opacity:0;transform:translateY(-50%) scale(0)}to{opacity:1;transform:translateY(-50%) scale(1)}}.views-options-list .view-option-button{--file-extension-color:var(--hsl);align-items:center;color:#fff;display:flex;flex-direction:column;flex-shrink:0;font-size:14px;padding:12px 6px;transition:.2s;width:100px}.views-options-list .view-option-button.active{background:#fff3;font-weight:700}.views-options-list .view-option-button:not(.interactive,.active){opacity:.5}.views-options-list .view-option-button img{height:24px;margin-bottom:4px}.views-options-list .view-option-button .screen-name{text-transform:uppercase}.views-options-list .view-option-button .file-name{align-items:center;display:flex;font-family:var(--editor-font);justify-content:center;line-height:1;margin-top:2px;position:relative;width:100%}.views-options-list .view-option-button .file-name .path-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.views-options-list .view-option-button .file-name .file-extension{color:var(--file-extension-color)}.views-options-list .view-option-button .background{align-items:center;display:flex;flex-direction:column;font-size:14px;font-weight:700;text-transform:uppercase}.views-options-list .view-option-button .background img{margin-bottom:4px}.light-theme .rating-stars{--stroke-color:#45454530}.rating-stars{--stroke-color:#fff5;align-items:center;display:flex}.rating-stars svg{--star-size:24px;animation:starAppearAnimation .5s var(--delay) cubic-bezier(.4,1.6,.4,1);animation-fill-mode:forwards;cursor:pointer;height:var(--star-size);opacity:0;transform:scale(0);width:var(--star-size)}.rating-stars svg+svg{margin-left:4px}.rating-stars svg path{stroke:var(--stroke-color);transition:.3s ease-in-out}.rating-stars svg.active path{fill:var(--hsl)}@keyframes starAppearAnimation{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.modal.challenge-feedback{font-family:var(--home-font);max-height:100%;max-width:600px;width:calc(100% - 32px)}.modal.challenge-feedback .title{font-size:18px;font-weight:700;line-height:1;margin-bottom:1rem}.modal.challenge-feedback h5{font-size:14px;font-weight:400;padding:4px 0 8px 4px}.modal.challenge-feedback .rating{margin:0 auto 20px}.modal.challenge-feedback .select{margin-bottom:1rem}.modal.challenge-feedback .select.feedback-select-caller{--shaking-distance:4px;animation:feedbackSelectCallerAnimation .3s cubic-bezier(0,.48,.45,1)}@keyframes feedbackSelectCallerAnimation{0%,to{opacity:1;transform:translateX(0)}25%{transform:translateX(calc(var(--shaking-distance)*-1))}50%{opacity:.65}75%{transform:translateX(var(--shaking-distance))}}.modal.challenge-feedback .textarea{height:125px;margin-bottom:1rem;resize:none}.modal.challenge-feedback .textarea::placeholder{font-size:12px}.modal.challenge-feedback .buttons-group{margin-top:auto;width:100%}.modal.challenge-feedback .buttons-group .button{font-size:14px;margin:0;width:100%}.sun-rays-casting{align-items:center;animation:fadeIn .5s var(--delay) ease-in-out;display:flex;height:var(--container-height);justify-content:center;position:absolute;width:var(--container-width);z-index:-1000}.sun-rays-casting .ray{height:var(--size);position:absolute;width:60px}.sun-rays-casting .ray:after{animation:raysAnimation 6s var(--random-delay) cubic-bezier(.5,0,.55,1) reverse infinite;background:linear-gradient(to top,var(--ray-color),#0000) no-repeat;bottom:50%;-webkit-clip-path:polygon(0 0,50% 100%,100% 0);clip-path:polygon(0 0,50% 100%,100% 0);content:"";height:100%;position:absolute;transform:rotate(var(--angle));transform-origin:50% 100%;width:100%}@keyframes raysAnimation{0%,to{transform:rotate(var(--angle)) translateY(0) scale(1)}50%{transform:rotate(var(--angle)) translateY(calc(var(--size)*.25)) scaleX(.75)}}.moving .finish-info-card,.moving .info-card-rays{opacity:0}.info-card-rays{transition:opacity .3s}.finish-info-card{max-width:1000px;transition:transform var(--transition-duration),opacity var(--transition-duration)}.challenge-context-menu-backdrop{bottom:16px;left:16px;position:fixed;right:16px;top:16px;z-index:10}.light-theme .challenge-context-menu,.use-color-challenge .challenge-context-menu{color:hsl(var(--h),var(--saturation-challenge-text),var(--lightness-challenge-text))}.challenge-context-menu{--highlighted-menu-entry-bg:hsla(var(--h),var(--s),var(--l),.175);align-items:center;background:var(--bg-color);border:1px solid var(--separator-color);border-radius:8px;bottom:64px;display:flex;flex-direction:column;justify-content:center;left:12px;opacity:0;overflow:hidden;position:absolute;transform:scale(0);transform-origin:left bottom;transition:transform .2s,opacity .2s;z-index:11}.challenge-context-menu .menu-entries .menu-entry-container{--additional-gap-for-side-child:4px}.challenge-context-menu .menu-entries .menu-entry-container:first-child{padding-top:var(--additional-gap-for-side-child)}.challenge-context-menu .menu-entries .menu-entry-container:last-child{padding-bottom:var(--additional-gap-for-side-child)}@media only screen and (hover:hover)and (pointer:fine){.challenge-context-menu .menu-entries .menu-entry-container:hover{background:hsla(var(--h),var(--s),calc(var(--l) - 7.5%),.2)}}.challenge-context-menu .menu-entries .challenge-help-menu-entry.highlighted{background:var(--highlighted-menu-entry-bg)}.challenge-context-menu.active{opacity:1;transform:scale(1)}.challenge-context-menu.top-right{bottom:auto;left:auto;right:86px;top:12px;transform-origin:right top}.challenge-context-menu.big-device{bottom:56px;left:auto;right:auto;top:auto}@keyframes contextMenuAppearAnimation{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.light-theme .challenge-panel{--fs-badge-color:#52a7dc42}.challenge-panel{--fs-badge-color:#565656;--panel-buttons-container-height:65px}.challenge-panel.landscape{--panel-buttons-container-height:56px}.challenge-panel.landscape .tabs{flex-direction:column;height:auto;width:100%}.challenge-panel.landscape .tabs .files-button{padding:16px}.challenge-panel.landscape .tabs.isLevelCheckingOrFinished{margin-left:0;margin-top:auto}.challenge-panel.landscape .tabs .tab-grouped-button{width:100%}.challenge-panel.landscape .tabs .tab-grouped-button.big{padding:16px 5px}.challenge-panel.landscape .tabs .tab-grouped-button .tab-small-button .main-icon{height:18px;width:24px}.challenge-panel.landscape .tabs .button{height:auto}.challenge-panel.landscape .tabs .button.tab-button{width:100%}.challenge-panel .tabs{align-items:center;display:flex;flex-direction:row;height:100%}.challenge-panel .tabs .files-button{height:65px;padding:22px 16px}.challenge-panel .tabs .files-button.caller{animation:blinkingAnimation 1s ease-in-out}.challenge-panel .tabs .files-button.non-interactive .icon-button-badge{animation:badgeNonInteractiveInitialCaller 1s ease-in-out .5s,badgeNonInteractiveCaller 4s ease-in-out 4s infinite}@keyframes badgeNonInteractiveInitialCaller{0%,50%,to{opacity:1}25%,75%{opacity:.5}}@keyframes badgeNonInteractiveCaller{0%,10%,20%,to{opacity:1}15%,5%{opacity:.7}}.challenge-panel .tabs .files-button .icon-button-badge{--min-size:15px;align-items:center;animation:scaleAnimation .3s ease-in-out;background:var(--fs-badge-color);box-shadow:none;color:#fff;display:flex;font-size:11px;height:auto;justify-content:center;line-height:1;min-height:var(--min-size);min-width:var(--min-size);padding:2px 4px;right:2px;top:10px;width:auto}.challenge-panel .tabs .files-button .icon-button-badge.caller{animation:badgeCallerAnimation 1s ease-in-out}@keyframes badgeCallerAnimation{0%,66%{transform:scale(1)}33%,to{transform:scale(0)}}.challenge-panel .tabs .panel-buttons-container{--size:68px;align-items:center;display:flex;height:var(--panel-buttons-container-height);justify-content:center;position:relative;width:var(--size)}.challenge-panel .tabs .panel-buttons-container .editor-button,.challenge-panel .tabs .panel-buttons-container .preview-button{--button-size:calc(var(--size)/2.5);position:absolute;transition:opacity .3s,transform .3s;transition-timing-function:cubic-bezier(.68,1.5,.43,.82)}.challenge-panel .tabs .panel-buttons-container .editor-button:not(.active),.challenge-panel .tabs .panel-buttons-container .preview-button:not(.active){--translate-range:calc(var(--button-size)/2);opacity:.8;transform:translate(var(--translate-range),calc(var(--translate-range)*-1)) scale(.5)}.challenge-panel .tabs .panel-buttons-container .editor-button img,.challenge-panel .tabs .panel-buttons-container .editor-button svg,.challenge-panel .tabs .panel-buttons-container .preview-button img,.challenge-panel .tabs .panel-buttons-container .preview-button svg{height:var(--button-size);width:var(--button-size)}.challenge-panel .tabs.isLevelCheckingOrFinished{margin-left:auto;margin-top:0}.challenge-panel .tabs>*{cursor:pointer}.challenge-panel .tabs .tab-grouped-button{-webkit-tap-highlight-color:rgba(0,0,0,0);display:flex;flex-direction:column;height:100%;justify-content:center;padding:12px;position:relative;width:50px}.challenge-panel .tabs .tab-grouped-button.mini-playground{margin-right:10px}.challenge-panel .tabs .tab-grouped-button.hidden{pointer-events:none;visibility:hidden}.challenge-panel .tabs .tab-grouped-button.subtle{opacity:.5}.challenge-panel .tabs .tab-grouped-button.big .tab-small-button .main-icon{height:25px;width:25px}.challenge-panel .tabs .tab-grouped-button .main-icon{filter:var(--tab-icon-filter);position:absolute}@keyframes inactiveButtonAnimation{0%,to{filter:var(--tab-icon-filter)}50%{filter:drop-shadow(0 0 0 rgba(0,0,0,0))}}.challenge-panel .tabs .tab-grouped-button.active .main-icon{animation:none;filter:var(--tab-icon-active-filter)}.challenge-panel .tabs .tab-grouped-button img,.challenge-panel .tabs .tab-grouped-button svg{transition:.3s}.challenge-panel .tabs .tab-grouped-button .tab-small-button{align-items:center;display:flex;font-size:13px;font-weight:700;height:100%;position:relative}.challenge-panel .tabs .tab-grouped-button .tab-small-button.centered-items{justify-content:center}.challenge-panel .tabs .tab-grouped-button .tab-small-button .subtle-icon{background:rgba(0,0,0,.376);border-radius:50%;height:20px;padding:4px;position:absolute;transform:translate(14px,12px);width:20px}.challenge-panel .tabs .tab-grouped-button .tab-small-button+.tab-small-button{margin-top:5px}.challenge-panel .tabs .tab-grouped-button .tab-small-button .tab-button-title{margin-left:5px;text-transform:uppercase}.challenge-panel .tabs .tab-grouped-button .tab-small-button .main-icon{height:15px;width:15px}.light-theme .challenge-panel svg.stroke path,.use-color-challenge .challenge-panel svg.stroke path{stroke:var(--hsl);fill:#0000}.light-theme .challenge-panel svg path,.use-color-challenge .challenge-panel svg path{stroke:#0000;fill:var(--hsl)}.light-theme .challenge-panel{--code-review-success-bg:#a1dfa1;--code-review-failed-bg:#ffc8c8}.challenge-panel{--code-review-success-bg:#315f31;--code-review-failed-bg:#743c3c;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background-color:var(--bg-color-overlay);bottom:0;height:var(--panel-portrait-size);position:absolute;right:0;transform:translateY(calc(var(--panel-portrait-size) + 200px));transition:.3s,width 0s;width:100%;z-index:6}.challenge-panel.active{transform:translateY(0)}.challenge-panel>div{align-items:center;bottom:0;display:flex;flex-direction:row;justify-content:space-between;left:0;position:absolute;right:0;top:0}.challenge-panel .button{transition:transform .25s ease-in-out}@media only screen and (hover:hover)and (pointer:fine){.challenge-panel .button:hover{transform:scale(1.1)}}.challenge-panel .big-device-panel-buttons{align-items:center;display:flex;position:relative}.challenge-panel .big-device-panel-buttons .change-file-button{padding:16px}.challenge-panel .big-device-panel-buttons .change-file-button img,.challenge-panel .big-device-panel-buttons .change-file-button svg{height:26px}.challenge-panel .big-device-panel-buttons .big-device-file-switch-buttons{align-items:center;display:flex;justify-content:center;position:relative}.challenge-panel .big-device-panel-buttons .big-device-file-switch-buttons.disabled small{opacity:.3}.challenge-panel .big-device-panel-buttons .big-device-file-switch-buttons small{font-family:monospace;font-size:14px;position:absolute}.challenge-panel .big-device-files-button{padding:16px}.challenge-panel .big-device-files-button .icon-button-badge{background:var(--fs-badge-color);box-shadow:none;right:2px;top:6px}.challenge-panel .hide-full-app-introduction-button{animation:fadeIn .3s ease-in-out;height:100%;left:0;position:absolute;width:100%}.challenge-panel .hide-full-app-introduction-button img,.challenge-panel .hide-full-app-introduction-button svg{height:20px;margin-left:auto;margin-right:16px}.challenge-panel .code-review-panel-title{align-items:center;background:var(--code-review-success-bg);display:flex;font-size:11px;height:14px;justify-content:center;line-height:1;padding-top:2px;position:absolute;text-align:center;top:-3px;width:100%}.challenge-panel .code-review-panel-title.failed{background:var(--code-review-failed-bg)}.challenge-panel .close-level-button{--size:45px;align-items:center;animation:appearAnimation .3s ease-in-out;animation-delay:1.5s;animation-fill-mode:forwards;cursor:pointer;display:flex;height:var(--size);justify-content:center;left:50%;opacity:0;padding:10px;position:absolute;transform:translateX(-50%);width:var(--size);z-index:7}.challenge-panel .close-level-button .glasses-icon{display:none}@media only screen and (hover:hover)and (pointer:fine){.challenge-panel .close-level-button:hover svg{transform:scale(1.2)}}.challenge-panel .aside-buttons-group,.challenge-panel .challenge-panel-time,.challenge-panel .tabs{transition:.3s}.challenge-panel .quick-mode-panel-category-name{bottom:0;color:var(--hsl);font-size:12px;left:50%;opacity:.5;position:absolute;transform:translateX(-50%)}.challenge-panel.full-app-intro-opened .aside-buttons-group,.challenge-panel.full-app-intro-opened .challenge-panel-time,.challenge-panel.full-app-intro-opened .tabs{opacity:0;pointer-events:none;transform:translateY(var(--panel-portrait-size))}.challenge-panel.full-app-intro-opened.landscape .aside-buttons-group,.challenge-panel.full-app-intro-opened.landscape .challenge-panel-time,.challenge-panel.full-app-intro-opened.landscape .tabs{transform:translateX(var(--panel-portrait-size))}.challenge-panel .aside-buttons-group{align-items:center;display:flex;height:100%}.challenge-panel .aside-buttons-group .aside-focus-button{position:relative}.challenge-panel .aside-buttons-group .open-task-button{height:65px;padding:19px 16px}.challenge-panel .aside-buttons-group .open-task-button svg{height:24px}.challenge-panel .aside-buttons-group .tutorial-help-button{--size:32px;border:2px dotted #fff6;height:var(--size);margin-left:16px;opacity:.7;padding:8px;width:var(--size)}.challenge-panel .challenge-context-menu-button{height:65px;padding:22px 16px}.challenge-panel .challenge-context-menu-button .icon-button-badge{right:6px;top:10px}.challenge-panel .challenge-context-menu-button .help-user-menu-badge{bottom:calc(50% + 10px);color:var(--hsl);font-size:12px;line-height:1;position:absolute;right:6px;z-index:1}.challenge-panel .challenge-context-menu-button .help-user-menu-badge.with-animation{animation:helpUserBadgeBlinkingAnimation 5s ease-in-out infinite}@keyframes helpUserBadgeBlinkingAnimation{0%,20%,40%,to{opacity:1}10%,30%{opacity:.2}}.challenge-panel .challenge-context-menu-button.hidden{pointer-events:none;visibility:hidden}.challenge-panel .challenge-context-menu-button.light-mode{padding:5px}.challenge-panel .challenge-context-menu-button.caller{animation:challengeMenuButtonCallerAnimation .85s ease-in-out}@keyframes challengeMenuButtonCallerAnimation{0%,50%,to{transform:scale(1)}25%,75%{transform:scale(1.35)}}.challenge-panel.landscape{bottom:0;height:100%;padding:0;right:-200px;top:0;transform:translateX(285px);width:285px}.challenge-panel.landscape>div{align-items:center;flex-direction:column;justify-content:space-between;right:200px}.challenge-panel.landscape .hide-full-app-introduction-button{right:auto;top:2rem}.challenge-panel.landscape .challenge-context-menu-button{height:auto;margin-left:0}.challenge-panel.landscape .challenge-context-menu-button img,.challenge-panel.landscape .challenge-context-menu-button svg{height:21px}.challenge-panel.landscape .aside-buttons-group{flex-direction:column;height:auto}.challenge-panel.landscape .aside-buttons-group .open-task-button{height:auto;padding:12px 16px}.challenge-panel.landscape.active{transform:translateX(0)}.challenge-panel.big-device{margin-top:auto}.button.submit{background:#0000;border:1px solid var(--computer-btn-shadow);border-radius:8px;bottom:1rem;color:var(--text-color);font-weight:700;left:50%;padding:10px 16px;position:fixed;transform:translateX(-50%);z-index:2}.windows-like-error-screen{--size:240px;--padding:4px;background:#000;background:linear-gradient(180deg,#0055e4,#122bc9);border-radius:8px 8px 0 0;display:flex;flex-direction:column;font-size:12px;padding:0 var(--padding) var(--padding) var(--padding);position:relative;width:var(--size)}.windows-like-error-screen header{align-items:center;display:flex;line-height:1;padding:4px 0 4px 6px}.windows-like-error-screen header h4{color:#fff;font-size:14px;font-weight:400}.windows-like-error-screen header .error-close-button{--color-1:#ea6865;--color-2:#bb330c;--close-btn-size:22px;align-items:center;background:linear-gradient(135deg,var(--color-1),var(--color-2));border:2px solid #fff;border-radius:4px;display:flex;height:var(--close-btn-size);justify-content:center;margin-left:auto;width:var(--close-btn-size)}.windows-like-error-screen header .error-close-button img{height:calc(var(--close-btn-size)*.6)}.windows-like-error-screen .content-container{--bg:#f8f6e6;background-color:var(--bg);color:#000;display:flex;flex:1 1;flex-direction:column;padding:8px 12px}.windows-like-error-screen .content-container .circle-button{align-items:center;background:linear-gradient(180deg,red,#970000);border-radius:50%;box-shadow:2px 1px #000;display:flex;flex-shrink:0;height:32px;justify-content:center;position:relative;width:32px}.windows-like-error-screen .content-container .circle-button img{height:16px}.windows-like-error-screen .content-container .text-container{align-items:flex-start;display:flex}.windows-like-error-screen .content-container .text{margin-left:12px}.windows-like-error-screen .content-container .ok-button{align-self:center;border:1px solid;margin-top:12px;max-width:calc(var(--size)*.2);min-width:70px;padding:3px}.windows-like-error-screen .content-container .ok-button span{align-items:center;border:1px dashed;display:flex;justify-content:center;width:100%}.skip-tutorial-confirmation{align-items:center;background:rgba(0,0,0,.612);display:flex;flex-direction:column;justify-content:center;z-index:1000}.skip-tutorial-confirmation .skip-tutorial-dialog{background:var(--bg-color);border-radius:var(--border-radius-2);padding:16px;position:fixed;width:clamp(240px,100% - 32px,460px);z-index:1}.skip-tutorial-confirmation .skip-tutorial-dialog .dialog-title{font-family:Doto;font-size:20px;font-weight:700;text-align:center}.skip-tutorial-confirmation .skip-tutorial-dialog .dialog-content{padding:5px 0}.skip-tutorial-confirmation .skip-tutorial-dialog .dialog-buttons{align-items:center;display:flex;flex-direction:row;justify-content:center;letter-spacing:1px;margin-top:1rem;text-align:center}.skip-tutorial-error-dialog{animation:skipTutorialErrorDialogAppearAnimation .5s calc(var(--index)*125ms) cubic-bezier(.68,1.95,.43,.82);animation-fill-mode:forwards;opacity:0;position:absolute}@keyframes skipTutorialErrorDialogAppearAnimation{0%{opacity:0;transform:scale(calc(var(--scale)*1.15)) rotate(calc(var(--rotate)*1.25))}to{opacity:var(--opacity);transform:scale(var(--scale)) rotate(var(--rotate))}}.light-theme .swipe-help{--gradient-end-color:#fff9}.swipe-help{--side-gap:24px;--gradient-end-color:#0009;--animation-duration:2.10s;--animation-delay:.25s;--timing-function:cubic-bezier(.33,0,0,1);--translate-range-y:20px;--text-translate-range-y:-32px;--text-scale:1.15;--scale:1.05;align-items:center;animation:fadeIn .5s ease-in-out;bottom:0;display:flex;justify-content:center;pointer-events:none;position:fixed;top:0;width:100%;z-index:2}.swipe-help.right{--translate-range-x:-82px;--rotate:-18deg;--text-translate-range-x:-42px;--text-rotate:12deg;background:linear-gradient(to right,#0000,var(--gradient-end-color));right:-20px}.swipe-help.right .swipe-icon-wrapper{right:var(--side-gap)}.swipe-help.right .swipe-icon-wrapper small{right:0}.swipe-help.left{--translate-range-x:42px;--rotate:18deg;--text-translate-range-x:42px;--text-rotate:-12deg;background:linear-gradient(to left,#0000,var(--gradient-end-color));left:0}.swipe-help.left .swipe-icon-wrapper{left:var(--side-gap)}.swipe-help.left .swipe-icon-wrapper small{left:0}.swipe-help .swipe-icon-wrapper{align-items:center;animation:swipeHelpAnimation var(--animation-duration) var(--animation-delay) var(--timing-function) infinite;display:flex;justify-content:center;position:absolute}.swipe-help .swipe-icon-wrapper small{animation:swipeTextAnimation var(--animation-duration) var(--animation-delay) var(--timing-function) infinite;bottom:calc(100% + 6px);font-weight:700;position:absolute;text-shadow:0 0 10px currentColor;white-space:nowrap}.swipe-help .swipe-icon-wrapper svg{filter:drop-shadow(0 0 10px currentColor)}@keyframes swipeHelpAnimation{0%{opacity:1;transform:translate(0) scale(1.3)}20%{opacity:1;transform:translate(0) scale(1)}60%{opacity:1}80%{opacity:0;transform:translate(var(--translate-range-x),var(--translate-range-y)) scale(var(--scale)) rotate(var(--rotate))}97%{opacity:0;transform:translate(0) scale(1.4)}to{opacity:1;transform:translate(0) scale(1.3)}}@keyframes swipeTextAnimation{0%,20%{transform:translate(0)}80%{transform:translate(var(--text-translate-range-x),var(--text-translate-range-y)) scale(var(--text-scale)) rotate(var(--text-rotate))}to{transform:translate(0)}}.context-menu-files{font-family:var(--editor-font);max-height:max(50vh,240px);overflow-y:auto}.context-menu-files .context-menu-file-entry{padding:10px 12px}.context-menu-files .context-menu-file-entry+.context-menu-file-entry{border-top:1px solid hsla(0,0%,100%,.133)}.context-menu-files .context-menu-file-entry.active{background:hsla(var(--h),calc(var(--s) - 35%),calc(var(--l) - 15%),.5)}.light-theme .editor-height-toggle,.use-color-challenge .editor-height-toggle{color:hsl(var(--h),var(--saturation-challenge-text),var(--lightness-challenge-text))}.light-theme .code-editor .code-highlighter-editor{box-shadow:0 -4px 20px #00000029;color:#000}.code-editor{bottom:0;left:0;margin:0;position:absolute;top:0;touch-action:none;transition:.5s;width:100%;z-index:2}.code-editor .code-highlighter-editor.focused-with-interactive-buttons .interactive-file-chip.mod-caller{animation:fileChipCallerAnimation 1.5s ease-in-out infinite;background:hsla(var(--h),var(--s),var(--l),.1)}@keyframes fileChipCallerAnimation{0%,to{opacity:1}50%{opacity:.25}}.code-editor.active{animation:fadeIn .3s ease-in-out}@keyframes codeEditorAppearAnimation{0%{transform:translateY(100%)}to{transform:translateY(0)}}.code-editor.is-touched .hljs{background:hsla(var(--h),var(--s),var(--l),.15)}.code-editor .focus-interactive-element-button{right:16px;top:16px;z-index:2}.code-editor.with-reduced-height{background:#0000;pointer-events:none}.code-editor.with-reduced-height .code-highlighter-editor{height:70%}.code-editor.with-reduced-height .code-highlighter-editor.mini-playground-editor{height:55%}.code-editor.swiping-from-preview{left:100%}.code-editor.swiping-from-editor,.code-editor.swiping-from-preview{overflow:hidden;transition:none 0s ease 0s;transition:initial}.code-editor.preview-swiped{transition:none 0s ease 0s;transition:initial}.code-editor.pinch-zoom{overflow:hidden;touch-action:none}.code-editor .editor-height-toggle{align-items:center;background:var(--bg-color);background:var(--bg-color-overlay);border-radius:0;display:flex;flex-shrink:0;height:var(--toggle-editor-size-button-height);position:relative;width:100%;z-index:10}.code-editor .editor-height-toggle .open-files-button{padding:0 2px 4px 10px}.code-editor .editor-height-toggle .interactive-files-list{display:flex;flex:1 1;height:100%;list-style-type:none;overflow-x:auto;padding:0 12px 0 0}.code-editor .editor-height-toggle .interactive-files-list .interactive-file-chip{background:#0000;border-radius:var(--border-radius-1);cursor:pointer;display:flex;padding:0 12px;transition:transform .3s,background .3s}.code-editor .editor-height-toggle .interactive-files-list .interactive-file-chip:first-child{border-radius:0 var(--border-radius-1) var(--border-radius-1) 0}.code-editor .editor-height-toggle .interactive-files-list .interactive-file-chip.caller{animation:blinkingAnimation .5s ease-in-out 2}.code-editor .editor-height-toggle .interactive-files-list .interactive-file-chip.tab-open-caller{animation:tabShakeAnimation .3s ease-in-out}@keyframes tabShakeAnimation{0%,to{transform:translateX(0)}25%{transform:translateX(-6px)}75%{transform:translateX(6px)}}.code-editor .editor-height-toggle .interactive-files-list .interactive-file-chip.opened{background:hsla(var(--h),var(--s),var(--l),.2)}.code-editor .editor-height-toggle.toggled img{transform:rotate(180deg)}.code-editor .editor-height-toggle .current-files-count{font-family:monospace;font-size:12px;padding:0 6px 0 0}.code-editor .editor-height-toggle .current-files-count.caller{animation:blinkingAnimation 1s ease-in-out}.code-editor .editor-height-toggle img{height:8px;margin:0 12px;opacity:.5;transition:transform .3s}.code-editor.inline{animation:none!important;position:relative}.code-editor.inline>div{overflow:visible}.code-editor.inline>div,.code-editor.inline>div .pre-wrapper{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;position:relative}.code-editor.inline>div .pre-wrapper>pre{position:relative}.activate-overscroll-alert{align-items:center;display:flex;flex-direction:column}.activate-overscroll-alert .button.message-activate-overscroll-button{background:var(--home-accent-color-1);border-radius:var(--border-radius-2);font-size:14px;margin-top:8px;padding:8px 16px;text-align:center}.activate-overscroll-alert .checkbox-container{font-size:14px;padding:12px 0 6px}.dark-theme .hljs-keyword,.dark-theme .hljs-name{color:hsla(calc(var(--h) + 15),30%,50%,.9)!important}.dark-theme .hljs-number,.dark-theme .hljs-string{color:hsla(var(--h),30%,50%,1)!important}.dark-theme .hljs-string{color:hsla(var(--h),80%,80%,1)!important}.dark-theme .hljs-title,.dark-theme .hljs-variable{color:hsla(var(--h),70%,90%,1)!important;color:hsla(var(--h),70%,70%,1)!important}.dark-theme .hljs-attr{color:hsla(calc(var(--h) - 10),70%,70%,1)!important}.dark-theme .hljs-comment{color:#888!important}.dark-theme .hljs-selector-tag{color:hsla(var(--h),70%,90%,1)!important}.light-theme .hljs-keyword,.light-theme .hljs-name{color:hsla(calc(var(--h) + 15),30%,50%,.9)!important}.light-theme .hljs-number,.light-theme .hljs-string{color:hsla(var(--h),calc(var(--s) - 20%),50%,1)!important}.light-theme .hljs-string,.light-theme .hljs-title,.light-theme .hljs-variable{color:hsla(var(--h),var(--s),var(--l),1)!important}.light-theme .hljs-attr{color:hsla(calc(var(--h) - 10),50%,70%,1)!important}.light-theme .hljs-selector-tag{color:hsla(var(--h),30%,30%,1)!important}.challenge-hints-dialog{font-family:var(--home-font);opacity:0;transition:.3s ease-in-out}.challenge-hints-dialog .title{font-size:20px;font-weight:700;line-height:1;margin-bottom:1.25rem}.challenge-hints-dialog .button{font-family:var(--home-font);font-weight:700;padding:0 4px;text-decoration:underline}.button.anchored-context-menu-entry{font-size:14px;justify-content:flex-start;padding:10px 14px}.button.anchored-context-menu-entry+.anchored-context-menu-entry{border-top:1px solid var(--separator-color)}.button.anchored-context-menu-entry img{height:12px;margin-right:12px;width:12px}.input-dialog .text-input{margin-bottom:16px}.input-dialog .dialog-buttons{align-items:center;display:flex;justify-content:center}.input-dialog .dialog-buttons .button.disabled{opacity:.5}.light-theme .filesystem-folder{--drag-over-bg-color:#0001}.filesystem-folder{--drag-over-bg-color:#fff1;border-radius:var(--border-radius-1);display:flex;flex-direction:column;font-size:14px;padding-left:16px;position:relative;transition:background .3s}.filesystem-folder.over{background:var(--drag-over-bg-color)}.filesystem-folder.collapsed .folder-content{display:none}.filesystem-folder .fs-folder-badge{align-items:center;background:var(--separator-color);border-radius:100px;display:flex;font-size:10px;justify-content:center;line-height:1;min-width:18px;padding:4px 5px;position:absolute;right:-22px;top:-6px}.filesystem-folder .folder-content{display:flex;flex-direction:column}.filesystem-folder .fs-folder-name-value{position:relative}.filesystem-folder .filesystem-folder-title{align-items:center;cursor:pointer;display:flex;line-height:1;padding:0}.filesystem-folder .filesystem-folder-title .expand-arrow{margin-right:8px;width:8px}.filesystem-folder .filesystem-folder-title .expand-arrow.collapsed{transform:rotate(-90deg)}.filesystem-folder .filesystem-folder-title .filesystem-icon{height:15px;margin-right:8px;width:15px}.filesystem-folder .fs-folder-buttons{margin-left:12px;opacity:.7}.filesystem-folder .fs-folder-buttons .button{height:24px;padding:4px 10px}.fs-upload-button{align-items:center;border-bottom:1px solid var(--separator-color);display:flex;font-size:14px;padding:10px 14px;position:relative;transition:opacity .3s;white-space:nowrap}@media only screen and (hover:hover)and (pointer:fine){.fs-upload-button:hover{opacity:.75}}.fs-upload-button span{margin-left:16px}.fs-upload-button input{bottom:0;left:0;opacity:0;position:absolute;right:0;top:0;z-index:1}.fs-upload-button img{height:12px;width:12px}.touch-device .filesystem-folder .filesystem-folder-title{min-height:34px;padding-bottom:6px;padding-top:6px}@media only screen and (hover:hover)and (pointer:fine){.non-touch-device .filesystem-folder .filesystem-folder-title:hover>.fs-folder-buttons{opacity:1}}.non-touch-device .filesystem-folder .filesystem-folder-title .fs-folder-buttons{opacity:0}.light-theme .filesystem-file{--interactive-file-bg:#d9e2ff}.filesystem-file{--interactive-file-bg:#17181b;align-items:center;cursor:pointer;display:flex;font-size:14px;line-height:1;margin-left:16px;padding:0 8px;position:relative;white-space:nowrap}.filesystem-file.interactive{background:var(--interactive-file-bg);border-radius:6px}.filesystem-file .fs-file-icon{flex-shrink:0;height:13px;margin-right:8px;width:13px}.filesystem-file .fs-file-buttons{margin-left:12px;opacity:.7}.filesystem-file .fs-file-buttons .button{height:24px;padding:4px 10px}.touch-device .filesystem-file{padding-bottom:10px;padding-top:10px}@media only screen and (hover:hover)and (pointer:fine){.non-touch-device .filesystem-file:hover>.fs-file-buttons{opacity:1}}.non-touch-device .filesystem-file .fs-file-buttons{opacity:0}.light-theme .interactive-file-system-wrapper{--color:#000000bf}.interactive-file-system-wrapper{--color:#ffffffb0;color:var(--color);display:flex;flex:1 1;flex-direction:column;overflow-y:auto;width:100%;z-index:3}.interactive-file-system-wrapper .fs-header{align-items:center;display:flex;padding:8px 12px}.interactive-file-system-wrapper .fs-header .button{border:1px solid var(--separator-color);border-radius:var(--border-radius-2);font-size:14px;padding:6px 14px 6px 10px}.interactive-file-system-wrapper .fs-header .button span{margin-left:10px}.files-tree-container-context-menu{--basic-size:320px;height:calc(var(--basic-size)*1.35);padding:6px 12px 6px 0;width:var(--basic-size)}.files-tree-container{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);bottom:0;display:flex;flex-direction:column;left:0;padding-bottom:var(--panel-portrait-size);position:fixed;right:0;top:0;z-index:5}.files-tree-container .file-system-view-content{background:var(--bg-color);bottom:0;left:0;overflow-y:auto;padding-top:10px;position:absolute;right:0;top:0}@media only screen and (min-width:800px){.files-tree-container .file-system-view-content{margin:0 auto;max-width:800px}}.files-tree-container .file-system-view-content .fs-header-container{align-items:center;display:flex;padding:12px 16px}.files-tree-container.mini-playground{height:55%;top:45%}.modal.image-preview-dialog-wrapper{padding:0}.image-preview-dialog{display:flex;flex:1 1;flex-direction:column;overflow:hidden;padding:0}.image-preview-dialog .preview-canvas-stage{display:flex;flex:1 1;overflow-y:auto}.image-preview-dialog .preview-canvas-stage .konvajs-content{margin:auto}.image-preview-dialog .preview-panel{align-items:center;background:var(--bg-color);display:flex;padding:0 16px;position:relative}.image-preview-dialog .preview-panel .save-button{margin-left:24px}.image-preview-dialog .preview-panel .button{height:24px}.image-preview-dialog .preview-panel .quality-button{margin-left:auto}.light-theme .canvas-scene,.light-theme .image-canvas-editor{--panel-bg:#fff;--button-hover-bg:#00000020}.canvas-scene{bottom:0;left:0;position:fixed;right:0;top:0}.canvas-scene,.image-canvas-editor{--button-hover-bg:#ffffff20;--spacing:12px;--img-button-height:18px;--canvas-bg:var(--bg-color);--panel-bg:#141414;align-items:center;background:var(--canvas-bg);display:flex;flex-direction:column;overflow:hidden;z-index:6}.canvas-scene .original-image-preview-container,.image-canvas-editor .original-image-preview-container{flex:1 1;position:relative}.canvas-scene .original-image-preview-container img,.image-canvas-editor .original-image-preview-container img{height:100%;object-fit:contain;width:100%}.canvas-scene .canvas-scene-panel,.image-canvas-editor .canvas-scene-panel{--color-picker-size:30px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:rgba(30,30,30,.502);border-radius:12px;bottom:12px;display:flex;max-width:460px;position:absolute;width:calc(100% - 32px);z-index:1}.canvas-scene .canvas-scene-panel>*,.image-canvas-editor .canvas-scene-panel>*{align-items:center;cursor:pointer;display:flex;flex:1 1;flex-shrink:0;justify-content:center;min-width:42px}.canvas-scene .canvas-scene-panel .color-picker-wrapper,.image-canvas-editor .canvas-scene-panel .color-picker-wrapper{flex-shrink:0}.canvas-scene .canvas-scene-panel .color-picker,.image-canvas-editor .canvas-scene-panel .color-picker{align-items:center;display:flex;flex-shrink:0;height:var(--color-picker-size);justify-content:center;position:relative;width:var(--color-picker-size)}.canvas-scene .canvas-scene-panel .color-picker:after,.image-canvas-editor .canvas-scene-panel .color-picker:after{--overlap:calc(var(--color-picker-size)/3);background:var(--color-value);border:2px solid;border-radius:50%;content:"";height:calc(100% - var(--overlap));position:absolute;width:calc(100% - var(--overlap))}.canvas-scene .canvas-scene-panel .color-picker:before,.image-canvas-editor .canvas-scene-panel .color-picker:before{background:conic-gradient(red,orange,#ff0,green,blue,violet,red);border-radius:50%;content:"";height:var(--color-picker-size);position:absolute;width:var(--color-picker-size);z-index:0}.canvas-scene .canvas-scene-panel .color-picker input,.image-canvas-editor .canvas-scene-panel .color-picker input{height:var(--color-picker-size);opacity:0;position:absolute;width:var(--color-picker-size);z-index:1}.canvas-scene .canvas-scene-panel .stroke-input-wrapper,.image-canvas-editor .canvas-scene-panel .stroke-input-wrapper{padding:0 8px}.canvas-scene .canvas-scene-panel .stroke-input-wrapper .stroke-input,.image-canvas-editor .canvas-scene-panel .stroke-input-wrapper .stroke-input{align-self:center;font-size:14px;height:30px;max-width:40px;min-width:40px;padding:0 0 0 8px}.canvas-scene .canvas-scene-panel .image-input-container,.image-canvas-editor .canvas-scene-panel .image-input-container{overflow:hidden;position:relative}.canvas-scene .canvas-scene-panel .image-input-container input,.image-canvas-editor .canvas-scene-panel .image-input-container input{bottom:0;cursor:pointer;left:0;opacity:0;position:absolute;right:0;top:0;z-index:1}.canvas-scene .canvas-scene-panel .tool-select-wrapper .tool-select,.image-canvas-editor .canvas-scene-panel .tool-select-wrapper .tool-select{align-self:center}.canvas-scene .canvas-scene-panel .tool-select-wrapper .tool-select .select-value,.image-canvas-editor .canvas-scene-panel .tool-select-wrapper .tool-select .select-value{--size:30px;align-items:center;display:flex;height:var(--size);justify-content:center;width:var(--size)}.canvas-scene .canvas-scene-panel .tool-select-wrapper .tool-select .select-options-list,.image-canvas-editor .canvas-scene-panel .tool-select-wrapper .tool-select .select-options-list{width:calc(100% + 6px)}.canvas-scene .canvas-scene-panel .tool-select-wrapper .tool-select .select-option,.image-canvas-editor .canvas-scene-panel .tool-select-wrapper .tool-select .select-option{align-items:center;display:flex;justify-content:center;padding:8px 0}.canvas-scene .canvas-scene-panel .button,.canvas-scene .canvas-scene-panel .image-input-container,.image-canvas-editor .canvas-scene-panel .button,.image-canvas-editor .canvas-scene-panel .image-input-container{height:100%}.canvas-scene .canvas-scene-panel .button:before,.canvas-scene .canvas-scene-panel .image-input-container:before,.image-canvas-editor .canvas-scene-panel .button:before,.image-canvas-editor .canvas-scene-panel .image-input-container:before{--size:46px;border-radius:50%;content:"";flex-shrink:0;height:var(--size);position:absolute;transition:background-color .2s ease-in-out;width:var(--size);z-index:-1}@media only screen and (hover:hover)and (pointer:fine){.canvas-scene .canvas-scene-panel .button:hover:before,.canvas-scene .canvas-scene-panel .image-input-container:hover:before,.image-canvas-editor .canvas-scene-panel .button:hover:before,.image-canvas-editor .canvas-scene-panel .image-input-container:hover:before{background-color:var(--button-hover-bg)}}.canvas-scene .canvas-scene-panel .button img,.canvas-scene .canvas-scene-panel .image-input-container img,.image-canvas-editor .canvas-scene-panel .button img,.image-canvas-editor .canvas-scene-panel .image-input-container img{height:var(--img-button-height)}.canvas-scene .canvas-scene-panel .opacity-button,.image-canvas-editor .canvas-scene-panel .opacity-button{align-items:center;display:flex;justify-content:center}.canvas-scene .canvas-scene-panel .opacity-button small,.image-canvas-editor .canvas-scene-panel .opacity-button small{align-items:center;background:var(--panel-bg);display:flex;font-size:8px;justify-content:center;line-height:1;margin-top:20px;padding:1px;position:absolute;right:8px}.canvas-scene .canvas-stage,.image-canvas-editor .canvas-stage{display:flex;flex:1 1;flex-direction:column;overflow-y:auto}.canvas-scene .canvas-stage .konvajs-content,.image-canvas-editor .canvas-stage .konvajs-content{border-bottom:1px solid var(--separator-color);border-top:1px solid var(--separator-color);margin:auto 0;overflow:hidden}.retry-dialog .content{text-align:center}.retry-dialog .retry-button{height:24px;margin-top:24px}.light-theme .element-resizer{--bg-color:#fff0;transition:background-color .3s ease-in-out}@media only screen and (hover:hover)and (pointer:fine){.light-theme .element-resizer:hover{background:rgba(0,0,0,.125)}}.element-resizer{--basic-size:16px;--bg-color:#111;align-items:center;background:var(--bg-color);cursor:col-resize;display:flex;flex-shrink:0;justify-content:center;position:absolute}.element-resizer:after{bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:1000}.element-resizer .button{height:20px;opacity:.3}@media only screen and (hover:hover)and (pointer:fine){.element-resizer .button:hover{opacity:1}}.element-resizer.horizontal{height:100%;width:var(--basic-size)}.element-resizer.horizontal img{width:8px}.element-resizer.vertical{cursor:row-resize;height:var(--basic-size);width:100%}.element-resizer.vertical .button img{height:12px;transform:rotate(90deg)}.element-resizer.top{bottom:100%;left:0}.element-resizer.bottom{left:0;top:100%}.element-resizer.left{right:100%;top:0}.element-resizer.right{left:100%;top:0}.landscape .challenge{flex-direction:row}.canvas-draw.challenge-canvas-draw{z-index:5}.challenge{font-family:var(--challenge-font);height:100%;left:0;position:fixed;transform:translateY(0);transition:1.5s;width:100%;z-index:5}.challenge.small-portrait-device.code-opened{pointer-events:none}.challenge .editor-and-preview-container{display:flex;height:100%;position:relative;width:100%}.challenge .editor-and-preview-container .preview-container{display:flex;flex:1 1;min-width:320px;overflow:hidden;position:relative}.challenge .editor-and-preview-container .preview-container.with-overlay:after{bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:1000}.challenge .editor-and-preview-container .editor-and-panel-container{display:flex;flex-direction:column;margin-left:auto;max-width:calc(100% - 320px);min-width:480px;position:relative;width:66.6666666667%}.challenge .editor-and-preview-container .editor-and-panel-container.with-preview-in-top{bottom:0;height:50%;margin-top:auto;max-height:calc(100% - 320px);max-width:100%;min-height:320px;position:absolute;width:100%}.challenge .editor-and-preview-container .editor-and-panel-container .gap-tokens-container{bottom:var(--panel-portrait-size)}.challenge.active{animation:showLevel 1.5s ease-in-out;opacity:1}@keyframes showLevel{0%{opacity:0}to{opacity:1}}.challenge.inactive{opacity:0}.challenge .fake-editor-background{background:#1e1e1e;left:0;top:0;z-index:2}.challenge .fake-editor-background,.challenge .iframe{height:100%;position:absolute;width:100%}.light-theme .challenge-finish-context-menu,.use-color-challenge .challenge-finish-context-menu{color:hsl(var(--h),var(--saturation-challenge-text),var(--lightness-challenge-text))}.light-theme .challenge-finish-context-menu svg.stroke path,.use-color-challenge .challenge-finish-context-menu svg.stroke path{stroke:var(--hsl);fill:#0000}.light-theme .challenge-finish-context-menu svg path,.use-color-challenge .challenge-finish-context-menu svg path{stroke:#0000;fill:var(--hsl)}.challenge-finish-view-menu.challenge-menu{align-items:stretch;display:flex;flex-direction:column;justify-content:flex-start;overflow-y:auto;padding:1rem}.challenge-finish-view-menu.challenge-menu.active{animation:none}.challenge-finish-view-menu.challenge-menu .challenge-menu-entry{align-items:center;display:flex;height:40px}.challenge-finish-view-menu.challenge-menu .challenge-menu-entry img{margin-right:1rem;padding:3px;width:30px}.light-theme .sources-links-container,.use-color-challenge .sources-links-container{color:hsl(var(--h),var(--saturation-challenge-text),var(--lightness-challenge-text))}.sources-links-container{align-items:center;display:flex;flex-direction:column;opacity:0;padding-bottom:12px;pointer-events:none;transition:1s;width:100%}.sources-links-container.active{opacity:1;pointer-events:all;z-index:1}.sources-links-container .sources-links-title{font-size:1.25rem;font-weight:700;margin-top:8px;text-align:center}.sources-links-container .sources-links-list{display:flex;flex-direction:column;margin-top:5px;max-height:80px;overflow-y:auto;padding:0 1rem;width:100%}.sources-links-container .sources-links-list .source-link{align-items:center;display:flex}.sources-links-container .sources-links-list .source-link .title{color:inherit;font-size:14px;overflow:hidden;padding:10px 0;text-overflow:ellipsis;white-space:nowrap}.fly-wrapper-1 .fly-wrapper-2{animation:wrapper2 var(--duration) var(--delay) ease-in-out}@keyframes wrapper2{0%,to{transform:translateY(0)}33%{transform:translateY(calc(var(--random-y-path)*-1px))}66%{transform:translateY(calc(var(--random-y-path)*1px))}}.fly-wrapper-1 .fly-wrapper-2 .fly-wrapper-3{animation:wrapper3 var(--duration) var(--delay) ease-in-out}@keyframes wrapper3{0%,to{transform:translateX(0)}33%{transform:translateX(calc(var(--random-x-path)*-1px))}66%{transform:translateX(calc(var(--random-x-path)*1px))}}.results-info-container{align-items:center;display:flex;flex-direction:column;font-size:18px}.results-info-container .exp-reward{animation:scaleAnimation .35s cubic-bezier(.68,1.5,.43,.82) .65s;animation-fill-mode:forwards;color:var(--computer-text-color);transform:scale(0)}.results-info-container .challenge-finish-view-info{transition:.3s}.results-info-container .challenge-finish-view-info .user-time{animation:resultBlinkAnimation .5s ease-in-out .75s 2;margin-left:10px}.results-info-container .challenge-finish-view-xp{animation:resultBlinkAnimation .5s ease-in-out 1.75s 2;transition:.3s}@keyframes resultBlinkAnimation{0%,to{opacity:1}50%{opacity:.35}}.results-info-container.with-job-banner{flex-direction:row;margin-bottom:10px}.results-info-container.with-job-banner .separator{margin:0 10px}.light-theme .challenge-progress{--border-color:#ababab}.light-theme .challenge-progress .marker{background:hsl(var(--h),var(--s),var(--l),.5)}.light-theme .challenge-progress.finished-with-request-error .indicator{background:#0000004a}.challenge-progress{--border-color:#212121;animation:blinkingProgressBarAnimation 7s ease-in-out infinite;background:#0000;border-radius:var(--border-radius-1);display:flex;flex-direction:column;height:30px;margin-top:auto;padding:5px;position:relative;width:calc(90% - 2rem)}@keyframes blinkingProgressBarAnimation{0%,80%,90%,to{opacity:1}85%,95%{opacity:.6}}.challenge-progress.finished-with-request-error .indicator{background:#ffffff4a}.challenge-progress .relative-result{align-self:center;bottom:calc(100% + 6px);color:var(--computer-text-color);font-weight:700;position:absolute}.challenge-progress .indicator-container{height:100%;position:relative;width:100%}.challenge-progress .marker{align-items:center;background:hsla(0,0%,100%,.267);display:flex;flex-direction:column;height:6px;position:absolute;top:24px;width:1px}.challenge-progress .marker.hide-line{background:#0000}@keyframes markerAppearAnimation{0%{opacity:0;transform:translateX(-20px)}to{opacity:.75;transform:translateX(0)}}.challenge-progress .marker:after{align-items:center;animation:markerAppearAnimation .25s ease-in-out;animation-fill-mode:forwards;content:attr(data-value);display:flex;font-family:Helvetica,serif;font-size:11px;justify-content:center;opacity:0;position:absolute;top:calc(100% + 5px);transform:translateX(-20px)}.challenge-progress .marker.marker-1{animation-delay:1.6s}.challenge-progress .marker.marker-5{animation-delay:1.35s}.challenge-progress .marker.marker-10{animation-delay:1.1s}.challenge-progress .marker.marker-50{animation-delay:.85s}.challenge-progress .edge-points{bottom:50%;color:var(--hsl);font-size:14px;font-weight:700;position:absolute}.challenge-progress .edge-points.max-points{left:100%;transform:translateY(50%) rotate(90deg);transform-origin:center}.challenge-progress .edge-points.min-points{right:100%;transform:translateY(50%) rotate(-90deg);transform-origin:center}.challenge-progress .edge-time{bottom:calc(100% + 6px);font-size:14px;position:absolute}.challenge-progress .edge-time.max-points-time{right:0}.challenge-progress .edge-time.min-points-time{left:0}.challenge-progress .top-relative-result{animation:fadeInAppearing .5s ease-in-out 1.5s;animation-fill-mode:forwards;background:#1e1f26;border-radius:100px;bottom:100%;color:var(--computer-text-color);font-weight:700;left:100%;opacity:0;padding:5px 10px;position:absolute;transform:translateX(-50%);white-space:nowrap}.challenge-progress .top-relative-result:after{border-left:12px solid #0000;border-right:12px solid #0000;border-top:12px solid #1e1f26;content:"";height:0;left:50%;position:absolute;top:100%;transform:translateX(-50%);width:0}@keyframes fadeInAppearing{0%{opacity:0}to{opacity:1}}.challenge-progress.error .indicator{background:var(--error-color)}.challenge-progress.error .indicator .top-relative-result{color:var(--secondary-computer-text-color)}.challenge-progress .indicator{background:var(--computer-text-color);border-radius:20px;height:100%;position:relative;transition:1s}.light-theme .challenge-finish-buttons:not(.completed) .button--repeat img,.light-theme .challenge-finish-buttons:not(.completed) .button--repeat svg{filter:none}@media only screen and (hover:hover)and (pointer:fine){.light-theme .finish-view-button:hover svg{color:hsl(var(--h),var(--s),.4)}}.challenge-finish-buttons{animation:challengeFinishButtonsAppearing 1.5s ease-in-out 1s;animation-fill-mode:forwards;display:flex;flex-direction:row;margin-top:auto;opacity:0}.challenge-finish-buttons .button.button--repeat.open-path-button{border:2px solid var(--hsl);border-radius:12px;color:var(--hsl);font-size:14px;font-weight:400;height:auto;justify-content:normal;max-width:300px;overflow:hidden;padding:6px 12px;white-space:nowrap;width:auto}.challenge-finish-buttons .button.button--repeat.open-path-button svg{margin-right:12px}@keyframes challengeFinishButtonsAppearing{0%{opacity:0}to{opacity:.85}}@media only screen and (hover:hover)and (pointer:fine){.challenge-finish-buttons:hover img{filter:drop-shadow(2px 4px 0 rgba(255,255,255,.6))}}.challenge-finish-buttons.isSmallButtons .button{height:54px;width:54px}.challenge-finish-buttons.isSmallButtons .button img,.challenge-finish-buttons.isSmallButtons .button svg{height:30px}.challenge-finish-buttons .button--next.first-tutorial{animation:shortBlinkAnimation 4s ease-in-out .75s infinite}@keyframes shortBlinkAnimation{0%,16%,32%,to{opacity:1}24%,8%{opacity:.35}}.challenge-finish-buttons .finish-view-button{position:relative}.challenge-finish-buttons .finish-view-button .title{color:#fff;display:none;font-size:14px;font-weight:700;left:10px;position:absolute;top:5px}.challenge-finish-buttons .finish-view-button .small{height:35px;position:absolute}.challenge-finish-buttons .finish-view-button.challenge-info-button img,.challenge-finish-buttons .finish-view-button.challenge-info-button svg{height:24px}.sponsored-challenge-info-container{align-items:center;display:flex;flex-direction:column;width:100%}.sponsored-challenge-info-container .sponsored-challenge-result{animation:scaleAnimation .35s cubic-bezier(.68,1.5,.43,.82) .65s;animation-fill-mode:forwards;color:var(--computer-text-color);line-height:1;margin-bottom:1rem;transform:scale(0)}.sponsored-challenge-info-container .sponsored-challenge-result .sponsored-challenge-points .number{font-size:45px;font-weight:700}.sponsored-challenge-info-container .sponsored-challenge-info{border-bottom:1px solid var(--text-color);border-top:1px solid var(--text-color);display:flex;padding:10px 0;width:100%}.sponsored-challenge-info-container .sponsored-challenge-info .name-and-sponsor{display:flex;flex-direction:column;line-height:1;margin-right:1rem}.sponsored-challenge-info-container .sponsored-challenge-info .name-and-sponsor .name{font-size:18px;font-weight:700;margin-bottom:6px}.sponsored-challenge-info-container .sponsored-challenge-info .prize{align-self:flex-start;font-size:20px;font-weight:700;line-height:1;margin-left:auto;position:relative;white-space:nowrap}.light-theme .jobs-container{--job-bg:var(--hsl);--job-bg2:hsl(calc(var(--h) + 5),var(--s),var(--l));--job-bg3:hsl(calc(var(--h) + 10),var(--s),var(--l))}.jobs-container{--job-bg:var(--finish-job-bg);align-items:center;display:flex;flex:none;height:50px;margin-bottom:14px;overflow:auto;position:relative}.jobs-container .inner-jobs-container{align-items:center;display:flex;height:100%;padding-left:1rem}.jobs-container.finished-with-request-error{margin-bottom:0;margin-top:1rem}.jobs-container.container.x{width:100%}.jobs-container.container.x::-webkit-scrollbar{display:none}.jobs-container.container.x.with-scroll-snap{flex-flow:row nowrap;padding-left:1rem}.jobs-container.container.x.with-scroll-snap.mandatory-scroll-snapping{scroll-snap-type:x mandatory}.jobs-container .inner-jobs-container:nth-child(5n+2) .finish-view-job-banner,.jobs-container .inner-jobs-container:nth-child(5n+4) .finish-view-job-banner{background:var(--job-bg2)}.jobs-container .inner-jobs-container:nth-child(5n+3) .finish-view-job-banner{background:var(--job-bg3)}.jobs-container .finish-view-job-banner{background:var(--job-bg);border-radius:var(--border-radius-2);color:#fff;cursor:pointer;display:flex;flex:none;flex-direction:column;height:50px;overflow:hidden;padding:4px 12px;position:relative;scroll-snap-align:center;text-shadow:0 0 4px #717171}.jobs-container .finish-view-job-banner .job-title{font-size:14px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.jobs-container .finish-view-job-banner .job-company{font-size:11px;line-height:1;margin-top:2px;opacity:.8}.jobs-container .finish-view-job-banner .job-progress-container{bottom:0;height:4px;left:0}.assert{--opacity:.8;align-items:center;animation:assertAppearAnimation .3s calc(var(--index)*.1s + .25s) ease-in-out;animation-fill-mode:forwards;display:flex;font-family:var(--home-font);font-size:14px;opacity:0}.assert .assert-inner-content{align-items:center;display:flex;position:relative}.assert .assert-inner-content:active{opacity:.6}.assert.failed{--opacity:1;animation:failedAssertAnimation 3s ease-in-out infinite;font-weight:700}@keyframes failedAssertAnimation{0%,50%,to{opacity:1}25%{opacity:.5}}.assert+.assert{margin-top:6px}@keyframes assertAppearAnimation{0%{opacity:0}to{opacity:var(--opacity)}}.assert img{height:15px;margin-right:1rem;width:15px}.assertions{padding:1rem}.assertions,.user-code-errors{display:flex;flex-direction:column;width:100%}.user-code-errors{font-size:14px;margin-top:8px;padding:0 1rem;position:relative}.user-code-errors .title{margin-bottom:10px}.user-code-errors .errors-list{--list-bg:#000;background:var(--list-bg);border-radius:5px;display:flex;flex-direction:column;padding:8px 12px;position:relative}.user-code-errors .errors-list .overlay-1{animation:laggyAnimation 2s ease-in-out 1s;animation-fill-mode:forwards;background:var(--list-bg);height:100%;left:0;mix-blend-mode:overlay;opacity:1;position:absolute;top:0;width:100%;z-index:1}@keyframes laggyAnimation{0%,24%,33%,62%,90%{opacity:1}29%,50%,6%,84%,to{opacity:0}}.user-code-errors .errors-list .user-code-error{color:var(--error-color);font-size:12px}.challenge-info-dialog{display:flex;flex-direction:column;font-family:var(--home-font)}.challenge-info-dialog .info-title{font-size:18px;font-weight:700;line-height:1;margin-bottom:1rem}.challenge-info-dialog .links-list{display:flex;flex-direction:column}.challenge-info-dialog .links-list .useful-link{border-left:2px solid var(--separator-color);display:flex;flex-direction:column;padding:4px 12px}.challenge-info-dialog .links-list .useful-link+.useful-link{margin-top:10px}.challenge-info-dialog .links-list .useful-link .title{font-weight:700}.challenge-info-dialog .links-list .useful-link a{color:var(--hsl);margin-top:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.finish-view-fail-emoji{--final-scale:.125;align-items:center;animation:fail-emoji-animation 2s .5s forwards;display:flex;font-size:250px;height:50px;justify-content:center;transform:scale(var(--final-scale));transform-origin:50% 50%;z-index:10}@keyframes fail-emoji-animation{0%,to{transform:scale(var(--final-scale))}30%{transform:scale(1)}}.toggle-reactions{left:16px;position:fixed;top:16px;z-index:1000}.light-theme .quick-reactions{background:#fff9}.light-theme .quick-reactions-speech-bubble{--reaction-bg-color:#b4b4b4}.big-device .quick-reactions{--bottom:4px}.quick-reactions{--reaction-bg-color:#313131;--initial-appear-delay:500ms;--bottom:10px;--translate-value:translateY(calc(100% + var(--bottom)));--appear-duration:.65s;--emoji-container-width:42px;--size:var(--emoji-container-width);--width:calc(var(--emoji-container-width)*4);align-items:center;align-self:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(0,0,0,.267);border-radius:8px;bottom:var(--bottom);box-shadow:0 0 30px hsl(var(--h),var(--s),var(--l),.3);display:flex;height:var(--size);overflow-x:auto;padding:3px 0 0;pointer-events:all;position:absolute;transform:var(--translate-value);width:var(--size);z-index:5}.quick-reactions.active{animation:reactionsAppearAnimation var(--appear-duration) 0s ease 0s 1 normal none running-appear-delay cubic-bezier(.46,.43,0,1.2);animation:reactionsAppearAnimation var(--appear-duration) var(--none 0s ease 0s 1 normal none running-appear-delay) cubic-bezier(.46,.43,0,1.2);animation:reactionsAppearAnimation var(--appear-duration) var(--initial-appear-delay) cubic-bezier(.46,.43,0,1.2);animation-fill-mode:forwards}.quick-reactions.active .emoji-reaction{--hover-scale:1.03;animation:emojiReactionAppearAnimation .3s calc(0s ease 0s 1 normal none running-appear-delay + var(--appear-duration) - var(--appear-duration)*.5 + var(--appear-delay)) cubic-bezier(.46,.43,0,1.2);animation:emojiReactionAppearAnimation .3s calc(var(--none 0s ease 0s 1 normal none running-appear-delay) + var(--appear-duration) - var(--appear-duration)*.5 + var(--appear-delay)) cubic-bezier(.46,.43,0,1.2);animation:emojiReactionAppearAnimation .3s calc(var(--initial-appear-delay) + var(--appear-duration) - var(--appear-duration)*.5 + var(--appear-delay)) cubic-bezier(.46,.43,0,1.2);animation-fill-mode:forwards;cursor:pointer;transform:var(--translate-value)}@media only screen and (hover:hover)and (pointer:fine){.quick-reactions.active .emoji-reaction:hover{filter:grayscale(.2);opacity:1;transform:translateY(0) scale(var(--hover-scale))}}@keyframes reactionsAppearAnimation{0%{transform:scale(0);width:var(--size)}30%{transform:scale(1);width:var(--size)}to{transform:scale(1);width:var(--width)}}.quick-reactions:not(.selected) .emoji-reaction{opacity:1}.quick-reactions:not(.selected) .emoji-reaction .emoji-reaction-inner{animation:emojiReactionCaller 4s calc(var(--appear-duration) + 0s ease 0s 1 normal none running-appear-delay) ease-in-out infinite;animation:emojiReactionCaller 4s calc(var(--appear-duration) + var(--none 0s ease 0s 1 normal none running-appear-delay)) ease-in-out infinite;animation:emojiReactionCaller 4s calc(var(--appear-duration) + var(--initial-appear-delay)) ease-in-out infinite}@keyframes emojiReactionCaller{0%,to{opacity:1}20%,80%{opacity:.6}}.quick-reactions .emoji-reaction{--appear-delay:0s;align-items:center;display:flex;filter:grayscale(.7);flex-direction:column;height:var(--emoji-container-width);justify-content:center;min-width:var(--emoji-container-width);opacity:.6;overflow:visible;position:relative;transition:transform .3s,opacity .3s;width:var(--emoji-container-width)}.quick-reactions .emoji-reaction .emoji-reaction-inner{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;width:100%}.quick-reactions .emoji-reaction:first-child{--appear-delay:75ms}.quick-reactions .emoji-reaction:nth-child(2){--appear-delay:150ms}.quick-reactions .emoji-reaction:nth-child(3){--appear-delay:225ms}.quick-reactions .emoji-reaction:nth-child(4){--appear-delay:300ms}.quick-reactions .emoji-reaction.selected{filter:grayscale(0);opacity:1}.quick-reactions .emoji-reaction small{font-size:11px;line-height:1;margin-top:4px;opacity:.65;transform:translateY(-18px)}.quick-reactions-speech-bubble{--reaction-bg-color:#313131;--initial-appear-delay:500ms;--bottom:10px;--appear-duration:.65s;--width:188px;--size:48px;align-items:center;bottom:var(--bottom);display:flex;height:var(--size);justify-content:center;position:absolute;width:var(--size);z-index:5}.quick-reactions-speech-bubble.active .emoji-reaction{--translate-value:translateY(calc(100% + 32px));animation:emojiReactionAppearAnimation .3s calc(0s ease 0s 1 normal none running-appear-delay + var(--appear-delay)) cubic-bezier(.46,.43,0,1.2);animation:emojiReactionAppearAnimation .3s calc(var(--none 0s ease 0s 1 normal none running-appear-delay) + var(--appear-delay)) cubic-bezier(.46,.43,0,1.2);animation:emojiReactionAppearAnimation .3s calc(var(--initial-appear-delay) + var(--appear-delay)) cubic-bezier(.46,.43,0,1.2);animation-fill-mode:forwards}@keyframes emojiReactionAppearAnimation{0%{transform:var(--translate-value)}to{transform:translateY(0)}}.quick-reactions-speech-bubble .emoji-reaction{--size:54px;--appear-delay:0s;--triangle-size:16px;--height:calc(var(--size)*0.75);align-items:center;background:var(--reaction-bg-color);border-radius:12px;display:flex;flex-direction:column;flex-shrink:0;height:var(--height);justify-content:center;opacity:.8;position:relative;transform:translateY(calc(var(--height) + var(--triangle-size)));transition:transform .3s,background .3s,opacity .3s;width:var(--size)}.quick-reactions-speech-bubble .emoji-reaction:after{--ratio:1.3;border-color:var(--reaction-bg-color) #0000 #0000 #0000;border-style:solid;border-width:var(--triangle-size) calc(var(--triangle-size)/var(--ratio)) 0 calc(var(--triangle-size)/var(--ratio));content:"";height:0;position:absolute;top:calc(100% - 3px);transform:rotate(var(--triangle-angle)) translateX(var(--translate-triangle));transition:transform .3s,border-color .3s,opacity .3s;width:0}.quick-reactions-speech-bubble .emoji-reaction:first-child{--appear-delay:75ms;--triangle-angle:-7deg;--translate-triangle:3px}.quick-reactions-speech-bubble .emoji-reaction:nth-child(2){--appear-delay:150ms;--triangle-angle:-7deg;--translate-triangle:3px}.quick-reactions-speech-bubble .emoji-reaction:nth-child(3){--appear-delay:225ms;--triangle-angle:7deg;--translate-triangle:-3px}.quick-reactions-speech-bubble .emoji-reaction:nth-child(4){--appear-delay:300ms;--triangle-angle:7deg;--translate-triangle:-3px}.quick-reactions-speech-bubble .emoji-reaction+.emoji-reaction{margin-left:4px}.quick-reactions-speech-bubble .emoji-reaction.selected{--reaction-bg-color:#5f5fff;opacity:1}.preference-dialog{align-items:center;background:rgba(0,0,0,.467);justify-content:center}.preference-dialog .preference-wrapper{background:var(--secondary-bg-color);border-radius:var(--border-radius-2);padding:12px 16px;position:relative;width:clamp(240px,100%,100% - 32px)}.preference-dialog .preference-wrapper b{color:var(--hsl)}.preference-dialog .preference-wrapper .preference-content{text-align:center}.preference-dialog .preference-wrapper .preference-buttons{display:flex;flex-direction:column;margin-top:16px}.preference-dialog .preference-wrapper .preference-buttons .button{border:2px solid var(--hsl);border-radius:var(--border-radius-2);padding:8px 12px}.preference-dialog .preference-wrapper .preference-buttons .button+.button{margin-top:10px}.finish-view-challenges-progress-container{--progress-height:3px;--opacity:.5;animation:chapterStatsFinishViewAppearAnimation 1s ease-in-out .25s;display:flex;flex-direction:column;left:0;opacity:var(--opacity);position:fixed;top:0;width:100%}@keyframes chapterStatsFinishViewAppearAnimation{0%{opacity:0}to{opacity:var(--opacity)}}.finish-view-challenges-progress-container .finish-view-challenges-progress{height:var(--progress-height)}.finish-view-challenges-progress-container .finish-view-challenges-progress.challenges-progress{--color:hsla(calc(var(--h) - 12),var(--s),var(--l))}.finish-view-challenges-progress-container .finish-view-challenges-progress.chapter-progress{--color:hsla(calc(var(--h) + 12),var(--s),var(--l))}.finish-view-challenges-progress-container .finish-view-challenges-progress+.finish-view-challenges-progress{top:var(--progress-height)}.finish-view-challenges-progress-container .finish-view-chapter-info{align-items:center;color:var(--hsl);display:flex;font-size:12px;left:8px;line-height:1;position:absolute;top:12px}.finish-view-challenges-progress-container .finish-view-chapter-info .chapter-name{font-weight:700}.finish-view-challenges-progress-container .finish-view-chapter-info .chapter-stats{margin-left:8px;margin-top:1px}.animated-title-container{display:flex;flex-wrap:wrap;font-size:20px;font-weight:700;justify-content:center;padding:0 16px;white-space:pre;width:100%}.animated-title-container.caller{animation:animatedTitleCallerAnimation var(--failed-caller-duration) ease-in-out}.animated-title-container .title-word{overflow:hidden;text-overflow:ellipsis}.animated-title-container .title-letter{animation:titleLetterAppearAnimation .25s calc(var(--delay)) cubic-bezier(.2,1.7,.4,1);animation:titleLetterAppearAnimation .25s calc(var(--delay) + var(--initial-delay, 0ms)) cubic-bezier(.2,1.7,.4,1);animation-fill-mode:forwards;display:inline-block;opacity:0}.test-button{position:fixed;right:12px;top:12px;z-index:100000000000}.light-theme .semi-screen-overlay-container .semi-screen-overlay{background:hsla(0,0%,100%,.933)}.semi-screen-overlay-container{--hidden-visible-height:68px;--corner-radius:24px;--mob-max-height:350px;--mob-min-height:240px;bottom:0;display:flex;flex-direction:column;left:0;pointer-events:none;position:absolute;right:0;top:0;transition:transform .65s cubic-bezier(.6,0,.2,1)}.semi-screen-overlay-container .separator{width:calc(100% - 32px)}.semi-screen-overlay-container.hidden{transform:translateY(calc(min(max(var(--mob-min-height), 100%), var(--mob-max-height)) - 68px))}.semi-screen-overlay-container.hidden.big-device{transform:translateY(calc(min(max(var(--mob-min-height), 100%), var(--mob-max-height)) - 42px))}.semi-screen-overlay-container.hidden .semi-screen-overlay-close-button{opacity:0}.semi-screen-overlay-container.big-device{align-items:center;justify-content:center}.semi-screen-overlay-container.big-device .semi-screen-overlay{border-radius:var(--corner-radius);bottom:auto;height:auto;left:auto;padding:12px 16px;width:480px}.semi-screen-overlay-container.big-device .semi-screen-overlay .semi-screen-overlay-content{padding:0 0 16px;position:relative}.semi-screen-overlay-container.big-device .semi-screen-overlay .drag-head:after{bottom:-12px;content:"";cursor:pointer;left:-12px;position:absolute;right:-12px;top:-12px}.semi-screen-overlay-container .semi-screen-overlay{animation:screenPopupAppearAnimation var(--appear-duration) var(--appear-delay) cubic-bezier(.6,0,.2,1);animation-fill-mode:forwards;background:hsla(0,0%,5%,.965);border-radius:var(--corner-radius) var(--corner-radius) 0 0;bottom:0;box-shadow:0 0 64px var(--hsl);display:flex;flex-direction:column;height:min(max(var(--mob-min-height),100%),var(--mob-max-height));opacity:0;overflow:hidden;pointer-events:all;position:absolute;transform:translateY(100%);width:100%}@keyframes screenPopupAppearAnimation{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(var(--popup-translate-y))}}.semi-screen-overlay-container .semi-screen-overlay .semi-screen-overlay-close-button{transition:opacity .3s ease-in-out;z-index:10}.semi-screen-overlay-container .semi-screen-overlay .semi-screen-overlay-content{bottom:0;display:flex;flex-direction:column;left:0;padding:0 0 64px;position:absolute;right:0;top:0;z-index:2}.semi-screen-overlay-container .semi-screen-overlay .semi-screen-overlay-content .drag-head{--height:4px;--active-angle:7deg;align-self:center;border-radius:20px;height:var(--height);position:absolute;top:12px;transition:transform .2s ease-in-out;width:48px;z-index:1}.semi-screen-overlay-container .semi-screen-overlay .semi-screen-overlay-content .drag-head .half{background:#575757;border-radius:var(--height);height:100%;position:absolute;transition:transform .2s ease-in-out;width:calc(50% + var(--height)/2)}.semi-screen-overlay-container .semi-screen-overlay .semi-screen-overlay-content .drag-head .half.half-left{left:0;transform-origin:100% 50%}.semi-screen-overlay-container .semi-screen-overlay .semi-screen-overlay-content .drag-head .half.half-right{right:0;transform-origin:0 50%}@media only screen and (hover:hover)and (pointer:fine){.semi-screen-overlay-container .semi-screen-overlay .semi-screen-overlay-content .drag-head:hover{transform:translateY(4px)}.semi-screen-overlay-container .semi-screen-overlay .semi-screen-overlay-content .drag-head:hover .half.half-left{transform:rotate(var(--active-angle))}.semi-screen-overlay-container .semi-screen-overlay .semi-screen-overlay-content .drag-head:hover .half.half-right{transform:rotate(calc(var(--active-angle)*-1))}}.semi-screen-overlay-container .semi-screen-overlay .semi-screen-overlay-content .drag-head.active{transform:translateY(4px)}.semi-screen-overlay-container .semi-screen-overlay .semi-screen-overlay-content .drag-head.active .half.half-left{transform:rotate(var(--active-angle))}.semi-screen-overlay-container .semi-screen-overlay .semi-screen-overlay-content .drag-head.active .half.half-right{transform:rotate(calc(var(--active-angle)*-1))}.semi-screen-overlay-container .semi-screen-overlay .starry-night-container{z-index:1}.finish-view-popup-container .quick-reactions{--size:42px}.finish-view-popup-container.big-device .challenge-finish-buttons{bottom:0;position:relative}.finish-view-popup-container .display-error-emoji-container{align-items:center;animation:backErrorEmojiAnimation 1.35s cubic-bezier(1,0,.2,1) 1.05s forwards;display:flex;height:100%;justify-content:center;left:0;pointer-events:none;position:absolute;top:8px;transform:translate(0);width:100%;z-index:3}@keyframes backErrorEmojiAnimation{0%{transform:translate(0)}to{transform:translate(calc(-50% + 38px),calc(-50% + 24px))}}.finish-view-popup-container .assertions{flex:1 1;margin-bottom:45px;overflow-y:auto;padding:0 16px 16px}.finish-view-popup-container .challenge-finish-buttons{align-self:center;bottom:60px;filter:drop-shadow(0 0 12px var(--hsl)) drop-shadow(0 0 32px var(--hsl));position:absolute}.finish-view-popup-container .challenge-finish-buttons .button--glasses{--size:27px}.finish-view-popup-container .challenge-finish-buttons .button--glasses svg{height:var(--size);width:var(--size)}.finish-view-popup-container .challenge-finish-buttons .button--repeat{--size:32px}.finish-view-popup-container .challenge-finish-buttons .button--repeat svg{height:var(--size);width:var(--size)}.finish-view-popup-container .challenge-finish-buttons .challenge-info-button{--size:24px}.finish-view-popup-container .challenge-finish-buttons .challenge-info-button svg{height:var(--size);width:var(--size)}@media only screen and (hover:hover)and (pointer:fine){.finish-view-popup-container .challenge-finish-buttons:hover img{filter:drop-shadow(2px 4px 0 rgba(255,255,255,.6))}}.finish-view-popup-container .jobs-container{animation:fadeIn 1.25s calc(var(--appear-duration) + var(--appear-delay) + 1.75s) ease-in-out;animation-fill-mode:forwards;margin:4px 0;opacity:0}.finish-view-popup-container .jobs-container .progress-bar{background:var(--hsl-subtle);z-index:1}.finish-view-popup-container .finish-view-popup-header{align-items:center;display:flex;flex-direction:column;justify-content:center;line-height:1;margin-top:32px;padding-left:var(--sal);padding-right:var(--sar)}.finish-view-popup-container .finish-view-popup-header .quote{animation:fadeIn .5s var(--quote-appear-delay) ease-in-out;animation-fill-mode:forwards;color:var(--hsl);font-family:Doto;font-size:14px;font-weight:700;opacity:0;padding:16px 16px 10px;text-align:center}.finish-view-popup-container .finish-popup-progresses{align-items:flex-start;display:flex;flex:1 1;justify-content:center;margin-left:var(--sal);margin-right:var(--sar);padding:6px 16px}.finish-view-popup-container .finish-popup-progresses.failure .progress-info.experience{--opacity:.35;text-decoration:line-through}.finish-view-popup-container .finish-popup-progresses.failure .progress-info.experience.caller .progress-info-inner{animation:experienceInfoCallerAnimation var(--caller-duration) ease-in-out;transform-origin:0 50%}@keyframes experienceInfoCallerAnimation{0%,to{transform:translateX(0)}25%,75%{transform:translateX(-4px)}50%{transform:translateX(4px)}}.finish-view-popup-container .finish-popup-progresses.failure .progress-info.experience .stat{text-shadow:none}.finish-view-popup-container .finish-popup-progresses.failure .progresses-wrapper{opacity:.5}@keyframes progressesFailureAnimation{0%,to{opacity:.5}12%,44%{opacity:.2}23%,78%{opacity:.34}85%{opacity:.27}}.finish-view-popup-container .finish-popup-progresses .progresses-info-content{display:flex;flex-direction:column;font-size:14px;justify-content:center;line-height:1;padding:6px 0;white-space:nowrap}.finish-view-popup-container .finish-popup-progresses .progresses-info-content .progress-info{--opacity:1;animation:progressInfoAppearAnimation .4s calc(var(--progresses-appear-delay) + var(--delay)) ease-in-out;animation-fill-mode:forwards;display:flex;flex-direction:column;opacity:0;transform-origin:0 50%;transition:transform .15s ease-in-out}.finish-view-popup-container .finish-popup-progresses .progresses-info-content .progress-info:active{transform:scale(1.05)}.finish-view-popup-container .finish-popup-progresses .progresses-info-content .progress-info.caller .progress-info-inner{animation:progressInfoCallerAnimation var(--caller-duration) ease-in-out;transform-origin:0 50%}@keyframes progressInfoCallerAnimation{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}@keyframes progressInfoAppearAnimation{0%{opacity:0}to{opacity:var(--opacity)}}.finish-view-popup-container .finish-popup-progresses .progresses-info-content .progress-info .progress-info-inner{display:flex;flex-direction:column}.finish-view-popup-container .finish-popup-progresses .progresses-info-content .progress-info+.progress-info{margin-top:12px}.finish-view-popup-container .finish-popup-progresses .progresses-info-content .progress-info .title{font-size:12px;margin-bottom:4px}.finish-view-popup-container .finish-popup-progresses .progresses-info-content .progress-info .stat{font-family:var(--home-font);font-size:16px;font-weight:700;text-shadow:0 0 32px currentColor}.finish-view-popup-container .finish-popup-progresses .quick-mode-info{align-items:flex-end;animation:fadeIn .75s ease-in-out .5s;animation-fill-mode:forwards;color:var(--hsl);display:flex;flex:1 1;flex-direction:column;justify-content:center;line-height:1;opacity:0;position:relative}.finish-view-popup-container .finish-popup-progresses .quick-mode-info .quick-challenges-stats-wrapper{align-items:center;display:flex;font-size:14px;font-weight:700;line-height:1;margin-bottom:4px;margin-top:4px;position:relative}.finish-view-popup-container .finish-popup-progresses .quick-mode-info .quick-challenges-stats-wrapper svg{height:10px;margin-right:8px}.finish-view-popup-container .finish-popup-progresses .quick-mode-info .quick-challenges-stats-wrapper small{display:inline-flex;margin:0 6px;opacity:.3;transform:translateY(-1px)}.finish-view-popup-container .finish-popup-progresses .quick-mode-info .quick-mode-challenges-count{font-size:72px;font-weight:700;margin-top:2px}.finish-view-popup-container .finish-popup-progresses .quick-mode-info .quick-mode-challenges-count .numbers .number{justify-content:flex-end}.finish-view-popup-container .finish-popup-progresses .quick-mode-info small{margin-top:4px;opacity:.75}.finish-view-popup-container .finish-popup-progresses .progresses-wrapper{align-items:center;display:flex;justify-content:center;margin-left:auto;position:relative}.finish-view-popup-container .finish-popup-progresses .progresses-wrapper .finish-view-planet-container{position:absolute;transition:transform .5s cubic-bezier(.65,0,0,1)}.finish-view-popup-container .finish-popup-progresses .progresses-wrapper .finish-circular-progress{animation:fadeIn .5s calc(var(--progresses-appear-delay) + var(--delay)) ease-in-out;animation-fill-mode:forwards;opacity:0;transition:transform .1s ease-in-out}.finish-view-popup-container .finish-popup-progresses .progresses-wrapper .finish-circular-progress:active{transform:scale(1.05)}.finish-view-popup-container .finish-popup-progresses .progresses-wrapper .finish-circular-progress:nth-child(2),.finish-view-popup-container .finish-popup-progresses .progresses-wrapper .finish-circular-progress:nth-child(3){position:absolute}.finish-view-popup-container .finish-popup-progresses .progresses-wrapper .finish-circular-progress.caller svg{animation:svgProgressInfoCallerAnimation var(--caller-duration) ease-in-out}@keyframes svgProgressInfoCallerAnimation{0%,to{transform:scale(1)}50%{transform:scale(1.075)}}.finish-view-popup-container .semi-screen-overlay-close-button{margin-right:var(--sar);opacity:.5}.flying-point{animation:fadeIn .3s ease-in-out;color:var(--hsl);font-family:var(--home-font);font-weight:700;text-shadow:0 0 4px var(--home-font);z-index:7}.full-screen-overlay{align-items:center;background:rgba(0,0,0,.314);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;transition:background .5s ease-in-out;z-index:20}.full-screen-overlay.transparent-bg{background:#0000}.full-screen-overlay .card-container{align-items:center;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;transition:transform var(--transition-duration) ease-in-out;z-index:20}.finish-view-avatar{align-items:center;animation:scaleAndFadeInAnimation var(--appear-duration) var(--appear-delay) cubic-bezier(.68,1.5,.43,.82),scaleOutAnimation var(--disappear-duration) var(--hide-delay) ease-in-out;animation-fill-mode:forwards;display:flex;justify-content:center;position:absolute;right:1rem;top:1rem;transform:scale(0);z-index:8}.finish-view-avatar .daily-challenge-circular-progress,.finish-view-avatar .daily-challenge-circular-progress .circle{position:absolute}@keyframes scaleOutAnimation{0%{transform:scale(1)}15%{transform:scale(1.2)}30%{opacity:1;transform:scale(1)}50%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1)}}@keyframes scaleAndFadeInAnimation{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.finish-view-avatar .emoji-icon{background:var(--bg-color)}.finish-view-backdrop{align-items:center;display:flex;height:100%;justify-content:center;left:0;pointer-events:none;position:fixed;top:0;transition:transform .65s ease-in-out,opacity .5s ease-in-out;width:100%;z-index:5}.finish-view-backdrop.disabled .semi-screen-overlay{pointer-events:none}.finish-view-backdrop.hidden{transform:translateY(100%)}.finish-view-backdrop.fading-out{opacity:0;pointer-events:none}.light-theme .finish-view-backdrop svg.stroke path,.use-color-challenge .finish-view-backdrop svg.stroke path{stroke:var(--hsl);fill:#0000}.light-theme .finish-view-backdrop svg path,.use-color-challenge .finish-view-backdrop svg path{stroke:#0000;fill:var(--hsl)}.light-theme .challenge-finish-view,.light-theme .challenge-finish-view-menu,.use-color-challenge .challenge-finish-view,.use-color-challenge .challenge-finish-view-menu{color:hsl(var(--h),var(--saturation-challenge-text),var(--lightness-challenge-text))}.light-theme .challenge-finish-view,.light-theme .challenge-finish-view-menu{background:hsla(0,0%,100%,.922)}.button.right-corner-finish-button{animation:fadeIn .6s ease-in-out;bottom:4px;opacity:1;padding:1rem;position:absolute;right:var(--sar);transition:.3s;z-index:5}.button.right-corner-finish-button.with-caller{animation:fadeIn .6s ease-in-out,nextChallengeButtonAnimation 6s ease-in-out 4s infinite}.button.right-corner-finish-button.replay-corner-button{padding:12px 16px}.button.right-corner-finish-button.replay-corner-button img,.button.right-corner-finish-button.replay-corner-button svg{height:40px!important}.button.right-corner-finish-button img,.button.right-corner-finish-button svg{height:32px!important;width:32px!important}.button.right-corner-finish-button.with-padding{border-left:3px solid var(--hsl);border-radius:200px 0 0;border-top:3px solid var(--hsl);padding:80px 40px 60px 60px}.button.right-corner-finish-button.less-prominent img,.button.right-corner-finish-button.less-prominent svg{opacity:.65}@media only screen and (hover:hover)and (pointer:fine){.button.right-corner-finish-button:hover svg{transform:scale(1.2)}}@keyframes nextChallengeButtonAnimation{0%,17.5%,8.75%,to{opacity:1}13.125%,4.375%{opacity:.25}}.button.menu-challenge-button{animation:fadeIn .3s ease-in-out;bottom:6px;left:var(--sal);opacity:1;padding:1rem;position:absolute;transition:.2s;z-index:5}.button.menu-challenge-button img,.button.menu-challenge-button svg{height:26px!important;width:32px}.button.menu-challenge-button.with-padding{border-radius:0 200px 0;border-right:3px solid var(--hsl);border-top:3px solid var(--hsl);padding:80px 60px 60px 40px}@media only screen and (hover:hover)and (pointer:fine){.button.menu-challenge-button:hover svg{transform:scale(1.2)}}.challenge-finish-view{box-shadow:0 0 100px #000c}.challenge-finish-view-menu.hidden{transform:translateY(calc(100% + var(--space-around)))}.challenge-finish-view-menu.hidden,.challenge-finish-view.hidden{--remains:calc(100vh - 100%);--space-around:calc(var(--remains)/2)}.challenge-finish-view.hidden{transform:translateY(calc(100% + var(--space-around) - 70px))}.close-challenge-button{padding:16px;position:absolute;right:0;top:0;z-index:1}.close-challenge-button img,.close-challenge-button svg{height:18px;width:18px}.close-challenge-button.hidden{opacity:0;pointer-events:none}.button.button--close.close-challenge-button{--opacity:.85;animation:closeButtonFadeIn .3s ease-in-out;opacity:0;transition:opacity .3s;z-index:6}@keyframes closeButtonFadeIn{0%{opacity:0}to{opacity:var(--opacity)}}.button.button--close.close-challenge-button.active{opacity:var(--opacity)}.challenge-finish-view,.challenge-finish-view-menu{--max-view-height:360px;align-items:center;animation:fadeIn .5s ease-in-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:hsla(0,0%,4%,.741);border-radius:5px;display:flex;flex-direction:column;height:clamp(300px,100%,var(--max-view-height));max-width:400px;opacity:1;padding:1rem 0 .5rem;position:absolute;transition:opacity .5s,transform 1s;width:100%;z-index:6}.challenge-finish-view-menu.with-path-color .challenge-finish-view__title,.challenge-finish-view-menu.with-path-color .challenge-progress .relative-result,.challenge-finish-view-menu.with-path-color .correct-lines-info-list .correct-lines-info,.challenge-finish-view-menu.with-path-color .results-info-container .exp-reward,.challenge-finish-view.with-path-color .challenge-finish-view__title,.challenge-finish-view.with-path-color .challenge-progress .relative-result,.challenge-finish-view.with-path-color .correct-lines-info-list .correct-lines-info,.challenge-finish-view.with-path-color .results-info-container .exp-reward{color:var(--hsl)}.challenge-finish-view-menu.with-path-color .challenge-progress .indicator,.challenge-finish-view-menu.with-path-color .jobs-container .finish-view-job-banner .job-progress-container,.challenge-finish-view.with-path-color .challenge-progress .indicator,.challenge-finish-view.with-path-color .jobs-container .finish-view-job-banner .job-progress-container{background:hsl(calc(var(--h) - 10),80%,var(--l))}.challenge-finish-view-menu.full-app-challenge,.challenge-finish-view-menu.full-app-challenge.landscape,.challenge-finish-view.full-app-challenge,.challenge-finish-view.full-app-challenge.landscape{height:auto}.challenge-finish-view-menu.transparent,.challenge-finish-view.transparent{opacity:0}.challenge-finish-view .sponsor-finish-buttons .open-home-button,.challenge-finish-view-menu .sponsor-finish-buttons .open-home-button{margin:6px 0}.challenge-finish-view .motivational-quote,.challenge-finish-view-menu .motivational-quote{font-size:14px;overflow:hidden;padding:0 12px;text-align:center;text-overflow:ellipsis;width:100%}.challenge-finish-view .losing-quote,.challenge-finish-view .server-error-message,.challenge-finish-view-menu .losing-quote,.challenge-finish-view-menu .server-error-message{font-size:16px;margin:auto 0;overflow:hidden;padding:0 12px;text-align:center;text-overflow:ellipsis;width:100%}.challenge-finish-view .sponsored-challenge-title,.challenge-finish-view-menu .sponsored-challenge-title{font-size:24px;font-weight:700;margin-bottom:1rem;text-align:center}.challenge-finish-view .congratulation,.challenge-finish-view-menu .congratulation{animation:scaleAnimation .35s cubic-bezier(.68,1.5,.43,.82) .65s;animation-fill-mode:forwards;font-size:1.25rem;font-weight:700;margin-top:auto;padding:0 1rem;text-align:center;transform:scale(0)}.challenge-finish-view .congratulation div+div,.challenge-finish-view-menu .congratulation div+div{margin-top:10px}.challenge-finish-view-menu__highscores,.challenge-finish-view__highscores{background:var(--bg-color);display:flex;flex-direction:column;height:100%;left:0;position:absolute;transition:1s;width:100%;z-index:5}.challenge-finish-view-menu__highscores.active,.challenge-finish-view__highscores.active{top:0}.challenge-finish-view-menu__highscores.inactive,.challenge-finish-view__highscores.inactive{top:100%}.challenge-finish-view-menu__highscores__title,.challenge-finish-view__highscores__title{font-size:1.5rem;font-weight:700;padding:.85rem;text-align:center;text-transform:uppercase}.challenge-finish-view-menu__title,.challenge-finish-view__title{align-items:center;display:flex;font-size:36px;font-weight:700;justify-content:center;line-height:50px;text-align:center;width:100%}.challenge-finish-view-menu__title.error,.challenge-finish-view__title.error{animation:blinkTitleError 5s 3s infinite forwards;color:var(--error-color)!important}@keyframes blinkTitleError{0%,10%,20%,30%,to{opacity:1}15%,25%,5%{opacity:.35}}.challenge-finish-view-menu__title.warning,.challenge-finish-view__title.warning{color:var(--secondary-computer-text-color)!important}.challenge-finish-view-menu__result,.challenge-finish-view__result{align-items:center;display:flex;flex-direction:column;font-size:26px;font-weight:700;opacity:0;position:relative;transition:.3s;width:100%}.challenge-finish-view-menu__result.active,.challenge-finish-view__result.active{opacity:1}.challenge-finish-view .correct-lines-info-list,.challenge-finish-view-menu .correct-lines-info-list{display:flex;flex-direction:column;overflow-y:auto}.challenge-finish-view .correct-lines-info-list .correct-lines-info,.challenge-finish-view-menu .correct-lines-info-list .correct-lines-info{align-items:center;color:var(--computer-text-color);display:flex;flex-shrink:0;font-size:14px;margin-bottom:10px}.challenge-finish-view .correct-lines-info-list .correct-lines-info .filename,.challenge-finish-view-menu .correct-lines-info-list .correct-lines-info .filename{margin-right:10px}.challenge-finish-view-menu.hide-center-buttons .button--glasses,.challenge-finish-view.hide-center-buttons .button--glasses{animation:hideGlassesBehindMenu .35s ease-in-out 1.5s;animation-fill-mode:forwards}.challenge-finish-view-menu.hide-center-buttons .button--repeat,.challenge-finish-view.hide-center-buttons .button--repeat{animation:hideRepeatBehindMenu .35s ease-in-out 1.5s;animation-fill-mode:forwards}.challenge-finish-view .button--repeat.failed:not(.tutorial-repeat-button),.challenge-finish-view-menu .button--repeat.failed:not(.tutorial-repeat-button){animation:repeatButtonSubtleAnimation 6s ease-in-out infinite}@keyframes repeatButtonSubtleAnimation{0%,10%,20%,to{opacity:1}15%,5%{opacity:.35}}.challenge-finish-view .button--repeat img,.challenge-finish-view .button--repeat svg,.challenge-finish-view-menu .button--repeat img,.challenge-finish-view-menu .button--repeat svg{height:38px}.challenge-finish-view .button--menu,.challenge-finish-view-menu .button--menu{z-index:1}.challenge-finish-view .button--menu img,.challenge-finish-view .button--menu svg,.challenge-finish-view-menu .button--menu img,.challenge-finish-view-menu .button--menu svg{height:38px}@keyframes hideGlassesBehindMenu{0%{transform:translateX(0)}to{opacity:0;transform:translateX(-80px)}}@keyframes hideRepeatBehindMenu{0%{transform:translateX(0)}to{opacity:0;transform:translateX(-160px)}}.close-scores-button{position:absolute;right:16px;top:16px}.arrow-view{animation:finishViewArrowAppearAnimation .3s ease-in-out;animation-fill-mode:forwards;opacity:0;padding:1rem;position:absolute;right:0;top:0;transform:rotate(180deg);transition:.3s;z-index:6}@keyframes finishViewArrowAppearAnimation{0%{opacity:0}to{opacity:.5}}.landscape .introduction-topic-level:not(.big-device) .intro-iframe-container iframe{padding:0 var(--panel-landscape-size) 0 0}.landscape .introduction-topic-level:not(.big-device) .intro-user-theme-toggle{position:relative;top:16px}.introduction-topic-level{background:var(--bg-color);bottom:0;display:flex;flex-direction:column;left:0;position:fixed;top:var(--sat);transition:.5s;width:100%;z-index:11}.introduction-topic-level .intro-challenge-content{display:flex;flex:1 1;flex-direction:column;overflow-y:auto;padding:12px 16px 120px;white-space:pre-wrap;word-break:break-word}.introduction-topic-level.active{animation:openIntroductionTopicLevelAnimation .5s ease-in-out;transform:translateY(0)}@keyframes openIntroductionTopicLevelAnimation{0%{transform:translateY(100%)}to{transform:translateY(0)}}.introduction-topic-level .intro-iframe-container{flex:1 1;position:relative}.introduction-topic-level .intro-iframe-container iframe{border:none;height:100%;padding-bottom:var(--panel-portrait-size);position:absolute;width:100%}.introduction-topic-level .challenge-panel{align-items:center}.introduction-topic-level .challenge-panel>div{padding:0 12px}.introduction-topic-level .challenge-panel .next-level-button{padding:16px 12px}.introduction-topic-level .challenge-panel .next-level-button img,.introduction-topic-level .challenge-panel .next-level-button svg{--size:24px;height:var(--size);width:var(--size)}.introduction-topic-level .challenge-panel .check-code-icon{height:36px;position:static}.introduction-topic-level .challenge-panel.landscape .menu-icon{left:auto;margin-top:1rem;top:0}.introduction-topic-level .challenge-panel.landscape .next-level-button{bottom:1rem}.introduction-topic-level .challenge-panel .menu-icon{left:0;position:absolute}.introduction-topic-level pre{flex:1 1;margin:0!important;padding:0 0 0 4px!important}.light-theme .monitor{--monitor-frame-bg:#ababab;--monitor-foundation-bg:#959595;box-shadow:0 0 50px #fff}.light-theme .monitor.preview-retro{--monitor-frame-bg:#b2b1b1;--monitor-foundation-bg:#929292;--border-color:#fff;--button-color:#616161}.light-theme .monitor.preview-futuristic{--monitor-frame-bg:#afafaf;--leg-side-bg:#8e8e8e;--left-bottom-bg:#9dbaff}.light-theme .monitor.preview-modern{--monitor-frame-bg:#aaa8b6;--leg-bg:#aeaeae}.button.monitor-scale-button{font-family:VCR Mono;font-size:14px;font-weight:400}.monitor{--monitor-frame-bg:#191919;--monitor-foundation-bg:#141414;--monitor-foundation-height:14px;--monitor-foundation-width:70%;--monitor-foundation-max-width:320px;--screen-padding:6px;--monitor-br:6px;--monitor-screen-br:4px;background:var(--monitor-frame-bg);border-radius:var(--monitor-br);box-shadow:0 0 15px hsla(0,0%,100%,.278),0 0 50px #000,0 0 50px #000;left:0;margin:0 auto;max-height:380px;max-width:480px;overflow:hidden;position:relative;top:0;transform:none;z-index:2}.monitor .monitor-screen{border-radius:var(--monitor-screen-br);height:calc(var(--screen-padding)*-1*2 + 100%);left:var(--screen-padding);overflow:hidden;position:absolute;top:var(--screen-padding);width:calc(var(--screen-padding)*-1*2 + 100%)}.monitor .monitor-screen.scaled .inner-screen iframe{height:calc(var(--scale-factor)*100%);min-height:calc(var(--scale-factor)*100%);position:absolute;transform:scale(calc(1/var(--scale-factor)));width:calc(var(--scale-factor)*100%)}.monitor .monitor-screen .inner-screen{align-items:center;border-radius:6px;display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;transform:none;width:100%}.monitor .monitor-screen .inner-screen .output{color:#56e753;font-size:10px}.monitor .monitor-foundation{background:var(--monitor-foundation-bg);height:var(--monitor-foundation-height);left:50%;max-width:var(--monitor-foundation-max-width);position:absolute;top:100%;transform:translateX(-50%);width:var(--monitor-foundation-width)}.monitor .led{background:#009600;background:hsl(var(--h),var(--s),40%);border-radius:2px;bottom:.8px;bottom:calc(var(--screen-padding, 2px)*.4);height:3px;position:absolute;right:20px;width:3px}.monitor .led2{background:hsl(calc(var(--h) + 20),calc(var(--s) - 10%),70%);right:27px}.monitor>.light{background:#00ca14;border-radius:0 0 5px 5px;box-shadow:0 0 4px #1ccb00;display:none;height:7px;position:absolute;right:30px;top:100%;width:26px;z-index:1}.monitor.big-device{height:100%;width:100%}.monitor.tutorial:after{background:#0000;bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:1}.monitor.preview-wireframe{background:#0000;box-shadow:0 0 20px 0 hsla(var(--h),var(--s),var(--l),.5)}.monitor.preview-wireframe .monitor-screen{border:none}.monitor.preview-wireframe .monitor-screen>div{height:100%}.monitor.preview-wireframe .monitor-foundation{background:#0000}.monitor.preview-wireframe .light,.monitor.preview-wireframe .monitor-foundation{border-bottom:2px solid var(--wireframe-border-color);border-left:2px solid var(--wireframe-border-color);border-right:2px solid var(--wireframe-border-color);top:calc(100% + 2px)}.monitor.preview-wireframe .light{background:#fff0;box-shadow:none}.monitor.preview-retro{--monitor-frame-bg:#1f1f1f;--monitor-foundation-bg:#1f1f1f;--border-color:#0c0c0c;--button-color:#777;--btn-size:6px;--buttons-gap:8px;--monitor-foundation-height:16px;--monitor-foundation-width:60%;--monitor-foundation-max-width:320px;--screen-padding:16px;--monitor-br:24px;--monitor-screen-br:0;--convex-height:26px;--convex-shift:calc(var(--convex-height)/3);align-items:center;background:none;box-shadow:none;display:flex;flex-direction:column;justify-content:center}.monitor.preview-retro:after,.monitor.preview-retro:before{background:var(--monitor-frame-bg);content:"";height:var(--convex-height);position:absolute;width:100%;z-index:-1}.monitor.preview-retro:after{border-radius:100% 100% 0 0;top:calc(var(--convex-height)*-1/2 + var(--convex-shift))}.monitor.preview-retro:before{border-bottom:2px solid var(--border-color);border-radius:0 0 100% 100%;bottom:calc(var(--convex-height)*-1/2 + var(--convex-shift))}.monitor.preview-retro .monitor-retro-bg{background:var(--monitor-frame-bg);height:calc(var(--convex-height)*-1 + 100%);position:absolute;width:100%;z-index:-1}.monitor.preview-retro .monitor-retro-buttons{align-items:center;bottom:calc(var(--convex-height)/2 + var(--btn-size)*-1/2 + var(--convex-shift)*-1/2);display:flex;position:absolute;right:calc(var(--convex-height) + 6px)}.monitor.preview-retro .monitor-retro-buttons .btn{background:var(--button-color);border-radius:50%;height:var(--btn-size);width:var(--btn-size)}.monitor.preview-retro .monitor-retro-buttons .btn+.btn{margin-left:var(--buttons-gap)}.monitor.preview-retro .monitor-retro-buttons .btn.btn-1{border-radius:6px;width:36px}.monitor.preview-retro .monitor-screen{align-items:center;display:flex;justify-content:center}.monitor.preview-retro .monitor-foundation{display:flex;flex-direction:column;z-index:-2}.monitor.preview-retro .monitor-foundation:after{align-self:center;background:var(--monitor-frame-bg);border-radius:100% 100% 0 0;border-top:2px solid var(--border-color);content:"";height:12px;position:absolute;top:calc(var(--monitor-foundation-height) - 6px);width:calc(100% + 64px)}.monitor.preview-retro .led,.monitor.preview-retro .led2{display:none}.monitor.preview-futuristic{--monitor-frame-bg:#383838;--leg-side-bg:#5a5a5a;--left-bottom-bg:#5986f1;--screen-padding:3px;--monitor-br:4px;--monitor-screen-br:4px;align-items:center;box-shadow:none;display:flex;flex-direction:column;justify-content:center}.monitor.preview-futuristic .monitor-leg{--leg-width:4px;--additional-height:18px;--top-offset:6px;background:var(--leg-side-bg);border-radius:10px 10px 0 0;height:calc(100% + var(--top-offset));position:absolute;top:calc(var(--top-offset)*-1);width:var(--leg-width)}.monitor.preview-futuristic .monitor-leg:after{--br:24px;--bottom-leg-height:4px;--border:var(--bottom-leg-height) solid var(--left-bottom-bg);border-bottom:var(--border);content:"";height:calc(var(--additional-height) + var(--bottom-leg-height));position:absolute;top:100%;width:64px}.monitor.preview-futuristic .monitor-leg.leg-left{left:calc(var(--leg-width)*-1)}.monitor.preview-futuristic .monitor-leg.leg-left:after{border-bottom-left-radius:var(--br);border-left:var(--border);left:0}.monitor.preview-futuristic .monitor-leg.leg-right{right:calc(var(--leg-width)*-1)}.monitor.preview-futuristic .monitor-leg.leg-right:after{border-bottom-right-radius:var(--br);border-right:var(--border);right:0}.monitor.preview-futuristic .monitor-foundation{box-shadow:inset 0 0 10px #000;display:flex;flex-direction:column}.monitor.preview-futuristic .led,.monitor.preview-futuristic .led2{display:none}.monitor.preview-modern{--monitor-frame-bg:#182531;--leg-bg:#182531;--monitor-foundation-bg:#0000;--screen-padding:4px;--monitor-br:6px;--monitor-screen-br:6px;box-shadow:none}.monitor.preview-modern,.monitor.preview-modern .monitor-foundation{align-items:center;display:flex;flex-direction:column;justify-content:center}.monitor.preview-modern .monitor-foundation{--side-border:20px;--bottom-border:18px;border-bottom:var(--bottom-border) solid var(--leg-bg);border-left:var(--side-border) solid #0000;border-radius:12px;border-right:var(--side-border) solid #0000;height:var(--bottom-border);width:132px}.monitor.preview-modern .monitor-foundation:before{background:red;height:32px;position:absolute;width:16px}.monitor.preview-modern .led,.monitor.preview-modern .led2{display:none}.light-theme .phone-container{border:1px solid #0003}.phone-container{border:1px solid #fff3;border-radius:20px;display:flex;flex-direction:column;height:300px;padding:4px;position:relative;width:162.1621621622px}.phone-container.isLandscape{transform:rotate(90deg)}.phone-container.tutorial:after{background:#0000;bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:1}.phone-container .phone-screen-overlay{bottom:0;box-shadow:inset 0 0 20px rgba(0,0,0,.259);left:0;pointer-events:none;position:absolute;right:0;top:0}.phone-container .side-buttons{display:none;position:absolute}.phone-container .side-buttons.left{right:100%;top:20%}.phone-container .side-buttons.left .side-button{background:#4d4d4d99;border-radius:10px 0 0 10px}.phone-container .side-buttons.right{left:100%;top:17.5%}.phone-container .side-buttons.right .side-button{background:#4d4d4d;border-radius:0 10px 10px 0;height:30px}.phone-container .side-buttons .side-button{height:24px;width:2.5px}.phone-container .side-buttons .side-button+.side-button{margin-top:10px}.phone-container .phone-fullscreen{background:#080808;border-radius:15px;display:flex;flex:1 1;flex-direction:column;overflow:hidden;position:relative;width:100%}.phone-container .phone-fullscreen .phone-header{align-items:center;background:#c4c4c40a;border-radius:15px 15px 0 0;display:flex;height:30px;justify-content:center}.phone-container .phone-fullscreen .phone-header .camera{border-radius:50%;display:flex;height:8px;left:50%;padding:1.5px;position:absolute;transform:translateX(-35px);width:8px}.phone-container .phone-fullscreen .phone-header .camera .eye{background:#0f0d2a;border-radius:50%;height:100%;position:relative;width:100%}.phone-container .phone-fullscreen .phone-header .speaker{background:#1e1e1e;border-radius:100px;height:5px;width:35px}.phone-container .phone-fullscreen .screen{align-items:center;display:flex;flex:1 1;justify-content:center;position:relative}.phone-container .phone-fullscreen .screen iframe{position:absolute}.phone-container .phone-fullscreen .footer{align-items:center;background:#c4c4c40a;border-radius:0 0 15px 15px;display:flex;height:30px;justify-content:center}.phone-container .phone-fullscreen .footer .home-button-container{border-radius:50%;display:flex;height:24px;padding:2px;width:24px}.phone-container .phone-fullscreen .footer .home-button-container .home-button{background:#3f3f3f;border-radius:50%;flex:1 1;height:100%}.full-screen-iframe{bottom:0;flex:1 1;left:0;position:absolute;right:0;top:0;z-index:2}.light-theme .code-error{--bg-color:#3b38a9}.code-error{--bg-color:#1d1a76;background:var(--bg-color);bottom:0;color:#ff4b4b;display:flex;flex-direction:column;font-size:14px;font-weight:700;left:0;overflow-y:auto;padding:8px 0 0 12px;position:absolute;right:0;top:0;transform:scale(0);transition:transform .3s;white-space:pre-wrap;z-index:1}.code-error.active{transform:scale(1)}.code-error .editor-error+.editor-error{margin-top:10px}.scanner{--scanner-line-width:6px;background:#0000;border-radius:inherit;left:0;opacity:0;overflow:hidden;pointer-events:none;top:0;transition:.3s;z-index:1001}.scanner,.scanner .scan-line{height:100%;position:absolute;width:100%}.scanner .scan-line{z-index:1}.scanner .scan-line:after{--path-tint-color:hsl(var(--h),var(--saturation-challenge-text),var(--lightness-challenge-text));background:var(--path-tint-color);box-shadow:0 0 10px var(--path-tint-color);content:"";height:100%;left:0;position:absolute;top:0;transition:.3s;width:var(--scanner-line-width);z-index:1000}.scanner.active{opacity:1}.scanner.with-animation .scan-line{animation:scannerAnimation var(--fake-check-duration) linear}@keyframes scannerAnimation{0%,to{transform:translateX(0)}50%{transform:translateX(calc(100% - var(--scanner-line-width)))}}.loading-preview-overlay{align-items:center;background:var(--bg-color);display:flex;font-size:20px;font-weight:700;height:200%;justify-content:center;opacity:0;position:absolute;text-transform:uppercase;transform:translateZ(0);transition:opacity .25s ease-in-out;width:100%;z-index:1}.loading-preview-overlay.active{opacity:1}.glass-magnifier{--size:64px;border:3px solid #1e1e1e;border-radius:50%;display:none;height:var(--size);left:0;position:absolute;top:0;width:var(--size);z-index:10}.glass-magnifier.active{display:flex}.light-theme .device-container .hide-preview-overlay{--hide-overlay-bg:#fff;--hide-overlay-border-color:#0001}.device-container{align-items:center;align-self:center;animation:fadeIn 1s ease-in-out .25s;animation-fill-mode:forwards;display:flex;flex:1 1;flex-direction:column;justify-content:center;margin:0 5px;opacity:0;pointer-events:all;position:relative;transform:var(--custom-transform);z-index:1}.device-container.inspecting .device-and-title-wrapper{pointer-events:none!important}.device-container .screen-magnifier-button{--basic-size:18px;--padding:16px;--size:calc(var(--padding)*2 + var(--basic-size));height:var(--size);opacity:.5;padding:var(--padding);pointer-events:all;position:absolute;right:calc(var(--padding)*-1 + 6px);top:-8px;width:var(--size);z-index:11}.device-container .screen-magnifier-button.active{opacity:1}.device-container .device-and-title-wrapper{align-items:center;align-self:center;display:flex;flex:1 1;flex-direction:column;position:relative}.device-container .incorrect-cross{align-items:center;bottom:0;display:flex;justify-content:center;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:99}.device-container .incorrect-cross .tape{--height:30px;align-items:center;background:rgba(255,0,0,.533);border-radius:1px;display:flex;height:var(--height);justify-content:space-evenly;position:absolute;width:130%}.device-container .incorrect-cross .tape:first-of-type{transform:rotate(-30deg) translate(0)}.device-container .incorrect-cross .tape:nth-of-type(2){transform:rotate(30deg) translate(0)}.device-container .hide-preview-overlay{--hide-overlay-bg:#10101c;--hide-overlay-border-color:#fff1;align-items:center;background:var(--hide-overlay-bg);border:2px solid var(--hide-overlay-border-color);border-radius:var(--border-radius-2);bottom:0;display:flex;font-family:var(--editor-font);justify-content:center;left:0;overflow:hidden;position:absolute;right:0;top:0;transform:rotate(8.5deg);z-index:10}.device-container .hide-preview-overlay:before{font-size:32px;font-weight:700;position:absolute;z-index:12}.device-container .hide-preview-overlay .tape{--height:20px;align-items:center;background:#ff0;display:flex;height:var(--height);justify-content:space-evenly;position:absolute;width:200%}.device-container .hide-preview-overlay .tape:first-of-type{transform:rotate(-30deg) translate(0)}.device-container .hide-preview-overlay .tape:nth-of-type(2){transform:rotate(30deg) translate(0)}.device-container .hide-preview-overlay .tape span{background:rgba(0,0,0,.533);background:#222;font-size:12px;font-weight:700;letter-spacing:2px;line-height:1;padding:4px 8px;text-transform:uppercase}.device-container.mini-playground{position:absolute;top:1rem}.device-container.fullscreen{flex:1 1;height:100%;margin:0;width:100%}.device-container.fullscreen.big-device{min-height:40vh}.device-container.fullscreen .device-and-title-wrapper{width:100%}.device-container.fullscreen .preview-title{background:#0009;font-size:15px;line-height:1;position:absolute;right:10px;top:8px;z-index:3}.device-container.fullscreen .full-screen-iframe{bottom:0;flex:1 1;left:0;position:absolute;right:0;top:0;z-index:2}.device-container+.device-container{animation:fadeIn 1s ease-in-out .45s;animation-fill-mode:forwards;margin-top:10px}.device-container.landscape.fullscreen{flex:1 1;width:auto}.device-container.landscape.fullscreen.big-device{width:100%}.device-container.landscape+.device-container{margin-top:0}.device-container.big-device{--width:calc(100% - 24px);align-items:center;display:flex;justify-content:center;width:var(--width)}.device-container.big-device.phone{width:auto}.device-container .preview-title{animation:previewTitleAppearAnimation .75s ease-in-out 1s;animation-fill-mode:forwards;border-radius:100px;color:hsl(var(--h),var(--saturation-challenge-text),var(--lightness-challenge-text));font-family:var(--challenge-font);font-size:15px;font-weight:700;margin-bottom:4px;opacity:0;padding:.25rem .75rem;text-align:center;z-index:3}@keyframes previewTitleAppearAnimation{0%{opacity:0}50%,70%{opacity:.4}60%{opacity:.5}to{opacity:.3}}.device-container .preview-title.aside,.device-container .preview-title.overlapping{background:none;font-size:16px;position:absolute}.device-container .preview-title.aside{bottom:0;left:0;transform:rotate(270deg);transform-origin:bottom left}.device-container:nth-child(2) .preview-title{animation-delay:2s}.modal.errors-notification{align-items:center;animation-timing-function:cubic-bezier(.68,1.5,.43,.82);text-align:center}.modal.errors-notification .dialog-title{font-size:20px;font-weight:700;line-height:1;margin-bottom:1rem}.modal.errors-notification .dialog-buttons{margin-top:1rem}.modal.errors-notification .dialog-buttons .button{background:#0000;border:1px solid var(--computer-btn-shadow);border-radius:8px;color:var(--text-color);font-weight:700;padding:8px 32px}.full-app-iframe-container{align-items:center;display:flex;flex:1 1;height:100%;justify-content:center;overflow:hidden;position:relative;width:100%}@supports(aspect-ratio:1/1){.full-app-iframe-container.with-aspect-ratio{flex:initial;height:auto;width:100%}.full-app-iframe-container.with-aspect-ratio.big-device,.full-app-iframe-container.with-aspect-ratio.landscape{height:100%;width:auto}}.full-app-iframe-container:after{background:var(--bg-color);content:"Preview content";font-size:20px;font-weight:700;line-height:1;opacity:.2;position:absolute;text-align:center;z-index:1}.full-app-iframe-container:before{background:var(--bg-color);bottom:0;content:"";left:0;opacity:.85;position:absolute;right:0;top:0;z-index:1}.full-app-iframe-container.scaled iframe{height:calc(var(--scale-factor)*100%);min-height:calc(var(--scale-factor)*100%);position:absolute;transform:scale(calc(1/var(--scale-factor)));width:calc(var(--scale-factor)*100%)}.full-app-iframe-container .title{font-weight:700;left:1rem;position:absolute;top:1rem;z-index:1}.full-app-iframe-container iframe{z-index:2}.finger-icon{--basic-size:55px;--length:2000px;--border-radius-lg:calc(var(--basic-size)*0.4);--border-radius-sm:calc(var(--basic-size)*0.25);--border-radius:var(--border-radius-sm) var(--border-radius-lg) var(--border-radius-lg) var(--border-radius-sm);--nail-length:calc(var(--basic-size)*1.175);--nail-width:calc(var(--basic-size) - 12px);--nail-color:#ffc8b1;--nail-circle-color:#ffebe3;--nail-shadow-color:#483222;--nail-top-color:#fff;--finger-color:#b47d56;--stripe-color:#986642;--nail-top-size:5px;--stripes-offset:calc(var(--nail-length) + 56px);--active-finger-pointer-offset:calc(var(--nail-length)*-0.35);--nail-semi-circle-size:calc(var(--nail-length)*0.2);--stripe-length:calc(var(--basic-size) - 20px);--stripe-size:2px;--stripes-gap:4px;--nail-offset:6px;--semi-circle-offset:-3px;align-items:center;align-self:center;background:var(--finger-color);border-radius:var(--border-radius);display:flex;height:var(--basic-size);perspective:200px;position:absolute;right:var(--active-finger-pointer-offset);transform:rotateY(0deg);transform-style:preserve-3d;width:var(--length);z-index:4}.finger-icon.landscape{--border-radius:var(--border-radius-lg) var(--border-radius-lg) var(--border-radius-sm) var(--border-radius-sm);flex-direction:column;height:var(--length);right:auto;top:var(--active-finger-pointer-offset);width:var(--basic-size)}.finger-icon.landscape .nail{height:var(--nail-length);right:auto;top:var(--nail-offset);width:var(--nail-width)}.finger-icon.landscape .nail .semi-circle{bottom:var(--semi-circle-offset);height:var(--nail-semi-circle-size);left:auto;width:var(--nail-width)}.finger-icon.landscape .nail:before{right:0;top:var(--nail-top-size)}.finger-icon.landscape .stripes{flex-direction:column;right:auto;top:var(--stripes-offset)}.finger-icon.landscape .stripes .stripe{height:var(--stripe-size);width:var(--stripe-length)}.finger-icon.landscape .stripes .stripe+.stripe{margin-left:0;margin-top:var(--stripes-gap)}.finger-icon .nail{background:var(--nail-top-color);border-radius:var(--border-radius);height:var(--nail-width);overflow:hidden;position:absolute;right:var(--nail-offset);width:var(--nail-length)}.finger-icon .nail .semi-circle{background:var(--nail-circle-color);border-radius:100%;height:var(--nail-width);left:var(--semi-circle-offset);position:absolute;width:var(--nail-semi-circle-size)}.finger-icon .nail:before{background:var(--nail-color);border-radius:var(--border-radius);bottom:0;content:"";left:0;position:absolute;right:0;right:var(--nail-top-size);top:0}.finger-icon .stripes{align-items:center;display:flex;position:absolute;right:var(--stripes-offset)}.finger-icon .stripes .stripe{background:var(--stripe-color);height:var(--stripe-length);width:var(--stripe-size)}.finger-icon .stripes .stripe+.stripe{margin-left:var(--stripes-gap)}.cursor-container{--transform-from:translate(0,0);--transform-to:translate(0,0);--move-duration:0s;--click-interval:0s;--clicks-count:0;display:flex;height:20px;justify-content:center;opacity:0;pointer-events:none;position:absolute;transform:scale(1);transform-origin:25% top;width:20px;z-index:3}.cursor-container.finger.portrait{flex-direction:column}.cursor-container.visible{opacity:1}.cursor-container.active.finger{--in-action-transform:rotateY(24deg);--ease-action-transform:rotateY(0);transform:var(--in-action-transform)}.cursor-container.active.finger.landscape{--in-action-transform:rotateX(24deg);--ease-action-transform:rotateX(0);flex-direction:column}.cursor-container.active:not(.finger){transform:scale(.75)}.cursor-container .cursor-icon{height:20px;position:absolute;width:20px}.cursor-container .cursor-icon.pointer{transform:translate(calc(50% - 6px),calc(50% + 1px))}.cursor-container.alias .cursor-element:not(.alias),.cursor-container.all-scroll .cursor-element:not(.all-scroll),.cursor-container.auto .cursor-element:not(.auto),.cursor-container.cell .cursor-element:not(.cell),.cursor-container.col-resize .cursor-element:not(.col-resize),.cursor-container.context-menu .cursor-element:not(.context-menu),.cursor-container.copy .cursor-element:not(.copy),.cursor-container.crosshair .cursor-element:not(.crosshair),.cursor-container.default .cursor-element:not(.default),.cursor-container.e-resize .cursor-element:not(.e-resize),.cursor-container.ew-resize .cursor-element:not(.ew-resize),.cursor-container.finger .cursor-element:not(.finger),.cursor-container.grabbing .cursor-element:not(.grabbing),.cursor-container.help .cursor-element:not(.help),.cursor-container.inherit .cursor-element:not(.inherit),.cursor-container.initial .cursor-element:not(.initial),.cursor-container.move .cursor-element:not(.move),.cursor-container.ne-resize .cursor-element:not(.ne-resize),.cursor-container.nesw-resize .cursor-element:not(.nesw-resize),.cursor-container.no-drop .cursor-element:not(.no-drop),.cursor-container.none .cursor-element:not(.none),.cursor-container.not-allowed .cursor-element:not(.not-allowed),.cursor-container.ns-resize .cursor-element:not(.ns-resize),.cursor-container.nw-resize .cursor-element:not(.nw-resize),.cursor-container.nwse-resize .cursor-element:not(.nwse-resize),.cursor-container.pointer .cursor-element:not(.pointer),.cursor-container.progress .cursor-element:not(.progress),.cursor-container.row-resize .cursor-element:not(.row-resize),.cursor-container.s-resize .cursor-element:not(.s-resize),.cursor-container.se-resize .cursor-element:not(.se-resize),.cursor-container.sw-resize .cursor-element:not(.sw-resize),.cursor-container.text .cursor-element:not(.text),.cursor-container.unset .cursor-element:not(.unset),.cursor-container.vertical-text .cursor-element:not(.vertical-text),.cursor-container.w-resize .cursor-element:not(.w-resize),.cursor-container.wait .cursor-element:not(.wait),.cursor-container.zoom-in .cursor-element:not(.zoom-in),.cursor-container.zoom-out .cursor-element:not(.zoom-out){display:none}.keyboard{align-self:center;background:#272b2c;bottom:0;display:flex;flex-direction:column;font-family:Arial,sans-serif;font-size:12px;height:auto;opacity:0;overflow:hidden;padding:2% 0;position:absolute;transform:translateY(100%) scale(var(--scale-value));transform-origin:50% 100%;transition:transform .3s,opacity .3s;z-index:1000}.keyboard.full-width{width:100%}.keyboard.opened{opacity:1;transform:translateY(0) scale(var(--scale-value))}.keyboard .input-with-overlay:after{bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:1}.keyboard .keyboard-line{display:flex;justify-content:space-around}.keyboard .keyboard-line+.keyboard-line{margin-top:2%}.keyboard .keyboard-line-1,.keyboard .keyboard-line-3{padding:0 2%}.keyboard .keyboard-line-2{padding:0 4%}.keyboard .keyboard-line span{align-items:center;background:#2f3336;border-radius:max(4px,1.5%);box-shadow:0 3px 3px rgba(0,0,0,.467);color:#fff;display:flex;justify-content:center;padding:2%;text-align:center;-webkit-user-select:none;user-select:none;width:8%}.keyboard .keyboard-line span.active{background:#fff;color:#000;transform:scale(.8)}.keyboard .keyboard-line-3 span:first-of-type,.keyboard .keyboard-line-3 span:last-of-type{padding:0 1%;width:6%}.keyboard .keyboard-line-4{padding:0 2.5%}.keyboard .keyboard-line-4 span:first-child{width:7%}.keyboard .keyboard-line-4 span:nth-child(2){margin:0 2%;padding:1% 2%;width:100%}.keyboard .keyboard-line-4 span:last-of-type{width:16%}.onscreen-window-header-buttons{align-items:flex-end;display:flex;margin-left:auto}.onscreen-window-header-buttons img{max-height:8px;width:8px}.onscreen-window-header-buttons img.minor-animation{animation:minorAnimation var(--minor-animation-duration) ease-in-out}@keyframes minorAnimation{0%,to{transform:scale(1)}50%{transform:scale(1.5)}}.onscreen-window-header-buttons img+img{margin-left:10px}.onscreen-window{bottom:0;display:flex;flex:1 1;flex-direction:column;height:var(--height);left:0;left:var(--x);overflow:hidden;position:absolute;right:0;top:0;top:var(--y);width:var(--width)}.onscreen-window.animated{transition:width .5s ease-in-out,height .5s ease-in-out,top .5s ease-in-out,left .5s ease-in-out}.onscreen-window .onscreen-window-content{display:flex;flex:1 1;flex-direction:column;overflow:hidden;position:relative}.onscreen-window .onscreen-window-header{align-items:center;background:var(--bg-color);border-bottom:1px solid var(--separator-color);display:flex;flex-shrink:0;height:20px;padding:0 6px;position:relative}.onscreen-window .onscreen-window-header svg.stroke path{stroke:var(--hsl);fill:#0000}.onscreen-window .onscreen-window-header svg path{stroke:#0000;fill:var(--hsl)}.onscreen-window .onscreen-window-header .window-icon,.onscreen-window .onscreen-window-header svg{height:8px;margin-right:8px}.onscreen-window .onscreen-window-header svg{width:8px}.onscreen-window .onscreen-window-header .onscreen-window-title{font-size:10px}.light-theme .pipeline-container{--bg-color:#fff;--success-color:#41b866;--error-color:#ff3a3a}.pipeline-container{--bg-color:#000;--bg-failed-color:#611113;--success-color:#43ff7d;--error-color:#ff3a3a;background:var(--bg-color);display:flex;flex-direction:column;height:100%;justify-content:center;overflow:auto;position:absolute;transition:transform .35s ease-in-out;width:100%;z-index:1}.pipeline-container.vertical{justify-content:flex-start}.pipeline-container.vertical .stages-titles-list{display:flex;flex:1 1;flex-direction:column;font-size:12px;left:0;margin-top:12px;overflow-y:auto;padding:0 12px 12px 24px;position:-webkit-sticky;position:sticky}.pipeline-container.vertical .stages-titles-list .pipeline-stage-title{align-items:center;display:flex;opacity:1;transition:opacity .3s}.pipeline-container.vertical .stages-titles-list .pipeline-stage-title:before{--size:4px;background:currentColor;border-radius:50%;content:"";height:var(--size);position:absolute;right:calc(100% - 14px);width:var(--size)}.pipeline-container.vertical .stages-titles-list .pipeline-stage-title:not(.pending,.success,.failed){opacity:0}.pipeline-container.vertical .stages-titles-list .pipeline-stage-title.pending{animation:blinkingAnimation 1s infinite}.pipeline-container.vertical .stages-titles-list .pipeline-stage-title.success{color:var(--success-color)}.pipeline-container.vertical .stages-titles-list .pipeline-stage-title.failed{color:var(--error-color)}.pipeline-container.vertical .pipeline{height:auto;min-height:48px}.pipeline-container.hidden{transform:translateY(100%)}.pipeline-container.failed{animation:failedPipelineAnimation 1.5s ease-in-out}@keyframes failedPipelineAnimation{0%,50%,to{background:var(--bg-color)}25%,75%{background:var(--bg-failed-color)}}.pipeline-container .pipeline{--pipe-height:2px;--stage-width:60px;--circle-size:12px;align-items:center;display:flex;height:100%;left:calc(50% - var(--circle-size)/2);position:relative;transition:transform .5s ease-in-out}.pipeline-container .pipeline .pipeline-stage{--gap:16px;--pipe-part-color:#363636;--circle-color:#363636;--left:calc(var(--index)*var(--space-between-stages));--text-color:#fff;align-items:center;display:flex;flex-shrink:0;justify-content:center;position:relative;text-align:center}.pipeline-container .pipeline .pipeline-stage+.pipeline-stage{margin-left:var(--space-between-stages)}.pipeline-container .pipeline .pipeline-stage .pipeline-stage-title{align-items:center;bottom:calc(100% + 14px);color:var(--text-color);display:flex;flex-direction:column;font-family:monospace;font-size:12px;font-weight:700;position:absolute;text-align:center;width:var(--stage-width)}.pipeline-container .pipeline .pipeline-stage .stage-circle{background:var(--circle-color);border:1px solid #fff6;border-radius:50%;flex-shrink:0;height:var(--circle-size);transition:transform .3s,background .3s,box-shadow .3s;width:var(--circle-size);z-index:2}.pipeline-container .pipeline .pipeline-stage .stage-pipe{background:var(--pipe-part-color);height:var(--pipe-height);left:100%;overflow:hidden;position:absolute;transition:background .3s;width:var(--space-between-stages)}.pipeline-container .pipeline .pipeline-stage:after{content:attr(data-stage-number);font-size:11px;opacity:.5;position:absolute;top:calc(100% + 9px)}.pipeline-container .pipeline .pipeline-stage.pending{--pipe-part-color:#363636;--circle-color:#cf7bff}.pipeline-container .pipeline .pipeline-stage.pending .stage-circle,.pipeline-container .pipeline .pipeline-stage.pending .stage-title{animation:blinkingAnimation 1s infinite}.pipeline-container .pipeline .pipeline-stage.success{--circle-color:var(--success-color)}.pipeline-container .pipeline .pipeline-stage.success .stage-pipe:before{animation:pipeWireAnimation .3s ease-in-out;animation-fill-mode:forwards;background:#fff;bottom:0;content:"";left:0;position:absolute;right:0;top:0;transform:translateX(-100%);z-index:1}@keyframes pipeWireAnimation{0%{transform:translateX(-100%)}to{transform:translateX(0)}}.pipeline-container .pipeline .pipeline-stage.success .stage-circle{box-shadow:0 0 10px var(--circle-color);transform:scale(1.5)}.pipeline-container .pipeline .pipeline-stage.failed{--text-color:#ff3a3a;--circle-color:#ff3a3a;--pipe-part-color:#363636}.pipeline-container .pipeline .pipeline-stage.failed .stage-pipe{opacity:.35}.pipeline-container .pipeline .pipeline-stage.failed .stage-circle{box-shadow:0 0 10px var(--circle-color);transform:scale(1.5)}.pipeline-container .pipeline .pipeline-stage.last-stage .stage-pipe{opacity:0;width:calc(var(--space-between-stages) + 40px)}.pipeline-container .pipeline .pipeline-stage:not(.failed,.success){opacity:.35}.browser-multi-devices{align-items:center;display:flex;justify-content:flex-end;margin-left:4px}.browser-multi-devices img{height:12px;padding:0 6px}.browser-multi-devices img.active{filter:brightness(.4) sepia(1) hue-rotate(-195deg) saturate(2)}.light-theme .browser-window{--url-bg:#00000020}.browser-window{--url-bg:#272727;--header-height:20px;background:#000;display:flex;flex:1 1;flex-direction:column;position:relative;z-index:1000}.browser-window.phone,.browser-window.tablet{align-items:center;display:flex;justify-content:center}.browser-window.phone .browser-page,.browser-window.tablet .browser-page{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0000;border:4px solid #080808;border-radius:14px;margin-top:6px;overflow:hidden;position:absolute}.browser-window.phone .browser-page{height:calc(100% - var(--header-height) - 12px);width:26%}.browser-window.tablet .browser-page{height:calc(100% - var(--header-height) - 12px);width:36%}.browser-window .browser-header{align-items:center;background:var(--bg-color);display:flex;flex-shrink:0;height:var(--header-height);margin-bottom:auto;padding:0 6px;width:100%}.browser-window .browser-header .browser-icon{height:8px;margin-right:8px}.browser-window .browser-header .url{background:var(--url-bg);border-radius:100px;font-size:8px;max-width:calc(100% - 60px);overflow:hidden;padding:0 6px;text-overflow:ellipsis}.browser-window .browser-header .browser-buttons{align-items:center;display:flex;margin-left:auto}.browser-window .browser-header .browser-buttons img{height:10px}.browser-window .browser-page{align-items:center;background:#fff;display:flex;flex:1 1;flex-direction:column;justify-content:center;position:relative}.browser-window .browser-page iframe{border:none;flex:1 1;height:calc(var(--scale-factor)*100%);min-height:calc(var(--scale-factor)*100%);outline:none;position:absolute;transform:scale(calc(1/var(--scale-factor)));width:calc(var(--scale-factor)*100%)}.light-theme .console-window{--console-bg-color:#fff;--font-color:#2a9553}.preformatted .console-window .console-entry-content{white-space:pre}.console-window{--console-bg-color:#000;--font-color:#71ff76;background:var(--console-bg-color);bottom:0;display:flex;flex-direction:column;font-family:monospace;left:0;overflow:scroll;position:absolute;right:0;top:0}.console-window .keyboard-button{--size:40px;align-items:center;background:#fff;border:3px solid #a7a7a7;border-radius:6px;bottom:8px;box-shadow:2px 2px 0 #4a4a4a;color:#1e1e1e;display:flex;font-family:monospace;font-size:12px;height:var(--size);justify-content:center;line-height:1;min-width:var(--size);opacity:0;padding:0 12px;pointer-events:none;position:fixed;right:8px;transition:opacity 75ms ease-in-out}.console-window .keyboard-button.visible{animation:buttonTypingAnimation var(--animation-duration) ease-in-out infinite;opacity:1}@keyframes buttonTypingAnimation{0%,to{transform:scale(1)}50%{transform:scale(.925)}}.console-window .console-commands-list{display:flex;flex:1 1;flex-direction:column;font-size:12px;height:calc(var(--scale-factor)*100%);line-height:1.1;min-height:calc(var(--scale-factor)*100%);overflow:auto;padding:8px 0;position:absolute;transform:scale(calc(1/var(--scale-factor)));width:calc(var(--scale-factor)*100%)}.console-window .console-commands-list .console-entry{padding:0 2px 0 4px;position:relative}.console-window .console-commands-list .console-entry.error{color:var(--error-color)}.console-window .console-commands-list .console-entry .console-entry-path{color:var(--font-color);display:block;float:left;font-weight:700;margin-right:4px}.console-window .console-commands-list .console-entry .console-entry-content{display:inline}.console-window .console-commands-list .console-entry .console-entry-content>*{display:inline-block}.browser-console-message{align-items:flex-start;display:flex;padding:4px 4px 4px 8px}.browser-console-message img{align-self:flex-start;height:6px;margin:4px 4px 0 0;transition:transform .15s ease-in-out}.browser-console-message:not(.collapsed){line-height:1.25;white-space:pre}.browser-console-message:not(.collapsed) img{transform:rotate(90deg)}.browser-console-entry{--error-bg-color:#f1303038;--warn-bg-color:#fffb2f1f;--separator-color:#ffffff0f;align-items:center;display:flex;font-size:12px;line-height:1;position:relative;word-break:break-word}.browser-console-entry+.browser-console-entry{border-top:1px solid var(--separator-color)}.browser-console-entry.log{background:#0000}.browser-console-entry.warn{background:var(--warn-bg-color)}.browser-console-entry.error{background:var(--error-bg-color)}.browser-console-list{display:flex;flex-direction:column;font-family:monospace;font-size:12px;overflow-y:auto}.browser-console-list .default-console-message{opacity:.75;white-space:pre-wrap}.browser-console-window{background:var(--bg-color);bottom:0;display:flex;flex-direction:column;left:0;position:absolute;right:0;top:0}.light-theme .db-window{--url-bg:#00000020}.db-window{--url-bg:#272727;background:#000;display:flex;flex:1 1;flex-direction:column;overflow:hidden;position:relative;z-index:1000}.db-window .os-database-content-container{flex:1 1;overflow:auto}.light-theme .onscreen-os{--tab-emphasized-color:var(--home-accent-color-1)}.onscreen-os{--tab-emphasized-color:#fff;animation:fadeIn .25s ease-in-out .35s;animation-fill-mode:forwards;bottom:0;display:flex;flex-direction:column;left:0;opacity:0;position:absolute;right:0;top:0;z-index:1000}.onscreen-os.os-with-taskbar .windows-bar{display:flex}.onscreen-os .os-overlay-info{align-items:center;background:#3d3d3d;bottom:0;display:flex;font-size:14px;font-weight:700;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transform:scale(0);transition:opacity .3s,transform .3s;z-index:1001}.onscreen-os .os-overlay-info.active{opacity:1;transform:scale(1)}.onscreen-os .windows-container{display:flex;flex:1 1;flex-direction:column;position:relative}.onscreen-os .current-window{bottom:0;display:flex;flex-direction:column;left:0;position:absolute;right:0;top:0;transform:translateY(100%);transition:transform .5s ease-in-out}.onscreen-os .current-window.active{transform:translateY(0)}.onscreen-os .current-window.current{z-index:1001}.onscreen-os .windows-bar{align-items:center;background:var(--bg-color);border-top:1px solid var(--separator-color);display:none;overflow-x:auto;position:relative;z-index:1003}.onscreen-os .windows-bar .window-tab{--size:20px;align-items:center;display:flex;flex-shrink:0;height:var(--size);justify-content:center;min-width:var(--size);position:relative;transition:background .3s}.onscreen-os .windows-bar .window-tab svg.stroke path{stroke:var(--hsl);fill:#0000}.onscreen-os .windows-bar .window-tab svg path{stroke:#0000;fill:var(--hsl)}.onscreen-os .windows-bar .window-tab.with-title{padding:0 2px 0 4px}.onscreen-os .windows-bar .window-tab .title{font-family:sans-serif;font-size:8px;line-height:1;padding:0 4px;white-space:nowrap}.onscreen-os .windows-bar .window-tab:nth-child(2){margin-left:4px}.onscreen-os .windows-bar .window-tab:after{background:#0000;bottom:0;content:"";height:2px;position:absolute;transition:background .3s;width:100%}.onscreen-os .windows-bar .window-tab.current{background:hsla(0,0%,100%,.067)}.onscreen-os .windows-bar .window-tab.active:not(.current):after{opacity:.5}.onscreen-os .windows-bar .window-tab.active:after{background:var(--tab-emphasized-color)}.onscreen-os .windows-bar .window-tab img,.onscreen-os .windows-bar .window-tab svg{height:10px}.onscreen-os .windows-bar .window-tab svg{width:10px}.light-theme .updating-screen-overlay,.use-color-challenge .updating-screen-overlay{color:hsl(var(--h),var(--saturation-challenge-text),var(--lightness-challenge-text))}.light-theme .new-preview{--expected-switch-popup-bg:#fff}.new-preview{--expected-switch-popup-bg:#000;--preview-scale-with-code:.765;--preview-translate-with-code:-24px;align-items:center;animation:fadeIn .5s ease-in-out;display:flex;flex:1 1;flex-direction:column;font-family:var(--challenge-font);height:calc(100% - var(--panel-portrait-size));justify-content:space-evenly;left:0;min-width:240px;opacity:1;position:absolute;top:0;transition:transform 1s,width 0s,opacity 1s,background .3s ease-in-out;width:100%;z-index:5}.new-preview.mobile-preview-device{--preview-scale-with-code:.625;--preview-translate-with-code:12px}.new-preview.additional-padding{padding:120px}.new-preview .full-app-expected-preview{display:flex;flex-direction:column;width:100%}.new-preview.is-touched{background-color:rgba(165,153,255,.067);transition:0s}.new-preview .updating-screen-overlay{align-items:center;background:var(--bg-color);display:flex;font-size:20px;font-weight:700;height:200%;justify-content:center;position:absolute;text-transform:uppercase;transform:translateZ(0);width:100%;z-index:1}.new-preview .edge-swipe-area{height:100%;position:absolute;right:0;z-index:1}.new-preview .challenge-animation-progress{position:absolute}.new-preview .animation-progress-bar{height:3px;left:0;position:fixed;top:0;width:100%;z-index:1}.new-preview .animation-progress-bar .animation-progress-bar-filler{height:3px;left:0;position:absolute;top:0;transform-origin:0 50%;width:100%}.new-preview .animation-progress-bar .animation-progress-bar-filler.active{animation:progressBarAnimation linear;background:var(--computer-text-color)}@keyframes progressBarAnimation{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.new-preview.with-editor{height:100%}.new-preview.hidden,.new-preview.small-device.code-opened{z-index:-1}.new-preview.small-device.portrait .device-container{transform-origin:center top;transition:transform .3s ease-in-out,-webkit-clip-path .35s;transition:transform .3s ease-in-out,clip-path .35s;transition:transform .3s ease-in-out,clip-path .35s,-webkit-clip-path .35s}.new-preview.small-device.portrait .device-container .device-and-title-wrapper{transition:opacity .3s ease-in-out}.new-preview.small-device.portrait.code-opened .preview-expected-monitor-button{align-items:center;cursor:pointer;display:flex;flex-direction:column;height:30%;justify-content:flex-end;position:absolute;right:0;top:0;top:var(--sat,0);-webkit-user-select:none;user-select:none;width:56px;z-index:2}.new-preview.small-device.portrait.code-opened .preview-expected-monitor-button svg.stroke path{stroke:var(--hsl);fill:#0000}.new-preview.small-device.portrait.code-opened .preview-expected-monitor-button svg path{stroke:#0000;fill:var(--hsl)}.new-preview.small-device.portrait.code-opened .preview-expected-monitor-button img,.new-preview.small-device.portrait.code-opened .preview-expected-monitor-button svg{height:24px;width:24px}.new-preview.small-device.portrait.code-opened.show-expected:after{animation:expTitleAnimation 2s ease-in-out .15s;animation-fill-mode:forwards;background:var(--expected-switch-popup-bg);border:1px solid var(--separator-color);border-radius:var(--border-radius-1);content:'"Expected"';font-size:10px;font-weight:700;opacity:0;padding:4px 8px;position:absolute;top:0;white-space:nowrap;z-index:2}@keyframes expTitleAnimation{0%,to{opacity:0}10%,50%{opacity:1}}.new-preview.small-device.portrait.code-opened.show-expected.correct-in-top .device-container:nth-of-type(2){-webkit-clip-path:circle(0);clip-path:circle(0)}.new-preview.small-device.portrait.code-opened.show-expected.correct-in-top .device-container:first-of-type .device-and-title-wrapper{opacity:1}.new-preview.small-device.portrait.code-opened.show-expected:not(.correct-in-top) .device-container:first-of-type{-webkit-clip-path:circle(0);clip-path:circle(0)}.new-preview.small-device.portrait.code-opened.show-expected:not(.correct-in-top) .device-container:nth-of-type(2) .device-and-title-wrapper{opacity:1}.new-preview.small-device.portrait.code-opened.correct-in-top{--translate-y:-111.5%}.new-preview.small-device.portrait.code-opened.correct-in-top.mobile-preview-device{--translate-y:-102.5%}.new-preview.small-device.portrait.code-opened.correct-in-top .device-container{transform-origin:center top}.new-preview.small-device.portrait.code-opened.correct-in-top .device-container:nth-of-type(2){-webkit-clip-path:circle(75%);clip-path:circle(75%);transform:translateY(var(--translate-y)) scale(var(--preview-scale-with-code))}.new-preview.small-device.portrait.code-opened.correct-in-top .device-container:first-of-type{transform:translateY(0) scale(var(--preview-scale-with-code));z-index:-1}.new-preview.small-device.portrait.code-opened.correct-in-top .device-container:first-of-type .device-and-title-wrapper{opacity:0}.new-preview.small-device.portrait.code-opened:not(.correct-in-top) .device-container{transform-origin:center top}.new-preview.small-device.portrait.code-opened:not(.correct-in-top) .device-container:first-of-type{-webkit-clip-path:circle(75%);clip-path:circle(75%);transform:translateY(var(--preview-translate-with-code)) scale(var(--preview-scale-with-code))}.new-preview.small-device.portrait.code-opened:not(.correct-in-top) .device-container:nth-of-type(2){transform:translateY(-110%) scale(var(--preview-scale-with-code));z-index:-1}.new-preview.small-device.portrait.code-opened:not(.correct-in-top) .device-container:nth-of-type(2) .device-and-title-wrapper{opacity:0}.new-preview.isLandscape{flex-direction:row;height:100%;justify-content:space-evenly;width:calc(100% - 85px)}.new-preview.isLandscape.with-editor{width:100%}.new-preview.big-device{flex-direction:column;height:100%;justify-content:flex-start;width:calc(50% - 32px)}.new-preview.big-device.with-preview-in-top{flex-direction:row;height:auto;justify-content:center;left:0;top:12px;transition:transform 1s ease-in-out;width:100%!important}.new-preview.swiping-from-preview,.new-preview.swiping-preview{transition:none 0s ease 0s;transition:initial}.new-preview.swiping-from-preview{left:0}.new-preview.is-touched,.new-preview.swiping-from-preview{background:hsla(var(--h),var(--s),var(--l),.15)}.new-preview.preview-swiped{transition:none 0s ease 0s;transition:initial}.new-preview.inactive{animation:fadeOut .5s;animation-fill-mode:forwards;opacity:0}.new-preview.in-finish-view,.new-preview.results-preview{transition:width 1s,height 1s}.new-preview.results-preview{height:100%;width:100%}.new-preview .reload-iframes-button{align-items:center;display:flex;height:30px;justify-content:center;left:10px;opacity:0;position:absolute;top:10px;transition:.35s;z-index:3}.new-preview .reload-iframes-button.visible{opacity:1}.new-preview .reload-iframes-button.visible.pending{opacity:.5;pointer-events:none}.new-preview .reload-iframes-button.visible.pending .challenge-animation-progress svg .main-circle{animation-play-state:paused}.new-preview .reload-iframes-button.visible .challenge-animation-progress .main-circle{animation:circularProgressBarAnimation var(--animation-duration) var(--animation-delay) var(--timing-function),mainCircleFadeOut .5s 0ms ease-in-out;animation:circularProgressBarAnimation var(--animation-duration) var(--animation-delay) var(--timing-function),mainCircleFadeOut .5s calc(var(--animation-duration, 0ms) + var(--animation-delay, 0ms)) ease-in-out;animation-fill-mode:forwards}@keyframes mainCircleFadeOut{0%{stroke:var(--hsl)}to{stroke:#0000}}.new-preview .reload-iframes-button>img{animation:changeWhiteBlack 5s infinite forwards}.new-preview .reload-iframes-button.disabled{opacity:.5;pointer-events:none}.new-preview .reload-iframes-button:not(.disabled).blinking{animation:restartIframesButtonAnimation 5s 3s infinite}@keyframes restartIframesButtonAnimation{0%,10%,20%,to{opacity:1}15%,5%{opacity:.7}}.new-preview .reload-iframes-button.with-blink-animation{animation:buttonBlinkAnimation .5s linear .35s}@keyframes buttonBlinkAnimation{0%,to{opacity:1}50%{opacity:.3}}@keyframes changeWhiteBlack{0%,to{filter:invert(0)}50%{filter:invert(1)}}.new-preview .animation-progress{background:var(--bg-color);border-radius:5px;height:28px;left:50%;min-width:260px;padding:5px;position:absolute;top:10px;transform:translateX(-50%);width:60%}.new-preview .animation-progress__indicator{background:var(--computer-text-color);border-radius:5px;height:100%;width:0}.new-preview .animation-progress__indicator.active{animation:progressIndicatorAnimation 3s linear}@keyframes progressIndicatorAnimation{0%{width:0}to{width:100%}}.new-preview .checking-info{align-items:center;bottom:6px;display:flex;opacity:0;position:absolute;transition:.5s}.new-preview .checking-info.active{opacity:1;z-index:2}.new-preview .checking-info .check-text{position:relative;transform:none}.new-preview .checking-info .check-text.not-in-monitor{bottom:0;height:auto;left:auto;top:auto}.new-preview .checking-info .checking-percentage{animation-fill-mode:forwards;font-size:24px;font-weight:700;margin-left:10px}.new-preview .check-text,.new-preview .checking-info .checking-percentage{color:hsl(var(--h),var(--saturation-challenge-text),var(--lightness-challenge-text))}.new-preview .check-text{color:hsl(var(--h),50%,45%);font-size:28px;height:28px;left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);width:180px}@keyframes check-text-anim-1{0%{-webkit-clip-path:inset(66% 0 20% 0);clip-path:inset(66% 0 20% 0)}7.1428571429%{-webkit-clip-path:inset(55% 0 43% 0);clip-path:inset(55% 0 43% 0)}14.2857142857%{-webkit-clip-path:inset(93% 0 8% 0);clip-path:inset(93% 0 8% 0)}21.4285714286%{-webkit-clip-path:inset(20% 0 6% 0);clip-path:inset(20% 0 6% 0)}28.5714285714%{-webkit-clip-path:inset(55% 0 32% 0);clip-path:inset(55% 0 32% 0)}35.7142857143%{-webkit-clip-path:inset(6% 0 71% 0);clip-path:inset(6% 0 71% 0)}42.8571428571%{-webkit-clip-path:inset(32% 0 3% 0);clip-path:inset(32% 0 3% 0)}50%{-webkit-clip-path:inset(71% 0 9% 0);clip-path:inset(71% 0 9% 0)}57.1428571429%{-webkit-clip-path:inset(7% 0 42% 0);clip-path:inset(7% 0 42% 0)}64.2857142857%{-webkit-clip-path:inset(33% 0 19% 0);clip-path:inset(33% 0 19% 0)}71.4285714286%{-webkit-clip-path:inset(67% 0 29% 0);clip-path:inset(67% 0 29% 0)}78.5714285714%{-webkit-clip-path:inset(67% 0 11% 0);clip-path:inset(67% 0 11% 0)}85.7142857143%{-webkit-clip-path:inset(20% 0 15% 0);clip-path:inset(20% 0 15% 0)}92.8571428571%{-webkit-clip-path:inset(88% 0 12% 0);clip-path:inset(88% 0 12% 0)}to{-webkit-clip-path:inset(63% 0 18% 0);clip-path:inset(63% 0 18% 0)}}@keyframes check-text-anim-2{0%{-webkit-clip-path:inset(31% 0 37% 0);clip-path:inset(31% 0 37% 0)}7.1428571429%{-webkit-clip-path:inset(12% 0 16% 0);clip-path:inset(12% 0 16% 0)}14.2857142857%{-webkit-clip-path:inset(30% 0 19% 0);clip-path:inset(30% 0 19% 0)}21.4285714286%{-webkit-clip-path:inset(76% 0 3% 0);clip-path:inset(76% 0 3% 0)}28.5714285714%{-webkit-clip-path:inset(57% 0 10% 0);clip-path:inset(57% 0 10% 0)}35.7142857143%{-webkit-clip-path:inset(41% 0 17% 0);clip-path:inset(41% 0 17% 0)}42.8571428571%{-webkit-clip-path:inset(94% 0 7% 0);clip-path:inset(94% 0 7% 0)}50%{-webkit-clip-path:inset(73% 0 8% 0);clip-path:inset(73% 0 8% 0)}57.1428571429%{-webkit-clip-path:inset(14% 0 65% 0);clip-path:inset(14% 0 65% 0)}64.2857142857%{-webkit-clip-path:inset(88% 0 1% 0);clip-path:inset(88% 0 1% 0)}71.4285714286%{-webkit-clip-path:inset(14% 0 80% 0);clip-path:inset(14% 0 80% 0)}78.5714285714%{-webkit-clip-path:inset(42% 0 49% 0);clip-path:inset(42% 0 49% 0)}85.7142857143%{-webkit-clip-path:inset(98% 0 3% 0);clip-path:inset(98% 0 3% 0)}92.8571428571%{-webkit-clip-path:inset(32% 0 12% 0);clip-path:inset(32% 0 12% 0)}to{-webkit-clip-path:inset(68% 0 5% 0);clip-path:inset(68% 0 5% 0)}}.new-preview .check-text:after,.new-preview .check-text:before{background:#0000;content:attr(data-text);left:0;position:absolute;top:0;width:100%}.new-preview .check-text:after{animation:check-text-anim-1 2s linear infinite alternate-reverse;left:2px;text-shadow:-1px 0 hsl(calc(var(--h) + 40),50%,45%)}.new-preview .check-text:before{animation:check-text-anim-2 3s linear infinite alternate-reverse;left:-2px;text-shadow:2px 0 hsl(calc(var(--h) + 80),50%,45%)}.new-preview .check-text.not-in-monitor{bottom:0;top:auto;z-index:2}.light-theme .expected-result-card{--bg-light:90%}.expected-result-card{--bg-light:10%;align-self:center;display:flex;flex:1 1;flex-direction:column;margin:1rem 0 0;max-width:640px;min-height:340px;overflow-y:hidden;padding:1rem;position:relative;width:calc(100% + 32px)}@supports(aspect-ratio:1/1){.expected-result-card.with-aspect-ratio{flex:initial;height:auto;width:100%}.expected-result-card.with-aspect-ratio.landscape,.expected-result-card.with-aspect-ratio.landscape .result .iframe-wrapper{height:100%;width:auto}}.expected-result-card .result{align-items:center;align-self:center;background:hsl(var(--h),35%,var(--bg-light));display:flex;flex-direction:column;height:100%;justify-content:center;margin:auto 0;padding:1rem;position:relative;width:100%}.expected-result-card .result img{border-radius:8px;height:auto;width:100%}.expected-result-card .result .iframe-wrapper{align-items:center;display:flex;flex:1 1;height:100%;justify-content:center;overflow:hidden;position:relative;width:100%}.expected-result-card .result .iframe-wrapper.scaled iframe{height:calc(var(--scale-factor)*100%);min-height:calc(var(--scale-factor)*100%);position:absolute;transform:scale(calc(1/var(--scale-factor)));width:calc(var(--scale-factor)*100%)}.expected-result-card .result .iframe-wrapper iframe{border:none;height:100%;outline:none;position:relative;width:100%}.expected-result-card .result .result-title{color:var(--hsl);font-weight:700;margin-top:1rem}.full-app-description{display:flex;flex-direction:column;font-family:var(--home-font);font-size:14px;padding:12px 16px;position:relative}.full-app-description .title{align-items:center;display:flex;flex-wrap:wrap;font-size:18px;font-weight:700;line-height:1;white-space:nowrap}.full-app-description .title .full-app-chapter-info{align-items:center;display:flex;font-size:14px;font-weight:400;margin-left:auto;padding-left:12px}.full-app-description .title .full-app-chapter-info span+span{margin-left:6px}.full-app-description .text{font-family:Poppins}.full-app-description .description-asserts{display:flex;flex-direction:column;margin-top:1rem}.full-app-description .description-asserts .description-assert{align-items:center;display:flex;font-weight:700;position:relative}.full-app-description .description-asserts .description-assert:before{--size:12px;background:var(--home-accent-color-1);border-radius:50%;content:"";flex-shrink:0;height:var(--size);margin-right:1rem;width:var(--size)}.light-theme .full-app-challenge-introduction{--full-app-intro-bg-color:#fff9}.full-app-challenge-introduction{--full-app-intro-bg-color:#0009;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:var(--full-app-intro-bg-color);display:flex;flex-direction:column;font-family:var(--home-font);height:calc(100% - var(--panel-portrait-size) - var(--sat) - var(--sab));overflow-y:auto;padding:1rem;top:var(--sat);z-index:5}.full-app-challenge-introduction .full-app-description{padding:0}.full-app-challenge-introduction .intro-button{background:var(--home-accent-color-1);border-radius:10px;font-family:var(--home-font);font-weight:700;margin-top:auto;padding:10px 0;width:100%}.full-app-challenge-introduction.landscape{height:100%;width:calc(100% - 85px)}.full-app-challenge-introduction.landscape .img-container img{height:100%;width:auto}.full-app-challenge-introduction.big-device{width:100%}.modal.challenge-help-popup{max-height:calc(100% - 32px);overflow-y:auto}.modal.challenge-help-popup .challenge-help-popup-content-wrapper{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.modal.challenge-help-popup .challenge-help-popup-content-wrapper .challenge-help-content h3{font-size:20px;line-height:1;margin-bottom:18px}.modal.challenge-help-popup .challenge-help-popup-content-wrapper .hint-message{margin-bottom:16px}.modal.challenge-help-popup .challenge-help-popup-content-wrapper .button.button--link{color:var(--hsl);text-decoration-color:var(--hsl)}.modal.challenge-help-popup .source-links-help{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.modal.challenge-help-popup .source-links-help ul{display:flex;flex:1 1;flex-direction:column;list-style-type:none;margin-top:12px;overflow-y:auto}.modal.challenge-help-popup .source-links-help ul li{background:hsla(var(--h),var(--s),var(--l),.15);border-radius:var(--border-radius-1);display:flex;flex-direction:column;flex-shrink:0;font-size:14px;overflow:hidden;padding:6px 12px}.modal.challenge-help-popup .source-links-help ul li+li{margin-top:10px}.modal.challenge-help-popup .source-links-help ul li a{color:var(--hsl);overflow:hidden;text-overflow:ellipsis}.modal.challenge-help-popup .buttons-container{align-items:center;display:flex;margin-top:16px}.modal.not-enough-experience-popup{overflow-x:hidden;overflow-y:hidden}.modal.not-enough-experience-popup .dialog-content{text-align:center}.modal.not-enough-experience-popup .dialog-content .text{font-size:14px}.modal.not-enough-experience-popup .starry-night-container{height:100%!important;left:0;top:0;width:100%!important;z-index:-1}.modal.not-enough-experience-popup .dialog-buttons .button--confirm{background:hsl(var(--h),calc(var(--s) - 50%),calc(var(--l) - 20%))}.sci-fi-container{--size:180px;align-items:center;display:flex;height:var(--size);justify-content:center;margin:20px auto 0;perspective:500px;position:relative;transform-style:preserve-3d;width:var(--size)}.sci-fi-container .circle{--size-1:var(--size);--initial-angle:0deg;--initial-animation-duration:1.5s;--initial-animation-delay:calc(var(--index)*75ms);--secondary-animation-delay:calc(var(--initial-animation-duration) + var(--initial-animation-delay) + 250ms);--end-transform:rotate3d(0,2,1,180deg) scale(1);animation:sciFiCircleAnimation 0s ease 0s 1 normal none running-animation-duration 0s ease 0s 1 normal none running-animation-delay ease-in-out,sciFiFloatingCircleAnimation 1.5s var(--secondary-animation-delay) ease-in-out infinite alternate;animation:sciFiCircleAnimation var(--none 0s ease 0s 1 normal none running-animation-duration) var(--none 0s ease 0s 1 normal none running-animation-delay) ease-in-out,sciFiFloatingCircleAnimation 1.5s var(--secondary-animation-delay) ease-in-out infinite alternate;animation:sciFiCircleAnimation var(--initial-animation-duration) var(--initial-animation-delay) ease-in-out,sciFiFloatingCircleAnimation 1.5s var(--secondary-animation-delay) ease-in-out infinite alternate;animation-fill-mode:forwards;border-radius:50%;height:var(--size-1);opacity:0;position:absolute;transform:rotate(var(--none-angle));transform:rotate(var(--initial-angle));transform-style:preserve-3d;width:var(--size-1)}@keyframes sciFiCircleAnimation{0%{opacity:0;transform:rotate(var(--none-angle)) scale(3);transform:rotate(var(--initial-angle)) scale(3)}35%{opacity:1}to{opacity:1;transform:var(--end-transform)}}@keyframes sciFiFloatingCircleAnimation{0%{transform:var(--end-transform)}to{transform:var(--end-transform) translateY(calc(var(--index)*-6px))}}.sci-fi-container .circle-1{border:6px solid var(--hsl);-webkit-clip-path:polygon(0 37%,35% 37%,35% 0,65% 0,65% 37%,100% 38%,100% 65%,65% 65%,65% 100%,35% 100%,35% 65%,0 65%);clip-path:polygon(0 37%,35% 37%,35% 0,65% 0,65% 37%,100% 38%,100% 65%,65% 65%,65% 100%,35% 100%,35% 65%,0 65%)}.sci-fi-container .circle-2{--size-1:calc(var(--size) - 4px);border:2px solid var(--hsl);-webkit-clip-path:polygon(0 0,100% 0,80% 99%,20% 100%);clip-path:polygon(0 0,100% 0,80% 99%,20% 100%)}.sci-fi-container .circle-3{--size-1:calc(var(--size) - 24px);border:2px solid var(--hsl);-webkit-clip-path:polygon(35% 0,65% 0,100% 100%,0 100%);clip-path:polygon(35% 0,65% 0,100% 100%,0 100%)}.sci-fi-container .circle-4{--size-1:calc(var(--size) - 36px);border:2px dashed var(--hsl)}.sci-fi-container .circle-4,.sci-fi-container .circle-5{-webkit-clip-path:polygon(20% 0,80% 0,80% 100%,20% 100%);clip-path:polygon(20% 0,80% 0,80% 100%,20% 100%)}.sci-fi-container .circle-5{--size-1:calc(var(--size) - 48px);border:4px solid var(--hsl)}.sci-fi-container .circle-6{--size-1:calc(var(--size) - 52px);border:2px solid var(--hsl)}.sci-fi-container .circle-7{--size-1:calc(var(--size) - 80px);border:2px solid var(--hsl)}.sci-fi-container .circle-7,.sci-fi-container .circle-8{-webkit-clip-path:polygon(0 15%,50% 50%,15% 0,85% 0,50% 50%,100% 15%,100% 85%,50% 50%,85% 100%,15% 100%,50% 50%,0 85%);clip-path:polygon(0 15%,50% 50%,15% 0,85% 0,50% 50%,100% 15%,100% 85%,50% 50%,85% 100%,15% 100%,50% 50%,0 85%)}.sci-fi-container .circle-8{--size-1:calc(var(--size) - 106px);border:4px solid var(--hsl)}.sci-fi-container .circle-9{--size-1:calc(var(--size) - 132px)}.sci-fi-container .circle-10,.sci-fi-container .circle-9{border:2px solid var(--hsl);-webkit-clip-path:polygon(0 15%,50% 50%,15% 0,85% 0,50% 50%,100% 15%,100% 85%,50% 50%,85% 100%,15% 100%,50% 50%,0 85%);clip-path:polygon(0 15%,50% 50%,15% 0,85% 0,50% 50%,100% 15%,100% 85%,50% 50%,85% 100%,15% 100%,50% 50%,0 85%)}.sci-fi-container .circle-10{--size-1:calc(var(--size) - 148px)}.chapter-start-presentation{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:rgba(0,0,0,.533);display:flex;justify-content:center;max-width:100%!important}.chapter-start-presentation .content-dialog-wrapper{background:var(--bg-color);border-radius:var(--border-radius-3);display:flex;flex-direction:column;overflow:hidden;padding:18px 12px 16px;position:relative;width:clamp(240px,100% - 32px,480px)}.chapter-start-presentation .content-dialog-wrapper .chapters-book{margin:16px 0 24px}.chapter-start-presentation .content-dialog-wrapper .content-container{display:flex;flex-direction:column}.chapter-start-presentation .content-dialog-wrapper .content-container .header{align-items:center;animation:fadeIn 1s ease-in-out 2.425s,chapterStartHeaderAnimation 1.5s ease-in-out 2.425s infinite alternate;animation-fill-mode:forwards;display:flex;flex-direction:column;left:0;opacity:0;position:absolute;width:100%}@keyframes chapterStartHeaderAnimation{0%{transform:translateY(0)}to{transform:translateY(-8px)}}.chapter-start-presentation .content-dialog-wrapper .content-container .header h1{animation:fadeIn .5s ease-in-out .5s;animation-fill-mode:forwards;font-size:28px;line-height:1;opacity:0;padding-bottom:4px}.chapter-start-presentation .content-dialog-wrapper .content-container .header p{animation:fadeIn .5s ease-in-out .85s;animation-fill-mode:forwards;font-size:14px;opacity:0}.chapter-start-presentation .content-dialog-wrapper .content-container .content .challenges-count{font-weight:700;margin-top:12px;text-align:center}.chapter-start-presentation .content-dialog-wrapper .planet-wrapper{--opacity:.5;--initial-planet-transform:scale(.5) rotate(-45deg) translate(-100%);animation:planetMoveAnimation 2s cubic-bezier(.5,.7,0,1);animation-fill-mode:forwards;opacity:0;position:absolute;transform:var(--none-planet-transform);transform:var(--initial-planet-transform);z-index:-1}@keyframes planetMoveAnimation{0%{opacity:0;transform:var(--none-planet-transform);transform:var(--initial-planet-transform)}to{opacity:var(--opacity);transform:scale(1) rotate(0deg) translate(0)}}.chapter-start-presentation .content-dialog-wrapper .button.button--confirm{animation:fadeIn .35s ease-in-out 1.55s;animation-fill-mode:forwards;background:#0000;border:2px solid var(--hsl);color:var(--hsl);margin-top:auto;opacity:0}.light-theme .challenge-introduction-with-monitors{--intro-bg:linear-gradient(0deg,#fff,#fff0);--start-button-bg:#fff6;--escape-button-bg:#fff3;--button-reflection-color:#1e1e1e}.light-theme .challenge-introduction-with-monitors .button--escape,.light-theme .challenge-introduction-with-monitors .button--start{background:none;text-shadow:none}.challenge-introduction-with-monitors{--button-reflection-color:#fff;--start-button-bg:#0006;--escape-button-bg:#0003;--initial-animation-delay:.0s;--planet-appear-duration:1.75s;--target-animation-delay:calc(var(--planet-appear-duration) + var(--initial-animation-delay) - 1s);--target-container-animation-duration:.5s;--target-wire-delay:calc(var(--target-container-animation-duration) + var(--target-animation-delay));--target-wire-animation-duration:.35s;--challenge-info-delay:calc(var(--target-wire-animation-duration) + var(--target-wire-delay));--challenge-info-animation-duration:.8s;--info-translate-value:60px;--big-device-max-width:map-get(breakpoints.$breakpoints,"md");--intro-bg:linear-gradient(180deg,#000,#00000070,#000);background:#0000;border-radius:5px;display:flex;flex-direction:column;height:100%;position:fixed;transition:opacity .5s;width:100%;z-index:2}.challenge-introduction-with-monitors .logo{animation:fadeIn .75s ease-in-out .5s;animation-fill-mode:forwards;color:var(--hsl);font-size:32px;font-weight:700;line-height:1;margin-bottom:8px;opacity:0}.challenge-introduction-with-monitors .invitation-hint{--opacity:.8;align-items:center;animation:fadeIn .75s ease-in-out .5s;animation-fill-mode:forwards;display:flex;justify-content:center;margin:auto 0 12px;opacity:0;padding:8px;text-align:center}.challenge-introduction-with-monitors.planet-without-monitor .intro-planet-wrapper{margin:32px;position:relative}.challenge-introduction-with-monitors .device-container{animation:fadeIn .75s ease-in-out;opacity:1}.challenge-introduction-with-monitors .intro-view-popup-container{transition:transform 3s cubic-bezier(.55,0,1,.35),opacity 2s ease-in-out;z-index:1}.challenge-introduction-with-monitors .intro-view-popup-container.pending{opacity:0;pointer-events:none;transform:translateY(100%)}.challenge-introduction-with-monitors .header{align-items:center;display:flex;flex-direction:column;justify-content:center}.challenge-introduction-with-monitors .main{display:flex;flex:1 1;flex-direction:column;padding-left:var(--sal);padding-right:var(--sar)}.challenge-introduction-with-monitors .main .separator{align-self:center}.challenge-introduction-with-monitors .semi-screen-overlay-container.big-device .semi-screen-overlay-content{padding-bottom:4px}.challenge-introduction-with-monitors .semi-screen-overlay-container.big-device .semi-screen-overlay-content .buttons{margin-top:12px}.challenge-introduction-with-monitors .semi-screen-overlay-container .semi-screen-overlay-content{padding:16px}.challenge-introduction-with-monitors .semi-screen-overlay-container .semi-screen-overlay-content .buttons{align-items:center;display:flex;margin-bottom:var(--sab);margin-top:auto;padding-left:var(--sal);padding-right:var(--sar);width:100%;z-index:2}.challenge-introduction-with-monitors .semi-screen-overlay-container .semi-screen-overlay-content .buttons .button{font-family:VCR Mono,monospace}.challenge-introduction-with-monitors .semi-screen-overlay-container .semi-screen-overlay-content .buttons .button--escape,.challenge-introduction-with-monitors .semi-screen-overlay-container .semi-screen-overlay-content .buttons .button--start{border:2px solid hsla(var(--h),var(--s),var(--l),.15);border-radius:var(--border-radius-3)}.challenge-introduction-with-monitors .semi-screen-overlay-container .semi-screen-overlay-content .buttons .button--escape span,.challenge-introduction-with-monitors .semi-screen-overlay-container .semi-screen-overlay-content .buttons .button--start span{color:var(--hsl)}@media only screen and (hover:hover)and (pointer:fine){.challenge-introduction-with-monitors .semi-screen-overlay-container .semi-screen-overlay-content .buttons .button--escape:hover,.challenge-introduction-with-monitors .semi-screen-overlay-container .semi-screen-overlay-content .buttons .button--start:hover{box-shadow:0 0 32px var(--hsl),0 0 64px var(--hsl)}}.challenge-introduction-with-monitors .semi-screen-overlay-container .semi-screen-overlay-content .buttons .button--escape:active,.challenge-introduction-with-monitors .semi-screen-overlay-container .semi-screen-overlay-content .buttons .button--start:active{background:hsla(var(--h),var(--s),var(--l),.2);transform:scale(1.02);transition:0s!important}.challenge-introduction-with-monitors .semi-screen-overlay-container .semi-screen-overlay-content .buttons .button--escape{align-self:flex-end;background:var(--escape-button-bg);height:4rem;margin-top:auto;position:relative;width:4rem}.challenge-introduction-with-monitors .semi-screen-overlay-container .semi-screen-overlay-content .buttons .button--escape span{display:inline-block;left:10px;opacity:.85;position:absolute;top:7px}.challenge-introduction-with-monitors .semi-screen-overlay-container .semi-screen-overlay-content .buttons .button--escape.big-device:after{bottom:0;content:"";left:calc((100vw - var(--big-device-max-width))*-1*.5);position:absolute;right:-32px;top:-64px;z-index:1}.challenge-introduction-with-monitors .semi-screen-overlay-container .semi-screen-overlay-content .buttons .button--start{align-self:flex-end;background:var(--start-button-bg);font-size:18px;height:4rem;margin-top:auto;overflow:hidden;padding:0;position:relative;width:11rem}.challenge-introduction-with-monitors .semi-screen-overlay-container .semi-screen-overlay-content .buttons .button--start.with-caller{animation:startButtonCallerAnimation .5s ease-in-out}.challenge-introduction-with-monitors .semi-screen-overlay-container .semi-screen-overlay-content .buttons .button--start.big-device:after{bottom:0;content:"";left:-32px;position:absolute;right:calc((100vw - var(--big-device-max-width))*-1*.5);top:-64px;z-index:1}.challenge-introduction-with-monitors .semi-screen-overlay-container .semi-screen-overlay-content .buttons .button--start span{display:inline-block;left:10px;position:absolute;top:7px}.challenge-introduction-with-monitors .semi-screen-overlay-container .semi-screen-overlay-content .buttons .button--start svg{animation:flickeringAnimation 10s linear infinite;bottom:3px;position:absolute;right:5px}.challenge-introduction-with-monitors .semi-screen-overlay-container .semi-screen-overlay-content .buttons .button--start svg path{fill:var(--hsl);filter:drop-shadow(0 0 6px var(--hsl))}.challenge-introduction-with-monitors .semi-screen-overlay-container .semi-screen-overlay-content .buttons .button--start:after{--angle:-30deg;animation:startButtonReflectAnimation 7s linear 4s infinite;background:var(--button-reflection-color);content:"";height:100%;opacity:.3;position:absolute;right:calc(100% + 16px);top:0;transform:skew(var(--angle));width:8px}.challenge-introduction-with-monitors .semi-screen-overlay-container .semi-screen-overlay-content .goals-list{display:flex;flex-direction:column;font-size:14px;margin:12px 0}.challenge-introduction-with-monitors .semi-screen-overlay-container .semi-screen-overlay-content .goals-list .goal-item{animation:fadeIn .35s ease-in-out .5s;animation-fill-mode:forwards;line-height:1.2;margin-left:16px;opacity:0;position:relative;text-transform:uppercase}.challenge-introduction-with-monitors .semi-screen-overlay-container .semi-screen-overlay-content .goals-list .goal-item+.goal-item{margin-top:4px}.challenge-introduction-with-monitors .semi-screen-overlay-container .semi-screen-overlay-content .goals-list .goal-item::marker{color:var(--hsl)}.challenge-introduction-with-monitors .semi-screen-overlay-container .semi-screen-overlay-content .goals-list .goal-item:nth-child(2){animation-duration:.85s}.challenge-introduction-with-monitors .semi-screen-overlay-container .semi-screen-overlay-content .goals-list .goal-item:nth-child(3){animation-duration:1.35s;animation-duration:1.85s}.light-theme .mini-challenges-path-container:after{background:linear-gradient(270deg,#fff,#fff0)}.light-theme .mini-challenges-path-container:before{background:linear-gradient(90deg,#fff,#fff0)}.light-theme .level-title,.light-theme .user-intro-info,.use-color-challenge .level-title,.use-color-challenge .user-intro-info{color:hsl(var(--h),var(--saturation-challenge-text),var(--lightness-challenge-text))}.mini-challenges-path-container{--height:75px;align-items:center;align-self:center;display:flex;justify-content:center;min-height:var(--height);overflow:hidden;position:relative;width:100%}.mini-challenges-path-container:after,.mini-challenges-path-container:before{height:100%;position:absolute;width:50px;z-index:1}.mini-challenges-path-container:after{background:linear-gradient(270deg,#000,#0000);right:0}.mini-challenges-path-container:before{background:linear-gradient(90deg,#000,#0000);left:0}.mini-challenges-path-container .animation-wrapper{bottom:0;left:0;position:absolute;right:0;top:0;transition:.5s}.mini-challenges-path-container .user-intro-info{align-items:center;display:flex;font-size:12px;justify-content:center;line-height:1;position:absolute;top:0;width:100%}.mini-challenges-path-container .user-intro-info .subcategory{font-weight:700}.mini-challenges-path-container .user-intro-info .experience{margin-left:6px}.mini-challenges-path-container .user-intro-info .experience small{font-size:8px}.mini-challenges-path-container .mini-levels-path{align-items:center;align-self:center;display:flex;min-height:var(--height);position:absolute;transform:translateX(calc(25vw - 15px));width:100%}.mini-challenges-path-container .mini-levels-path.first-level{transform:translateX(calc(50vw - 15px))}.mini-challenges-path-container .mini-levels-path.with-animation{animation:translateMap .5s ease-in-out 1s;animation-fill-mode:forwards}.mini-challenges-path-container .mini-levels-path.with-animation.initially-translated{animation:translateMapInitially .5s ease-in-out 1s;animation-fill-mode:forwards;transform:translateX(-15px)}@keyframes translateMapInitially{0%{transform:translateX(-15px)}to{transform:translateX(calc(-25vw - 15px))}}@keyframes translateMap{0%{transform:translateX(calc(25vw - 15px))}to{transform:translateX(-15px)}}.mini-challenges-path-container .mini-levels-path .level-title{font-size:12px;position:absolute;top:calc(100% + 8px);white-space:nowrap}.mini-challenges-path-container .mini-levels-path .mini-levels-path-entry{align-items:center;display:flex;flex-shrink:0;height:30px;justify-content:center;position:relative;transition:.5s;width:30px}.mini-challenges-path-container .mini-levels-path .mini-levels-path-entry+.mini-levels-path-entry{margin-left:calc(25vw - 30px)}.mini-challenges-path-container .mini-levels-path .mini-levels-path-entry.not-last:after{background:var(--hsl);content:"";height:5px;left:100%;position:absolute;top:50%;transform:translateY(-50%);width:calc(25vw - 30px);z-index:1}.mini-challenges-path-container .mini-levels-path .mini-levels-path-entry.not-last.wire-for-first:before{background:var(--hsl);content:"";height:5px;position:absolute;right:100%;top:50%;transform:translateY(-50%);width:100vw;z-index:1}.mini-challenges-path-container .mini-levels-path .mini-levels-path-entry.not-last.wire-for-last:after{width:100vw}.mini-challenges-path-container .mini-levels-path .mini-levels-path-entry.not-last.wire-disabled:after{background:var(--hsl-subtle)}.mini-challenges-path-container .mini-levels-path .mini-levels-path-entry.enabled .circle{animation-fill-mode:forwards;background:hsla(0,0%,100%,.063);box-shadow:0 0 10px var(--hsl),0 0 10px var(--hsl),0 0 10px var(--hsl)}.mini-challenges-path-container .mini-levels-path .mini-levels-path-entry.enabled:after{background:var(--hsl)}.mini-challenges-path-container .mini-levels-path .mini-levels-path-entry.done .circle{background:#fff;border:7.5px solid var(--hsl);box-shadow:0 0 10px var(--hsl),0 0 10px var(--hsl),0 0 10px var(--hsl)}.mini-challenges-path-container .mini-levels-path .mini-levels-path-entry.current:after{opacity:.5}.mini-challenges-path-container .mini-levels-path .mini-levels-path-entry.current .circle{--hsl:hsla(calc(var(--h) - 20),var(--s),var(--l),.75);animation:pulsingPathEntryAnimation 3s linear infinite;background:#fff;border:7.5px solid var(--hsl);box-shadow:0 0 10px var(--hsl),0 0 10px var(--hsl),0 0 10px var(--hsl)}@keyframes pulsingPathEntryAnimation{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.mini-challenges-path-container .mini-levels-path .mini-levels-path-entry:not(.current){opacity:.5}.mini-challenges-path-container .mini-levels-path .mini-levels-path-entry .circle{border:7.5px solid var(--hsl-subtle);border-radius:50%;height:30px;position:absolute;transition:.5s;width:30px;z-index:2}@media screen and (max-height:470px)and (max-width:400px){.mini-challenges-path-container .mini-levels-path{display:none}}.light-theme .challenge-introduction{--intro-bg:linear-gradient(0deg,#fff,#fff0);--start-button-bg:#fff6;--escape-button-bg:#fff3;--button-reflection-color:#1e1e1e;color:hsl(var(--h),50%,40%)}.light-theme .challenge-introduction .intro-header{background:hsla(0,0%,100%,.533)}.light-theme .challenge-introduction.big-device.alternative .wrapper .intro-header{background:#fffc}.light-theme .challenge-introduction h3{background:hsla(0,0%,100%,.188)}.light-theme .challenge-introduction .button--escape,.light-theme .challenge-introduction .button--start{background:none;text-shadow:none}.light-theme .use-color-challenge .data-title,.light-theme .use-color-challenge .goal-item{color:hsl(var(--h),var(--saturation-challenge-text),var(--lightness-challenge-text))}.challenge-introduction{--button-reflection-color:#fff;--start-button-bg:#0006;--escape-button-bg:#0003;--initial-animation-delay:.0s;--planet-appear-duration:1.75s;--target-animation-delay:calc(var(--planet-appear-duration) + var(--initial-animation-delay) - 1s);--target-container-animation-duration:.5s;--target-wire-delay:calc(var(--target-container-animation-duration) + var(--target-animation-delay));--target-wire-animation-duration:.35s;--challenge-info-delay:calc(var(--target-wire-animation-duration) + var(--target-wire-delay));--challenge-info-animation-duration:.8s;--info-fade-in-delay:calc(var(--challenge-info-animation-duration) + var(--challenge-info-delay) + var(--random-info-fade-in-delay, .5s));--info-goals-fade-in-delay:calc(var(--info-fade-in-delay) + var(--random-goals-fade-in-delay, 1s));--info-translate-value:60px;--big-device-max-width:map-get(breakpoints.$breakpoints,"md");--intro-bg:linear-gradient(180deg,#000,#00000070,#000);border-radius:5px;display:flex;flex-direction:column;font-family:var(--custom-font);height:100%;left:50%;position:fixed;top:50%;transform:translate(-50%,-50%) scaleY(0);transition:.5s;width:100%;z-index:2}.challenge-introduction:before{animation:fadeIn .45s;background:var(--intro-bg);bottom:0;content:"";left:0;opacity:0;position:fixed;right:0;top:0;transition:.5s;z-index:-1}.challenge-introduction.big-device.alternative .wrapper .intro-header{background:#000c;border:none;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media only screen and (min-width:800px){.challenge-introduction.big-device.alternative .wrapper .intro-header{margin:0 auto;max-width:800px}}.challenge-introduction.big-device.alternative .wrapper .goals-list-container{--x-target-translate-value:0;margin-top:25%;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.challenge-introduction.big-device .wrapper .buttons,.challenge-introduction.big-device .wrapper .goals-list-container,.challenge-introduction.big-device .wrapper .intro-header{width:100%}@media only screen and (min-width:800px){.challenge-introduction.big-device .wrapper .buttons,.challenge-introduction.big-device .wrapper .goals-list-container,.challenge-introduction.big-device .wrapper .intro-header{margin:0 auto;max-width:800px}}.challenge-introduction.big-device .wrapper .buttons{margin-top:auto}.challenge-introduction.isLoading{left:50%;top:50%;transform:translate(-50%,-50%) scale(0)}.challenge-introduction.active{background:var(--secondary-bg-color);background:#0000;transform:translate(-50%,-50%) scale(1)}.challenge-introduction.active:before{opacity:1}.challenge-introduction.alternativeCloseAnimation{--target-scale:.8;transform:translate(-50%,-50%) scale(1)}.challenge-introduction.alternativeCloseAnimation.zoom-in-start-animation{--target-scale:1.2}.challenge-introduction.alternativeCloseAnimation [data-transitioned]{opacity:0;transform:scale(var(--target-scale))}.challenge-introduction.alternativeCloseAnimation.active [data-transitioned]{opacity:1;transform:scale(1)}.challenge-introduction.landscape:not(.big-device){--info-translate-value:10px}.challenge-introduction.landscape .wrapper{overflow-y:auto}.challenge-introduction.landscape .buttons{padding:0 16px}.challenge-introduction .mini-challenges-path-container{margin:16px 0 24px;z-index:2}.challenge-introduction .wrapper{align-items:center;animation:fadeIn 1s ease-in-out;background:var(--challenge-introduction-bg);display:flex;flex-direction:column;height:100%;justify-content:center;max-height:1500px;overflow:hidden;padding-bottom:.5rem}.challenge-introduction .intro-header{--end-translate-value:calc(var(--info-translate-value)*-1 - 50%);--entries-gap:10px;animation:introHeaderAnimation var(--challenge-info-animation-duration) var(--challenge-info-delay) cubic-bezier(.27,1,.34,1);animation-fill-mode:forwards;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:rgba(0,0,0,.267);border-radius:var(--border-radius-2);display:flex;flex-direction:column;padding:12px 0;position:absolute;transform:scale(0) translateY(var(--end-translate-value));transform-origin:32px 100%;width:calc(100% - 32px);z-index:1}.challenge-introduction .intro-header.shrink{--end-translate-value:calc(var(--info-translate-value)*-1 - 50% + 24px);--entries-gap:3px;padding:6px 0}.challenge-introduction .intro-header.shrink .challenge-data{font-size:14px}.challenge-introduction .intro-header .challenge-date{font-family:var(--home-font);font-size:12px;opacity:.7;padding:0 16px}@keyframes introHeaderAnimation{0%{transform:scale(0) translateY(var(--end-translate-value));transform:scale(0) translate(var(--x-target-translate-value,0),var(--end-translate-value))}to{transform:scale(1) translateY(var(--end-translate-value));transform:scale(1) translate(var(--x-target-translate-value,0),var(--end-translate-value))}}.challenge-introduction .goals-list-container{--end-translate-value:calc(var(--info-translate-value) + 50%);animation:introHeaderAnimation var(--challenge-info-animation-duration) var(--info-fade-in-delay) cubic-bezier(.27,1,.34,1);animation-fill-mode:forwards;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--border-radius-2);display:flex;flex-direction:column;padding:12px 0 12px 12px;position:absolute;transform:scale(0) translateY(var(--end-translate-value));transform-origin:32px 100%;width:calc(100% - 32px);z-index:1}.challenge-introduction .goals-list-container.shrink{--end-translate-value:calc(var(--info-translate-value) + 50% + 10px);font-size:14px;padding:6px 0 6px 6px}.challenge-introduction .goals-list-container .goals-list{display:flex;flex-direction:column;font-family:Doto}.challenge-introduction .goals-list-container .goals-list .goal-item{animation:fadeIn .35s var(--info-fade-in-delay)ease-in-out;animation-fill-mode:forwards;margin-left:16px;opacity:0;position:relative;text-transform:uppercase}.challenge-introduction .goals-list-container .goals-list .goal-item+.goal-item{margin-top:4px}.challenge-introduction .goals-list-container .goals-list .goal-item::marker{color:var(--hsl)}.challenge-introduction .goals-list-container .goals-list .goal-item:nth-child(2){animation-duration:.85s}.challenge-introduction .goals-list-container .goals-list .goal-item:nth-child(3){animation-duration:1.35s;animation-duration:1.85s}.challenge-introduction .target-container{align-items:center;display:flex;justify-content:center;opacity:.5;position:absolute;width:100%}.challenge-introduction .target-container.shrink .target-wire:after,.challenge-introduction .target-container.shrink .target-wire:before{display:none}.challenge-introduction .target-container .target-wire{align-items:center;display:flex;flex-direction:column;height:46px;opacity:.5;position:absolute;width:2px;z-index:1}.challenge-introduction .target-container .target-wire:after{animation:targetWireBgAnimation var(--target-wire-animation-duration) var(--target-wire-delay) ease-in-out;animation-fill-mode:forwards;background:var(--hsl);content:"";height:100%;left:0;position:absolute;top:0;transform:scaleY(0);width:100%}@keyframes targetWireBgAnimation{0%{transform:scaleY(0)}to{transform:scaleY(1)}}.challenge-introduction .target-container .target-wire.target-wire-1{bottom:14px}.challenge-introduction .target-container .target-wire.target-wire-1:after{transform-origin:50% 100%}.challenge-introduction .target-container .target-wire.target-wire-1:before{animation:beforeCircleAnimation1 var(--target-wire-animation-duration) var(--target-wire-delay) ease-in-out;animation-fill-mode:forwards;bottom:0}@keyframes beforeCircleAnimation1{0%{opacity:0;transform:translateY(0)}to{opacity:1;transform:translateY(-36px)}}.challenge-introduction .target-container .target-wire.target-wire-2{top:18px}.challenge-introduction .target-container .target-wire.target-wire-2:after{transform-origin:50% 0}.challenge-introduction .target-container .target-wire.target-wire-2:before{animation:beforeCircleAnimation2 var(--target-wire-animation-duration) var(--target-wire-delay) ease-in-out;animation-fill-mode:forwards;top:0}@keyframes beforeCircleAnimation2{0%{opacity:0;transform:translateY(0)}to{opacity:1;transform:translateY(36px)}}.challenge-introduction .target-container.active{--end-translate-value:calc(-50% + 50px);animation:targetContainerAnimation var(--target-container-animation-duration) var(--target-animation-delay) ease-in-out;animation-fill-mode:forwards}.challenge-introduction .target-container.active .target{animation:targetAnimation var(--target-container-animation-duration) var(--target-animation-delay) ease-in-out;animation-fill-mode:forwards}.challenge-introduction .target-container.active .target:before{animation:firstTargetCircleAnimation 1s var(--target-animation-delay) cubic-bezier(.27,1,.34,1);animation-fill-mode:forwards}@keyframes targetContainerAnimation{0%{transform:translateX(0)}to{transform:translateX(var(--x-target-translate-value))}}.challenge-introduction .target-container .target{--size:360px;z-index:10}.challenge-introduction .target-container .target,.challenge-introduction .target-container .target .arrows{align-items:center;border-radius:50%;display:flex;height:var(--size);justify-content:center;opacity:0;position:absolute;width:var(--size)}.challenge-introduction .target-container .target .arrows{--arrow-size:150px;--ratio:3;--initial-transform:rotate(0deg) translateY(calc(var(--arrow-size)*-0.5));--delay:calc(var(--target-wire-delay) + 250ms);animation:fadeIn .3s var(--delay) ease-in-out,targetArrowsAnimation1 .5s var(--delay) ease-in-out,targetArrowsAnimation2 1.5s calc(var(--delay) + .5s) ease-in-out alternate infinite;animation-fill-mode:forwards;transform:var(--none-transform);transform:var(--initial-transform)}@keyframes targetArrowsAnimation1{0%{transform:var(--none-transform);transform:var(--initial-transform)}to{transform:rotate(135deg) translateY(calc(var(--arrow-size)*-.5))}}@keyframes targetArrowsAnimation2{0%,to{transform:rotate(135deg) scale(1) translateY(calc(var(--arrow-size)*-.5))}50%{transform:rotate(135deg) scale(1.25) translateY(calc(var(--arrow-size)*-.5))}}.challenge-introduction .target-container .target .arrows .arrow{border-color:var(--hsl) #0000 #0000 #0000;border-style:solid;border-width:var(--arrow-size) calc(var(--arrow-size)/var(--ratio)) 0 calc(var(--arrow-size)/var(--ratio));height:0;position:absolute;transform-origin:50% 100%;width:0}.challenge-introduction .target-container .target .arrows .arrow:first-child{transform:translateY(calc(var(--arrow-size)*-1)) rotate(0deg)}.challenge-introduction .target-container .target .arrows .arrow:nth-child(2){transform:translateX(var(--arrow-size)) rotate(90deg)}.challenge-introduction .target-container .target .arrows .arrow:nth-child(3){transform:translateY(var(--arrow-size)) rotate(180deg)}.challenge-introduction .target-container .target .arrows .arrow:nth-child(4){transform:translateX(calc(var(--arrow-size)*-1)) rotate(270deg)}@keyframes targetAnimation{0%{opacity:0;transform:scale(1)}to{opacity:1;transform:scale(.1)}}@keyframes firstTargetCircleAnimation{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.challenge-introduction .target-container .target .target-circle-2{--size-2:calc(var(--size)*0.7);border:3px solid var(--hsl);border-radius:50%;height:var(--size-2);position:absolute;width:var(--size-2)}.challenge-introduction .intro-planet{--end-translate-x-value:0;--end-translate-y-value:0;animation:introPlanetAppearAnimation var(--planet-appear-duration) 0s ease 0s 1 normal none running-animation-delay cubic-bezier(.13,1,.26,1);animation:introPlanetAppearAnimation var(--planet-appear-duration) var(--none 0s ease 0s 1 normal none running-animation-delay) cubic-bezier(.13,1,.26,1);animation:introPlanetAppearAnimation var(--planet-appear-duration) var(--initial-animation-delay) cubic-bezier(.13,1,.26,1);animation-fill-mode:forwards;margin:40px 0 30px;opacity:0;position:absolute;transform:scale(0);z-index:-1}@keyframes introPlanetAppearAnimation{0%{opacity:0;transform:scale(0) translate3d(-30%,0,0)}20%{opacity:.01;transform:scale(0) translate(-30%,0,0)}to{opacity:.9;transform:scale(1) translate3d(var(--end-translate-x-value),var(--end-translate-y-value),0)}}.challenge-introduction .intro-planet .planet{transform:translateZ(0)}.challenge-introduction .challenge-data-container{display:flex;padding:0 1rem}.challenge-introduction .challenge-data-container .challenge-data{display:flex;flex-direction:column}.challenge-introduction .challenge-data-container .challenge-data .challenge-data-entry{display:flex}.challenge-introduction .challenge-data-container .challenge-data .challenge-data-entry+.challenge-data-entry{margin-top:var(--entries-gap)}.challenge-introduction .challenge-data-container .challenge-data .challenge-data-entry .data-title{margin-bottom:3px;margin-right:8px;min-width:90px}.challenge-introduction .challenge-data-container .challenge-data .challenge-data-entry .data-value{color:var(--hsl);font-weight:700;position:relative}.challenge-introduction .challenge-data-container .challenge-data .challenge-data-entry .data-value .transparent-text{opacity:0}.challenge-introduction .challenge-data-container .challenge-data .challenge-data-entry .data-value .animated-text{height:100%;left:0;position:absolute;top:0;width:100%}.challenge-introduction .buttons{align-items:center;display:flex;margin-top:auto;padding:16px;width:100%;z-index:2}.challenge-introduction .buttons .button{font-family:VCR Mono,monospace}.challenge-introduction .buttons .button--escape span,.challenge-introduction .buttons .button--start span{color:var(--hsl)}@media only screen and (hover:hover)and (pointer:fine){.challenge-introduction .buttons .button--escape:hover,.challenge-introduction .buttons .button--start:hover{box-shadow:0 0 32px var(--hsl),0 0 64px var(--hsl)}}.challenge-introduction .buttons .button--escape:active,.challenge-introduction .buttons .button--start:active{background:hsla(var(--h),var(--s),var(--l),.2);transform:scale(1.02);transition:0s!important}.challenge-introduction .buttons .button--escape{align-self:flex-end;background:#0000;background:var(--escape-button-bg);border-radius:8px;box-shadow:0 0 8px hsla(var(--h),var(--s),var(--l),.5);color:var(--text-color);font-weight:700;height:4rem;margin-top:auto;position:relative;width:4rem}.challenge-introduction .buttons .button--escape span{display:inline-block;left:10px;opacity:.85;position:absolute;top:7px}.challenge-introduction .buttons .button--escape.big-device:after{bottom:0;content:"";left:calc((100vw - var(--big-device-max-width))*-1*.5);position:absolute;right:-32px;top:-64px;z-index:1}.challenge-introduction .buttons .button--start{align-self:flex-end;background:#0000;background:var(--start-button-bg);border-radius:8px;box-shadow:0 0 8px hsla(var(--h),var(--s),var(--l),.5);color:var(--text-color);font-size:18px;font-weight:700;height:4rem;margin-top:auto;overflow:hidden;padding:0;position:relative;width:11rem}.challenge-introduction .buttons .button--start.with-caller{animation:startButtonCallerAnimation .5s ease-in-out}@keyframes startButtonCallerAnimation{0%,50%,to{transform:scale(1)}25%,75%{transform:scale(1.15)}}.challenge-introduction .buttons .button--start.big-device:after{bottom:0;content:"";left:-32px;position:absolute;right:calc((100vw - var(--big-device-max-width))*-1*.5);top:-64px;z-index:1}.challenge-introduction .buttons .button--start span{display:inline-block;left:10px;position:absolute;top:7px}.challenge-introduction .buttons .button--start svg{animation:flickeringAnimation 10s linear infinite;bottom:3px;position:absolute;right:5px}.challenge-introduction .buttons .button--start svg path{fill:var(--hsl);filter:drop-shadow(0 0 6px var(--hsl))}.challenge-introduction .buttons .button--start:after{--angle:-30deg;animation:startButtonReflectAnimation 7s linear 4s infinite;background:var(--button-reflection-color);content:"";height:100%;opacity:.3;position:absolute;right:calc(100% + 16px);top:0;transform:skew(var(--angle));width:8px}@keyframes startButtonReflectAnimation{0%{transform:translateX(0) skew(var(--angle))}5%,to{transform:translateX(220px) skew(var(--angle))}}@keyframes flickeringAnimation{0%{opacity:1}4%{opacity:1}6%{opacity:.45}8%{opacity:.5}10%{opacity:.45}11%{opacity:1}12%{opacity:.65}14%{opacity:.5}16%{opacity:.7}17%{opacity:.5}19%{opacity:1}20%{opacity:1}24%{opacity:1}26%{opacity:.7}28%{opacity:1}38%{opacity:.45}40%{opacity:1}42%{opacity:.6}44%{opacity:1}46%{opacity:.85}56%{opacity:1}58%{opacity:.75}60%{opacity:1}68%{opacity:1}70%{opacity:.6}72%{opacity:1}93%{opacity:1}95%{opacity:.6}97%{opacity:.85}to{opacity:1}}.landscape.mobile .challenge-introduction .intro-header{max-width:100%;width:auto}.landscape.mobile .challenge-introduction .challenge-data-container .challenge-data{flex-direction:row;flex-wrap:wrap}.landscape.mobile .challenge-introduction .challenge-data-container .challenge-data .challenge-data-entry .data-title{margin-right:4px;min-width:0;min-width:auto}.landscape.mobile .challenge-introduction .challenge-data-container .challenge-data .challenge-data-entry .data-title:after{content:":"}.landscape.mobile .challenge-introduction .challenge-data-container .challenge-data .challenge-data-entry .data-value{margin-right:12px}.landscape.mobile .challenge-introduction .challenge-data-container .challenge-data .challenge-data-entry+.challenge-data-entry{margin-top:0}.landscape.mobile .challenge-introduction .goals-list-container{max-width:100%;width:auto}.challenge-timer-overlay{background:gray;border-radius:var(--border-radius-2);bottom:8px;height:48px;mix-blend-mode:color-dodge;opacity:1;position:absolute;transition:opacity .5s ease-in-out;width:96px;z-index:12}.challenge-timer-overlay.landscape{bottom:auto;right:2px;width:82px}.challenge-timer-overlay.disappearing{opacity:0}.challenge-introduction-popup{align-items:center;background:rgba(0,0,0,.467);display:flex;flex-direction:column;justify-content:center;z-index:11}.challenge-introduction-popup .challenge-introduction-popup-content{background:var(--secondary-bg-color);border-radius:var(--border-radius-5);box-shadow:0 0 100px var(--hsl);display:flex;flex-direction:column;overflow:hidden;padding:10px 16px;position:relative;width:min(max(300px,calc(100% - 2rem)),420px)}.challenge-introduction-popup .challenge-introduction-popup-content .starry-night-container{z-index:1}.challenge-introduction-popup .challenge-introduction-popup-content .chapter-and-path-info{align-items:center;display:flex;flex-wrap:wrap;font-family:VCR Mono;justify-content:center;width:100%}.challenge-introduction-popup .challenge-introduction-popup-content .chapter-and-path-info .chapter-name{margin-right:10px}.challenge-introduction-popup .challenge-introduction-popup-content .intro-info-content{align-items:center;display:flex;flex-direction:column;justify-content:center;z-index:2}.challenge-introduction-popup .challenge-introduction-popup-content .intro-info-content .title-container{align-items:center;display:flex;flex-direction:column;justify-content:center;width:100%}.challenge-introduction-popup .challenge-introduction-popup-content .intro-info-content .title-container small{color:var(--hsl)}.challenge-introduction-popup .challenge-introduction-popup-content .intro-info-content .goals-list{display:flex;flex-direction:column;font-family:Doto;font-weight:700;line-height:1;margin:12px 0;width:100%}.challenge-introduction-popup .challenge-introduction-popup-content .intro-info-content .goals-list .goal-item{--appear-duration:.35s;--delay:calc(var(--index)*50ms);animation:goalAppearAnimation var(--appear-duration) var(--delay) cubic-bezier(0,1.3,.45,1),fadeIn var(--appear-duration) var(--delay) ease-in-out;animation-fill-mode:forwards;background:var(--bg-color-overlay);margin-left:16px;opacity:0;position:relative;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.challenge-introduction-popup .challenge-introduction-popup-content .intro-info-content .goals-list .goal-item+.goal-item{margin-top:4px}.challenge-introduction-popup .challenge-introduction-popup-content .intro-info-content .goals-list .goal-item::marker{color:var(--hsl)}@keyframes goalAppearAnimation{0%{transform:translateX(-64px)}to{transform:translateX(0)}}.challenge-introduction-popup .challenge-introduction-popup-content .button{z-index:2}.challenge-introduction-popup .challenge-introduction-popup-content .button.button--confirm{animation:fadeIn 1s ease-in-out .5s;animation-fill-mode:forwards;background:hsla(var(--h),var(--s),calc(var(--l) - 7.5%),.1);color:var(--hsl);font-size:1.2rem;font-weight:700;margin-top:12px;opacity:0}@media only screen and (hover:hover)and (pointer:fine){.challenge-introduction-popup .challenge-introduction-popup-content .button.button--confirm:hover{background:hsla(var(--h),var(--s),calc(var(--l) - 7.5%),.2)}}.challenge-views-sequence-container{align-items:center;bottom:0;display:flex;flex-direction:column;height:100%;justify-content:center;left:0;overflow:hidden;position:fixed;right:0;top:0;transition:opacity .5s ease-in-out 1s;width:100%}.challenge-views-sequence-container.hidden{opacity:0;transition:opacity .5s ease-in-out}.challenge-views-sequence-container.idling .code-overlay:not(.description-overlay),.challenge-views-sequence-container.idling .focus-interactive-element-button .focus-button-content,.challenge-views-sequence-container.idling .line-interactive .linenumber{--idling-opacity:0;animation:editorIdlingAnimation 7s linear infinite!important}@keyframes editorIdlingAnimation{0%,80%,90%,to{opacity:1}85%,95%{opacity:var(--idling-opacity)}}.challenge-views-sequence-container.finish-view-code-shown .new-preview.small-device.portrait.correct-in-top .device-container:first-of-type,.challenge-views-sequence-container.finish-view-code-shown .new-preview.small-device.portrait:not(.correct-in-top) .device-container:nth-of-type(2){opacity:0!important;transform:scale(var(--preview-scale-with-code)) translateY(-145%)!important;z-index:-1!important}.challenge-views-sequence-container.finish-view-code-shown .challenge .code-editor .code-highlighter-editor{height:100%}.challenge-views-sequence-container.finish-view-code-shown .challenge .code-editor .code-highlighter-editor [data-mod-id].caller{animation:none}.challenge-views-sequence-container.finish-view-code-shown .challenge .code-editor .code-highlighter-editor .editor-height-toggle img{display:none}.challenge-views-sequence-container.finish-view-code-shown .new-preview{pointer-events:none;z-index:5}.challenge-views-sequence-container.finish-view-code-shown .new-preview.is-touched{background:none}.challenge-views-sequence-container.finish-view-code-shown .new-preview.big-device{transition:width 1s,height 1s}.challenge-views-sequence-container.finish-view-code-shown .new-preview.small-device.portrait{pointer-events:none}.challenge-views-sequence-container.finish-view-code-shown .new-preview.small-device.portrait.mobile-preview-device.correct-in-top .device-container{--scale-down:.35}.challenge-views-sequence-container.finish-view-code-shown .new-preview.small-device.portrait.mobile-preview-device.correct-in-top .device-container:nth-of-type(2){left:0!important;transform:translate(calc(var(--finish-view-user-screen-translate-x) + 100%/(1/var(--scale-down)) - 10px),-100%) scale(var(--scale-down))!important}.challenge-views-sequence-container.finish-view-code-shown .new-preview.small-device.portrait.mobile-preview-device:not(.correct-in-top) .device-container{--scale-down:.35}.challenge-views-sequence-container.finish-view-code-shown .new-preview.small-device.portrait.mobile-preview-device:not(.correct-in-top) .device-container:first-of-type{left:0!important;transform:translate(calc(var(--finish-view-user-screen-translate-x) + 100%/(1/var(--scale-down)) - 10px),6px) scale(var(--scale-down))!important}.challenge-views-sequence-container.finish-view-code-shown .new-preview.small-device.portrait:not(.correct-in-top) .device-container:first-of-type{pointer-events:all;transform:scale(.35) translate(100%,-24px);transition:transform 1s}.challenge-views-sequence-container.finish-view-code-shown .new-preview.small-device.portrait:not(.correct-in-top) .device-container:nth-of-type(2){pointer-events:none}.challenge-views-sequence-container.finish-view-code-shown .new-preview.small-device.portrait.correct-in-top .device-container:nth-of-type(2){pointer-events:all;transform:scale(.35) translate(100%,-295%);transition:transform 1s}.challenge-views-sequence-container.finish-view-code-shown .new-preview.small-device.portrait.correct-in-top .device-container:first-of-type{pointer-events:none}.skip-guide-confirmation{z-index:1000001}.backdrop-container{background:rgba(0,0,0,.612);height:100%;left:0;position:fixed;top:0;width:100%;z-index:1000000}.backdrop-container.guide-backdrop{mix-blend-mode:hard-light;opacity:0;transition:opacity 1s}.backdrop-container.guide-backdrop .skip-guide-button{color:#fff;font-family:var(--home-font);font-size:18px;font-weight:900;padding:12px 16px;position:absolute;right:var(--sar);text-shadow:0 0 5px #000;text-transform:uppercase;top:0}.backdrop-container.guide-backdrop .guide-tour-step-overlay{align-items:center;background-color:gray;border:3px solid hsla(0,0%,100%,.565);border-radius:11px;cursor:pointer;display:flex;justify-content:center;opacity:1;pointer-events:auto;position:absolute;transition:opacity 2s}.guide-step-title{background:#fff;border-radius:8px;color:#000;font-family:var(--home-font);font-family:Doto;font-size:14px;font-weight:700;max-width:calc(100% - 32px);opacity:0;padding:8px 14px;position:absolute;transition:opacity .35s;z-index:1000001}.guide-step-title.with-caller:after{transform:translateY(6px)}.guide-step-title:after{border-top:var(--triangle-pointing-height) solid #fff;content:"";height:0;left:1rem;position:absolute;top:100%;transition:transform var(--caller-duration);width:0}.guide-step-title.bottom:after,.guide-step-title:after{border-left:var(--triangle-pointing-height) solid #0000;border-right:var(--triangle-pointing-height) solid #0000}.guide-step-title.bottom:after{border-bottom:var(--triangle-pointing-height) solid #fff;border-top:initial;bottom:100%;top:auto}.guide-step-title.left:after{left:auto;right:1rem}.challenge-dep-dialog{font-family:var(--home-font)}.challenge-dep-dialog .dialog-title{text-align:center}.challenge-dep-dialog .dialog-buttons{align-items:center;display:flex;margin-top:1rem}.challenge-dep-dialog .levels-dep-list{display:flex;flex-direction:column}.challenge-dep-dialog .levels-dep-list .level-dep{background:#0000;border:1px solid var(--text-color)}.challenge-dep-dialog .levels-dep-list .level-dep .level-dep-title{margin-right:12px}.duplicate-project-dialog .buttons-group,.edit-project-dialog .buttons-group{align-items:center;display:flex;justify-content:center;margin-top:1.5rem}.project-context-menu{background:var(--secondary-bg-color);border-radius:var(--border-radius-2);box-shadow:0 0 10px #0009;display:flex;flex-direction:column;font-family:var(--home-font);opacity:0;overflow:hidden;position:absolute;right:48px;transform:scale(0);transform-origin:right top;transition:.2s ease-in-out;z-index:1}.project-context-menu.open{opacity:1;transform:scale(1)}.project-context-menu .text-input{margin:8px;width:auto}.playground-project-entry{align-items:center;background:var(--secondary-bg-color);border-radius:var(--border-radius-1);cursor:pointer;display:flex;font-size:14px;height:44px;line-height:1;margin-top:4px;padding:0 0 0 12px;position:relative}.playground-project-entry .title{font-family:Doto;font-weight:700;line-height:1.2;margin-left:8px;max-width:200px;overflow:hidden;text-overflow:ellipsis}.playground-project-entry .chip{background:#265ab4;border-radius:20px;color:#fff;font-size:10px;letter-spacing:1px;margin-left:16px;padding:5px 6px 4px}.playground-project-entry .date{font-family:VCR Mono;font-size:12px;margin-left:auto;opacity:.5}.playground-project-entry .playground-entry-buttons{align-items:center;display:flex;margin-left:6px;position:relative}.playground-project-entry .playground-entry-buttons .button{padding:12px}.project-templates-list-dialog{background:var(--bg-color);height:auto;padding:8px 12px;top:var(--sat);width:auto;z-index:2}.project-templates-list-dialog .project-templates-header{align-items:center;display:flex;letter-spacing:2px;margin-bottom:10px;padding:6px 0}.project-templates-list-dialog .project-templates-list{display:flex;flex:1 1;flex-direction:column;margin-top:16px;overflow-y:auto}.light-theme .skeletons-wrapper{--skeleton-main-color:#00000009;--skeleton-secondary-color:#00000015}.skeletons-wrapper{--skeleton-main-color:var(--secondary-bg-color);--skeleton-secondary-color:#ffffff17;animation:fadeIn .35s ease-in-out;display:flex;flex-direction:column;padding:0 16px;position:relative}.skeletons-wrapper .rectangle-skeleton{animation:shine 1.5s linear infinite;background:linear-gradient(110deg,var(--skeleton-main-color) 8%,var(--skeleton-secondary-color) 18%,var(--skeleton-main-color) 33%);background-size:200% 100%;border-radius:var(--border-radius-1);height:44px;overflow:hidden;position:relative;width:100%}.skeletons-wrapper .rectangle-skeleton+.rectangle-skeleton{margin-top:4px}@keyframes shine{to{background-position-x:-200%}}.default-suspense-error-fallback{align-items:center;animation:fadeIn .75s ease-in-out;color:var(--error-color);display:flex;flex-direction:column;font-size:14px;justify-content:center;padding:16px;position:relative;text-align:center}.playground-container{background:var(--bg-color);display:flex;flex-direction:column;font-family:var(--home-font);padding-left:var(--sal);padding-right:var(--sar);top:var(--sat);z-index:2}.playground-container .start-editing-button{align-self:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:2px solid var(--separator-color);border-radius:var(--border-radius-3);bottom:0;color:#fff;flex:1 1;font-family:var(--home-font);font-size:20px;font-weight:700;height:54px;line-height:1;margin-bottom:10px;max-width:300px;padding:12px 16px;position:absolute;width:100%}.playground-container .header{align-items:center;display:flex;justify-content:space-between;padding:6px 16px;position:-webkit-sticky;position:sticky;top:0}.playground-container .header .title{align-items:center;cursor:pointer;display:flex;font-size:20px;font-weight:700;letter-spacing:2px;line-height:1}.playground-container .header .title .arrow-back{height:16px;margin-right:.75rem}.playground-container .header .buttons-group{align-items:center;display:flex;margin-left:14px}.playground-container .header .buttons-group .button{padding:12px}.playground-container .header .buttons-group .button img{height:16px;width:16px}.playground-container .search-projects-container{margin-bottom:8px;padding:0 16px}.playground-container .projects-load-error{align-items:center;display:flex;flex-direction:column;font-size:14px;margin:12px 0;opacity:.5}.playground-container .subtle-playground-button{align-self:center;border:2px solid var(--separator-color);border-radius:var(--border-radius-2);font-size:14px;margin-top:6px;padding:6px 12px}.playground-container .subtle-playground-button img{height:14px;margin-right:12px}.challenge-json{background:var(--bg-color);overflow:auto;z-index:1000}.sign-up-invitation{font-family:var(--home-font)}.sign-up-invitation .title{margin-top:1.5rem;text-align:center}.sign-up-invitation img{margin:1rem 0}.sign-up-invitation .sign-up-button{background:var(--home-accent-color-1);border-radius:8px;font-family:var(--home-font);font-weight:700;padding:8px 0;width:100%}.apply-job-employee-details-dialog{display:flex;flex-direction:column;font-family:var(--home-font);overflow:hidden}.apply-job-employee-details-dialog .apply-job-header{align-items:center;display:flex;position:relative}.apply-job-employee-details-dialog .apply-job-header .title{font-size:20px;font-weight:700}.apply-job-employee-details-dialog .apply-job-header .button{height:20px;margin-left:auto}.apply-job-employee-details-dialog .apply-job-form{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.apply-job-employee-details-dialog .apply-job-form .inputs-container{display:flex;flex:1 1;flex-direction:column;overflow-y:auto;padding:0 0 1rem}.apply-job-employee-details-dialog .apply-job-form .text-input{margin-top:1.35rem}.apply-job-employee-details-dialog .apply-job-form .textarea{margin-top:1.35rem!important;resize:none}.apply-job-employee-details-dialog .apply-job-form .field-error{top:0}.apply-job-employee-details-dialog .apply-job-form .button{background:var(--home-accent-color-1);border-radius:8px;font-weight:700;margin-top:auto;padding:8px 12px}.apply-job-employee-details-dialog .button{font-family:var(--home-font)}.slider-entry{--current-index:0;display:flex;flex-direction:column;flex-shrink:0;position:relative;transform:translateX(calc(-100%*var(--current-index)));transition:transform var(--slider-transition-duration) ease-in-out;width:100%}.slider-entry .chapter-name{font-weight:700;margin-bottom:1rem;text-align:center}.slider-entry .mini-playgrounds-list{display:flex;flex:1 1;flex-direction:column;overflow-y:auto;padding:0 1rem}.slider-entry .mini-playgrounds-list .mini-playground-entry{border:1px solid var(--separator-color);border-radius:10px;padding:10px 14px}.slider-entry .mini-playgrounds-list .mini-playground-entry+.mini-playground-entry{margin-top:12px}.mini-playground-list-dialog{align-items:center;background:var(--bg-color);font-family:var(--home-font);padding:1rem 1rem 0;z-index:12}.mini-playground-list-dialog .playgrounds-title{align-items:center;display:flex;font-size:20px;font-weight:700;width:100%}.mini-playground-list-dialog .mini-playgrounds-description{font-size:14px;line-height:1.15;opacity:.85}.mini-playground-list-dialog .playgrounds-slider{align-items:center;display:flex;flex:1 1;flex-direction:column;overflow:hidden;padding-top:1.5rem;position:relative;width:100vw}.mini-playground-list-dialog .playgrounds-slider .chapters-list{display:flex;flex:1 1;overflow:hidden;position:relative;width:100%}.mini-playground-list-dialog .playgrounds-slider .slider-buttons{align-items:center;display:flex;justify-content:space-between;position:absolute;top:0;transform:translateY(8px);width:100vw;z-index:1}.mini-playground-list-dialog .playgrounds-slider .slider-buttons .button{padding:1rem 1.5rem}.mini-playground-list-dialog .playgrounds-slider .slider-buttons .button img{height:20px}.light-theme .quiz-battle-topic{--bg:#fff}.light-theme .quiz-battle-topic .img-container img[src*=logo]{filter:brightness(.4) sepia(1) hue-rotate(-195deg) saturate(2)}.light-theme .quiz-battle-topic .info .topic{color:hsla(calc(var(--hue) + 45),80%,40%)}.quiz-battle-topic{--final-opacity:1;--bg:#0c0c0c;animation:topicAppear .35s ease-in-out;animation-fill-mode:forwards;background:linear-gradient(308deg,hsl(var(--hue),60%,60%),hsl(calc(var(--hue) + 90),60%,60%));border-radius:5px;cursor:pointer;display:flex;flex-shrink:0;opacity:0;padding:1rem .75rem;position:relative;transition:background 1s}.quiz-battle-topic:before{--border-width:3px;background:var(--bg);border-radius:5px;content:"";height:calc(100% - var(--border-width)*2);left:var(--border-width);position:absolute;top:var(--border-width);width:calc(100% - var(--border-width)*2);z-index:-1}.quiz-battle-topic.coming-soon{--final-opacity:.5;cursor:not-allowed}@media only screen and (hover:hover)and (pointer:fine){.quiz-battle-topic:hover{background:linear-gradient(308deg,red,#0ff);background:linear-gradient(308deg,#685dce,#685dce)}}@keyframes topicAppear{0%{opacity:0}to{opacity:var(--final-opacity)}}.quiz-battle-topic+.quiz-battle-topic{margin-top:8px}.quiz-battle-topic .img-container{align-items:center;align-self:center;display:flex;justify-content:center;margin-right:.75rem;width:50px}.quiz-battle-topic .img-container img{filter:drop-shadow(0 0 6px rgba(255,255,255,.3333333333));height:42px;max-width:50px}.quiz-battle-topic .info{border-left:1px solid var(--separator-color);display:flex;flex-direction:column;padding-left:1rem}.quiz-battle-topic .info .topic{color:hsla(calc(var(--hue) + 90),80%,60%);font-size:18px;font-weight:700;line-height:1}.quiz-battle-topic .info .description{align-items:center;display:flex;font-size:14px;line-height:1;margin-top:auto}.quiz-battle-topic .info .description .stat{font-family:VCR Mono;letter-spacing:0}.quiz-battle-topic .info .description .stat+.stat{margin-left:.65rem}.button.animated-next-button{align-items:center;bottom:1.25rem;display:flex;font-family:var(--home-font);font-size:24px;font-weight:700;height:30px;justify-content:center;padding:10px 0;position:absolute;right:1.5rem;width:30px}.button.animated-next-button .button-content{align-items:center;display:flex;justify-content:center;line-height:1;position:relative}.button.animated-next-button .animated-arrows{align-items:center;display:flex;font-size:42px;position:absolute;transform:scaleY(1.35)}.button.animated-next-button .animated-arrows .arrow{animation:arrowAnimation .75s ease-in-out infinite alternate;color:var(--computer-text-color);display:inline-block}.button.animated-next-button .animated-arrows .arrow.arrow-2{animation-delay:175ms}@keyframes arrowAnimation{0%{transform:translateX(-4px)}to{transform:translateX(4px)}}.user-quiz-data{align-items:center;animation:scaleAnimation .35s cubic-bezier(.68,1.5,.43,.82) .35s;animation-fill-mode:forwards;display:flex;flex:1 1;flex-direction:column;margin-bottom:2rem;transform:scale(0)}.user-quiz-data .title{font-size:14px;margin-top:5px}.user-quiz-data .proficiency{align-items:center;background:#fff3;border-radius:6px;display:flex;font-weight:700;height:30px;justify-content:center;margin-top:6px;max-width:120px;overflow:hidden;position:relative;width:100%}.quiz-subcategory-selection{display:flex;flex-direction:column;margin-top:42px;position:relative;z-index:1}.quiz-subcategory-selection .selected-subcategory{align-items:center;color:var(--computer-text-color);cursor:pointer;display:flex;flex-direction:column;font-size:18px;justify-content:center;min-width:240px;padding:10px 4px;position:relative;transition:color .3s ease-in-out;z-index:1}.quiz-subcategory-selection .selected-subcategory span{align-self:center;font-weight:700;text-shadow:0 0 50px #fff}.quiz-subcategory-selection .selected-subcategory.empty{color:var(--text-color);font-weight:400}.quiz-subcategory-selection .selected-subcategory.empty span,.quiz-subcategory-selection .selected-subcategory.empty:before{opacity:.5}.quiz-subcategory-selection .selected-subcategory .spinner{left:auto;right:24px}.quiz-subcategory-selection .subcategory-options{--options-gap:8px;--top-gap:-16px;--first-option-offset:76px;align-self:center;animation:fadeIn .325s ease-in-out;background:var(--secondary-bg-color);border-radius:var(--border-radius-2);display:flex;flex-direction:column;flex-flow:wrap;gap:8px;max-height:230px;overflow-y:auto;padding:var(--first-option-offset) 16px 12px 16px;position:absolute;top:var(--top-gap);width:calc(100% + 32px);z-index:-1}.quiz-subcategory-selection .subcategory-options.top{bottom:var(--top-gap);padding:12px 16px var(--first-option-offset) 16px;top:auto}.quiz-subcategory-selection .subcategory-options .subcategory-option{background:var(--bg-color);border-radius:var(--border-radius-2);cursor:pointer;display:flex;font-size:14px;opacity:.7;padding:10px 12px;transition:opacity .2s ease-in-out}.quiz-subcategory-selection .subcategory-options .subcategory-option .subcategory-name{transition:transform .2s ease-in-out}@media only screen and (hover:hover)and (pointer:fine){.quiz-subcategory-selection .subcategory-options .subcategory-option:hover{box-shadow:0 0 10px var(--computer-text-color)}}.quiz-subcategory-selection .subcategory-options .subcategory-option.selected{opacity:1}.quiz-subcategory-selection .subcategory-options .subcategory-option.selected .subcategory-name{transform:translateX(4px)}.light-theme .match-making-screen{background:radial-gradient(#fff,#eef0ff)}.match-making-screen{align-items:center;background:var(--bg-color);display:flex;font-family:var(--home-font);justify-content:center;overflow:hidden;z-index:10}@media only screen and (min-width:800px){.match-making-screen{margin:0 auto;max-width:800px}}.match-making-screen .button--close{margin-right:var(--sar);margin-top:var(--sat);opacity:.8}.match-making-screen .next-button-wrapper .spinner{left:-16px;position:relative;top:-16px}.match-making-screen .next-button-wrapper .spinner:after{position:relative}.match-making-screen.landscape .match-info{align-items:center;display:flex;flex-direction:row;padding:0 1rem;width:100%}.match-making-screen.landscape .bot-quiz-data,.match-making-screen.landscape .user-quiz-data{align-self:flex-start;margin:0}.match-making-screen .bot-quiz-data .title,.match-making-screen .user-quiz-data .title{font-size:14px}.match-making-screen .match-info{align-items:center;display:flex;flex-direction:column}.match-making-screen .close-button{height:20px;padding:1rem;position:absolute;right:0;top:0}.match-making-screen .vs{animation:scaleAnimation .35s cubic-bezier(.68,1.5,.43,.82) .5s;animation-fill-mode:forwards;font-size:24px;font-weight:700;padding:0 12px}.match-making-screen .bot-quiz-data,.match-making-screen .vs{align-items:center;display:flex;flex-direction:column;transform:scale(0)}.match-making-screen .bot-quiz-data{animation:scaleAnimation .35s cubic-bezier(.68,1.5,.43,.82) .65s;animation-fill-mode:forwards;cursor:pointer;flex:1 1;margin-top:2rem}.match-making-screen .bot-quiz-data .icon{font-size:40px;line-height:1}.match-making-screen .bot-quiz-data .title{margin-top:5px}.match-making-screen .bot-quiz-data .bot-mode-container{background:#fff3;border-radius:6px;height:30px;margin-top:6px;max-width:120px;overflow:hidden;position:relative;width:100%}.match-making-screen .bot-quiz-data .bot-mode-container.with-animation .bot-mode:first-child{animation:botModeAnimation 2.5s ease-in-out;animation-fill-mode:forwards;left:0}.match-making-screen .bot-quiz-data .bot-mode-container.with-animation .bot-mode:nth-child(2){animation:botModeAnimation 2.5s ease-in-out;animation-fill-mode:forwards;left:-100%}.match-making-screen .bot-quiz-data .bot-mode-container.with-animation .bot-mode:nth-child(3){animation:botModeAnimation 2.5s ease-in-out;animation-fill-mode:forwards;left:-200%}.match-making-screen .bot-quiz-data .bot-mode-container.with-animation .bot-mode:nth-child(4){animation:botModeAnimation 2.5s ease-in-out;animation-fill-mode:forwards;left:-300%}.match-making-screen .bot-quiz-data .bot-mode-container.with-animation .bot-mode:nth-child(5){animation:botModeAnimation 2.5s ease-in-out;animation-fill-mode:forwards;left:-400%}.match-making-screen .bot-quiz-data .bot-mode-container .bot-mode{align-items:center;display:flex;font-size:18px;font-weight:700;height:100%;justify-content:center;line-height:1;position:absolute;text-align:center;width:100%}.match-making-screen .bot-quiz-data .bot-mode-container .bot-mode:first-child{left:0}.match-making-screen .bot-quiz-data .bot-mode-container .bot-mode:nth-child(2){left:-100%}.match-making-screen .bot-quiz-data .bot-mode-container .bot-mode:nth-child(3){left:-200%}.match-making-screen .bot-quiz-data .bot-mode-container .bot-mode:nth-child(4){left:-300%}@keyframes botModeAnimation{0%{transform:translateX(0)}to{transform:translateX(300%)}}.match-making-screen .animated-next-button{animation:fadeIn .75s ease-in-out 1s;animation-fill-mode:forwards;opacity:0}.quiz-battle-container{background:var(--bg-color);flex:1 1;font-family:var(--home-font);height:calc(100% - var(--sat));margin-top:var(--sat);z-index:10}@media only screen and (min-width:800px){.quiz-battle-container{margin:0 auto;max-width:800px}}.quiz-battle-container .header{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;flex-direction:column;left:var(--sal);padding:1rem;position:absolute;right:var(--sar);top:0;z-index:1}.quiz-battle-container .header .categories-search-input-container{display:flex;margin-top:12px}.quiz-battle-container .header .categories-search-input-container .text-input{height:40px}.quiz-battle-container .header .categories-search-input-container .text-input::placeholder{color:var(--text-color);font-size:12px;opacity:.5}.quiz-battle-container .header .topics-title{font-size:20px;font-weight:700;letter-spacing:2px;line-height:1}.quiz-battle-container .header .close-button{height:20px;margin-left:auto}.quiz-battle-container .topics-list{display:flex;flex:1 1;flex-direction:column;letter-spacing:2px;overflow-y:auto;padding:106px calc(var(--sal) + 8px) calc(var(--sar) + 8px)}@media only screen and (min-width:800px){.quiz-battle-container .topics-list{grid-gap:12px;align-content:flex-start;display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}.quiz-battle-container .topics-list .quiz-battle-topic+.quiz-battle-topic{margin-top:0}}.hit-points-container{--hp-bg:var(--user-quiz-color);background:var(--hit-point-bg);border-radius:4px;height:20px;overflow:hidden;position:relative;width:100%}.hit-points-container .hit-points{background:var(--hp-bg);height:100%;position:absolute;transform-origin:left center;transition:.2s;width:100%}.animated-cross-wrapper{--length:86px;--stroke-width:14px;--delay:.25s;--timing-fn:cubic-bezier(.45,0,0,1);align-items:center;display:flex;justify-content:center;position:absolute;right:calc(var(--length) - var(--length)/2);z-index:99}.animated-cross-wrapper .cross-part{background:#fff9;background:#ff4040;height:var(--length);opacity:0;position:absolute;transform:rotate(var(--angle)) translateY(-32px);width:var(--stroke-width)}@keyframes crossPartAnimation{0%{opacity:0;transform:rotate(var(--angle)) translateY(-32px)}to{opacity:1;transform:rotate(var(--angle)) translateY(0)}}.animated-cross-wrapper .cross-part.cross-part-left{--angle:45deg;animation:crossPartAnimation .35s var(--delay) var(--timing-fn);animation-fill-mode:forwards}.animated-cross-wrapper .cross-part.cross-part-right{--angle:-45deg;animation:crossPartAnimation .35s calc(var(--delay) + .15s) var(--timing-fn);animation-fill-mode:forwards}.light-theme{--hit-point-bg:#ebebeb}.dark-theme{--hit-point-bg:#fff2}.user-quiz-info{display:flex;flex:1 1;flex-direction:column;position:relative;z-index:1}.user-quiz-info:not(.unanswered,.bot-info){animation:selectOptionUserAnimation .5s ease-in-out}@keyframes selectOptionUserAnimation{0%,to{transform:scale(1)}50%{transform:scale(1.085)}}.user-quiz-info.correct{animation:correctUserBlinkingAnimation 1s ease-in-out}@keyframes correctUserBlinkingAnimation{0%,to{opacity:1}50%{opacity:.25}}.user-quiz-info.unanswered{animation:blinkUserAnimation 6s ease-in-out infinite alternate}@keyframes blinkUserAnimation{0%,50%,to{opacity:.75}25%,75%{opacity:.35}}.user-quiz-info.opponent .hit-points-container .hit-points{background:var(--opponent-quiz-color);transform-origin:right center}.user-quiz-info.right-aligned .user{flex-direction:row-reverse;margin-left:auto}.user-quiz-info+.user-quiz-info{margin-left:1rem}.user-quiz-info.blinking{animation:blinkingHpAnimation 2s ease-in-out infinite}.user-quiz-info .hit-points{animation:fillHpAnimation .75s ease-in-out}.user-quiz-info .hit-points-container.blinking{animation:blinkingHpAnimation 2s ease-in-out infinite}@keyframes blinkingHpAnimation{0%,to{opacity:1}50%{opacity:.35}}.user-quiz-info .hit-points-container .hit-points{animation:fillHpAnimation .75s ease-in-out}@keyframes fillHpAnimation{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.user-quiz-info .user{align-items:center;display:flex;line-height:1;margin-top:6px;position:relative}.user-quiz-info .user .bot-message{background:#fff;border-radius:8px;color:#000;font-size:13px;max-width:115px;opacity:0;padding:6px;position:absolute;text-align:center;top:calc(100% + 10px);transform:scale(0);transform-origin:calc(50% + 3px) -6px;transition:.35s;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;word-break:break-word}.user-quiz-info .user .bot-message.opened{opacity:1;transform:scale(1)}.user-quiz-info .user .bot-message:after{border-bottom:6px solid #fff;border-left:6px solid #0000;border-right:6px solid #0000;bottom:100%;content:"";height:0;left:50%;position:absolute;transform:translate(-50%,1px);width:0}.user-quiz-info .user .nickname{font-family:VCR Mono;font-size:12px;line-height:1.2;max-width:26vw;overflow:hidden;text-overflow:ellipsis}.user-quiz-info .user .icon{margin:0 6px}.score-board{align-items:center;display:flex;font-family:VCR Mono;font-size:20px;font-weight:700;line-height:1;margin-top:28px;position:absolute}.score-board.reverse{flex-direction:row-reverse}.score-board .score-value{transition:transform .3s}.score-board .score-value.scored:first-child{transform:scale(1.2) translateX(3px)}.score-board .score-value.scored:nth-child(2){transform:scale(1.2) translateX(-3px)}.light-theme .quiz-game-header{--subtle-progress-color:#002eff08}.quiz-game-header{--time-progress-height:5px;--subtle-progress-color:#ffffff03;display:flex;flex-direction:column;padding:16px 0;position:relative;width:100%}.quiz-game-header:after{background:var(--subtle-progress-color);content:"";height:calc(100% - var(--time-progress-height));left:0;position:absolute;top:var(--time-progress-height);transform:scaleX(calc(100%*var(--quiz-progress)));transform-origin:0 0;transition:1s;width:100%;z-index:-1}.quiz-game-header .time{opacity:1;transition:.25s}.quiz-game-header .time.transparent{opacity:0}.quiz-game-header.landscape{flex-direction:row}.quiz-game-header.landscape .quiz-title .close-button{padding:1rem;position:absolute;right:0;top:0;z-index:2}.quiz-game-header.landscape .time-line-container{left:0;margin:0;position:absolute;top:0}.quiz-game-header .main-info{display:flex;flex-direction:column;width:100%}.quiz-game-header.in-challenge .time-line-container .time-line{--time-line-color-1:var(--hsl);--time-line-color-2:var(--hsl);--time-line-color-3:var(--hsl)}.quiz-game-header .time-line-container{--time-line-color-1:#71ff76;--time-line-color-2:#ffcb6b;--time-line-color-3:#ff4747;background:hsla(0,0%,100%,.067);height:var(--time-progress-height);left:0;margin:0;position:absolute;top:0;width:100%}.quiz-game-header .time-line-container .time-line{background-color:var(--time-line-color-1);height:100%;left:0;opacity:1;position:absolute;top:0;transform-origin:left center;transition:.25s;width:100%;will-change:background-color,transform}.quiz-game-header .time-line-container .time-line.transparent{opacity:0}@keyframes timelineAnimation{0%{background-color:var(--time-line-color-1);transform:scaleX(1)}50%{background-color:var(--time-line-color-2)}to{background-color:var(--time-line-color-3);transform:scaleX(0)}}.quiz-game-header .quiz-title{align-items:center;display:flex;padding:0 1rem}.quiz-game-header .quiz-title .questions-counter{align-self:flex-end;font-size:12px;margin-left:6px;opacity:.75}.quiz-game-header .quiz-title .topic-icon{height:24px;margin-right:1rem}.quiz-game-header .quiz-title .topic{font-size:20px;font-weight:700;letter-spacing:2px;line-height:1}.quiz-game-header .quiz-title .close-button{height:20px;margin-left:auto}.quiz-game-header .players-container{align-items:center;display:flex;justify-content:center;margin-top:1rem;padding:0 1rem;position:relative}.quiz-game-header .players-container .time{align-items:center;align-self:flex-start;display:flex;font-family:VCR Mono;font-size:16px;justify-content:center;line-height:1;margin:0 5px;padding:2px 5px;width:50px}.smash-effect{align-items:center;display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%}.smash-effect span{border-radius:50%;position:absolute}.smash-effect span:first-child{animation:smash-particle-1 780.7669502388ms cubic-bezier(.13,.79,.15,.96),fadeOut 1s ease-in 780.7669502388ms;animation-fill-mode:forwards;height:11.3968241479px;left:1rem;top:calc(50% - 5.69841px);width:11.3968241479px}@keyframes smash-particle-1{0%{transform:translate(0)}to{transform:translate(-10.83089px,-30.30384px)}}.smash-effect span:nth-child(2){animation:smash-particle-2 .6861893123373s cubic-bezier(.13,.79,.15,.96),fadeOut 1s ease-in .6861893123373s;animation-fill-mode:forwards;height:5.8206735923px;left:1rem;top:calc(50% - 2.91034px);width:5.8206735923px}@keyframes smash-particle-2{0%{transform:translate(0)}to{transform:translate(-13.13878px,-10.39154px)}}.smash-effect span:nth-child(3){animation:smash-particle-3 .6513440237293s cubic-bezier(.13,.79,.15,.96),fadeOut 1s ease-in .6513440237293s;animation-fill-mode:forwards;height:10.4592487034px;left:1rem;top:calc(50% - 5.22962px);width:10.4592487034px}@keyframes smash-particle-3{0%{transform:translate(0)}to{transform:translate(-23.804px,9.90268px)}}.smash-effect span:nth-child(4){animation:smash-particle-4 .6580415293865s cubic-bezier(.13,.79,.15,.96),fadeOut 1s ease-in .6580415293865s;animation-fill-mode:forwards;height:7.6282293082px;left:1rem;top:calc(50% - 3.81411px);width:7.6282293082px}@keyframes smash-particle-4{0%{transform:translate(0)}to{transform:translate(-24.91397px,21.61033px)}}.smash-effect span:nth-child(5){animation:smash-particle-5 .745996353321s cubic-bezier(.13,.79,.15,.96),fadeOut 1s ease-in .745996353321s;animation-fill-mode:forwards;height:9.0382535302px;right:1rem;top:calc(50% - 4.51913px);width:9.0382535302px}@keyframes smash-particle-5{0%{transform:translate(0)}to{transform:translate(23.73739px,-30.19695px)}}.smash-effect span:nth-child(6){animation:smash-particle-6 719.8788422291ms cubic-bezier(.13,.79,.15,.96),fadeOut 1s ease-in 719.8788422291ms;animation-fill-mode:forwards;height:9.9009209971px;right:1rem;top:calc(50% - 4.95046px);width:9.9009209971px}@keyframes smash-particle-6{0%{transform:translate(0)}to{transform:translate(10.13943px,-13.21304px)}}.smash-effect span:nth-child(7){animation:smash-particle-7 717.4614960835ms cubic-bezier(.13,.79,.15,.96),fadeOut 1s ease-in 717.4614960835ms;animation-fill-mode:forwards;height:6.9961086101px;right:1rem;top:calc(50% - 3.49805px);width:6.9961086101px}@keyframes smash-particle-7{0%{transform:translate(0)}to{transform:translate(11.83975px,6.15826px)}}.smash-effect span:nth-child(8){animation:smash-particle-8 788.0265178294ms cubic-bezier(.13,.79,.15,.96),fadeOut 1s ease-in 788.0265178294ms;animation-fill-mode:forwards;height:5.7930339288px;right:1rem;top:calc(50% - 2.89652px);width:5.7930339288px}@keyframes smash-particle-8{0%{transform:translate(0)}to{transform:translate(29.17667px,22.48551px)}}.smash-effect span:nth-child(9){animation:smash-particle-9 722.9713871817ms cubic-bezier(.13,.79,.15,.96),fadeOut 1s ease-in 722.9713871817ms;animation-fill-mode:forwards;height:5.8513791294px;top:calc(50% - 2.92569px);width:5.8513791294px}@keyframes smash-particle-9{0%{transform:translate(0)}to{transform:translate(-32.61449px,-35.21523px)}}.smash-effect span:nth-child(10){animation:smash-particle-10 .773987619483s cubic-bezier(.13,.79,.15,.96),fadeOut 1s ease-in .773987619483s;animation-fill-mode:forwards;height:10.6461078205px;top:calc(50% - 5.32305px);width:10.6461078205px}@keyframes smash-particle-10{0%{transform:translate(0)}to{transform:translate(-16.09965px,-45.2623px)}}.smash-effect span:nth-child(11){animation:smash-particle-11 .6579513589277s cubic-bezier(.13,.79,.15,.96),fadeOut 1s ease-in .6579513589277s;animation-fill-mode:forwards;height:11.9752650169px;top:calc(50% - 5.98763px);width:11.9752650169px}@keyframes smash-particle-11{0%{transform:translate(0)}to{transform:translate(5.00803px,-41.03583px)}}.smash-effect span:nth-child(12){animation:smash-particle-12 .7357663976893s cubic-bezier(.13,.79,.15,.96),fadeOut 1s ease-in .7357663976893s;animation-fill-mode:forwards;height:6.0373133615px;top:calc(50% - 3.01866px);width:6.0373133615px}@keyframes smash-particle-12{0%{transform:translate(0)}to{transform:translate(20.89049px,-31.53541px)}}.smash-effect span:nth-child(13){animation:smash-particle-13 790.5907736136ms cubic-bezier(.13,.79,.15,.96),fadeOut 1s ease-in 790.5907736136ms;animation-fill-mode:forwards;height:5.3753460851px;top:calc(50% - 2.68767px);width:5.3753460851px}@keyframes smash-particle-13{0%{transform:translate(0)}to{transform:translate(-34.54638px,41.0406px)}}.smash-effect span:nth-child(14){animation:smash-particle-14 .76943826871s cubic-bezier(.13,.79,.15,.96),fadeOut 1s ease-in .76943826871s;animation-fill-mode:forwards;height:7.301769363px;top:calc(50% - 3.65088px);width:7.301769363px}@keyframes smash-particle-14{0%{transform:translate(0)}to{transform:translate(-18.62384px,45.96575px)}}.smash-effect span:nth-child(15){animation:smash-particle-15 .7048679133061s cubic-bezier(.13,.79,.15,.96),fadeOut 1s ease-in .7048679133061s;animation-fill-mode:forwards;height:10.6253246782px;top:calc(50% - 5.31266px);width:10.6253246782px}@keyframes smash-particle-15{0%{transform:translate(0)}to{transform:translate(-4.37938px,42.42584px)}}.smash-effect span:nth-child(16){animation:smash-particle-16 706.077556253ms cubic-bezier(.13,.79,.15,.96),fadeOut 1s ease-in 706.077556253ms;animation-fill-mode:forwards;height:10.8742590854px;top:calc(50% - 5.43713px);width:10.8742590854px}@keyframes smash-particle-16{0%{transform:translate(0)}to{transform:translate(10.68808px,31.54996px)}}.video-mode .question-option{animation:questionOptionAppear .35s calc(var(--index)*.15s) ease-in-out,questionOptionIdleAnimation 2.5s calc(var(--index)*.15s + 3s) ease-in-out infinite;animation-fill-mode:forwards}@keyframes questionOptionIdleAnimation{0%,10%,60%,to{transform:scale(1)}40%{transform:scale(1.02)}}.question-option{--border-radius:5px;animation:questionOptionAppear .35s calc(var(--index)*.15s) ease-in-out;animation-fill-mode:forwards;color:#fff;cursor:pointer;font-size:17px;opacity:0;transition:.3s;word-spacing:2px}.question-option,.question-option .question-option-inner{align-items:center;display:flex;min-height:50px;position:relative}.question-option .question-option-inner{background:var(--quiz-question-option-bg);border-radius:var(--border-radius);height:100%;padding:8px 12px;width:100%}@keyframes questionOptionAppear{0%{opacity:0}to{opacity:1}}.question-option .option-animated-bg{--size:100vw;--hue:240deg;background:hsl(calc(var(--hue) + 1turn/var(--count)*var(--index)),60%,60%);border-radius:var(--border-radius);-webkit-clip-path:polygon(50% 50%,50% 0,100% 0);clip-path:polygon(50% 50%,50% 0,100% 0);height:var(--size);opacity:0;position:absolute;transform:rotate(1turn);width:var(--size);z-index:-1}@keyframes rotateOptionBg{0%{opacity:0;transform:rotate(0)}50%{opacity:1}to{opacity:0;transform:rotate(1turn)}}.question-option.incorrect{animation-fill-mode:none;opacity:.6;transform:scale(.965)}.question-option .cover-center{background:var(--quiz-question-option-bg);bottom:8px;left:8px;position:absolute;right:8px;top:8px}.question-option.correct{--scale:1.035;animation-fill-mode:none;animation:pulsingQuestionAnimation 7s ease-in-out 3s infinite;opacity:1;transform:scale(var(--scale))}.question-option.correct .question-option-rays{animation:fadeIn .3s ease-in-out,blinkOptionAnimation 1s ease-in-out .3s}.question-option.correct .user-bg.full{animation:blinkOptionAnimation 1s ease-in-out .3s}@keyframes pulsingQuestionAnimation{0%,5%,9%,to{transform:scale(1.035)}2.5%,7.5%{transform:scale(1.085)}}.question-option.correct.correct-and-not-selected{border:3px dashed hsla(0,0%,100%,.412);box-shadow:0 0 48px #74ff74;box-shadow:0 0 48px hsla(0,0%,100%,.769)}.question-option.correct.with-caller{animation:correctQuizOptionCallerAnimation .5s ease-in-out}@keyframes correctQuizOptionCallerAnimation{0%,to{transform:scale(var(--scale))}50%{transform:scale(1.1)}}@keyframes blinkOptionAnimation{0%,50%,to{opacity:1}25%,75%{opacity:0}}.question-option .overlay{background:var(--quiz-question-option-bg);height:calc(100% - 6px);left:3px;top:3px;width:calc(100% - 6px)}.question-option .correct-answer-bg,.question-option .overlay{border-radius:var(--border-radius);position:absolute;z-index:-1}.question-option .correct-answer-bg{animation:blinkOptionAnimation .85s ease-in-out;animation-fill-mode:none;background-size:38.18px 38.18px;height:100%;left:0;top:0;width:100%}.question-option .question-option-content{position:relative;z-index:1}.question-option .user-bg{animation:fadeIn .3s ease-in-out;border-radius:var(--border-radius);height:100%;left:0;position:absolute;top:0;width:50%;z-index:0}.question-option .user-bg.with-animation{animation:blinkOptionAnimation 1s ease-in-out .3s}.question-option .user-bg.full{width:100%}.question-option .user-bg.both-correct:nth-child(2){border-radius:var(--border-radius) 0 0 var(--border-radius)}.question-option .user-bg.both-correct:nth-child(3){border-radius:0 var(--border-radius) var(--border-radius) 0}.question-option .user-bg:nth-child(2){left:0}.question-option .user-bg:nth-child(3){left:auto;right:0}.question-option+.question-option{margin-top:.5rem}.landscape .question-code{transform:none;width:auto}.dark-theme .question-code code{text-shadow:#fff3 0 1px!important}.question-code{border-bottom:2px solid var(--separator-color);border-top:2px solid var(--separator-color);display:flex;flex-direction:column;overflow:hidden;position:relative;width:100%}.question-code.question-finished-content{animation:fadeIn .75s ease-in-out;left:0;margin-top:6px;top:0;width:100%}.question-code .quiz-question-code-wrapper{flex:1 1}.question-code .quiz-question-code-wrapper .pre-wrapper{height:auto;overflow:hidden;padding:6px 4px}.question-code .quiz-question-code-wrapper .pre-wrapper pre{overflow:auto;padding:6px 40px 6px 6px!important}.question-code.expanded{background:var(--bg-color);border:none;height:100%;left:0;margin:0;padding:0 var(--sar) 0 var(--sal);position:fixed;top:var(--sat);transform:none;width:100%;z-index:2}.question-code.expanded .pre-wrapper{height:100%}.question-code.expanded .expand-code-button{right:calc(10px + var(--sar))}.question-code .expand-code-button{height:20px;position:absolute;right:10px;top:10px;z-index:1}.question-code pre{height:100%;margin:0!important;padding:6px 0!important;width:100%}.explanation-next-button-wrapper{height:100%;position:absolute;width:100%}@media only screen and (min-width:800px){.explanation-next-button-wrapper{margin:0 auto;max-width:800px}}.explanation-next-button-wrapper .next-button-container .open-next-question-button{animation:none;opacity:1}.question-explanation{background:var(--bg-color);max-height:calc(100% - 32px);padding:1rem;top:var(--sat);z-index:9999}.question-explanation .row{display:flex;font-family:var(--home-font);font-size:14px;margin-top:12px}.question-explanation .checkbox-container{--checked-color:unset;--checkmark-color:var(--text-color)}.question-explanation .feedback-button,.question-explanation .save-button{margin-top:10px}.question-explanation .feedback-button img,.question-explanation .save-button img{height:16px}.question-explanation .feedback-button span,.question-explanation .save-button span{line-height:1;margin-left:.5em}.question-explanation .save-button{margin-left:16px}.question-explanation .save-button.collected{color:var(--computer-text-color);font-weight:700;line-height:1}@media only screen and (min-width:800px){.question-explanation{margin:0 auto;max-width:800px}}.question-explanation .explanation-title{align-items:center;display:flex;font-size:20px;font-weight:700;line-height:1;margin-bottom:1rem;min-height:18px}.question-explanation .explanation-title .close-button{height:20px;margin-left:auto}.question-explanation .content{flex:1 1;font-size:18px;overflow-y:auto}.heart-icon-save-animation{animation:heart-save-scale .6s ease-in forwards}@keyframes heart-save-scale{0%{transform:scale(1)}to{transform:scale(90)}}.next-button-container{bottom:6px;cursor:pointer;padding:16px;position:absolute;right:10px;transition:.5s;z-index:11}.next-button-container .hat-image{animation:fadeIn .65s ease-in-out .5s;animation-fill-mode:forwards;opacity:0}.next-button-container.active{animation:nextChallengeButtonAnimation 6s ease-in-out 4s infinite;opacity:1}.next-button-container.with-caller{animation:nextButtonCallerAnimation .5s ease-in-out}@keyframes nextButtonCallerAnimation{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.next-button-container .open-next-question-button{animation:fadeIn .65s ease-in-out .5s;animation-fill-mode:forwards;height:26px;opacity:0;pointer-events:none;transition:padding .5s}.next-button-container .open-next-question-button.space-for-hat-button{padding-right:18px}.quiz-content{display:flex;flex:1 1;flex-direction:column;height:100%;opacity:0;overflow:hidden;pointer-events:none;position:relative;transition:.3s;width:100%}.quiz-content.active{opacity:1;pointer-events:all}.quiz-content .quiz-additional-buttons-wrapper{align-items:center;animation:quizFeedbackButtonAppearAnimation .5s ease-in-out .75s;animation-fill-mode:forwards;bottom:6px;display:flex;justify-content:center;left:0;opacity:0;position:absolute;width:100%}.quiz-content .quiz-additional-buttons-wrapper .button{padding:16px}.quiz-content .quiz-additional-buttons-wrapper .button img{height:24px}@keyframes quizFeedbackButtonAppearAnimation{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.quiz-content .quiz-question-data{display:flex;flex:1 1;flex-direction:column;overflow:hidden;padding-bottom:1rem}.quiz-content .quiz-question-data.landscape{flex-direction:row;padding-bottom:0}.quiz-content .quiz-question-data.landscape .question-code{flex:1 1;margin-top:0}.quiz-content .quiz-question-data.landscape .quiz-question{flex:1 1;overflow-x:hidden;overflow-y:auto;padding:0 16px 16px}.quiz-content .quiz-question-data.landscape .quiz-question .question-text{margin-top:0}.quiz-content .quiz-question-data .quiz-question-wrapper{align-items:center;display:flex;flex:3 1;flex-direction:column;margin:0 auto;overflow-y:auto;padding:0 16px;position:relative;width:100%}.quiz-content .quiz-question-data .quiz-question{display:flex;flex-direction:column;transition:transform .3s ease-in-out;width:100%}.quiz-content .quiz-question-data .quiz-question.animated-after-finished-code-shown{padding-bottom:40px;transform:translateY(var(--finished-content-height))}@media only screen and (min-width:800px){.quiz-content .quiz-question-data .quiz-question{max-width:60%}}.quiz-content .quiz-question-data .quiz-question .question-text{align-items:center;display:flex;font-family:Poppins;font-size:18px;font-weight:700;line-height:1.3;margin-top:12px}.quiz-content .quiz-question-data .quiz-question .question-text .markdown p{font-size:16px}.quiz-content .quiz-question-data .quiz-question .question-text .explanation-button{bottom:12px;left:12px;margin-left:auto;opacity:0;padding:12px;pointer-events:none;top:6px;transition:.35s}.quiz-content .quiz-question-data .quiz-question .question-text .explanation-button.active{opacity:1;pointer-events:all}.quiz-content .quiz-question-data .quiz-question .question-text .explanation-button img{height:20px}.quiz-content .quiz-question-data .quiz-question .question-text .explanation-button .questionmark{font-size:12px;padding-left:3px;position:absolute;right:4px;top:0}.quiz-content .quiz-question-data .quiz-question .question-options{display:flex;flex-direction:column;font-family:Courier New,Courier,monospace;margin-top:12px}.winner-avatar-rays{z-index:-1}.light-theme .quiz-battle-result{--quiz-battle-result-bg:#fffc}.dark-theme .quiz-battle-result{--quiz-battle-result-bg:#000c}.quiz-battle-result{align-items:center;animation:fadeIn .3s ease-in-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:var(--quiz-battle-result-bg);bottom:50px;display:flex;flex-direction:column;justify-content:space-around;min-width:calc(320px - 2rem);overflow-y:auto;padding:1rem;padding-bottom:calc(1rem + var(--sab));position:fixed;top:var(--sat);width:100%;z-index:11}@media only screen and (min-width:800px){.quiz-battle-result{margin:0 auto;max-width:800px}}.quiz-battle-result .statistics-wrapper{display:flex;flex-direction:column;width:100%}.quiz-battle-result .statistics-wrapper.landscape{flex-direction:row-reverse}.quiz-battle-result .statistics-wrapper.landscape .statistics{margin:0 1rem}.quiz-battle-result .statistics-wrapper .statistics{display:flex;flex-direction:column;letter-spacing:1px;width:100%}.quiz-battle-result .statistics-wrapper .statistics+.statistics{margin:1rem 0 0}.quiz-battle-result .statistics-wrapper .statistics.opponent .statistics-title{-webkit-text-fill-color:#0000;background:var(--opponent-quiz-color);-webkit-background-clip:text}.quiz-battle-result .statistics-wrapper .statistics .statistics-title{-webkit-text-fill-color:#0000;align-self:flex-start;animation:statAppear .35s ease-in-out .45s;animation-fill-mode:forwards;background:var(--user-quiz-color);-webkit-background-clip:text;font-size:24px;font-weight:700;line-height:1;opacity:0;transform:translateY(-10px)}.quiz-battle-result .statistics-wrapper .statistics .statistics-list{display:flex;flex-direction:column;font-family:Doto;font-weight:700;margin-top:.5rem}.quiz-battle-result .statistics-wrapper .statistics .statistics-list .statistic-section{align-items:center;display:flex;opacity:0;padding:7px 0;transform:translateY(-10px)}.quiz-battle-result .statistics-wrapper .statistics .statistics-list .statistic-section+.statistic-section{border-top:1px solid var(--separator-color)}.quiz-battle-result .statistics-wrapper .statistics .statistics-list .statistic-section:first-child{animation:statAppear .35s ease-in-out;animation-delay:.6s;animation-fill-mode:forwards}.quiz-battle-result .statistics-wrapper .statistics .statistics-list .statistic-section:nth-child(2){animation:statAppear .35s ease-in-out;animation-delay:.75s;animation-fill-mode:forwards}.quiz-battle-result .statistics-wrapper .statistics .statistics-list .statistic-section:nth-child(3){animation:statAppear .35s ease-in-out;animation-delay:.9s;animation-fill-mode:forwards}.quiz-battle-result .statistics-wrapper .statistics .statistics-list .statistic-section:nth-child(4){animation:statAppear .35s ease-in-out;animation-delay:1.05s;animation-fill-mode:forwards}@keyframes statAppear{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.quiz-battle-result .statistics-wrapper .statistics .statistics-list .statistic-section .statistic-value{margin-left:auto}.quiz-battle-result .buttons-group{align-items:center;display:flex;justify-content:center;margin-top:1rem;width:100%}.quiz-battle-result .buttons-group .confirm-button{animation:scaleAnimation .35s cubic-bezier(.68,1.5,.43,.82) 1.05s;animation-fill-mode:forwards;background:var(--home-accent-color-1);border-radius:8px;color:#fff;font-family:var(--home-font);font-size:1.5rem;font-weight:700;letter-spacing:4px;max-width:300px;padding:10px 0;transform:scale(0);width:100%}.quiz-battle-result .buttons-group .icon-button{padding:12px}.quiz-battle-result .buttons-group .icon-button img{height:32px}.quiz-battle-result .winners-title{align-items:center;animation:scaleAnimation .35s cubic-bezier(.68,1.5,.43,.82) .15s;animation-fill-mode:forwards;display:flex;flex:0 0 50px;flex-direction:column;font-size:26px;font-weight:700;letter-spacing:2px;line-height:1;transform:scale(0)}.quiz-battle-result .winners-title span{font-size:13px;font-weight:400;margin-top:8px}.quiz-battle-result .winners-list{align-items:center;display:flex;letter-spacing:2px;margin-top:1.5rem}.quiz-battle-result .winners-list .user-quiz-data{animation:scaleLoserAnimation .35s cubic-bezier(.68,1.5,.43,.82) .35s;animation-fill-mode:forwards;opacity:.7;position:relative;transform:scale(0)}.quiz-battle-result .winners-list .user-quiz-data .hit-points-container{height:6px;position:absolute;top:calc(100% + 6px)}.quiz-battle-result .winners-list .user-quiz-data .hit-points-container.opponent{--hp-bg:var(--opponent-quiz-color)}.quiz-battle-result .winners-list .user-quiz-data .correct-answers-count{--gap:24px;bottom:10px;font-size:24px;font-weight:700;opacity:.65;position:absolute}.quiz-battle-result .winners-list .user-quiz-data.opponent .correct-answers-count{left:calc(var(--gap)*-1)}.quiz-battle-result .winners-list .user-quiz-data:not(.opponent) .correct-answers-count{right:calc(var(--gap)*-1)}.quiz-battle-result .winners-list .user-quiz-data.winner{animation:scaleWinnerAnimation .35s cubic-bezier(.68,1.5,.43,.82) .35s;animation-fill-mode:forwards;opacity:1;position:relative;transform:scale(0)}.quiz-battle-result .winners-list .user-quiz-data.winner .crown{font-size:20px;line-height:1;position:absolute;right:2px;top:-6px;transform:rotate(25deg);z-index:1}.quiz-battle-result .winners-list .user-quiz-data.winner .emoji-icon{border:4px solid #fff}.quiz-battle-result .winners-list .user-quiz-data .emoji-icon{background:var(--secondary-bg-color)}.quiz-battle-result .winners-list .user-quiz-data+.user-quiz-data{margin-left:2rem}.quiz-battle-result .winners-list .user-quiz-data .icon{margin-left:10px}@keyframes scaleWinnerAnimation{0%{transform:scale(0)}to{transform:scale(1.05)}}@keyframes scaleLoserAnimation{0%{transform:scale(0)}to{transform:scale(.9)}}.countdown{align-items:center;display:flex;font-size:48px;font-weight:700;height:100%;justify-content:center;left:0;overflow:hidden;position:absolute;top:0;width:100%}.countdown.challenge-battle .count,.countdown.challenge-battle .go{color:var(--hsl)}.countdown .count{color:var(--computer-text-color);opacity:0;position:absolute}.countdown .count:first-child{animation:countdownAnimation 1s ease-in-out;animation-delay:0s;animation-fill-mode:forwards}.countdown .count:nth-child(2){animation:countdownAnimation 1s ease-in-out;animation-delay:1s;animation-fill-mode:forwards}.countdown .count:nth-child(3){animation:countdownAnimation 1s ease-in-out;animation-delay:2s;animation-fill-mode:forwards}@keyframes countdownAnimation{0%{opacity:0;transform:scale(10)}85%{opacity:1;transform:scale(1)}to{opacity:0}}.countdown .go{animation:lastCountdownAnimation 1.5s ease-in-out;animation-delay:3s;animation-fill-mode:forwards;color:var(--computer-text-color);opacity:0;position:absolute}@keyframes lastCountdownAnimation{0%{opacity:0;transform:scale(10)}66.66%,88.88%{opacity:1;transform:scale(1)}77.77%,to{opacity:0}}.quiz-error-dialog{text-align:center}.quiz-error-dialog h4{font-size:18px}.quiz-error-dialog p{font-size:14px;margin-top:6px}.quiz-error-dialog .button.try-again-button{margin-top:24px;min-height:40px}.quiz-battle-game{align-items:center;background:var(--bg-color);display:flex;flex-direction:column;font-family:var(--home-font);height:100%;justify-content:center;overflow-y:auto;padding:0;padding-top:var(--sat);width:100%;z-index:11}@media only screen and (min-width:800px){.quiz-battle-game{margin:0 auto;max-width:800px}}.quiz-battle-game.video-mode .button--close,.quiz-battle-game.video-mode .next-button-container,.quiz-battle-game.video-mode .quiz-additional-buttons-wrapper{display:none}.quiz-battle-game .challenge-quiz-countdown-text{bottom:32px;font-size:24px;font-weight:700;position:absolute}.quiz-battle-game .skip-countdown-button{bottom:0;color:var(--computer-text-color);font-size:16px;font-weight:700;opacity:.3;padding:16px;position:absolute}.quiz-battle-game .spinner{bottom:32px;left:auto;opacity:.65;top:auto}.quiz-battle-game .button--close{--opacity:.3;opacity:var(--opacity)}.quiz-battle-game .button--close.close-quiz-countdown{animation:closeCountDownFadeOut .5s ease-in-out 3s;animation-fill-mode:forwards;margin-right:var(--sar);margin-top:var(--sat)}@keyframes closeCountDownFadeOut{0%{opacity:var(--opacity)}to{opacity:0}}.quiz-battle-game .button--close.bottom-aligned{--opacity:1;animation:closeQuizFadeIn .65s ease-in-out .65s;animation-fill-mode:forwards;bottom:6px;left:12px;opacity:0;right:auto;top:auto;z-index:1}@keyframes closeQuizFadeIn{0%{opacity:0}to{opacity:var(--opacity)}}.quiz-battle-game.landscape .quiz-battle-game-content{justify-content:normal}.quiz-battle-game .quiz-battle-game-content{align-items:center;animation:fadeIn .75s ease-in-out;display:flex;flex-direction:column;height:100%;justify-content:center;overflow-x:hidden;overflow-y:auto;padding:0 var(--sar) 0 var(--sal);width:100%}.light-theme .paper{border:1px solid var(--separator-color)}.chapter-finished-congrats{align-items:center;background:linear-gradient(to top,var(--bg-color),var(--bg-color),#0000);font-family:var(--home-font);justify-content:center;z-index:10}.chapter-finished-congrats .content-wrapper{align-items:center;bottom:0;display:flex;flex-direction:column;justify-content:center;left:0;margin:auto;max-height:900px;max-width:640px;position:absolute;right:0;top:0}@media only screen and (min-width:800px){.chapter-finished-congrats .content-wrapper{border:1px solid var(--separator-color);border-radius:var(--border-radius-3);bottom:40px;left:40px;right:40px;top:40px}}.chapter-finished-congrats .chapter-challenges-info{align-items:center;animation:fadeIn .5s ease-in-out 2.85s;animation-fill-mode:forwards;display:flex;flex-wrap:wrap;justify-content:center;opacity:0;position:absolute;top:140px}.chapter-finished-congrats .chapter-challenges-info .chapter-challenge-info{background:hsl(var(--h),calc(var(--s) - 35%),calc(var(--l) - 15%));border-radius:100px;color:#fff;font-size:12px;line-height:1;margin:10px 12px 0 0;padding:6px 10px;transform:rotate(var(--random-angle))}.chapter-finished-congrats .workout-button{align-items:center;animation:fadeIn .5s ease-in-out 2.85s;animation-fill-mode:forwards;border:2px solid var(--text-color);border-radius:100px;bottom:1rem;display:flex;font-family:var(--home-font);font-weight:700;line-height:1;margin-bottom:5rem;opacity:0;padding:11px 12px 11px 20px;position:absolute}.chapter-finished-congrats .workout-button span{font-size:20px;margin-left:12px}.chapter-finished-congrats .confirm-chapter-button{animation:fadeIn .5s ease-in-out 3.15s;animation-fill-mode:forwards;background:hsl(var(--h),calc(var(--s) - 35%),calc(var(--l) - 15%));border-radius:10px;bottom:1rem;color:#fff;font-family:var(--home-font);font-weight:700;opacity:0;padding:12px 0;position:absolute;width:calc(100% - 32px)}.chapter-finished-congrats .main-title{line-height:1;padding:0 1rem;position:absolute;text-align:center;top:1rem}.chapter-finished-congrats .main-title p{animation:fadeIn .35s ease-in-out;animation-fill-mode:forwards;color:var(--hsl);font-size:32px;font-weight:700;margin-bottom:10px;opacity:0}.chapter-finished-congrats .main-title>span{animation:fadeIn .35s ease-in-out .5s;animation-fill-mode:forwards;line-height:1.15;opacity:0}.chapter-finished-congrats .main-title>span span{font-weight:700;white-space:nowrap}.chapter-finished-congrats .chapter-info{--container-size:1;position:relative;transform:scale(var(--container-size))}.chapter-finished-congrats .chapter-info .star-box{animation:stampAnimation 1s cubic-bezier(.36,2,.56,.4) 1.5s;animation-fill-mode:forwards;bottom:1rem;opacity:0;position:absolute;right:1rem}.chapter-finished-congrats .chapter-info .star-box,.chapter-finished-congrats .chapter-info .star-box .star-content{--size:100px;align-items:center;border-radius:50%;display:flex;height:var(--size);justify-content:center;width:var(--size);z-index:1}.chapter-finished-congrats .chapter-info .star-box .star-content{background:#f66}.chapter-finished-congrats .chapter-info .star-box .star-content .title{--border-color:#ffb366;--stroke:2px;border-bottom:var(--stroke) solid var(--border-color);border-top:var(--stroke) solid var(--border-color);color:#fff;font-size:12px;font-weight:700;line-height:1;padding:6px 0}.chapter-finished-congrats .chapter-info .star-box .box{--h:5;--s:100%;--l:70%;--hsl:hsl(var(--h),var(--s),var(--l));background:var(--hsl);border-radius:5px;height:var(--size);position:absolute;width:var(--size)}.chapter-finished-congrats .chapter-info .star-box .box:nth-child(2){--h:10;transform:rotate(120deg)}.chapter-finished-congrats .chapter-info .star-box .box:nth-child(3){--h:15;transform:rotate(240deg)}.chapter-finished-congrats .chapter-info .paper{--height:220px;--width:calc(var(--height)*0.85);animation:paperAnimation 1s ease-in-out;animation-fill-mode:forwards;background:linear-gradient(0deg,#fff8e5,#fff);color:#262626;font-weight:700;height:var(--height);line-height:1;max-width:var(--width);opacity:0;padding:.5rem 1rem;width:var(--width)}@keyframes paperAnimation{0%{opacity:0;transform:rotate(0) translateY(150px)}to{opacity:1;transform:rotate(-5deg) translateY(0)}}.chapter-finished-congrats .chapter-info .paper .name{font-size:18px;text-align:center;word-break:break-word}.chapter-finished-congrats .chapter-info .paper .fake-lines{align-items:flex-start;display:flex;flex-direction:column;margin-top:1rem;position:relative}.chapter-finished-congrats .chapter-info .paper .fake-lines span{--appear-duration:250ms;animation:fakeLineAnimation var(--appear-duration) ease-in-out;animation-delay:calc(var(--index)*var(--appear-duration) + .25s);animation-fill-mode:forwards;background:rgba(0,0,0,.145);display:block;height:8px;transform:scaleX(0);transform-origin:0 0;width:100%}.chapter-finished-congrats .chapter-info .paper .fake-lines span:last-child{width:20px}.chapter-finished-congrats .chapter-info .paper .fake-lines span+span{margin-top:12px}.chapter-finished-congrats .chapter-info .paper .fake-lines span:first-child{--index:1}.chapter-finished-congrats .chapter-info .paper .fake-lines span:nth-child(2){--index:2}.chapter-finished-congrats .chapter-info .paper .fake-lines span:nth-child(3){--index:3}.chapter-finished-congrats .chapter-info .paper .fake-lines span:nth-child(4){--index:4}.chapter-finished-congrats .chapter-info .paper .fake-lines span:nth-child(5){--index:5}.chapter-finished-congrats .chapter-info .paper .fake-lines span:nth-child(6){--index:6}@keyframes fakeLineAnimation{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.chapter-finished-congrats .chapter-info .stamp{--size:135px;align-items:center;animation:stampAnimation 1s cubic-bezier(.36,2,.56,.4) 1.5s;animation-fill-mode:forwards;background:linear-gradient(45deg,#ff6969,#ff5f43);border-radius:50%;bottom:1rem;display:flex;height:var(--size);justify-content:center;opacity:0;padding:10px;position:absolute;right:1rem;width:var(--size)}.chapter-finished-congrats .chapter-info .stamp .trophy{position:absolute;z-index:1}.chapter-finished-congrats .chapter-info .stamp svg{background:linear-gradient(289deg,#ff5757,#ff8660);border:2px solid hsla(0,0%,100%,.722);border-radius:50%;margin:5px;padding:5px;transform:rotate(333deg)}.chapter-finished-congrats .chapter-info .stamp svg text{fill:#fff;font-size:20px;font-weight:700;letter-spacing:3px}.chapter-finished-congrats .chapter-info .stamp svg path{fill:#0000}@keyframes stampAnimation{0%{opacity:0;transform:scale(4) rotate(0deg) translate(150px,80px)}20%{opacity:1}to{opacity:1;transform:scale(.75) rotate(25deg) translate(50%)}}.shuffle-loader{--fade-out-duration:250ms;animation:fadeIn .25s ease-in-out,fadeOut var(--fade-out-duration) calc(var(--duration) - var(--fade-out-duration)) ease-in-out;z-index:1000}.shuffle-loader,.shuffle-loader .shuffled-entry{align-items:center;display:flex;justify-content:center;position:absolute}.shuffle-loader .shuffled-entry{--radius:80px;animation:shuffleEntryAnimation calc(var(--duration) - var(--fade-out-duration)) cubic-bezier(.45,0,0,1);animation-fill-mode:forwards;filter:grayscale(.3);opacity:1;padding:5px;transform:rotate(calc(var(--index)*1turn/9)) translateY(var(--radius));transform-origin:50% 0}@keyframes shuffleEntryAnimation{0%{opacity:1;transform:rotate(calc(var(--index)*1turn/9)) translateY(var(--radius));transform-origin:50% 0}50%{opacity:.5;transform:rotate(calc(var(--index)*1turn/9 + 1turn)) translateY(0);transform-origin:50% 50%}to{opacity:1;transform:rotate(calc(var(--index)*1turn/9 + 2turn)) translateY(var(--radius));transform-origin:50% 0}}.shuffle-loader .shuffled-entry img{height:calc(var(--size) - 10px);width:calc(var(--size) - 10px)}.light-theme .full-app-path-entry{--opacity:.5}.full-app-path-entry{--circle-size:28px;--opacity:.35;animation:fadeIn .3s calc(var(--animation-order)*50ms + .45s) ease-in-out;animation-fill-mode:forwards;border-bottom:1px solid var(--separator-color);cursor:pointer;display:flex;opacity:0;padding:12px 16px;position:relative}.full-app-path-entry.enabled:not(.fake){--opacity:1}.full-app-path-entry:first-child{border-top:1px solid var(--separator-color)}.full-app-path-entry .circle-container{margin-left:var(--sal);margin-top:6px}.full-app-path-entry .circle-container .circle{align-items:center;animation:fullAppPathEntryAppear .5s calc(var(--animation-order)*.2s) cubic-bezier(.68,1.95,.43,.82);animation-fill-mode:forwards;border:calc(var(--circle-size)/4) solid var(--hsl-subtle);border-radius:50%;display:flex;height:var(--circle-size);justify-content:center;width:var(--circle-size)}.full-app-path-entry .circle-container .circle span{font-size:24px;font-weight:700;line-height:1}@keyframes fullAppPathEntryAppear{0%{transform:scale(.5)}to{transform:scale(1)}}.full-app-path-entry .challenge-info{align-items:center;display:flex;flex:1 1;margin-left:24px}.full-app-path-entry .challenge-info .title{color:var(--title-color);font-size:13px;line-height:1}.full-app-path-entry .challenge-info .description{font-size:13px;margin-left:auto;opacity:.6}.full-app-path-entry.done .circle{background:#fff;border:10px solid var(--hsl);box-shadow:0 0 10px var(--hsl),0 0 10px var(--hsl),0 0 10px var(--hsl)}.full-app-path-entry.enabled .circle{animation:fullAppPathEntryAppear .5s cubic-bezier(.68,1.95,.43,.82),flickeringCircleAnimation 10s var(--random-delay) linear infinite;animation-fill-mode:forwards;background:hsla(0,0%,100%,.063);box-shadow:0 0 10px var(--hsl),0 0 10px var(--hsl),0 0 10px var(--hsl)}.light-theme .full-app-path{--color:hsl(var(--h),var(--s),35%);--title-color:#fff;--title-shadow:0px 0px 10px #000;--button-bg-light:90%}.full-app-path{--button-bg-light:10%;--title-shadow:0px 0px 10px #000;--color:var(--hsl);--title-color:var(--text-color);background:var(--bg-color);bottom:0;color:var(--color);display:flex;flex-direction:column;left:0;position:fixed;right:0;top:0;top:var(--sat);z-index:10}@media only screen and (min-width:800px){.full-app-path{margin:0 auto;max-width:800px}}.full-app-path .button--close{margin-right:var(--sar)}.full-app-path .button--close path{fill:var(--hsl)}.full-app-path .full-app-path-header{background:var(--hsl);display:flex;flex-direction:column;position:relative}.full-app-path .full-app-path-header .full-app-bg{background:var(--hsl);bottom:0;left:0;position:absolute;right:0;top:0;z-index:0}.full-app-path .full-app-path-header .full-app-bg:before{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(0deg,var(--bg-color),#0000);bottom:-2px;content:"";left:0;position:absolute;right:0;top:0;z-index:1}.full-app-path .full-app-path-header .full-app-bg img{height:100%;object-fit:cover;width:100%}.full-app-path .full-app-title{color:var(--title-color);padding:10px calc(16px + var(--sal));position:relative;text-shadow:var(--title-shadow);z-index:1}.full-app-path .full-app-title span{align-items:center;background:hsl(var(--h),var(--s),var(--l),.05);border:1px solid var(--hsl);border-radius:var(--border-radius-1);color:var(--hsl);display:flex;font-size:14px;line-height:1;padding:9px 10px 8px}.full-app-path .full-app-title span img{height:18px;margin-left:10px;transform:translateY(-1px)}.full-app-path .full-app-title{display:flex;font-size:18px;font-weight:700;line-height:1;padding:16px calc(16px + var(--sal))}.full-app-path .full-app-preview-play-button{display:flex;font-size:18px;font-weight:700;line-height:1;margin-top:12px}.full-app-path .full-app-preview-play-button span{align-items:center;background:hsla(var(--h),30%,var(--button-bg-light));border-radius:var(--border-radius-1);color:var(--hsl);cursor:pointer;display:flex;font-size:14px;line-height:1;padding:9px 10px 8px;width:100px}.full-app-path .full-app-preview-play-button span:hover{box-shadow:0 0 20px var(--hsl)}.full-app-path .full-app-preview-play-button span:active{background:hsl(var(--h),var(--s),var(--l),.2)}.full-app-path .full-app-preview-play-button span svg{height:18px;margin-left:auto;transform:translateY(-1px)}.full-app-path .full-app-preview-play-button span svg path{fill:var(--hsl)}.full-app-path .full-app-stack{align-items:center;display:flex;margin-left:16px;opacity:.8}.full-app-path .full-app-stack .stack-entry{height:18px}.full-app-path .full-app-stack .stack-entry+.stack-entry{margin-left:8px}.full-app-path .full-app-info{align-items:start;display:flex;margin-bottom:12px;overflow:hidden;padding:0 calc(16px + var(--sal));position:relative;z-index:1}.full-app-path .full-app-info .full-app-screenshot{--size:120px;background:var(--hsl);background-position:50%;background-size:cover;border-radius:var(--border-radius-2);height:calc(var(--size)*.7);margin-right:16px;min-width:var(--size);width:var(--size)}.full-app-path .full-app-info .full-app-screenshot img{height:100%;object-fit:cover;width:100%}.full-app-path .full-app-info .full-app-description-wrapper{color:var(--text-color);display:flex;flex-direction:column;font-size:14px}.full-app-path .challenges-list{display:flex;flex:1 1;flex-direction:column;overflow-y:auto;padding:0 0 120px;position:relative;width:100%}.full-app-path .challenges-list .full-app-chapter-header{align-items:center;display:flex;font-weight:700;margin-top:20px;padding:0 16px 8px;padding-left:calc(var(--sal) + 16px);position:relative}.full-app-path .challenges-list .full-app-chapter-header:first-of-type{margin-top:0}.full-app-path .challenges-list .full-app-chapter-header .chapter-name{--initial-translate-value:calc(-100% - 32px);animation:chapterNameAnimation .5s calc(.5s + var(--chapter-index)*.15s) cubic-bezier(.25,1.4,.35,1);animation-fill-mode:forwards;background:var(--bg-color);color:var(--title-color);position:relative;transform:translateX(var(--none-translate-value));transform:translateX(var(--initial-translate-value));z-index:1}.full-app-path .challenges-list .full-app-chapter-header .chapter-name small{display:inline-block;font-size:12px;font-weight:400;margin-left:12px;opacity:.6;transform:translateY(-1px)}@keyframes chapterNameAnimation{0%{transform:translateX(var(--none-translate-value));transform:translateX(var(--initial-translate-value))}to{transform:translateX(0)}}.full-app-path .challenges-list .full-app-chapter-header .chapter-name:after,.full-app-path .challenges-list .full-app-chapter-header .chapter-name:before{content:"";height:100%;position:absolute;top:0;width:16px}.full-app-path .challenges-list .full-app-chapter-header .chapter-name:after{background:linear-gradient(to right,#0000,var(--bg-color));right:100%}.full-app-path .challenges-list .full-app-chapter-header .chapter-name:before{background:linear-gradient(to left,#0000,var(--bg-color));left:100%}.full-app-path .challenges-list .full-app-chapter-header .full-app-play-button{--size:36px;background:var(--bg-color);background:hsla(var(--h),30%,var(--button-bg-light));height:var(--size);margin-left:auto;margin-right:var(--sar);width:var(--size);z-index:1}.full-app-path .challenges-list .full-app-chapter-header .full-app-play-button svg{height:16px;margin-bottom:2px;margin-left:3px;width:16px}.full-app-path .challenges-list .full-app-chapter-header .full-app-play-button svg path{fill:var(--hsl)}.full-app-path .challenges-list .full-app-chapter-header:after{border-top:2px solid var(--hsl);content:"";left:0;opacity:.3;position:absolute;width:100%}.full-app-preview{background:var(--bg-color);bottom:0;display:flex;flex-direction:column;left:0;position:fixed;right:0;top:0;top:var(--sat);z-index:10}.full-app-preview .button--close{margin-right:var(--sar)}.full-app-preview .full-app-preview-header{align-items:center;display:flex;height:52px;margin-left:var(--sal);padding:0 0 0 16px}.full-app-preview .full-app-preview-header span{font-size:14px;font-weight:400;line-height:1;margin-left:6px}.full-app-preview iframe{border:none;height:100%;outline:none;width:100%}.app-lang-backdrop{align-items:center;animation:fadeIn .5s;background:rgba(0,0,0,.867);display:flex;justify-content:center}.app-language-selection-view{background:var(--bg-color);border-radius:var(--border-radius-2);bottom:16px;display:flex;flex-direction:column;height:auto;left:16px;margin:auto!important;max-height:500px!important;max-width:400px!important;padding:12px 20px;right:16px;top:16px;width:90%;z-index:11;z-index:9999999}.app-language-selection-view span{font-family:Doto;font-weight:700;overflow-y:auto;white-space:pre-wrap}.app-language-selection-view .buttons{display:flex;flex-direction:column;margin-top:auto;padding:16px 0 0}.app-language-selection-view .buttons .button+.button{margin-top:12px}.road-map-entry{--gap:24px;--opacity:.9;--appear-delay:calc(0.4s + var(--index)*100ms);animation:roadMapEntryAppearAnimation .3s var(--appear-delay) ease-in-out;animation-fill-mode:forwards;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:hsl(var(--hsl),60%,60%,.1);border:1px solid hsla(0,0%,100%,.063);border-radius:8px;box-shadow:0 2px 12px #00000047;cursor:pointer;display:flex;flex-shrink:0;height:var(--height);left:var(--shift);opacity:0;padding:12px 12px 12px 18px;perspective:500px;position:relative;transform-style:preserve-3d}@media only screen and (hover:hover)and (pointer:fine){.road-map-entry:hover{background:hsl(var(--hsl),60%,60%,.2)}}@keyframes roadMapEntryAppearAnimation{0%{opacity:0}to{opacity:var(--opacity)}}.road-map-entry.prominent{animation:careerRoadMapEntryProminentAnimation 3s ease-in-out infinite;opacity:1}@keyframes careerRoadMapEntryProminentAnimation{0%,to{transform:scale(1)}50%{transform:scale(1.175)}}.road-map-entry.disabled,.road-map-entry.less-prominent{--opacity:.5;background:#0000}@keyframes testAnim{0%,to{transform:rotateY(0)}33%{transform:rotateY(-24deg)}66%{transform:rotateY(24deg)}}.road-map-entry .category-progress-container{bottom:0;left:0;position:absolute;right:0;top:0;z-index:-1}.road-map-entry .category-progress-container svg rect{stroke-dashoffset:var(--rect-perimeter);animation:strokeAnimation .5s calc(var(--appear-delay) + .1s) cubic-bezier(.27,1,.34,1);animation-fill-mode:forwards}@keyframes strokeAnimation{0%{stroke-dashoffset:var(--rect-perimeter)}to{stroke-dashoffset:var(--stroke-dashoffset)}}.road-map-entry .info{display:flex;flex-direction:column}.road-map-entry .info .title{font-family:edit-undo line brk;font-size:20px;font-weight:700;letter-spacing:2px;margin-bottom:4px}.road-map-entry .info .lock-icon{filter:grayscale(1);font-size:12px;opacity:.75;position:absolute;right:4px;top:4px}.road-map-entry .info .subtitle{font-family:var(--code-ui-font);font-family:Doto;font-size:12px}.road-map-entry+.road-map-entry{margin-top:var(--gap)}.road-map-entry .button.play-button{--size:32px;align-self:flex-end;border:1px solid #fff3;border-radius:var(--border-radius-2);height:var(--size);margin-left:20px;padding:7px 7px 7px 10px;width:var(--size)}.light-theme .road-map{--group-border-color:#0000000f}.road-map{--group-connector-size:42px;--group-border-size:3px;--group-border-color:#ffffff0f;display:flex;flex-direction:column;height:calc(100% - var(--sat));line-height:1;top:var(--sat)}.road-map h3{font-family:edit-undo line brk;font-size:24px;letter-spacing:1px;margin-bottom:16px;padding:16px;width:100%}.road-map .road-map-welcome-message{color:#a1e87d;font-size:13px;line-height:1.15;margin-bottom:16px}.road-map .road-map-welcome-message .road-map-welcome-message-content{border-radius:var(--border-radius-2);font-family:Doto;font-weight:700;padding:0 20px;white-space:pre-wrap}.road-map .road-map-content{align-items:center;bottom:0;display:flex;flex-direction:column;left:0;overflow:auto;padding:0 0 24px;position:absolute;right:0;top:0;width:100%}.road-map .road-map-content .road-map-group-container{align-items:center;border:var(--group-border-size) solid var(--group-border-color);border-radius:12px;display:flex;flex-direction:column;flex-shrink:0;min-width:calc(100% - 32px);position:relative}.road-map .road-map-content .road-map-group-container:not(.in-viewport) .road-map-planet .planet:after{animation-play-state:paused}.road-map .road-map-content .road-map-group-container.light .road-map-planet{opacity:.9}.road-map .road-map-content .road-map-group-container .connector{bottom:calc(100% + var(--group-border-size));height:var(--group-connector-size);position:absolute;z-index:1}.road-map .road-map-content .road-map-group-container .categories-connector{align-self:center;animation:fadeIn .75s ease-in-out .6s;animation-fill-mode:forwards;opacity:0;position:absolute;top:75px}.road-map .road-map-content .road-map-group-container .categories-connector path{stroke-dasharray:6px}.road-map .road-map-content .road-map-group-container .road-map-group{overflow:hidden;padding:12px 16px}.road-map .road-map-content .road-map-group-container .road-map-group,.road-map .road-map-content .road-map-group-container .road-map-group .road-map-group-list{align-items:center;display:flex;flex-direction:column;position:relative;width:100%}.road-map .road-map-content .road-map-group-container .road-map-group .button.group-info-button{--size:24px;border:1px solid var(--separator-color);height:var(--size);padding:6px;position:absolute;right:10px;top:8px;width:var(--size)}.road-map .road-map-content .road-map-group-container .road-map-planet{position:absolute}.road-map .road-map-content .road-map-group-container h4{align-self:flex-start;color:hsl(var(--hsl),60%,60%);font-size:16px;letter-spacing:1px;margin-bottom:12px}.road-map .road-map-content .road-map-group-container+.road-map-group-container{margin-top:var(--group-connector-size)}.road-map .road-map-planet{opacity:.6;top:20%}.installation-recommendation{align-items:center;background:rgba(0,0,0,.612);z-index:2}.installation-recommendation .recommendation-content-container{--initial-transform:translateY(64px);background:var(--secondary-bg-color);border-radius:var(--border-radius-2);bottom:32px;display:flex;flex-direction:column;opacity:0;padding:12px 16px;position:absolute;transform:var(--none-transform);transform:var(--initial-transform);transition:.35s;width:min(max(300px,calc(100% - 32px)),420px)}.installation-recommendation .recommendation-content-container.active{animation:recommendationContentAppearAnimation .35s ease-in-out;opacity:1;transform:translateY(0)}@keyframes recommendationContentAppearAnimation{0%{opacity:0;transform:var(--none-transform);transform:var(--initial-transform)}to{opacity:1;transform:translateY(0)}}.installation-recommendation .recommendation-content-container .content-text{font-size:14px;text-align:center}.installation-recommendation .recommendation-content-container .content-text .continue-on-web-button{font-size:16px;font-weight:700;text-decoration:underline}.installation-recommendation .recommendation-content-container .buttons-container,.pwa-installation-help .buttons-container{align-items:center;display:flex;margin-top:16px}.legal-info-container{z-index:12}.legal-info-container .legal-info{background:var(--secondary-bg-color);padding:12px 16px;z-index:11}.legal-info-container .legal-info h3{margin-bottom:12px}.legal-info-container .legal-info .terms-and-conditions-wrapper{display:flex;flex:1 1;flex-direction:column;overflow-y:auto}.about-us{background:var(--secondary-bg-color);padding:12px 16px;z-index:12}.about-us h3{margin-bottom:12px}.about-us .about-us-wrapper{display:flex;flex:1 1;flex-direction:column;overflow-y:auto}.countries-list-dialog{background:var(--bg-color);padding:12px 16px;z-index:11}.countries-list-dialog .text-input,.countries-list-dialog h3{margin-bottom:12px}.countries-list-dialog .countries-list{display:flex;flex:1 1;flex-direction:column;overflow-y:auto}.countries-list-dialog .countries-list .country-entry{align-items:center;background:var(--secondary-bg-color);border-radius:var(--border-radius-2);display:flex;font-size:14px;padding:10px 12px;transition:background .3s ease-in-out}.countries-list-dialog .countries-list .country-entry.picked{background:var(--home-accent-color-1);color:#fff}.countries-list-dialog .countries-list .country-entry+.country-entry{margin-top:8px}.countries-list-dialog .countries-list .country-entry .country-emoji{margin-left:auto}.countries-list-dialog .confirm-country-pick{background:var(--home-accent-color-1);border-radius:var(--border-radius-2);color:#fff;font-weight:700;margin-top:12px;padding:12px}.light-theme .user-generated-name-popup{--name-bg:#dfdfdf}.user-generated-name-popup{--name-bg:var(--bg-color);align-items:center;background:rgba(0,0,0,.467);display:flex;flex-direction:column;justify-content:center;z-index:11}.user-generated-name-popup .user-generated-name-content{background:var(--secondary-bg-color);border-radius:var(--border-radius-2);display:flex;flex-direction:column;padding:10px 16px;width:min(max(300px,calc(100% - 2rem)),420px)}.user-generated-name-popup .user-generated-name-content .text{font-size:12px;line-height:1;margin-bottom:32px;opacity:.5;text-align:center}.user-generated-name-popup .user-generated-name-content .buttons{display:flex}.user-generated-name-popup .user-generated-name-content .buttons>*{flex:1 1}.user-generated-name-popup .user-generated-name-content .user-name-container{align-self:center;background:var(--name-bg);border-radius:var(--border-radius-3);font-size:20px;font-weight:700;margin:6px 0;overflow:hidden;padding:12px 16px;position:relative}.user-generated-name-popup .user-generated-name-content .user-name-container:after{bottom:0;content:"";left:0;position:absolute;right:0;top:0;transition:.3s ease-in-out;z-index:1}.user-generated-name-popup .user-generated-name-content .user-name-container.pending{animation:nameGeneratingBlinkingAnimation 3s ease-in-out infinite}.user-generated-name-popup .user-generated-name-content .user-name-container.pending:after{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}@keyframes nameGeneratingBlinkingAnimation{0%,to{opacity:1}50%{opacity:.5}}.challenges-path-end-reach-popup .planet-container{opacity:.2;position:absolute;top:32px;transform:rotate(32deg);z-index:-1}.challenges-path-end-reach-popup header{align-items:center;display:flex;margin-bottom:18px}.challenges-path-end-reach-popup header img{margin-right:12px}.challenges-path-end-reach-popup article{display:flex;flex-direction:column;margin-bottom:24px;text-align:start}.challenges-path-end-reach-popup article p+p{margin-top:6px}.payment-dialog{padding:10px 16px;z-index:11}@media only screen and (min-width:800px){.payment-dialog{margin:0 auto;max-width:800px}}.payment-dialog h3{padding:2px 16px 16px 0}.payment-dialog .card-element-wrapper{background:var(--input-bg);border-radius:var(--border-radius-2);display:flex;flex-direction:column;line-height:1;margin:12px 0;padding:10px 12px}.payment-dialog .card-element-wrapper h4{margin-bottom:12px}.payment-dialog .card-element-wrapper .text-input{border:1px solid var(--separator-color)}.payment-dialog .card-element-wrapper .card-element-inputs{align-items:center;display:flex}.payment-dialog .card-element-wrapper .card-element-inputs #ccn{flex:1 1;margin-right:16px}.payment-dialog .card-element-wrapper .card-element-inputs #cvc{max-width:120px}.payment-dialog .amount-input-wrapper{align-items:center;display:flex;margin-bottom:16px;position:relative}.payment-dialog .amount-input-wrapper .text-input{font-size:24px;font-weight:700;line-height:1;padding:6px 24px 6px 12px}.payment-dialog .amount-input-wrapper .text-input::placeholder{font-size:18px}.payment-dialog .amount-input-wrapper .currency{font-size:20px;opacity:.6;position:absolute;right:12px}.payment-dialog .radio-group{align-items:center;display:flex;flex-direction:row}.payment-dialog .radio-group .radio-button-container+.radio-button-container{margin:0 0 0 24px}.payment-dialog .recurring-type-select{margin-top:16px}.payment-dialog .recurring-type-select .select-option:first-letter,.payment-dialog .recurring-type-select .select-value span:first-letter{text-transform:uppercase}.payment-dialog .user-info-wrapper{display:flex;flex-direction:column;margin:16px 0}.payment-dialog .user-info-wrapper .text-input+.text-input{margin-top:16px}.payment-dialog .submit-pay-button{background:var(--home-accent-color-1);border-radius:var(--border-radius-2);color:#fff;font-size:18px;font-weight:700;margin-top:auto;padding:10px 0;width:100%}.payment-dialog .current-subscription-data{border:1px solid var(--separator-color);border-radius:var(--border-radius-2);display:flex;flex-direction:column;line-height:1;margin-bottom:16px;margin-top:auto;padding:18px 12px 10px;position:relative}.payment-dialog .current-subscription-data h5{background:var(--bg-color);font-size:14px;left:8px;margin-bottom:6px;padding:2px 4px;position:absolute;top:-8px}.payment-dialog .current-subscription-data .main-info{display:flex}.payment-dialog .current-subscription-data .main-info .amount{font-size:32px;font-weight:700}.payment-dialog .current-subscription-data .date{bottom:12px;font-size:12px;opacity:.4;position:absolute;right:12px}.payment-dialog .current-subscription-data .recurring{align-self:flex-end;font-size:14px;line-height:1;margin-left:6px;padding-bottom:2px}.payment-dialog .current-subscription-data .recurring:first-letter{text-transform:uppercase}.payment-dialog .cancel-subscription-button{background:#ff3838;border-radius:var(--border-radius-2);font-size:18px;font-weight:700;padding:10px 0;width:100%}.donation-popup .dialog-title{font-size:16px;font-weight:400;line-height:1;text-align:left}.donation-popup .dialog-title p:first-child{font-weight:700}.donation-popup .dialog-title p:nth-child(2){margin-top:16px}.forgot-password-dialog{z-index:12}.forgot-password-dialog h4{margin-bottom:16px}.forgot-password-dialog .button.send-link-button{background:var(--home-accent-color-1);border:2px solid #0000;border-radius:8px;color:#fff;font-weight:700;line-height:1;margin-top:16px;padding:14px;width:100%}.category-popup-dialog{font-family:var(--ui-font);z-index:12}.category-popup-dialog .title{font-size:18px;font-weight:900;line-height:1;margin-bottom:16px}.category-popup-dialog .button.button--confirm{margin:16px 0 0;width:100%}.root-planets{height:100%;left:0;overflow:hidden;position:absolute;top:0;width:100%;z-index:-1}.light-theme .app-lock-screen .payment-wall-header>img{filter:invert(41%) sepia(91%) saturate(2000%) hue-rotate(273deg) brightness(100%) contrast(100%) drop-shadow(1px 1px 2px rgba(153,51,119,.3333333333))}.light-theme .app-lock-screen .subscription-plan-options-list small{font-weight:700;text-shadow:0 0 12px #fff,0 0 32px #fff}.light-theme .app-lock-screen .subscription-plan-options-list .subscription-option{background:hsl(var(--hue),50%,100%);color:hsl(var(--hue),50%,50%,1)}.light-theme .app-lock-screen .news-subscribe .subscribe-button{color:hsl(var(--hue),50%,50%)}.light-theme .app-lock-screen .auth-button{background:hsla(0,0%,100%,.631)}@media only screen and (hover:hover)and (pointer:fine){.light-theme .app-lock-screen .auth-button:hover{background:hsla(0,0%,100%,.867)}}.light-theme .app-lock-screen .scrollable-lock-content .starry-night-container:after{background:#fff9}.alert.lock-screen-error-alert{--range:6px}.alert.lock-screen-error-alert .alert-inner-content{animation:alertShakingAnimation .35s ease-in-out}@keyframes alertShakingAnimation{0%,to{transform:translateX(0)}25%,75%{transform:translateX(var(--range))}50%{transform:translateX(calc(var(--range)*-1))}}.app-lock-screen{background:var(--secondary-bg-color);display:flex;flex:1 1;flex-direction:column;overflow:hidden;padding:12px 0;z-index:11}.app-lock-screen .scrollable-lock-content .starry-night-container:after{background:rgba(0,0,0,.612);content:"";inset:0;pointer-events:none;position:absolute}.app-lock-screen.desktop{border-radius:6px;box-shadow:0 0 30px #000;margin:auto;padding:50px}.app-lock-screen .auth-button{--opacity:.8;animation:authButtonAnimation 5s linear infinite;background:rgba(0,0,0,.631);border-bottom-left-radius:50%;border-top-left-radius:10px;color:#ff52ff;height:69px;opacity:var(--opacity);padding:8px calc(12px + var(--sar)) 16px 20px;position:absolute;right:0;top:calc(var(--sat) - 5px);z-index:1}.app-lock-screen .auth-button:active{background:#fff9}.app-lock-screen .auth-button>div{filter:brightness(.9) grayscale(1) sepia(1) hue-rotate(297deg)}.app-lock-screen .auth-button img{height:30px;width:30px}.app-lock-screen .auth-button small{display:flex;font-size:12px;font-weight:700;text-transform:uppercase;transform:translateX(-2px)}.app-lock-screen .auth-button.bottom{bottom:0;left:0;right:auto;top:auto;z-index:2}@media only screen and (hover:hover)and (pointer:fine){.app-lock-screen .auth-button:hover{background:rgba(0,0,0,.867)}}.app-lock-screen .inner-content-container{display:flex;flex:1 1;flex-direction:column;overflow-y:auto;padding:var(--sat) 16px var(--sab) 16px}.app-lock-screen .payment-wall-header{align-items:center;display:flex;flex-direction:column;line-height:1;padding:0 55px}.app-lock-screen .payment-wall-header>img{filter:drop-shadow(0 0 3px rgba(0,0,0,.5019607843));max-width:max(280px,50vw)}.app-lock-screen .payment-wall-header .payment-app-name{align-items:center;color:hsl(var(--hue),40%,50%);display:flex;font-size:70px;font-weight:700;justify-content:center;opacity:.5;transition:color 1.25s ease-in-out}.app-lock-screen .paywall-planets-container{align-items:center;bottom:-100px;display:flex;justify-content:center;left:-100px;position:absolute;right:-100px;top:-100px;transition:transform 1s cubic-bezier(.85,0,0,1);z-index:-1}.app-lock-screen .paywall-planets-container .paywall-planets-inner-container{align-items:center;animation:fullRotation 200s linear;display:flex;justify-content:center;position:absolute}@keyframes fullRotation{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.app-lock-screen .paywall-planets-container .payment-wall-planet{--initial-scale:.75;--translate-range:120%;--initial-top-offset:32px;position:absolute;transition:transform 1.25s ease-in-out}.app-lock-screen .paywall-planets-container .payment-wall-planet:nth-child(3){transform:scale(var(--none-scale)) translate(calc(var(--translate-range)*-1),calc(var(--translate-range)*-1));transform:scale(var(--initial-scale)) translate(calc(var(--translate-range)*-1),calc(var(--translate-range)*-1))}.app-lock-screen .paywall-planets-container .payment-wall-planet:nth-child(2){transform:scale(var(--none-scale)) translate(var(--translate-range),calc(var(--translate-range)*-1));transform:scale(var(--initial-scale)) translate(var(--translate-range),calc(var(--translate-range)*-1))}.app-lock-screen .paywall-planets-container .payment-wall-planet:first-child{transform:scale(var(--none-scale)) translateY(var(--translate-range));transform:scale(var(--initial-scale)) translateY(var(--translate-range))}.app-lock-screen .paywall-planets-container .payment-wall-planet.selected{--initial-scale:1.2;z-index:1}.app-lock-screen .app-links-wrapper{align-items:center;display:flex;flex-direction:column;letter-spacing:1px;padding:10px}.app-lock-screen .app-links-wrapper p{font-size:20px;font-weight:700;line-height:1.15;margin-bottom:24px;text-align:center;text-shadow:0 0 9px #000}.app-lock-screen .app-links-wrapper .store-buttons-container{align-items:center;display:flex;margin-top:12px}.app-lock-screen .subscription-plan-options-list{align-items:center;display:flex;flex:1 1;flex-direction:column;font-family:Poppins;justify-content:center;padding:20px 0;position:relative}.app-lock-screen .subscription-plan-options-list small{margin-bottom:12px;text-align:center}.app-lock-screen .subscription-plan-options-list .subscription-option{align-items:center;background:hsla(var(--hue),80%,0%,.8);background:hsla(var(--hue),80%,0%,var(--alpha,.8));border-radius:var(--border-radius-2);display:flex;overflow:hidden;padding:16px;position:relative;text-align:center;transition:transform .3s ease-in-out,opacity .3s ease-in-out,border-color .3s ease-in-out}.app-lock-screen .subscription-plan-options-list .subscription-option+.subscription-option{margin-top:18px}@media only screen and (hover:hover)and (pointer:fine){.app-lock-screen .subscription-plan-options-list .subscription-option:hover{opacity:.9}}.app-lock-screen .subscription-plan-options-list .subscription-option .subscription-plan-main-info{display:flex;flex-direction:column;font-family:Doto,monospace;font-size:14px;font-weight:700;text-align:left;width:100%}.app-lock-screen .subscription-plan-options-list .subscription-option .subscription-plan-main-info .subscription-period{font-size:20px;font-weight:700;margin-bottom:12px}.app-lock-screen .subscription-plan-options-list .subscription-option .subscription-plan-main-info .subscription-cost{align-items:center;display:flex;font-size:15px}.app-lock-screen .subscription-plan-options-list .subscription-option .subscription-plan-main-info .subscription-cost .discount-amount{margin-left:12px}.app-lock-screen .subscription-plan-options-list .subscription-option .subscription-plan-additional-info{font-size:14px;margin-left:auto}.app-lock-screen .news-subscribe{display:flex;flex-direction:column;margin-top:40px;padding:0 16px;position:relative}.app-lock-screen .news-subscribe .text-input.error{border:1px solid #ff5d5d}.app-lock-screen .news-subscribe small{bottom:calc(100% + 2px);color:#ff5d5d;font-size:12px;left:16px;position:absolute}.app-lock-screen .news-subscribe .subscribe-button{border:2px solid hsl(var(--hue),50%,50%);border-radius:var(--border-radius-2);height:51px;margin-top:16px;padding:12px 32px;transition:border 1s ease-in-out;width:100%}@media only screen and (hover:hover)and (pointer:fine){.app-lock-screen .news-subscribe .subscribe-button:hover{background:hsla(0,0%,100%,.067)}}.app-lock-screen .news-subscribe .subscribe-button:active{background:hsla(var(--hue),50%,50%,.9)}.app-lock-screen .payment-info{font-size:23px;font-weight:700;padding:20px;text-align:center}.light-theme .payment-wall .subscription-plan-options-list small{font-weight:700;text-shadow:0 0 12px #fff,0 0 32px #fff}.light-theme .payment-wall .subscription-plan-options-list .subscription-option{background:hsl(var(--hue),50%,100%);color:hsl(var(--hue),50%,50%,1)}.light-theme .payment-wall .subscription-plan-options-list .subscription-option.popular:after,.light-theme .payment-wall .subscription-plan-options-list .subscription-option.selected{color:#fff}.light-theme .payment-wall .payment-wall-buttons .subscribe-button{color:hsl(var(--hue),50%,50%)}.light-theme .path-wall-info{background:hsla(0,0%,100%,.467)}.wall-message p:first-of-type{font-size:18px;font-weight:700;text-align:center}.wall-message p:nth-of-type(2){font-size:14px;margin-top:6px;opacity:.5;text-align:center}.path-wall-info{align-items:center;background:rgba(0,0,0,.467);border-radius:16px;display:flex;margin-bottom:16px;padding:6px 24px}.path-wall-info img{height:32px}.path-wall-info h3{font-size:32px;letter-spacing:2px;margin-left:16px}.wall-message{font-family:Doto;font-weight:700}.payment-wall{background:var(--secondary-bg-color);display:flex;flex-direction:column;overflow:hidden;padding:12px 0;z-index:11}.payment-wall .inner-content-container{align-self:center;display:flex;flex:1 1;flex-direction:column;max-width:685px;overflow-y:auto;padding:0 16px}.payment-wall .payment-wall-header{align-items:center;display:flex;flex-direction:column;line-height:1}.payment-wall .payment-wall-header .payment-app-name{align-items:center;color:hsl(var(--hue),40%,50%);display:flex;font-size:70px;font-weight:700;justify-content:center;opacity:.5;transition:color 1.25s ease-in-out}.payment-wall .paywall-planets-container{align-items:center;bottom:-100px;display:flex;justify-content:center;left:-100px;position:absolute;right:-100px;top:-100px;transition:transform 1s cubic-bezier(.85,0,0,1);z-index:-1}.payment-wall .paywall-planets-container .payment-wall-planet{--initial-scale:.75;--translate-range:120%;--initial-top-offset:32px;position:absolute;transition:transform 1.25s ease-in-out}.payment-wall .paywall-planets-container .payment-wall-planet:nth-child(3){transform:scale(var(--none-scale)) translate(calc(var(--translate-range)*-1),calc(var(--translate-range)*-1));transform:scale(var(--initial-scale)) translate(calc(var(--translate-range)*-1),calc(var(--translate-range)*-1))}.payment-wall .paywall-planets-container .payment-wall-planet:nth-child(2){transform:scale(var(--none-scale)) translate(var(--translate-range),calc(var(--translate-range)*-1));transform:scale(var(--initial-scale)) translate(var(--translate-range),calc(var(--translate-range)*-1))}.payment-wall .paywall-planets-container .payment-wall-planet:first-child{transform:scale(var(--none-scale)) translateY(var(--translate-range));transform:scale(var(--initial-scale)) translateY(var(--translate-range))}.payment-wall .paywall-planets-container .payment-wall-planet.selected{--initial-scale:1.2;z-index:1}.payment-wall .subscription-plan-options-list{display:flex;flex-direction:column;margin:auto 0 24px;position:relative}.payment-wall .subscription-plan-options-list small{margin-bottom:12px;text-align:center}.payment-wall .subscription-plan-options-list .subscription-option{align-items:center;background:hsla(var(--hue),80%,0%,.6);border-radius:var(--border-radius-2);cursor:pointer;display:flex;line-height:1;opacity:.65;overflow:hidden;padding:16px;position:relative;transition:transform .3s ease-in-out,opacity .3s ease-in-out,border-color .3s ease-in-out}.payment-wall .subscription-plan-options-list .subscription-option+.subscription-option{margin-top:18px}@media only screen and (hover:hover)and (pointer:fine){.payment-wall .subscription-plan-options-list .subscription-option:hover{opacity:.9}}.payment-wall .subscription-plan-options-list .subscription-option.selected{background:hsla(var(--hue),50%,40%,1);border-color:hsl(var(--hue),40%,50%);opacity:.9;transform:scale(1.05)}.payment-wall .subscription-plan-options-list .subscription-option.discount .original-amount{opacity:.4;text-decoration:line-through}.payment-wall .subscription-plan-options-list .subscription-option.popular:after{background:hsl(var(--hue),40%,50%);border-top-left-radius:var(--border-radius-2);bottom:0;content:"Best Value!";font-size:11px;padding:6px 12px;position:absolute;right:0}.payment-wall .subscription-plan-options-list .subscription-option .subscription-plan-main-info{display:flex;flex-direction:column}.payment-wall .subscription-plan-options-list .subscription-option .subscription-plan-main-info .subscription-period{font-size:20px;font-weight:700;margin-bottom:12px}.payment-wall .subscription-plan-options-list .subscription-option .subscription-plan-main-info .subscription-cost{align-items:center;display:flex;font-size:15px}.payment-wall .subscription-plan-options-list .subscription-option .subscription-plan-main-info .subscription-cost .discount-amount{margin-left:12px}.payment-wall .subscription-plan-options-list .subscription-option .subscription-plan-additional-info{font-size:14px;margin-left:auto}.payment-wall .payment-wall-buttons{align-items:center;align-self:center;display:flex;justify-content:center;max-width:585px;padding:0 16px;width:100%}.payment-wall .payment-wall-buttons .subscribe-button{border:2px solid hsl(var(--hue),50%,50%);border-radius:var(--border-radius-2);padding:12px 32px;transition:border 1s ease-in-out;width:100%}.payment-wall .payment-info{font-size:23px;font-weight:700;padding:20px;text-align:center}.light-theme .invitation-confirmation .invitation-category{background:hsl(var(--hue),50%,100%);color:hsl(var(--hue),50%,50%,1)}.light-theme .invitation-confirmation .subscribe-button{color:hsl(var(--hue),50%,50%)}.invitation-confirmation{background:var(--secondary-bg-color);display:flex;flex-direction:column;overflow:hidden;padding:12px 16px;z-index:11}.invitation-confirmation .invitation-header{align-items:center;display:flex;flex-direction:column;line-height:1}.invitation-confirmation .invitation-header .title{color:hsla(var(--hue),50%,40%);font-size:32px;font-weight:700;margin-bottom:12px}.invitation-confirmation .invitation-header .name{margin-bottom:12px}.invitation-confirmation .permission-expires-at{align-items:center;color:hsla(var(--hue),50%,40%);display:flex;font-size:12px;font-weight:700;justify-content:center}.invitation-confirmation .categories-list-container{display:flex;flex:1 1;flex-direction:column;margin-top:32px;overflow:hidden;position:relative}.invitation-confirmation .categories-list-container small{text-align:center}.invitation-confirmation .categories-list-container .categories-list{display:flex;flex:1 1;flex-direction:column;margin-top:12px;overflow-y:auto;padding-bottom:16px}.invitation-confirmation .categories-list-container .categories-list .invitation-category{align-items:center;background:hsla(var(--hue),50%,30%,.6);border-radius:var(--border-radius-2);cursor:pointer;display:flex;font-weight:700;line-height:1;padding:14px 16px;position:relative;transition:transform .3s ease-in-out,opacity .3s ease-in-out,border-color .3s ease-in-out}.invitation-confirmation .categories-list-container .categories-list .invitation-category+.invitation-category{margin-top:12px}.invitation-confirmation .subscribe-button{border:2px solid hsl(var(--hue),50%,50%);border-radius:var(--border-radius-2);font-weight:700;padding:12px 32px;transition:border 1s ease-in-out;width:100%}.light-theme .confirm-expertise-button .button-content{color:var(--hsl)}.big-device .confirm-expertise-button{padding:80px 0 var(--padding-outside)}.confirm-expertise-button{align-items:center;display:flex;font-family:var(--home-font)!important;font-weight:700;justify-content:center;padding:var(--padding-outside) 0;transition:.35s;width:100%}.confirm-expertise-button .button-content{align-items:center;background:var(--background);border-radius:10px;display:flex;font-size:30px;line-height:1;padding:10px 20px;position:relative}.confirm-expertise-button .animated-arrows{align-items:center;animation:fadeIn 1s ease-in-out;display:flex;font-family:Doto;font-size:42px;padding:0 10px;top:0;transform:scaleY(1.35)}.confirm-expertise-button .animated-arrows .arrow{animation:arrowAnimationRight .75s ease-in-out infinite alternate;color:var(--hsl);display:inline-block}.confirm-expertise-button .animated-arrows .arrow.arrow-left{animation-name:arrowAnimationLeft}@keyframes arrowAnimationLeft{0%{transform:translateX(-4px)}to{transform:translateX(4px)}}@keyframes arrowAnimationRight{0%{transform:translateX(4px)}to{transform:translateX(-4px)}}.expertise-selection-content{display:flex;flex:1 1;flex-direction:column;height:100%;opacity:0;overflow:hidden;position:absolute;transition:opacity .35s ease-in-out;width:100%;z-index:-1}.expertise-selection-content.active{animation:fadeIn .35s ease-in-out;opacity:1;transition:none;z-index:1}.expertise-selection-content .radio-buttons-list-container{display:flex;flex:1 1;flex-direction:column;justify-content:center;overflow-y:auto;padding:0 16px 16px}.light-theme .welcome-view-with-preferences .content-wrapper .preferences-content{--active-toggle-bg:#00000020}.welcome-view-with-preferences .content-wrapper .preferences-content{--active-toggle-bg:#ffffff20;display:flex;flex:1 1;flex-direction:column;opacity:0;overflow:hidden;position:relative;transition:opacity .35s ease-in-out;z-index:-1}.welcome-view-with-preferences .content-wrapper .preferences-content.active{animation:fadeIn .35s ease-in-out;opacity:1;transition:none;z-index:1}.welcome-view-with-preferences .content-wrapper .preferences-content .preferences-scrollable-content-wrapper{align-items:center;display:flex;flex:1 1;flex-direction:column;overflow-y:auto;padding:0 16px 100px}.welcome-view-with-preferences .content-wrapper .preferences-content .preferences-scrollable-content-wrapper .radio-buttons-list{flex:initial}.welcome-view-with-preferences .content-wrapper .preferences-content .preferences-scrollable-content-wrapper .radio-buttons-list .radio-button-option{align-items:flex-start}.welcome-view-with-preferences .content-wrapper .preferences-content .preferences-scrollable-content-wrapper .radio-buttons-list .radio-button-option .radio-button{align-self:flex-start;margin-right:16px}.welcome-view-with-preferences .content-wrapper .preferences-content .toggles-wrapper{display:flex;margin:32px 0 0;padding:0 0 0 16px;position:relative;width:calc(100% + 32px)}.welcome-view-with-preferences .content-wrapper .preferences-content .toggles-wrapper .toggle-wrapper{align-items:center;border-radius:6px;cursor:pointer;display:flex;justify-content:space-between;position:relative}.welcome-view-with-preferences .content-wrapper .preferences-content .toggles-wrapper .toggle-wrapper.canvas-bg-select-wrapper,.welcome-view-with-preferences .content-wrapper .preferences-content .toggles-wrapper .toggle-wrapper.canvas-bg-select-wrapper .select{flex:1 1}.welcome-view-with-preferences .content-wrapper .preferences-content .toggles-wrapper .toggle-wrapper.active{background:hsla(var(--h),var(--s),var(--l),.1)}.welcome-view-with-preferences .content-wrapper .preferences-content .toggles-wrapper .toggle-wrapper .toggle-value-title{color:var(--hsl);font-size:14px;font-weight:700;min-width:70px}.welcome-view-with-preferences .content-wrapper .preferences-content .toggles-wrapper .toggle-wrapper .toggle-value-title:nth-of-type(2){text-align:right}.welcome-view-with-preferences .content-wrapper .preferences-content .toggles-wrapper .toggle-wrapper .toggle{--active-bg:var(--active-toggle-bg);margin:0 12px}.welcome-view-with-preferences .content-wrapper .preferences-content .toggles-wrapper .toggle-wrapper .toggle.background-canvas-preference-toggle{--color:#fff;--active-color:#fff;--bg:var(--active-bg)}.welcome-view-with-preferences .content-wrapper .preferences-content .toggles-wrapper .settings-button{bottom:-46px;height:30px;opacity:.65;position:absolute;right:16px}.light-theme .welcome-view-with-preferences{--canvas-opacity:1;--main-bg:#fff;--buttons-container-gradient-color:#fff;--text-shadow-color:#fff}.light-theme .welcome-view-with-preferences .content-wrapper{--wrapper-bg-color:#ffffff70}.light-theme .welcome-view-with-preferences .welcome-view-content{background:linear-gradient(180deg,#fff,#0000)}.big-device .welcome-view-with-preferences .back-button{padding:80px 80px 20px 20px}.emoji-icon-wrapper{--size:34px;align-items:center;display:flex;height:var(--size);justify-content:center;overflow:hidden;width:var(--size)}.welcome-view-with-preferences{--padding-outside:20px;--main-bg:#000;--text-shadow-color:#000;--buttons-container-gradient-color:#000;--canvas-opacity:.5;background:var(--main-bg);font-family:VCR Mono;padding:var(--sat) var(--sar) var(--sab) var(--sal);z-index:11}.welcome-view-with-preferences.welcome-view-dialog{overflow-y:auto}.welcome-view-with-preferences.small-device .welcome-greeting{margin-top:16px}.welcome-view-with-preferences h3{font-family:var(--home-font);font-family:Doto,sans-serif;font-size:22px;font-weight:900;line-height:1.2;margin-top:20px;padding:0 52px;text-align:center;text-transform:uppercase}.welcome-view-with-preferences .content-wrapper{--wrapper-bg-color:#00000011;align-self:center;background:var(--wrapper-bg-color);border-radius:var(--border-radius-2);display:flex;flex-direction:column;height:100%;margin:0 auto;max-width:600px;overflow:hidden;position:relative;width:100%}.welcome-view-with-preferences .content-wrapper .auth-button{--opacity:.8;filter:brightness(.9) grayscale(1) sepia(1) hue-rotate(-260deg);height:64px;opacity:var(--opacity);padding:16px;position:absolute;right:0;top:0;z-index:99999999999999}.welcome-view-with-preferences .content-wrapper .auth-button.blinking{animation:authButtonAnimation 5s linear infinite}.welcome-view-with-preferences .content-wrapper .auth-button img{height:30px;width:30px}.welcome-view-with-preferences .content-wrapper .auth-button small{display:flex;font-size:12px;font-weight:700;text-transform:uppercase;transform:translateX(-2px)}.welcome-view-with-preferences .content-wrapper .auth-button.bottom{bottom:0;left:0;right:auto;top:auto;z-index:2}@keyframes authButtonAnimation{0%,10%,20%,to{opacity:var(--opacity)}15%,5%{opacity:.25}}.welcome-view-with-preferences .content-wrapper .radio-buttons-list{--options-gap:12px;display:flex;flex-direction:column;height:100%;justify-content:space-around;margin-top:32px}.welcome-view-with-preferences .content-wrapper .radio-buttons-list.small-device{--options-gap:8px;justify-content:flex-start;margin-top:12px}.welcome-view-with-preferences .content-wrapper .radio-buttons-list.with-appear-animation .radio-button-option{animation:welcomeIdleCallerAnimation 6s calc(2s + var(--animation-delay)) linear infinite,expertiseOptionAppearAnimation 2s var(--animation-delay) cubic-bezier(.68,2.5,.43,.82);animation-fill-mode:forwards;opacity:0}.welcome-view-with-preferences .content-wrapper .radio-buttons-list .radio-button-option{--computer-text-color:var(--hsl);--caller-opacity:.6;align-items:flex-start;background:linear-gradient(90deg,hsla(var(--h),var(--s),var(--l),.1),hsla(var(--h),var(--s),var(--l),.01));border-radius:12px;cursor:pointer;display:flex;flex-shrink:0;opacity:1;padding:12px;transition:opacity 1s,transform .3s ease-out}@media only screen and (hover:hover)and (pointer:fine){.welcome-view-with-preferences .content-wrapper .radio-buttons-list .radio-button-option:hover{transform:scale(1.05)}}.welcome-view-with-preferences .content-wrapper .radio-buttons-list .radio-button-option:active{background:hsla(var(--h),var(--s),var(--l),.4)}.welcome-view-with-preferences .content-wrapper .radio-buttons-list .radio-button-option .radio-button-option-content{align-items:flex-start;cursor:pointer;display:flex;opacity:1}.welcome-view-with-preferences .content-wrapper .radio-buttons-list .radio-button-option .radio-button{align-self:center}.welcome-view-with-preferences .content-wrapper .radio-buttons-list .radio-button-option.not-selected{animation-fill-mode:none;opacity:.4;transition:opacity 3s ease-out,transform .3s ease-in-out}@media only screen and (hover:hover)and (pointer:fine){.welcome-view-with-preferences .content-wrapper .radio-buttons-list .radio-button-option:hover{opacity:1!important;transition-duration:.3s!important}}@keyframes welcomeIdleCallerAnimation{0%,80%,90%,to{opacity:1}85%,95%{opacity:var(--caller-opacity)}}.welcome-view-with-preferences .content-wrapper .radio-buttons-list .radio-button-option .radio-button-info{display:flex;flex-direction:column;line-height:1.15;transform-origin:0 50%}.welcome-view-with-preferences .content-wrapper .radio-buttons-list .radio-button-option .radio-button-info .radio-button-title{font-family:var(--home-font),sans-serif;font-size:124%;font-weight:700;letter-spacing:2px;margin-bottom:12px}.welcome-view-with-preferences .content-wrapper .radio-buttons-list .radio-button-option .radio-button-info .radio-button-title span{font-family:var(--home-font);font-size:22px;margin-right:8px}.welcome-view-with-preferences .content-wrapper .radio-buttons-list .radio-button-option .radio-button-info .description{font-family:Doto,sans-serif;font-size:90%;font-weight:700;opacity:.85}.welcome-view-with-preferences .content-wrapper .radio-buttons-list .radio-button-option+.radio-button-option{margin-top:var(--options-gap)}@keyframes expertiseOptionAppearAnimation{0%{opacity:0}to{opacity:1}}.welcome-view-with-preferences .welcome-view-content{background:linear-gradient(180deg,rgba(0,0,0,.867),#0000);border-radius:var(--border-radius-2);box-shadow:0 0 150px #000,0 0 150px #000;display:flex;flex-direction:column;height:100%;margin:0 auto;max-width:450px;overflow-y:auto;padding:1rem 1rem 5rem;width:100%;z-index:1}.welcome-view-with-preferences .canvas-container{--opacity:var(--canvas-opacity);border-radius:var(--border-radius-2);height:100%;left:0;overflow:hidden;position:absolute;top:0;width:100%;z-index:0}.welcome-view-with-preferences .main-title{font-size:24px;font-weight:700;line-height:1;text-align:center}.welcome-view-with-preferences .welcome-greeting{color:var(--computer-text-color);margin-top:2rem;opacity:.8;padding:0 20px;text-align:center;transition:opacity .5s ease-in-out}.welcome-view-with-preferences .welcome-greeting .animated-title-container{--initial-delay:500ms;--caller-opacity:.2;align-items:center;animation:welcomeIdleCallerAnimation 6s linear infinite;display:flex;font-family:Doto;font-family:Electronic,sans-serif;font-size:14px;font-weight:700;justify-content:center;padding:0}.welcome-view-with-preferences .welcome-greeting.active{animation:blinkingTitleAnimation}@keyframes blinkingTitleAnimation{0%,to{opacity:1}50%{opacity:.35}}.welcome-view-with-preferences .welcome-view-buttons-container{align-items:center;bottom:0;display:flex;justify-content:center;left:0;position:absolute;width:100%}.welcome-view-with-preferences .back-button{align-items:center;bottom:0;display:flex;font-family:var(--home-font);font-size:16px;font-weight:700;left:0;line-height:1;padding:20px;position:absolute;z-index:1}.welcome-view-with-preferences .back-button span{color:var(--hsl);font-size:30px;height:26px;margin-right:6px;opacity:.4;transform:scaleY(1.35) translateY(-1px)}@media screen and (max-height:640px){.welcome-view-with-preferences .expertises-list{max-height:380px}}@media screen and (max-height:640px)and (max-width:500px){.button.language-select-button{left:4px;padding:8px}}@media screen and (min-height:780px){.welcome-view-with-preferences .welcome-greeting{margin-top:3rem}.welcome-view-with-preferences .expertises-list{font-size:20px}}.button.language-select-button{filter:grayscale(1) sepia(1) hue-rotate(-260deg);font-weight:700;left:0;line-height:1;padding:16px;position:absolute;text-transform:uppercase;top:-2px;z-index:12}.button.language-select-button .emoji-icon-wrapper{opacity:.65}.button.language-select-button small{align-items:center;bottom:10px;bottom:0;display:flex;font-size:16px;justify-content:center;left:0;opacity:.65;position:absolute;right:0;text-align:center;top:0}.emoji-changer{display:inline-block;opacity:1;transform:scale(0);transition:transform .3s ease,opacity .3s ease}.emoji-changer+.emoji-changer{left:0;position:absolute;top:0}.in{transform:scale(1)}.out{opacity:0}.video-preview-container{--title-font:"Caveat",cursive;border-radius:18px;box-shadow:0 0 32px rgba(0,0,0,.169);display:flex;font-family:Inconsolata,Monaco,Consolas,monospace;height:40%;opacity:0;position:absolute;transform:scale(0);width:calc(100% - 32px)}.video-preview-container.cli{--title-font:"VT323",monospace}.video-preview-container .error-emojis-wrapper{inset:0;position:absolute;z-index:1}.video-preview-container .error-emojis-wrapper.active .error-emoji{opacity:1;transform:scale(1)}.video-preview-container .error-emojis-wrapper.active .error-emoji span{transform:rotate(var(--angle)) translate(var(--offset-x),var(--offset-y))}.video-preview-container .error-emojis-wrapper .error-emoji{font-size:42px;line-height:1;opacity:0;position:absolute;transform:scale(0);transition:opacity .3s var(--delay) ease-in-out,transform .3s var(--delay) cubic-bezier(.2,1.6,.45,1)}.video-preview-container .error-emojis-wrapper .error-emoji span{align-self:center;display:flex;justify-content:center;transition:transform .3s var(--delay) ease-in-out}.video-preview-container .error-emojis-wrapper .error-emoji:first-of-type{left:0;top:0}.video-preview-container .error-emojis-wrapper .error-emoji:nth-of-type(2){right:0;top:0}.video-preview-container .error-emojis-wrapper .error-emoji:nth-of-type(3){bottom:0;right:0}.video-preview-container .error-emojis-wrapper .error-emoji:nth-of-type(4){bottom:0;left:0}.video-preview-container .iframe-wrapper{align-items:center;background:var(--palette-4-1);border-radius:16px;display:flex;inset:0;justify-content:center;overflow:hidden;position:absolute}.video-preview-container .code-error{border-radius:16px}.video-preview-container.scaled iframe{height:calc(var(--scale-factor)*100%);min-height:calc(var(--scale-factor)*100%);position:absolute;transform:scale(calc(1/var(--scale-factor)));width:calc(var(--scale-factor)*100%)}.video-preview-container.expected-preview,.video-preview-container.user-preview{opacity:0;transform:scale(0);transition:transform .5s cubic-bezier(.7,0,0,1),opacity .5s ease-in-out}.video-preview-container.expected-preview.active,.video-preview-container.user-preview.active{transform:scale(1)}.video-preview-container.expected-preview.subtle,.video-preview-container.user-preview.subtle{opacity:var(--subtle-preview-opacity)}.video-preview-container.expected-preview.active.focused,.video-preview-container.user-preview.active.focused{--shadow-step:128px;opacity:1}@keyframes focusVideoPreviewAnimation1{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.video-preview-container.expected-preview.active.focused.with-caller,.video-preview-container.user-preview.active.focused.with-caller{animation:focusVideoPreviewAnimation1 .5s ease-in-out .875s}.video-preview-container.expected-preview.active.focused.with-caller:after,.video-preview-container.user-preview.active.focused.with-caller:after{animation:focusVideoPreviewAnimation .75s cubic-bezier(.75,0,.3,1) .35s reverse;border-radius:18px;content:"";inset:0;position:absolute}@keyframes focusVideoPreviewAnimation{0%{box-shadow:0 0 0 0 hsla(var(--border-h),var(--border-s),var(--border-l),1),0 0 0 0 hsla(calc(var(--border-h) - 12),var(--border-s),var(--border-l),1),0 0 0 0 hsla(calc(var(--border-h) - 42),var(--border-s),var(--border-l),1),0 0 0 0 hsla(calc(var(--border-h) - 82),var(--border-s),var(--border-l),1)}to{box-shadow:0 0 0 calc(var(--shadow-step)*1) hsla(var(--border-h),var(--border-s),var(--border-l),0),0 0 0 calc(var(--shadow-step)*2) hsla(calc(var(--border-h) - 12),var(--border-s),var(--border-l),0),0 0 0 calc(var(--shadow-step)*3) hsla(calc(var(--border-h) - 42),var(--border-s),var(--border-l),0),0 0 0 calc(var(--shadow-step)*4) hsla(calc(var(--border-h) - 82),var(--border-s),var(--border-l),0)}}.video-preview-container .expected-preview-arrow,.video-preview-container .user-preview-arrow{--arrow-size:46px;height:var(--arrow-size);position:absolute;transition:transform .3s ease-in-out .4s;width:var(--arrow-size)}.video-preview-container .video-preview-title-wrapper{align-items:center;display:flex;justify-content:center;line-height:1;opacity:0;position:absolute;transition:opacity .2s ease-in-out;width:100%}.video-preview-container .video-preview-title-wrapper .video-animated-title-container{animation:fadeInAnimation .5s ease-in-out .5s;animation-fill-mode:forwards;color:#fff;font-family:var(--title-font);font-size:60px;font-weight:700;opacity:0}.video-preview-container.expected-preview{bottom:16px}.video-preview-container.expected-preview.scaled-down{transform:scale(.5);transform-origin:50% 25%}.video-preview-container.expected-preview.rotated{transform:rotate(-24deg) translate(40%,50%)}.video-preview-container.expected-preview.scaled-down-rotated{transform:rotate(-24deg) translate(40%,50%) scale(.5)}.video-preview-container.expected-preview.disappearing{opacity:0!important}.video-preview-container.expected-preview.focused,.video-preview-container.expected-preview.focused .expected-title-wrapper{opacity:1}.video-preview-container.expected-preview.focused .expected-title-wrapper .expected-preview-arrow{animation:expectedPreviewArrowAnimation .3s ease-in-out .4s;animation-fill-mode:forwards;transform:scale(0) rotate(72deg)}@keyframes expectedPreviewArrowAnimation{0%{transform:scale(0) rotate(72deg)}to{transform:scale(1) rotate(0deg)}}.video-preview-container.expected-preview.with-editor{opacity:1;transform:translate(35%,-100%) scale(.35);z-index:1}.video-preview-container.expected-preview.with-editor.fading{--fade-out-duration:.3s;animation:videoExpectedMonitorFadeOut var(--fade-out-duration) ease-in-out,alternativeExpectedMonitorAnimation 1s var(--fade-out-duration) ease-in-out;animation-fill-mode:forwards;transform:translate(0) scale(.35)}@keyframes videoExpectedMonitorFadeOut{0%{opacity:var(--subtle-preview-opacity)}to{opacity:0}}@keyframes alternativeExpectedMonitorAnimation{0%{opacity:0;transform:translate(35%,-100%) scale(.35)}to{opacity:1;transform:translate(35%,-100%) scale(.35)}}.video-preview-container.expected-preview .expected-title-wrapper{bottom:100%;transform:translateY(calc(-100% + 30px))}.video-preview-container.expected-preview .expected-title-wrapper .expected-preview-arrow{left:12.5%;top:calc(100% - 22px);transform:scale(1) rotate(0deg);transform-origin:50% 0}.video-preview-container.user-preview{opacity:0;top:16px;transform:scale(0);transition:transform .5s var(--over-shoot-bezier),opacity .5s ease-in-out}.video-preview-container.user-preview.focused,.video-preview-container.user-preview.focused .user-title-wrapper{opacity:1}.video-preview-container.user-preview.focused .user-title-wrapper .user-preview-arrow{animation:userPreviewArrowAnimation .3s ease-in-out .4s;animation-fill-mode:forwards;transform:scale(0) rotate(72deg)}@keyframes userPreviewArrowAnimation{0%{transform:scale(0) rotate(72deg)}to{transform:scale(1) rotate(180deg)}}.video-preview-container.user-preview.subtle{opacity:var(--subtle-preview-opacity)}.video-preview-container.user-preview.with-editor{opacity:1}.video-preview-container.user-preview .user-title-wrapper{top:calc(100% + 24px)}.video-preview-container.user-preview .user-title-wrapper.active{opacity:1}.video-preview-container.user-preview .user-title-wrapper .user-preview-arrow{bottom:calc(100% + 18px);right:calc(10% - 2px);transform:scale(0) rotate(72deg);transform-origin:50% 100%}.video-previews-container{--subtle-preview-opacity:.4;--over-shoot-bezier:cubic-bezier(0,1.35,.4,1);--border-h:330;--border-s:100%;--border-l:70%;--border-color:hsl(var(--border-h),var(--border-s),var(--border-l));align-items:center;display:flex;flex-direction:column;inset:0;justify-content:center;opacity:0;padding:16px;pointer-events:none;position:absolute;z-index:1}.video-previews-container.active{opacity:1;pointer-events:all}.video-previews-container.explanation .expected-preview{display:none}.video-previews-container .expected-monitor-emoji-container{font-size:64px;line-height:1;opacity:0;position:absolute;right:8px;top:16px;transform:scale(0);transition:transform .3s cubic-bezier(0,1,.5,1) .5s,opacity .3s ease-in-out .5s}.video-previews-container .expected-monitor-emoji-container.active{opacity:1;transform:scale(1)}.video-animated-title-container{display:flex;flex-wrap:wrap;font-size:20px;font-weight:700;padding:0 16px;white-space:pre}.video-animated-title-container.caller{animation:animatedTitleCallerAnimation var(--failed-caller-duration) ease-in-out}@keyframes animatedTitleCallerAnimation{0%,to{transform:scale(1)}50%{color:var(--hsl);transform:scale(1.25)}}.video-animated-title-container .title-letter{animation:titleLetterAppearAnimation .25s var(--delay) cubic-bezier(.2,1.7,.4,1);animation-fill-mode:forwards;display:inline-block;opacity:0}@keyframes titleLetterAppearAnimation{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.intro{align-items:center;display:none;flex-direction:column;font-family:var(--font);inset:0;justify-content:center;position:absolute;z-index:2}.intro.visible{display:flex}.intro.cli{--font:"VT323",monospace;--language-font:"VT323",monospace}.intro.cli .animated-typing-container{align-items:center;display:flex;justify-content:center}.intro.cli .animated-typing-container .typing-content{position:relative}.intro.cli .language-name-container{font-weight:700;text-shadow:none}.intro.cli .language-name-container .typing-content{animation:fadeIn .15s ease-in-out 1s;animation-fill-mode:forwards;height:70px;opacity:0}.intro.cli .language-name-container .caret-text{transform:translateX(12px)!important;width:6px!important}.intro.cli .intro-header .animated-typing-container{font-size:32px;white-space:nowrap}.intro.cli .intro-header .animated-typing-container.video-title-text .caret-text{transform:translateX(4px)!important}.intro.default{--font:"Caveat",cursive;--language-font:"Rock Salt",cursive}.intro .video-intro-emoji{animation:videoIntroEmojiAppearAnimation .35s ease-in-out .75s;animation-fill-mode:forwards;bottom:36px;font-size:72px;position:absolute;transform:scale(0)}@keyframes videoIntroEmojiAppearAnimation{0%{transform:scale(0)}to{transform:scale(1)}}.intro.disappearing canvas{animation:fadeOut .5s ease-in-out .75s;animation-fill-mode:forwards}.intro.disappearing .video-intro-emoji{animation:videoIntroEmojiDisappearAnimation .35s ease-in-out;animation-fill-mode:forwards}@keyframes videoIntroEmojiDisappearAnimation{0%{transform:scale(1)}to{transform:scale(0)}}.intro.disappearing .video-animated-title-container,.intro.disappearing .video-title-text{animation:titleAnimationOut .5s cubic-bezier(.4,0,1,-.55);animation-fill-mode:forwards}@keyframes titleAnimationOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(2)}}.intro.disappearing .language-name-container .language-name .language-letter,.intro.disappearing .language-typing-text{animation:languageNameOutAnimation var(--duration) var(--delay) cubic-bezier(.4,0,1,-.55);animation-fill-mode:forwards;opacity:1;transform:scale(1)}@keyframes languageNameOutAnimation{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(0)}}.intro .intro-header{align-items:center;display:flex;justify-content:center}.intro .intro-header .video-animated-title-container{color:#fff;font-size:56px;font-weight:700}.intro .language-name-container{font-family:var(--language-font);position:relative;text-shadow:4px 4px 0 #000}.intro .language-name-container .language-name{--start-delay:.75s;--idle-duration:.25s;--duration:.3s;align-items:center;color:#fff;display:flex;font-size:86px;font-weight:700}.intro .language-name-container .language-name .language-letter{animation:languageNameAnimation var(--duration) calc(var(--start-delay) + var(--delay)) cubic-bezier(0,1.55,.4,1);animation-fill-mode:forwards;opacity:0;transform:scale(0)}@keyframes languageNameAnimation{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.video-finish-container{--font:"Caveat",cursive;align-items:center;animation:fadeIn .5s ease-in-out;display:none;inset:0;justify-content:center;position:absolute;z-index:3}.video-finish-container.visible{display:flex}.video-finish-container.cli{--font:"VT323",monospace}.video-finish-container.cli .typing-content{font-size:42px;position:relative;white-space:nowrap}.video-finish-container.cli .typing-content .caret-text{height:32px!important;transform:translateY(2px) translateX(10px)!important;width:5px!important}.video-finish-container .video-animated-title-container,.video-finish-container .video-finish-title-text{animation:finish-text-shadow .5s 2s forwards;font-family:var(--font);font-size:56px;font-weight:700;justify-content:center;position:absolute;transform:translateY(-48px);z-index:1}@keyframes finish-text-shadow{0%{text-shadow:4px 4px 0 #0000;transform:translateY(-48px)}to{text-shadow:4px 4px 0 #000;transform:translateX(-4px) translateY(-52px)}}.video-finish-container canvas{animation:videoFinishCanvasAppearAnimation .5s ease-out;animation-fill-mode:forwards}@keyframes videoFinishCanvasAppearAnimation{0%{opacity:0}to{opacity:.75}}.video-finish-container .finish-emoji-container{animation:videoFinishViewEmojiAppearAnimation .35s ease-in-out 2s;animation-fill-mode:forwards;bottom:36px;font-size:64px;left:8px;line-height:1;opacity:0;position:absolute;transform:scale(0)}@keyframes videoFinishViewEmojiAppearAnimation{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.video-background{inset:0;opacity:0;position:absolute;transition:opacity .5s ease-in-out;z-index:1}.video-background.visible{opacity:1}.video-background.startfield{background:#0f131d}.video-background.matrix{background:#1a0e3a}.video-background canvas{height:100%;position:absolute;width:100%}.challenge-presentation-container{align-items:center;display:none;flex-direction:column}.challenge-presentation-container.recording{display:flex}.challenge-presentation-container *{outline:0!important}.challenge-presentation-container .video-subcategory-title{align-items:center;bottom:0;display:flex;font-family:var(--home-font);font-weight:700;justify-content:center;left:6px;opacity:.8;position:absolute;text-transform:uppercase;z-index:99999}.challenge-presentation-container .video-subcategory-title img{animation:fadeInAnimation 2s ease-in-out;height:32px;margin-bottom:4px}:root{--palette-1-1:#88cae7;--palette-2-1:#2b303b;--palette-3-1:#f47b89;--palette-4-1:#fbcc60;--palette-5-1:#7547e1;--main-bg:var(--palette-5-1);--video-option-clicked-color:#444a7b}.quiz-presentation-container .watermark,.video-creation-container .watermark{--target-opacity:.5;animation:fadeInAnimation 2s ease-in-out;bottom:0;font-family:var(--home-font);font-size:14px;font-weight:700;opacity:var(--target-opacity);position:absolute;right:4px;text-transform:uppercase;z-index:99999}.video-click-caller{--size:46px;--button-bg:#fdbdff;align-items:center;display:flex;justify-content:center;position:absolute;transform:translate(-50%,-50%);z-index:100000}.video-click-caller:after,.video-click-caller:before{content:"";position:absolute}.video-click-caller:after{--size:120px;animation:clickAfterCallerAnimation .5s cubic-bezier(.35,.5,0,1);animation-fill-mode:forwards;background-color:var(--button-bg);border-radius:50%;height:var(--size);width:var(--size)}@keyframes clickAfterCallerAnimation{0%{opacity:1;transform:scale(0)}to{opacity:0;transform:scale(1)}}.video-click-caller:before{--size:60px;animation:clickBeforeCallerAnimation .3s cubic-bezier(.35,.5,0,1);animation-fill-mode:forwards;background-color:#fff;border-radius:50%;height:var(--size);width:var(--size)}@keyframes clickBeforeCallerAnimation{0%{opacity:0;transform:scale(1)}to{opacity:1;transform:scale(0)}}.video-option-click-caller{align-items:center;animation:videoOptionCallerAnimation .3s ease-in-out,videoOptionCallerAnimation .3s ease-in-out .7s reverse;background:#121212;border-radius:12px;display:flex;font-family:monospace;font-size:32px;font-weight:700;justify-content:center;padding:12px 24px;position:absolute;top:40%;z-index:2}@keyframes videoOptionCallerAnimation{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.video-editor-line{min-width:100%!important}.video-creation-container{background:#7547e1;background:var(--main-bg);inset:0;position:absolute}.video-creation-container.alternative-code-animation .challenge-views-sequence-container .code-editor .code-highlighter-editor{animation:codeEditorVideoAnimation2 var(--editor-appear-duration) cubic-bezier(.7,1.95,.4,.8);animation-fill-mode:forwards;opacity:0;transform:scale(0)}@keyframes codeEditorVideoAnimation2{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.video-creation-container .challenge-views-sequence-container{z-index:2}.video-creation-container .challenge-views-sequence-container .code-editor{overflow:hidden}.video-creation-container .challenge-views-sequence-container .code-editor .code-highlighter-editor{animation:codeEditorVideoAnimation var(--editor-appear-duration) cubic-bezier(.33,0,0,1);animation-fill-mode:forwards;height:calc(50% + 16px);opacity:0}@keyframes codeEditorVideoAnimation{0%{opacity:0}to{opacity:1}}.video-creation-container .challenge-views-sequence-container .code-editor .code-highlighter-editor [data-overlay-option-id]{transition:background-color .1s ease-in-out}.video-creation-container .challenge-views-sequence-container .code-editor .code-highlighter-editor [data-overlay-option-id].clicked-option{background-color:#444a7b;background-color:var(--video-option-clicked-color)}.video-creation-container .challenge-views-sequence-container .code-editor .code-highlighter-editor .line.scroll-caller{animation:editorLineScrollCaller .5s ease-in-out}@keyframes editorLineScrollCaller{0%,to{background:#0000}50%{background:hsla(0,0%,100%,.314)}}.video-creation-container .challenge-views-sequence-container .code-editor .code-highlighter-editor .editor-height-toggle{color:hotpink}.video-creation-container .challenge-views-sequence-container .code-editor .code-highlighter-editor .editor-height-toggle .current-files-count,.video-creation-container .challenge-views-sequence-container .code-editor .code-highlighter-editor .editor-height-toggle img{display:none}.modal.suggest-mobile-usage-dialog{align-items:center;justify-content:center}.modal.suggest-mobile-usage-dialog .title{font-size:24px;margin-top:24px}.path-last-challenge-congrats{align-items:center;display:flex;flex-direction:column}.path-last-challenge-congrats .subscription-plan-options-list{margin-top:16px}.button.path-back-button{border:2px solid hsl(var(--hue),50%,50%);border-radius:var(--border-radius-2);letter-spacing:1px;margin:16px 0;padding:12px 32px;transition:border 1s ease-in-out;width:100%}*{-webkit-tap-highlight-color:rgba(0,0,0,0)!important}@media only screen and (hover:none)and (pointer:coarse){::-webkit-scrollbar{-webkit-appearance:none;height:0;width:0}}@media only screen and (hover:hover)and (pointer:fine){::-webkit-scrollbar-track{background-color:#fff0;border-radius:10px}::-webkit-scrollbar{background-color:#f5f5f500;height:5px;width:5px}::-webkit-scrollbar-thumb{background-color:hsla(0,0%,100%,.102);border-radius:10px;-webkit-box-shadow:inset 0 0 6px #0000004d}}body{--home-font:edit-undo line brk,sans-serif;--custom-font:VCR Mono,monospace;--challenge-font:Source Code Pro,monospace;--code-ui-font:Source Code Pro,monospace;--border-radius-1:4px;--border-radius-2:8px;--border-radius-3:12px;--border-radius-4:16px;--border-radius-5:20px;--saturation-challenge-text:80%;--lightness-challenge-text:80%}body.light-theme{--saturation-challenge-text:50%;--lightness-challenge-text:48.5%;--home-bg-big-device:#ffffffad;--editor-bg-color:#fff;--text-color:#30617a;--bg-color:#fff;--bg-color-overlay:hsla(0,0%,100%,.467);--bg-color-transparent:#fff0;--secondary-bg-color:#fff;--home-accent-color-1:#858cff;--home-accent-color-2:#cba9ff;--logo-color:#858cff;--separator-color:rgba(0,0,0,.169);--slight-bg:rgba(0,67,255,.051);--stat-overall-progress:rgba(82,88,208,.502);--computer-text-color:#6aaad6;--secondary-computer-text-color:#ffb938;--error-color:#ff4747;--computer-btn-text-shadow:#0009;--computer-btn-shadow:#0003;--wireframe-border-color:rgba(0,0,0,.267);--finish-job-bg:#69b6f8;--tab-icon-filter:brightness(0.4) sepia(1) hue-rotate(-195deg) saturate(2);--tab-icon-active-filter:brightness(0.65) sepia(1) hue-rotate(-195deg) saturate(2);--tutorial-caller-bg:#0000;--input-bg:#edf2ff;--path-circle-color:#73a9c9;--uncompleted-sponsored-challenge:linear-gradient(45deg,#3978ff,#5db0f3);--completed-sponsored-challenge:linear-gradient(45deg,#3978ff,#5df393);--info-chip-bg:rgba(0,0,0,.141);--levels-path-context-menu-bg:#fff;--levels-path-context-menu-shadow:#fff;--tooltip-bg:rgba(134,97,255,.341);--start-sponsored-challenge-button-gradient:linear-gradient(90deg,#49f149,#75ffff,#6767f1,#e16ce1);--forum-post-bg:linear-gradient(105deg,#8267d3 22%,#c078d8);--forum-user-post-bg:linear-gradient(-25deg,#b5bdfc 22%,#7371da);--opponent-quiz-color:linear-gradient(45deg,#ffa68a,#fd8a8a);--user-quiz-color:linear-gradient(45deg,#7e68ff,#60bfdc);--checkbox-and-radio-button-border-color:#959595;--quiz-battle-topic-bg:linear-gradient(308deg,#639ad6,#685dce);--quiz-question-option-bg:#959db2;--forum-thread-bg:linear-gradient(45deg,#fff,#0000);--forum-sticky-thread-bg:linear-gradient(45deg,#e1f1ff,#0000);--focus-visible-color:#858cff}body.light-theme .button.button--confirm{background:#30a3}body.light-theme .button.with-theme>img,body.light-theme .button.with-theme>svg{filter:brightness(.4) sepia(1) hue-rotate(-195deg) saturate(2)}body.light-theme .button.with-theme.outline-light>img,body.light-theme .button.with-theme.outline-light>svg{filter:drop-shadow(0 0 2px hsla(var(--h),var(--s),var(--l)))}body.light-theme img.with-theme,body.light-theme svg.with-theme{filter:brightness(.4) sepia(1) hue-rotate(-195deg) saturate(2)}body.dark-theme{--editor-bg-color:#1d1f21;--home-bg-big-device:#0c0c0ce6;--text-color:#fff;--bg-color:#0c0c0c;--bg-color-overlay:#1b1b1b99;--bg-color-transparent:#1b1b1b00;--secondary-bg-color:#17181b;--home-accent-color-1:#6970ff;--home-accent-color-2:#9b5aff;--logo-color:#fff;--separator-color:hsla(0,0%,100%,.169);--slight-bg:hsla(0,0%,100%,.051);--stat-overall-progress:#fff;--computer-text-color:#71ff76;--secondary-computer-text-color:#ffcb6b;--error-color:#ff4a4a;--computer-btn-text-shadow:#fff9;--computer-btn-shadow:hsla(0,0%,100%,.133);--wireframe-border-color:#fff3;--finish-job-bg:#1b1b1b;--tab-icon-filter:drop-shadow(0 0 4px #fff) brightness(1);--tab-icon-active-filter:drop-shadow(0 0 4px #fff) drop-shadow(0 0 8px hsla(0,0%,100%,.533)) drop-shadow(0 0 12px #fff) brightness(1);--tutorial-caller-bg:hsla(0,0%,100%,.565);--input-bg:#242424;--path-circle-color:#264425;--uncompleted-sponsored-challenge:linear-gradient(45deg,#3978ff,#5db0f3);--completed-sponsored-challenge:linear-gradient(45deg,#3978ff,#5df393);--info-chip-bg:hsla(0,0%,100%,.141);--levels-path-context-menu-bg:#232323;--levels-path-context-menu-shadow:#000;--tooltip-bg:hsla(0,0%,67%,.341);--start-sponsored-challenge-button-gradient:linear-gradient(90deg,#49f149,#75ffff,#6767f1,#e16ce1);--forum-post-bg:linear-gradient(105deg,#5b65b3 22%,#604595);--forum-user-post-bg:linear-gradient(-25deg,#6f95d2 22%,#4d76dd);--opponent-quiz-color:linear-gradient(45deg,#ffbc68,#f06e6e);--user-quiz-color:linear-gradient(45deg,#7e68ff,#60bfdc);--checkbox-and-radio-button-border-color:#fff;--quiz-battle-topic-bg:linear-gradient(308deg,#447ab5,#5248b0);--quiz-question-option-bg:#292929;--forum-thread-bg:rgba(36,36,36,.541);--forum-sticky-thread-bg:linear-gradient(-45deg,#373737,#0000);--focus-visible-color:#6970ff;background-color:#0c0c0c}*{box-sizing:border-box;margin:0;padding:0;scrollbar-color:rgba(85,85,85,.067) #0000}#root,body,html{-webkit-text-size-adjust:100%;font-size:1em;height:calc(100% + env(safe-area-inset-top, 0px));left:0;overflow:hidden;top:0;touch-action:none;-webkit-user-select:none;user-select:none;width:100%}@media only screen and (hover:hover)and (pointer:fine)and (min-width:1640px){.light-theme #root{box-shadow:0 0 30px hsla(0,0%,87%,.333)}}#root{--max-root-height:820px;--max-root-width:1640px;align-items:center;display:flex;justify-content:center;max-height:var(--max-root-height);max-width:var(--max-root-width);overflow:hidden;position:relative;transform:translateZ(0)}@media only screen and (hover:none)and (pointer:coarse){#root{--max-root-height:unset;--max-root-width:unset}}@media only screen and (hover:hover)and (pointer:fine)and (min-width:1640px){#root{box-shadow:0 0 100px hsla(0,0%,100%,.067)}}.login-custom-button{animation:doorAnimation1 2s cubic-bezier(.69,.42,.45,1) infinite;background:#fff;height:32px;position:absolute;width:24px}@keyframes doorAnimation1{0%,to{box-shadow:0 0 0 #fff}50%{box-shadow:4px 2px 10px #fff}}.login-custom-button .front-door{animation:doorAnimation 2s cubic-bezier(.69,.42,.45,1) infinite;background:#00008b;height:100%;position:absolute;width:100%;z-index:1}@keyframes doorAnimation{0%,to{transform:skewY(0) translate(0) scaleX(1)}50%{transform:skewY(20deg) translate(-4px,4px) scaleX(.7)}}body{align-items:center;color:var(--text-color);display:flex;flex-direction:column;font-family:var(--home-font);height:100%;justify-content:center;touch-action:pan-y,pan-x;transition:background 2s}body.disable-expensive-rendering-properties *>*{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}body.failed-shaking{--shaking-amplitude-factor:1;animation:bodyShakingAnimationOnChallengeFailed .5s ease-in-out}@keyframes bodyShakingAnimationOnChallengeFailed{0%,to{transform:translate(0)}12.5%{transform:translate(calc(var(--shaking-amplitude-factor)*32px),calc(var(--shaking-amplitude-factor)*-16px))}25%{transform:translateY(calc(var(--shaking-amplitude-factor)*-48px))}37.5%{transform:translate(calc(var(--shaking-amplitude-factor)*-32px),calc(var(--shaking-amplitude-factor)*16px))}50%{transform:translateY(calc(var(--shaking-amplitude-factor)*16px))}62.5%{transform:translate(calc(var(--shaking-amplitude-factor)*8px),calc(var(--shaking-amplitude-factor)*-12px))}75%{transform:translate(calc(var(--shaking-amplitude-factor)*-8px),calc(var(--shaking-amplitude-factor)*8px))}87.5%{transform:translate(calc(var(--shaking-amplitude-factor)*8px),calc(var(--shaking-amplitude-factor)*-4px))}}body.touch-device *>*{outline:none}body.big-device .App{background:#0000}body.big-device .home{background:var(--home-bg-big-device)}body.big-device:not(.touch-device) .button:not(.icon-button):focus-visible{box-shadow:0 0 0 2px var(--focus-visible-color)}body.big-device:not(.touch-device) .button.icon-button:focus-visible{filter:drop-shadow(0 0 6px var(--focus-visible-color)) drop-shadow(0 0 12px var(--focus-visible-color))}input{color:var(--text-color);font-family:var(--home-font)}.caller-animation:after{align-self:center;animation:callerAnimation .6s ease-out;animation-fill-mode:forwards;background:var(--text-color);border-radius:50%;content:"";height:150px;pointer-events:none;position:absolute;width:150px}@keyframes callerAnimation{0%{opacity:.15;transform:scale(1)}to{opacity:0;transform:scale(0)}}.button,input[type=submit]{-webkit-tap-highlight-color:rgba(0,0,0,0);background:none;border:none;color:inherit;cursor:pointer;font-family:inherit;font-size:inherit;outline:none}.button.default-button,input[type=submit].default-button{padding:8px 12px}.button[data-tooltip]:before,input[type=submit][data-tooltip]:before{animation:scaleAnimation .35s cubic-bezier(.68,1.5,.43,.82) .5s;animation-fill-mode:forwards;bottom:calc(100% - 8px);content:attr(data-tooltip);font-family:var(--code-ui-font);font-size:12px;line-height:1;opacity:.6;position:absolute;transform:scale(0)}.button.test-button,input[type=submit].test-button{background:green;left:0;padding:10px 16px;position:fixed;top:0;z-index:1000000}.button.disabled,.button:disabled,input[type=submit].disabled,input[type=submit]:disabled{opacity:.3}.button.button--cancel,.button.button--confirm,input[type=submit].button--cancel,input[type=submit].button--confirm{border-radius:var(--border-radius-2);flex:1 1;letter-spacing:2px;margin:0 10px;padding:8px 12px}.button.button--link,input[type=submit].button--link{text-decoration:underline;text-decoration-color:var(--home-accent-color-1);text-decoration-thickness:3px}.button.button--cancel,input[type=submit].button--cancel{border:1px solid var(--separator-color)}.button.button--confirm,input[type=submit].button--confirm{background:#96f9}.button.button--close,input[type=submit].button--close{cursor:pointer;padding:1rem;position:absolute;right:0;top:0;transform:translateZ(0);z-index:3}.button.button--close img,.button.button--close svg,input[type=submit].button--close img,input[type=submit].button--close svg{height:20px;width:20px}@media only screen and (hover:hover)and (pointer:fine){.button.button--close img,.button.button--close svg,input[type=submit].button--close img,input[type=submit].button--close svg{transform:scale(.7);transition:transform .4s ease-in-out;transition-timing-function:cubic-bezier(.385,.13,.58,1.625)}.button.button--close:hover img,.button.button--close:hover svg,input[type=submit].button--close:hover img,input[type=submit].button--close:hover svg{transform:scale(1)}}.button--glasses,.button--menu,.button--next,.button--repeat{align-items:center;background:#1e1e1e;background:#0000;border:none;border-radius:8px;color:var(--text-color);display:flex;font-weight:700;height:64px;justify-content:center;margin:0 .5rem;width:64px}.button--rounded{align-items:center;background-color:var(--bg-color);border-radius:50%;display:flex;height:35px;justify-content:center;width:35px}.button--ordinary{background:var(--bg-color);border-radius:5px;color:#fff;padding:10px 16px}.custom-font{font-family:VCR Mono,monospace}.dot{background-color:var(--hsl);border-radius:50%;margin:0 1rem 0 0;min-height:8px;min-width:8px}.App{align-items:center;background-color:var(--bg-color);display:flex;flex-direction:column;height:100%;justify-content:center;overflow:hidden;position:relative;width:100%}.App code{font-family:Inconsolata,Monaco,Consolas,monospace}.App .iframe{border:none;height:100%;outline:none;width:100%}@keyframes appearAnimation{0%{opacity:0}to{opacity:1}}:root{--sat:env(safe-area-inset-top);--sar:env(safe-area-inset-right);--sab:env(safe-area-inset-bottom);--sal:env(safe-area-inset-left);--editor-font:Inconsolata,Monaco,Consolas,monospace}@keyframes blinkingAnimation{0%,to{opacity:1}50%{opacity:.25}}.blinking{animation:blinkingAnimation .5s linear 2}@keyframes fadeIn{0%{opacity:0}to{opacity:1;opacity:var(--opacity,1)}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.show-scrollbar-touch-swipe::-webkit-scrollbar{display:inline!important;display:initial!important}.show-scrollbar-touch-swipe::-webkit-scrollbar-thumb{opacity:1!important}.quiz-bot-settings{display:flex;flex-direction:column;font-family:var(--home-font)}.quiz-bot-settings .settings-title{font-size:20px;font-weight:700;line-height:1;margin-bottom:1rem}.quiz-bot-settings .bot-modes{display:flex;flex-direction:column;font-family:monospace;position:relative}.quiz-bot-settings .bot-modes .bot-settings-avatar{position:absolute;right:1.5rem;top:0}.quiz-bot-settings .bot-description{display:flex;flex-direction:column;margin-top:2rem}.quiz-bot-settings .bot-description .bot-description-title{font-size:20px;font-weight:700;line-height:1;margin-bottom:.75rem}.modal.app-feedback-dialog{overflow:hidden}.modal.app-feedback-dialog .textarea{flex:1 1}.modal.app-feedback-dialog .feedback-planets-container{align-items:center;bottom:-100px;display:flex;justify-content:center;left:-100px;position:absolute;right:-100px;top:-100px;transition:transform 1s cubic-bezier(.85,0,0,1);z-index:-1}.modal.app-feedback-dialog .feedback-planets-container .feedback-planet{--initial-scale:.75;--translate-range:120%;--initial-top-offset:32px;position:absolute;transition:transform 1.25s ease-in-out}.modal.app-feedback-dialog .feedback-planets-container .feedback-planet:nth-child(3){transform:scale(var(--none-scale)) translate(calc(var(--translate-range)*-1),calc(var(--translate-range)*-1));transform:scale(var(--initial-scale)) translate(calc(var(--translate-range)*-1),calc(var(--translate-range)*-1))}.modal.app-feedback-dialog .feedback-planets-container .feedback-planet:nth-child(2){transform:scale(var(--none-scale)) translate(var(--translate-range),calc(var(--translate-range)*-1));transform:scale(var(--initial-scale)) translate(var(--translate-range),calc(var(--translate-range)*-1))}.modal.app-feedback-dialog .feedback-planets-container .feedback-planet:first-child{transform:scale(var(--none-scale)) translateY(var(--translate-range));transform:scale(var(--initial-scale)) translateY(var(--translate-range))}.modal.app-feedback-dialog .feedback-planets-container .feedback-planet.selected{--initial-scale:1.2;z-index:1}.modal.self-advertisement-dialog{overflow:hidden}.modal.self-advertisement-dialog header{text-align:center}.modal.self-advertisement-dialog .advertisement-content{align-items:center;display:flex;justify-content:center;margin:12px 0 24px}.modal.self-advertisement-dialog .button--confirm{z-index:2}.quiz-intro{--circles-collapse-duration:1.75s;--circles-collapse-delay:1s;--angle-per-circle:calc(360/var(--segments-count));--circles-container-anim-duration:.625s;--circle-container-anim-delay:calc(var(--circles-collapse-duration) + var(--circles-collapse-delay));align-items:center;display:flex;inset:0;justify-content:center;pointer-events:none;position:fixed;z-index:100}.quiz-intro:before{animation:quizIntroBgAnimation .75s calc(var(--circle-container-anim-delay) - var(--circle-container-anim-delay)/4) ease-in-out;background:#000;content:"";inset:0;opacity:0;position:absolute}@keyframes quizIntroBgAnimation{0%,50%{opacity:1}to{opacity:0}}.quiz-intro h1{animation:quizTitleAnimation .5s cubic-bezier(.5,0,0,1) reverse,quizTitleAnimation1 calc(var(--circles-collapse-duration) + .4s) ease-in-out,quizTitleAnimation .75s calc(var(--circles-collapse-duration) - 50ms) cubic-bezier(.5,0,0,1);animation-fill-mode:forwards;font-family:Raleway;font-optical-sizing:auto;font-size:64px;font-style:normal;font-weight:900;text-shadow:2px 2px 0 hsla(0,0%,100%,.133)}.quiz-intro .circles-container{align-items:center;animation:animateCircleContainer var(--circles-container-anim-duration) var(--circle-container-anim-delay) ease-in-out;animation-fill-mode:forwards;display:flex;inset:0;justify-content:center;position:absolute;z-index:1}@keyframes animateCircleContainer{0%{transform:translateY(0)}to{transform:translateY(50%)}}.quiz-intro .circle-outer{--hsl-start:200deg;--size:150vh;--rotation:calc(var(--angle-per-circle)*var(--index)*1deg);animation:animateCircle1 var(--circles-collapse-duration) calc(var(--index)*50ms + var(--circles-collapse-delay)) cubic-bezier(.9,0,0,1);animation-fill-mode:forwards;height:var(--size);position:absolute;transform:rotate(var(--rotation));width:var(--size);z-index:var(--index)}@keyframes animateCircle1{0%{transform:rotate(var(--rotation))}to{transform:rotate(calc(180deg - var(--angle-per-circle)/2*1deg))}}.quiz-intro .circle-outer .circle-inner{--bg-color:hsl(calc(var(--hsl-start) + var(--index)*var(--angle-per-circle)*1deg),50%,50%);animation:animateInnerCircle 1.5s calc(var(--index)*50ms) ease-in-out;background-color:var(--bg-color);border-radius:50%;-webkit-clip-path:polygon(50% 50%,50% 0,calc(50% + var(--tan)*50%) 0);clip-path:polygon(50% 50%,50% 0,calc(50% + var(--tan)*50%) 0);height:var(--size);position:absolute;width:var(--size);z-index:var(--index)}@keyframes animateInnerCircle{0%,to{background-color:var(--bg-color)}50%{background-color:hsl(calc(var(--hsl-start) + var(--index)*var(--angle-per-circle)*1deg),50%,80%)}}.quiz-intro-2{--bg-spinning-duration:1.5s;--bg-idling-duration:.5s;--collapse-circle-duration:.75s;--emoji-appear-duration:.5s;align-items:center;display:flex;inset:0;justify-content:center;pointer-events:none;position:fixed;z-index:100}.quiz-intro-2 h2{animation:introTitleEndAnimation 1s calc(var(--bg-spinning-duration)*2 + var(--bg-idling-duration) + var(--collapse-circle-duration)/2 - .2s) cubic-bezier(.75,0,.1,1) forwards;font-family:Alfa Slab One,serif;font-optical-sizing:auto;font-size:64px;font-style:normal;text-shadow:0 0 32px #000}@keyframes introTitleEndAnimation{0%{scale:1}50%{opacity:1;scale:1.5}to{opacity:0;scale:0}}.quiz-intro-2 .intro-bg-container{align-items:center;animation:rotateVideoBgAnimation var(--bg-spinning-duration) cubic-bezier(.7,0,0,1),rotateVideoBgAnimation var(--bg-spinning-duration) calc(var(--bg-spinning-duration) + var(--bg-idling-duration)) cubic-bezier(.7,0,0,1) reverse,collapseCircle var(--collapse-circle-duration) calc(var(--bg-spinning-duration)*2 + var(--bg-idling-duration) - .5s) linear forwards;background:#000;display:flex;height:150vh;justify-content:center;position:absolute;width:150vh;z-index:-1}@keyframes rotateVideoBgAnimation{0%{rotate:0deg}to{rotate:1turn}}@keyframes collapseCircle{0%{-webkit-clip-path:circle(100%);clip-path:circle(100%)}to{-webkit-clip-path:circle(0);clip-path:circle(0)}}.quiz-intro-2 .moving-container{align-items:center;animation:appearMovingContainer var(--emoji-appear-duration) calc(var(--index)*15ms) cubic-bezier(.7,0,0,1) forwards,appearMovingContainer var(--emoji-appear-duration) calc(var(--bg-spinning-duration) + var(--bg-idling-duration) + var(--index)*25ms) cubic-bezier(.7,0,0,1) forwards reverse;display:flex;height:120px;justify-content:center;opacity:0;position:absolute;width:120px}@keyframes appearMovingContainer{0%{opacity:0;rotate:0deg;scale:0;translate:0 0}to{opacity:1;opacity:var(--opacity,1);rotate:var(--deg);scale:var(--scale);translate:var(--x) var(--y)}}.quiz-intro-2 h1{animation:quizTitleAnimation .5s cubic-bezier(.5,0,0,1) reverse,quizTitleAnimation1 calc(var(--circles-collapse-duration) + .4s) ease-in-out,quizTitleAnimation .75s calc(var(--circles-collapse-duration) - 50ms) cubic-bezier(.5,0,0,1);animation-fill-mode:forwards;font-family:Alfa Slab One,serif;font-optical-sizing:auto;font-size:64px;font-style:normal}.quiz-intro-3{--circles-collapse-duration:1.75s;--circles-collapse-delay:1s;--angle-per-circle:calc(360/var(--segments-count));--circles-container-anim-duration:1.25s;--circle-container-anim-delay:calc(var(--circles-collapse-duration) + var(--circles-collapse-delay));align-items:center;display:flex;inset:0;justify-content:center;pointer-events:none;position:fixed;z-index:100}.quiz-intro-3 h1{animation:quizTitleAnimation .5s cubic-bezier(.5,0,0,1),quizTitleAnimation1 calc(var(--circles-collapse-duration) + .18s) ease-in-out,quizTitleAnimationOut 9s calc(var(--circles-collapse-duration) + .2s) cubic-bezier(.5,0,0,1);color:#000;font-family:Raleway;font-optical-sizing:auto;font-size:64px;font-style:normal;font-weight:900;opacity:1;text-shadow:0 0 20px #f0f}@keyframes quizTitleAnimation{0%{opacity:0;transform:scale(10)}to{opacity:1;transform:scale(1)}}@keyframes quizTitleAnimationOut{0%{opacity:1}25%,to{opacity:0}}@keyframes quizTitleAnimation1{0%{color:#fff}to{color:#000}}.quiz-outro{--circles-collapse-duration:1.75s;--circles-collapse-delay:1s;--angle-per-circle:calc(360/var(--segments-count));--circles-container-anim-duration:1.25s;--circle-container-anim-delay:calc(var(--circles-collapse-duration) + var(--circles-collapse-delay));align-items:center;display:flex;inset:0;justify-content:center;pointer-events:none;position:fixed;z-index:100}.quiz-outro:before{animation:fadeInAnimation 2s calc(var(--circles-collapse-duration)/2) ease-in-out forwards;background:#000;content:"";inset:0;opacity:0;position:absolute}.quiz-outro .quiz-outro-content-box{animation:fadeIn 1s ease-in-out 1.25s;animation-fill-mode:forwards;-webkit-backdrop-filter:blur(32px);backdrop-filter:blur(32px);background:rgba(0,0,0,.584);border-radius:12px;bottom:0;margin:12px;opacity:0;padding:12px 16px;position:absolute;z-index:3}.quiz-outro .quiz-outro-content-box.app-url{bottom:auto;font-size:28px;font-weight:700;top:0}.quiz-outro .quiz-outro-logo,.quiz-outro .quiz-outro-logo-inline{align-items:center;animation-fill-mode:forwards;display:flex;flex-direction:column;justify-content:center;position:relative}.quiz-outro .quiz-outro-logo-inline{animation:quizTitleOutroAnimation .5s cubic-bezier(.5,0,0,1)}.quiz-outro .quiz-outro-logo-inline img{animation:quizImageOutroAnimation calc(var(--circles-collapse-duration) + .4s) var(--circle-container-anim-delay) ease-in-out;height:46px}.quiz-outro .quiz-outro-logo-inline img #svgFigure,.quiz-outro .quiz-outro-logo-inline img #svgGroup{opacity:.5}@keyframes quizImageOutroAnimation{to{filter:brightness(1)}50%{filter:brightness(0)}}.quiz-outro .quiz-outro-logo{animation:quizTitleOutroAnimation .5s cubic-bezier(.5,0,0,1),quizImageOutroAnimation calc(var(--circles-collapse-duration) + .4s) var(--circle-container-anim-delay) ease-in-out,quizTitleOutroAnimation1 calc(var(--circles-collapse-duration) + .4s) var(--circle-container-anim-delay) ease-in-out}.quiz-outro .quiz-outro-logo .logo-icon{height:128px}.quiz-outro .quiz-outro-logo .logo-name{height:46px;margin-top:6px;transform:translateX(-6%)}.quiz-outro h1,.quiz-outro h2{font-family:Alfa Slab One,serif;font-optical-sizing:auto;font-style:normal}.quiz-outro h1{animation:quizTitleOutroAnimation .5s cubic-bezier(.5,0,0,1),quizTitleOutroAnimation1 calc(var(--circles-collapse-duration) + .4s) var(--circle-container-anim-delay) ease-in-out;animation-fill-mode:forwards;font-size:64px}@keyframes quizTitleOutroAnimation{0%{opacity:0;transform:scale(20)}to{transform:scale(1)}}@keyframes quizTitleOutroAnimation1{0%,to{color:#fff}50%{color:#000}}.quiz-outro .circles-container{align-items:center;animation:animateCircleContainerOutro var(--circles-container-anim-duration) cubic-bezier(.5,0,0,1);animation-fill-mode:forwards;display:flex;inset:0;justify-content:center;position:absolute;transform:translateY(100%);z-index:1}@keyframes animateCircleContainerOutro{0%{transform:translateY(100%)}to{transform:translateY(0)}}.quiz-outro .circle-outer{--hsl-start:200deg;--size:150vh;--rotation:calc(var(--angle-per-circle)*var(--index)*1deg);animation:animateCircleOutro var(--circles-collapse-duration) calc(var(--index)*50ms + var(--circles-collapse-delay)) cubic-bezier(.9,0,0,1);animation-fill-mode:forwards;height:var(--size);position:absolute;transform:rotate(calc(180deg - var(--angle-per-circle)/2*1deg));width:var(--size);z-index:var(--index)}@keyframes animateCircleOutro{0%{transform:rotate(calc(180deg - var(--angle-per-circle)/2*1deg))}to{transform:rotate(var(--rotation))}}.quiz-outro .circle-outer .circle-inner{--bg-color:hsl(calc(var(--hsl-start) + var(--index)*var(--angle-per-circle)*1deg),50%,50%);animation:animateInnerCircleOutro 1.5s calc(var(--index)*50ms + var(--circle-container-anim-delay)) ease-in-out reverse;background-color:var(--bg-color);border-radius:50%;-webkit-clip-path:polygon(50% 50%,50% 0,calc(50% + var(--tan)*50%) 0);clip-path:polygon(50% 50%,50% 0,calc(50% + var(--tan)*50%) 0);height:var(--size);position:absolute;width:var(--size);z-index:var(--index)}@keyframes animateInnerCircleOutro{0%,to{background-color:var(--bg-color)}50%{background-color:hsl(calc(var(--hsl-start) + var(--index)*var(--angle-per-circle)*1deg),50%,80%)}}body.video-mode{--options-appear-delay:1.5s}body.video-mode.with-answers{--hide-option-duration:1s}body.video-mode.with-answers.hide-wrong-answers-discretely .question-option:not(.correct-and-not-selected).should-hide-in-mid-duration{--delay:calc(var(--intro-duration) + var(--question-duration)/2 + var(--hide-index)*var(--question-duration)/6);animation:questionOptionAppear .35s calc(var(--index)*.15s) ease-in-out forwards,questionOptionIdleAnimation 2.5s calc(var(--index)*.15s + 3s) ease-in-out infinite forwards,scaleAnimation var(--hide-option-duration) var(--delay) ease-in-out reverse forwards,fadeInAnimation var(--hide-option-duration) var(--delay) ease-in-out reverse forwards}body.video-mode.with-answers.show-answer.hide-all-wrong-answers .question-option:not(.correct-and-not-selected),body.video-mode.with-answers.show-answer.hide-wrong-answers-discretely .question-option:not(.correct-and-not-selected){animation:scaleAnimation var(--hide-option-duration) calc(var(--index)*.15s) ease-in-out reverse forwards,fadeInAnimation var(--hide-option-duration) calc(var(--index)*.15s) ease-in-out reverse forwards}body.video-mode.with-answers.show-answer .question-option{animation:none;border-radius:var(--border-radius);opacity:1;transform:scale(1)}body.video-mode.with-answers.show-answer .question-option.correct-and-not-selected{scale:1.05}body.video-mode.with-answers.show-answer .question-option.correct-and-not-selected .video-correct-answer-icon{align-self:flex-start;animation:fadeInAnimation 1s ease-in-out forwards;margin-left:auto;margin-top:9px;opacity:0}body.video-mode.with-answers.show-answer.default .question-option.correct-and-not-selected .option-animated-bg{animation:rotateOptionBg 2s ease-in-out;background:#f5e63d}body.video-mode.with-answers.show-answer.default .question-option.correct-and-not-selected .question-option-inner{background:#346de5}body.video-mode.with-answers.show-answer.futuristic .question-option.correct-and-not-selected .question-option-inner{background:#0d7373;box-shadow:0 0 32px aqua}body.video-mode.hidden-health-bars .quiz-game-header{padding:12px 0}body.video-mode.hidden-health-bars .quiz-game-header .video-category-info{align-items:center;animation:fadeInAnimation 1s ease-in-out;display:flex;margin-left:auto;margin-right:21px}body.video-mode.hidden-health-bars .quiz-game-header .video-category-info span{font-size:18px;font-weight:700}body.video-mode.hidden-health-bars .quiz-game-header .video-category-info .topic-icon{height:24px;margin-left:12px}body.video-mode.hidden-health-bars .quiz-game-header .players-container{margin-top:0}body.video-mode.hidden-health-bars .players-container .time{align-self:center;font-family:var(--code-ui-font);font-family:var(--custom-font);font-size:20px;margin-top:4px}body.video-mode .user-quiz-info{animation:fadeInAnimation 1s var(--options-appear-delay) ease-in-out;animation-fill-mode:forwards;opacity:0}body.video-mode .animated-view.fade-in.opened.quiz-battle-game{animation:none}body.video-mode .quiz-content .quiz-question-data{z-index:101}body.video-mode .quiz-content .quiz-question-data .quiz-question-wrapper{padding:0 12px}body.video-mode .user-quiz-info .hit-points{animation:fillHpAnimation .75s cubic-bezier(.5,0,0,1) 1s,fadeInAnimation .25s ease-in-out 1s;animation-fill-mode:forwards;opacity:0}body.video-mode .user-quiz-info.right-aligned .user .icon{margin:0 0 0 6px}body.video-mode .user-quiz-info .user .icon{margin:0 6px 0 0}body.video-mode .user-quiz-info .user .icon img{border-radius:50%;height:32px;object-fit:cover;overflow:hidden;width:32px}body.video-mode .score-board .topic-icon{--initial-transform:translateY(-12px) scale(3.5);animation:topicIconAnimation .5s cubic-bezier(.5,0,0,1) 1s;animation-fill-mode:forwards;height:24px;transform:var(--none-transform);transform:var(--initial-transform)}@keyframes topicIconAnimation{0%{transform:var(--none-transform);transform:var(--initial-transform)}to{transform:translateY(0) scale(1)}}body.video-mode .quiz-battle-game-content{animation:none}body.video-mode .quiz-battle-game-content .quiz-title{display:none}body.video-mode .quiz-battle-game-content .question-code{animation:scaleAnimation .35s cubic-bezier(.27,1,.34,1),fadeInAnimation .25s;animation-fill-mode:forwards;border:none;box-shadow:0 25px 30px hsla(0,0%,100%,.067);font-size:16px;margin-top:6px;opacity:0}body.video-mode .quiz-battle-game-content .question-code code{--color-deg:120;text-shadow:rgba(255,0,255,.781) 0 0 10px!important;white-space:pre-wrap}body.video-mode .quiz-battle-game-content .quiz-question-wrapper .question-text{--appear-delay:.2s;animation:scaleAnimation .35s cubic-bezier(.27,1,.34,1) .3s,fadeInAnimation .25s .3s;animation-fill-mode:forwards;font-weight:400;opacity:0;padding:0 4px;text-shadow:0 0 16px var(--quiz-question-option-bg);transform:scale(1)}body.video-mode .quiz-battle-game-content .quiz-question-wrapper .question-options .question-option{overflow:hidden;padding:4px;transition:transform .5s,scale .5s}body.video-mode .quiz-battle-game-content .quiz-question-wrapper .question-options .question-option .video-correct-answer-icon{opacity:0}body.video-mode .quiz-battle-game-content .quiz-question-wrapper .question-options .question-option .option-animated-bg{--initial-delay:500ms}body.video-mode .quiz-battle-game-content .quiz-question-wrapper .question-options .question-option .question-option-inner{animation:optionBgColorAnimation .3s calc(var(--index)*.15s + var(--options-appear-delay)) ease-in-out,scaleAnimation .5s calc(var(--index)*.15s + var(--options-appear-delay)) cubic-bezier(0,1.3,.3,1);animation-fill-mode:forwards;opacity:0;transition:background .5s}@keyframes optionBgColorAnimation{0%{opacity:0}to{opacity:1}}body.video-mode .quiz-battle-game-content .quiz-question-wrapper .question-options .question-option .question-option-inner .question-option-content{animation:fadeIn 1s ease-in-out 1s;animation-fill-mode:forwards;opacity:0}body.video-mode.futuristic{--font-family:var(--home-font)}body.video-mode.futuristic .quiz-battle-game-content .quiz-question-wrapper .question-option{overflow:visible;overflow:initial}body.video-mode.futuristic .quiz-battle-game-content .quiz-question-wrapper .question-option .question-option-inner{background:#0000;border:none;box-shadow:0 0 32px hsla(calc(180deg + var(--index)*20deg),50%,50%,1)}.quiz-presentation-container{align-items:center;display:none;flex-direction:column}.quiz-presentation-container.recording{display:flex}.quiz-presentation-container *{outline:0!important}.quiz-presentation-container .video-subcategory-title{align-items:center;bottom:0;display:flex;font-family:var(--home-font);font-weight:700;justify-content:center;left:6px;opacity:.8;position:absolute;text-transform:uppercase;z-index:99999}.mod-hard-light-overlay{background:gray;mix-blend-mode:color-dodge;position:fixed;z-index:999999999}.video-fragment-dropdown{background:#0000}.video-fragment-dropdown .option{animation:none;opacity:1;transform:none}.video-fragment-dropdown .option.clicked-option{background-color:var(--video-option-clicked-color)}.video-gap-dropdown.bright{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(255,105,180,.478)}.video-fragment-dropdown,.video-gap-dropdown{--delay-between-options-animation:200ms;--video-option-animation-duration:.5s;--video-option-animation-initial-delay:1.75s}.video-fragment-dropdown .option,.video-gap-dropdown .option{background:#121212}.video-fragment-dropdown.bright .option,.video-gap-dropdown.bright .option{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(255,105,180,.478)}.video-fragment-dropdown .option,.video-fragment-dropdown.gap-tokens-container-attached.gap-tokens-appear .gap-token,.video-gap-dropdown .option,.video-gap-dropdown.gap-tokens-container-attached.gap-tokens-appear .gap-token{animation:videoOptionAnimation var(--video-option-animation-duration) calc(0s ease 0s 1 normal none running-delay + var(--index)*var(--delay-between-options-animation)) ease-in-out;animation:videoOptionAnimation var(--video-option-animation-duration) calc(var(--video-option-animation-none 0s ease 0s 1 normal none running-delay) + var(--index)*var(--delay-between-options-animation)) ease-in-out;animation:videoOptionAnimation var(--video-option-animation-duration) calc(var(--video-option-animation-initial-delay) + var(--index)*var(--delay-between-options-animation)) ease-in-out}.video-fragment-dropdown.gap-tokens-container-attached.gap-tokens-appear .gap-token,.video-gap-dropdown.gap-tokens-container-attached.gap-tokens-appear .gap-token{opacity:1}@keyframes videoOptionAnimation{0%,to{opacity:1}50%{opacity:.25}}.reset-password-page{align-items:center;display:flex;height:100%;justify-content:center;padding:16px;position:relative;width:100%}@media only screen and (min-width:800px){.reset-password-page{margin:0 auto;max-width:800px}}.reset-password-page .reset-pass-planet{position:absolute}.reset-password-page .reset-pass-planet-1{left:0;top:0}.reset-password-page .reset-pass-planet-2{bottom:0;right:0}.reset-password-page .reset-password-form{border:1px solid var(--separator-color);border-radius:var(--border-radius-2);padding:10px 16px 16px}.reset-password-page .reset-password-form .error{color:#ff7373;font-size:12px;height:20px;margin-top:6px;opacity:0;transition:opacity .2s}.reset-password-page .reset-password-form .error.active{opacity:1}.reset-password-page .reset-password-form .submit-reset-button{background:var(--home-accent-color-1);border-radius:var(--border-radius-2);margin-top:24px;padding:10px 0;width:100%}@keyframes scaleAnimation{0%{transform:scale(0)}to{transform:scale(1)}}.app-error-page{align-items:center;animation:fadeIn .5s ease-in-out;background:var(--bg-color);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0}.app-error-page .error-container{background:var(--secondary-bg-color);bottom:0;font-family:monospace;height:30%;left:0;overflow-y:auto;padding:12px 16px;position:fixed;width:100%;z-index:1}.app-error-page .error-page-content{align-items:center;display:flex;flex-direction:column;padding:16px;position:fixed;transform:translateY(-10%);z-index:1}.app-error-page .error-page-content .error-page-text{align-items:center;display:flex;flex-direction:column;text-align:center;text-shadow:0 0 24px var(--bg-color)}.app-error-page .error-page-content .error-page-text h3{font-size:28px;margin-bottom:6px}.app-error-page .error-page-content .reload-page-button{background:var(--bg-color);border:4px solid;border-radius:var(--border-radius-2);margin-top:24px;padding:12px 32px}.app-error-page .error-page-content .continue-anyway-button{background:var(--bg-color);border:2px solid;border-radius:var(--border-radius-2);font-size:14px;margin-top:16px;opacity:.8;padding:8px 24px}.app-error-page .error-planet{opacity:0}.app-error-page .error-planet.error-planet-1{animation:fadeIn 1.5s ease-in-out .35s;animation-fill-mode:forwards;transform:translate(-35%,-55%)}.app-error-page .error-planet.error-planet-2{animation:fadeIn 1.5s ease-in-out 1s;animation-fill-mode:forwards;transform:translate(35%,55%)}.mw-ai-message{--user-bg:#2a304e;background:#252525;border:1px solid hsla(0,0%,100%,.133);border-radius:6px;color:#fff;display:flex;flex-direction:column;flex-shrink:0;font-size:14px;max-width:90%;min-width:165px;overflow-wrap:break-word;padding:10px 10px 8px;position:relative;white-space:break-spaces}.mw-ai-message.loading{opacity:.75}.mw-ai-message.own{align-self:flex-end;background:#2a304e;border:none;min-width:auto}.mw-ai-message.assist{border-radius:8px;max-width:100%}.mw-ai-message.assist.options{padding:6px}.mw-ai-message+.mw-ai-message{margin-top:10px}.textarea{--active-border-color:#6970ff;background:#242424;background:var(--input-bg,#242424);border:1px solid #0000;border-radius:5px;color:#fff;color:var(--text-color,#fff);font-family:Poppins,sans-serif;font-family:var(--home-font,"Poppins",sans-serif);font-size:14px;outline:none;padding:6px 10px;width:100%}.textarea::placeholder{font-size:14px;font-weight:400}.textarea:focus{border:1px solid var(--active-border-color)}.ai-chat{flex-direction:column;height:100%;overflow:auto;padding:0 12px 16px}.ai-chat,.ai-chat form{display:flex;position:relative;width:100%}.ai-chat form{align-self:center;justify-content:center;max-width:720px}.ai-chat form .mw-spinner{margin-left:12px}.ai-chat form textarea{padding:6px 42px 6px 12px;resize:none}.ai-chat form textarea::placeholder{font-size:12px;padding-top:2px}.ai-chat form .explain-message-button{align-items:center;background:#394056;border-radius:6px;bottom:16px;display:flex;font-size:14px;font-weight:700;height:36px;justify-content:center;left:16px;max-width:320px;opacity:0;pointer-events:none;position:absolute;transform:translateX(-12px);transition:opacity .3s ease-in-out,transform .3s ease-in-out;width:calc(100% - 32px);z-index:1}.ai-chat form .explain-message-button.active{opacity:1;pointer-events:all;transform:translateX(0)}.ai-chat form .send-message-button{bottom:0;margin-right:-12px;padding:10px;position:absolute;right:14px;transition:transform .3s ease-in-out;z-index:2}.ai-chat form .send-message-button.explain-button{pointer-events:none;transform:translateX(-8px) scale(.65)}.ai-chat form .send-message-button img{height:16px;transform:rotate(-90deg)}.ai-chat .ai-error-response{align-items:center;background:#562f2f;border-radius:6px;bottom:100%;display:flex;justify-content:center;margin-bottom:6px;padding:6px 6px 6px 12px;position:absolute;z-index:1}.ai-chat .ai-error-response span{flex:1 1}.ai-chat .ai-error-response button{background:#181818;border-radius:6px;margin-left:12px;padding:8px 12px}.ai-chat .user-message-help{align-items:flex-start;display:flex;flex-direction:column;list-style-type:none;margin-bottom:8px;opacity:.7}.ai-chat .user-message-help li+li{margin-top:8px}.ai-chat .user-message-help .mw-button{background:#22365e;border-radius:4px;font-size:12px;line-height:1;padding:6px 10px}.ai-chat .messages-list{display:flex;flex:1 1;flex-direction:column;justify-content:center;margin:12px 0 0;overflow-y:auto;padding:12px 0}.ai-chat .messages-list h3{text-align:center}.ai-chat .messages-list .messages{align-items:flex-start;display:flex;flex:1 1;flex-direction:column;overflow-y:auto}.chats-history{background:#151515;display:flex;flex-direction:column;height:100%;padding:12px 16px;position:relative;width:clamp(240px,30%,320px)}.chats-history h4{font-size:14px;font-weight:400;margin-bottom:12px;opacity:.4}.chats-history .as-json-toggle-container{align-items:center;display:flex;margin-top:12px;position:relative}.chats-history .as-json-toggle-container .toggle-title{cursor:pointer;margin-left:12px}.chats-history .new-chat-button{background:#000;border:4px solid #363636;border-radius:6px;margin-top:12px;padding:12px;transition:background .3s;width:100%}.chats-history .new-chat-button img{height:12px;margin-right:12px}.chats-history .new-chat-button:hover{background:#1e1e1e}.chats-history .chats-list{display:flex;flex:1 1;flex-direction:column;list-style-type:none;margin-bottom:24px;overflow-y:auto;position:relative}.chats-history .chats-list .chat-list-entry{align-items:center;background:#000;border-radius:6px;cursor:pointer;display:flex;margin-bottom:12px;overflow:hidden;padding-bottom:6px;padding-left:16px;position:relative;text-overflow:ellipsis;transition:background .3s;white-space:nowrap}.chats-history .chats-list .chat-list-entry.current{background:#222}.chats-history .chats-list .chat-list-entry .title{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;width:100%}.chats-history .chats-list .chat-list-entry small{bottom:4px;font-size:10px;left:16px;opacity:.6;position:absolute}.chats-history .chats-list .chat-list-entry.pending{opacity:.2}.chats-history .chats-list .chat-list-entry .button{margin-left:auto;opacity:.5;padding:14px 16px;transition:opacity .2s}.chats-history .chats-list .chat-list-entry .button:hover{opacity:1}.chats-history .chats-list .chat-list-entry:hover{background:#1e1e1e}.chats-history footer{margin-top:auto}.ai-chat-page{align-items:flex-start;display:flex;height:100%;justify-content:center;position:absolute;width:100%}