mirror of
https://github.com/codeninjasuk/dojo.git
synced 2024-11-25 17:08:04 -05:00
1 line
No EOL
36 KiB
CSS
1 line
No EOL
36 KiB
CSS
@import url(https://use.typekit.net/ekh3dso.css);.cdk-global-overlay-wrapper,.cdk-overlay-container{pointer-events:none;top:0;left:0;height:100%;width:100%}.cdk-overlay-container{position:fixed;z-index:1000}.cdk-overlay-container:empty{display:none}.cdk-global-overlay-wrapper,.cdk-overlay-pane{display:flex;position:absolute;z-index:1000}.cdk-overlay-pane{pointer-events:auto;box-sizing:border-box;max-width:100%;max-height:100%}.cdk-overlay-backdrop{position:absolute;top:0;bottom:0;left:0;right:0;z-index:1000;pointer-events:auto;-webkit-tap-highlight-color:transparent;transition:opacity .4s cubic-bezier(.25,.8,.25,1);opacity:0}.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:1}.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:.6}.cdk-overlay-dark-backdrop{background:#00000052}.cdk-overlay-transparent-backdrop,.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing{opacity:0}.cdk-overlay-connected-position-bounding-box{position:absolute;z-index:1000;display:flex;flex-direction:column;min-width:1px;min-height:1px}.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}@font-face{font-family:Azo Sans;src:url(/fonts/azo-sans-web-normal.6e8ae4f8fc0cf9673a02.eot);src:url(/fonts/azo-sans-web-normal.6e8ae4f8fc0cf9673a02.eot?#iefix) format("embedded-opentype"),url(azo-sans-web-normal.a02b295689763abb1884.woff2) format("woff2"),url(azo-sans-web-normal.75127ef5d26790b09901.woff) format("woff"),url(azo-sans-web-normal.cea504df48d818459740.ttf) format("truetype");font-style:normal;font-weight:400}@font-face{font-family:Azo Sans;src:url(azo-sans-web-bold.91ea8f39764957fec0d6.eot);src:url(azo-sans-web-bold.91ea8f39764957fec0d6.eot?#iefix) format("embedded-opentype"),url(azo-sans-web-bold.4486c539559f7fcbcf83.woff2) format("woff2"),url(azo-sans-web-bold.d24c9ec243d14627ee2f.woff) format("woff"),url(azo-sans-web-bold.c41e1ea213ac43748ede.ttf) format("truetype");font-style:bold;font-weight:700}@font-face{font-family:Azo Sans;src:url(AzoSans-Bold.3895e6402bb3de412628.eot);src:url(AzoSans-Bold.3895e6402bb3de412628.eot?#iefix) format("embedded-opentype"),url(AzoSans-Bold.469a510977cd5430c31f.woff2) format("woff2"),url(AzoSans-Bold.959287b83353125eb62f.woff) format("woff"),url(AzoSans-Bold.4588bad614267a706501.ttf) format("truetype");font-style:bold;font-weight:500}@font-face{font-family:Azo Sans;src:url(AzoSans-Black.1691256adbd9ba238439.eot);src:url(AzoSans-Black.1691256adbd9ba238439.eot?#iefix) format("embedded-opentype"),url(AzoSans-Black.e9d7f7c2fe84f16d77cb.woff2) format("woff2"),url(AzoSans-Black.2966293404bb03fb449a.woff) format("woff"),url(AzoSans-Black.903ee071ba41a793372d.ttf) format("truetype");font-style:bold;font-weight:900}body,html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;height:100%}body{margin:0;font-family:azo-sans-web,sans-serif;color:#fff}button{background:none;color:inherit;border:none;padding:0;font:inherit;cursor:pointer;outline:inherit}button:disabled{opacity:.3}.blur-background{-moz-filter:blur(30px);-o-filter:blur(30px);-ms-filter:blur(30px);filter:blur(30px)}.blur-background,.blur-background-img{background-color:#0000000d;-webkit-backdrop-filter:blur(60px);backdrop-filter:blur(60px)}.blur-background-img{background-image:url(/assets/bg_editor_full.png);position:fixed;left:0;right:0;z-index:1;display:block;background-size:cover;width:100%;height:100%;-moz-filter:blur(50px);-o-filter:blur(50px);-ms-filter:blur(50px);filter:blur(50px)}.blur-background-startover,.blur-background-startover-except-header{background-color:#0000000d;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.blur-background-startover-except-header{top:100px}.blur-background-startcoding{background-color:#0000000d;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);top:112px}.discover-background{background-image:url(/assets/bg_d.svg)}.cq-background,.discover-background{background-repeat:no-repeat;background-size:cover;position:fixed;left:0;right:0;z-index:1;display:block;width:100%;height:100%;-moz-filter:blur(10px);-o-filter:blur(10px);-ms-filter:blur(10px);filter:blur(10px)}.cq-background{background-image:url(/assets/bg_challengequest.svg)}.ca-background{background-image:url(/assets/bg_codeadventure.svg);background-repeat:no-repeat;background-size:cover;position:fixed;left:0;right:0;z-index:1;display:block;width:100%;height:100%;-moz-filter:blur(10px);-o-filter:blur(10px);-ms-filter:blur(10px);filter:blur(10px)}::-webkit-scrollbar-button{height:calc(100% - 20px)}::-webkit-scrollbar{width:7px}::-webkit-scrollbar-track{background:#cbcbcb38 0 0 no-repeat padding-box;border-radius:3px}::-webkit-scrollbar-thumb{background:#c3c3c375 0 0 no-repeat padding-box;height:50%}:root{--unnamed-color-2776d2:#2776d2;--unnamed-color-173178:#173178;--unnamed-color-252e60:#252e60;--unnamed-color-707070:#707070;--unnamed-color-ffffff00:#fff0;--green:#0db88f;--p-copy:#365a8a;--primary-blue:#0051ac;--success:#4bcac7;--black:#032041;--white:#fcfdff;--light-blue:#f1f6f8;--yellow:#fcbe27;--warn:#de4a47;--tertiary-blue:#79cfe3;--secondary-blue:#3cbcfc;--unnamed-color-2d2e2e:#2d2e2e;--unnamed-color-68aaf5:#68aaf5;--unnamed-color-0c7bfc:#0c7bfc;--unnamed-font-family-azo-sans:azo-sans-web,sans-serif;--unnamed-font-style-normal:normal;--unnamed-font-weight-900:900;--unnamed-font-weight-bold:bold;--unnamed-font-weight-normal:normal;--unnamed-font-size-12:12px;--unnamed-font-size-14:14px;--unnamed-font-size-16:16px;--unnamed-font-size-18:18px;--unnamed-font-size-20:20px;--unnamed-font-size-22:22px;--unnamed-font-size-24:24px;--unnamed-font-size-26:26px;--unnamed-font-size-28:28px;--unnamed-font-size-30:30px;--unnamed-font-size-37:37px;--unnamed-font-size-68-0238037109375:68.0238037109375px;--unnamed-font-size-25-920000076293945:25.920000076293945px;--unnamed-font-size-41-99039840698242:41.99039840698242px;--unnamed-character-spacing-0:0px;--unnamed-character-spacing-1-05:1.05px;--unnamed-character-spacing-1-2:1.2px;--unnamed-character-spacing--2-38:-2.38px;--unnamed-character-spacing--1-05:-1.05px;--unnamed-character-spacing-0-9:0.9px;--unnamed-line-spacing-15:15px;--unnamed-line-spacing-18:18px;--unnamed-line-spacing-20:20px;--unnamed-line-spacing-23:23px;--unnamed-line-spacing-25:25px;--unnamed-line-spacing-33:33px;--unnamed-line-spacing-53:53px;--unnamed-line-spacing-87:87px;--unnamed-text-transform-uppercase:uppercase;--unnamed-text-transform-titlecase:titlecase}.button-normal-white{font-family:var(--unnamed-font-family-azo-sans);font-style:var(--unnamed-font-style-normal);font-weight:var(--unnamed-font-weight-normal);font-size:var(--unnamed-font-size-18);line-height:var(--unnamed-line-spacing-23);letter-spacing:var(--unnamed-character-spacing-0);color:var(--light-blue);text-transform:var(--unnamed-text-transform-titlecase)}.small-header-h4-20pt-white{color:var(--light-blue)}.small-header-h4-20pt,.small-header-h4-20pt-white{font-family:var(--unnamed-font-family-azo-sans);font-style:var(--unnamed-font-style-normal);font-weight:var(--unnamed-font-weight-bold);font-size:var(--unnamed-font-size-20);line-height:var(--unnamed-line-spacing-25);letter-spacing:var(--unnamed-character-spacing-0)}.small-header-h4-20pt{color:var(--unnamed-color-2d2e2e)}.button-normal{font-family:var(--unnamed-font-family-azo-sans);font-style:var(--unnamed-font-style-normal);font-weight:var(--unnamed-font-weight-normal);font-size:var(--unnamed-font-size-18);line-height:var(--unnamed-line-spacing-23);letter-spacing:var(--unnamed-character-spacing-0);color:var(--unnamed-color-68aaf5);text-transform:var(--unnamed-text-transform-titlecase)}.button-blue{font-size:var(--unnamed-font-size-16);line-height:var(--unnamed-line-spacing-20);letter-spacing:var(--unnamed-character-spacing-1-2);color:var(--unnamed-color-68aaf5)}.button-blue,.button-white{font-family:var(--unnamed-font-family-azo-sans);font-style:var(--unnamed-font-style-normal);font-weight:var(--unnamed-font-weight-900);text-transform:var(--unnamed-text-transform-uppercase)}.button-white{font-size:var(--unnamed-font-size-14);line-height:var(--unnamed-line-spacing-18);letter-spacing:var(--unnamed-character-spacing-1-05);color:var(--light-blue)}.subhead-h3-25pt-blue{font-family:var(--unnamed-font-family-azo-sans);font-style:var(--unnamed-font-style-normal);font-weight:var(--unnamed-font-weight-bold);font-size:var(--unnamed-font-size-25-920000076293945);line-height:var(--unnamed-line-spacing-33);letter-spacing:var(--unnamed-character-spacing-0);color:var(--unnamed-color-0c7bfc)}.caption-h5-12pt-blue{font-size:var(--unnamed-font-size-12);line-height:var(--unnamed-line-spacing-15);letter-spacing:var(--unnamed-character-spacing-0-9);text-transform:var(--unnamed-text-transform-uppercase)}.caption-h5-12pt-blue,body p.txt-blue{font-family:var(--unnamed-font-family-azo-sans);font-style:var(--unnamed-font-style-normal);font-weight:var(--unnamed-font-weight-normal);color:var(--unnamed-color-0c7bfc)}body p.txt-blue{font-size:var(--unnamed-font-size-16);line-height:var(--unnamed-line-spacing-20);letter-spacing:var(--unnamed-character-spacing-0)}.header-h2-42pt-blue{font-weight:var(--unnamed-font-weight-bold);font-size:var(--unnamed-font-size-41-99039840698242);line-height:var(--unnamed-line-spacing-53);letter-spacing:var(--unnamed-character-spacing--1-05)}.header-h2-42pt-blue,.large-title-h1-68pt-blue{font-family:var(--unnamed-font-family-azo-sans);font-style:var(--unnamed-font-style-normal);color:var(--unnamed-color-0c7bfc)}.large-title-h1-68pt-blue{font-weight:var(--unnamed-font-weight-900);font-size:var(--unnamed-font-size-68-0238037109375);line-height:var(--unnamed-line-spacing-87);letter-spacing:var(--unnamed-character-spacing--2-38)}.caption-h5-12pt-white{font-family:var(--unnamed-font-family-azo-sans);font-style:var(--unnamed-font-style-normal);font-weight:var(--unnamed-font-weight-normal);font-size:var(--unnamed-font-size-12);line-height:var(--unnamed-line-spacing-15);letter-spacing:var(--unnamed-character-spacing-0-9);color:var(--light-blue);text-transform:var(--unnamed-text-transform-uppercase)}.header-h2-42pt-white{font-size:var(--unnamed-font-size-41-99039840698242);line-height:var(--unnamed-line-spacing-53);letter-spacing:var(--unnamed-character-spacing--1-05)}.header-h2-42pt-white,.subhead-h3-25pt-white{font-family:var(--unnamed-font-family-azo-sans);font-style:var(--unnamed-font-style-normal);font-weight:var(--unnamed-font-weight-bold);color:var(--light-blue)}.subhead-h3-25pt-white{font-size:var(--unnamed-font-size-25-920000076293945);line-height:var(--unnamed-line-spacing-33);letter-spacing:var(--unnamed-character-spacing-0)}body p.txt-white{font-weight:var(--unnamed-font-weight-normal);font-size:var(--unnamed-font-size-16);line-height:var(--unnamed-line-spacing-20);letter-spacing:var(--unnamed-character-spacing-0)}.large-title-h1-68pt-white,body p.txt-white{font-family:var(--unnamed-font-family-azo-sans);font-style:var(--unnamed-font-style-normal);color:var(--light-blue)}.large-title-h1-68pt,.large-title-h1-68pt-white{font-weight:var(--unnamed-font-weight-900);font-size:var(--unnamed-font-size-68-0238037109375);line-height:var(--unnamed-line-spacing-87);letter-spacing:var(--unnamed-character-spacing--2-38)}.large-title-h1-68pt{font-family:var(--unnamed-font-family-azo-sans);font-style:var(--unnamed-font-style-normal);color:var(--unnamed-color-2d2e2e)}.header-h2-42pt{font-size:var(--unnamed-font-size-41-99039840698242);line-height:var(--unnamed-line-spacing-53);letter-spacing:var(--unnamed-character-spacing--1-05)}.header-h2-42pt,.subhead-h3-25pt{font-family:var(--unnamed-font-family-azo-sans);font-style:var(--unnamed-font-style-normal);font-weight:var(--unnamed-font-weight-bold);color:var(--unnamed-color-2d2e2e)}.subhead-h3-25pt{font-size:var(--unnamed-font-size-25-920000076293945);line-height:var(--unnamed-line-spacing-33)}.subhead-h3-25pt,body p{letter-spacing:var(--unnamed-character-spacing-0)}body p{font-family:var(--unnamed-font-family-azo-sans);font-style:var(--unnamed-font-style-normal);font-weight:var(--unnamed-font-weight-normal);font-size:var(--unnamed-font-size-16);line-height:var(--unnamed-line-spacing-20)}.level-content .achievements h3 p{font-size:20px}.activity-intro-content-area p{line-height:26px}.description-container .description p{line-height:22px}.sub-right-column p{font:var(--unnamed-font-style-normal) normal var(--unnamed-font-size-16)/16px var(--unnamed-font-family-azo-sans);color:var(--white);text-align:left;letter-spacing:-.32px;margin-top:0;margin-bottom:15px;opacity:.7}.caption-h5-12pt{font-family:var(--unnamed-font-family-azo-sans);font-style:var(--unnamed-font-style-normal);font-weight:var(--unnamed-font-weight-normal);font-size:var(--unnamed-font-size-12);line-height:var(--unnamed-line-spacing-15);letter-spacing:var(--unnamed-character-spacing-0-9);color:var(--unnamed-color-2d2e2e);text-transform:var(--unnamed-text-transform-uppercase)}.tooltip{position:relative;display:inline-block}.tooltip .tooltiptext{visibility:hidden;width:260%;background-color:#fff;color:#000;text-align:center;padding:15px 0;border-radius:6px;left:150%;font:var(--unnamed-font-style-normal) normal var(--unnamed-font-size-16)/16px var(--unnamed-font-family-azo-sans);position:absolute;top:-10px;z-index:1}.tooltip-community .tooltiptext{left:120%;top:5px}.tooltip:hover .tooltiptext{visibility:visible}.tooltip .tooltiptext:after{content:" ";position:absolute;top:50%;right:100%;margin-top:-10px;border:10px solid #0000;border-right-color:#fff}.message-window-content::-webkit-scrollbar{width:10px;height:60%}.message-window-content::-webkit-scrollbar-track{background:#0358b6;border-radius:5px}.message-window-content::-webkit-scrollbar-thumb{background:#0c407a;border-radius:5px}.message-window-content::-webkit-scrollbar-thumb:hover{background:#0c407a}.bg-messages{background-image:url(/assets/bg_create.svg);background-size:cover;background-repeat:no-repeat;background-attachment:fixed;width:100%}.small-column-grid{display:grid;grid-gap:0;grid-template-columns:auto auto}.page-flex-grid{display:flex;justify-content:start;align-items:start}.page-content-flex-grid{display:grid;grid-template-columns:482px repeat(5,1fr);grid-gap:30px;gap:30px}.pl-70{padding-left:70px}.check-list-teal{list-style:none;padding-left:0}.check-list-teal li{padding-left:30px;background-repeat:no-repeat;background-position:0;font:var(--unnamed-font-style-normal) normal var(--unnamed-font-size-16)/16px var(--unnamed-font-family-azo-sans);color:var(--white);text-align:left;letter-spacing:-.32px;margin-bottom:10px;opacity:.7}.check-list-teal li.pass{background-image:url(/assets/check-circle-teal.svg);background-size:16px}.check-list-teal li.fail{background-image:url(/assets/bug_yellow.svg);background-size:26px;background-position-x:-5px}.left-column.column-small{background:#0000 linear-gradient(0deg,var(--primary-blue) 0,#1480f9 100%) 0 0 no-repeat padding-box;background:#0000 linear-gradient(0deg,#0051ac,#1480f9) 0 0 no-repeat padding-box;box-shadow:0 3px 6px #00000029;border-radius:0 35px 35px 0;position:fixed;height:100vh;display:flex;flex-direction:column;justify-content:space-between;z-index:20}.left-column a img{opacity:.6;transition-duration:.25s}.left-column a.scale-right-rotate:hover img{opacity:1;transform:scale(120%) rotate(10deg)}.left-column a.scale-left-rotate:hover img{opacity:1;transform:scale(120%) rotate(-10deg)}.left-column a.opacity-up:hover img{opacity:1}.left-column .logo-code-ninjas a img{display:block;padding:30px 24px 24px 14px}.left-column.column-small .left-column-navigation{align-items:center}.left-column.column-small .left-column-navigation a{padding-top:5px;padding-bottom:5px}.left-column.column-small .left-column-navigation,.left-column.column-small .left-column-settings{display:flex;flex-direction:column}.left-column .left-column-settings{align-items:center;background:#00428b 0 0 no-repeat padding-box;border-radius:44px 44px 35px 0}.icon-mail{position:relative;margin-top:20px}.mail-counter{display:flex;line-height:100%;margin:0;padding:5px;width:10px;height:10px;color:#e1e1e1;position:absolute;top:-5px;right:-3px;z-index:10;font-family:azo-sans-web,sans-serif;font-size:13px;box-shadow:0 3px 6px #00000029;background:#0000 linear-gradient(180deg,var(--warn) 0,#c93936 100%) 0 0 no-repeat padding-box}.mail-counter,.profile{border-radius:50%;justify-content:center;align-items:center}.profile{background-color:#eebc4a;width:40px;height:40px;margin-top:15px}.profile img{width:34px;margin:5px auto}.logout{margin-top:50px}.right-column{padding-left:82px;position:relative;overflow-y:scroll;min-height:100vh;width:100%}.right-column-content{padding-left:30px;padding-right:175px}main h1{color:#fcfdff}h1{font:var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-bold) var(--unnamed-font-size-37)/42px var(--unnamed-font-family-azo-sans);line-height:100%}h1,h4{text-align:left;letter-spacing:-.48px;opacity:1}h4{font:var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-bold) var(--unnamed-font-size-20)/24px var(--unnamed-font-family-azo-sans);color:var(--white);margin-bottom:10px}.right-column header .collapse-btn{background:#0000 linear-gradient(180deg,#0059be,#0c6bd9) 0 0 no-repeat padding-box;box-shadow:0 6px 8px #292c8f40;display:flex;justify-content:center;align-items:center;width:36px;height:36px;border-radius:50%}.right-column header .collapse-btn img{margin:0 auto;display:block}.right-column-content .content-header{margin-bottom:20px}.grid-content-header{display:grid;grid-template-columns:552px repeat(5,1fr);grid-gap:30px;gap:30px}.right-column-content .content-header .grid-content{display:flex;justify-content:start;align-items:center}.right-column-content .content-header .content-title{font:var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-900) 48px/48px var(--unnamed-font-family-azo-sans);color:var(--white);text-align:left;letter-spacing:-.96px;text-shadow:0 3px 6px #00000029;margin:0}.right-column-content .content-header .icon-mail-lg{margin-left:35px;margin-right:5px}.message-window{border-radius:20px;opacity:.9;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);height:76vh;max-height:100vh;padding-right:20px}.img-fluid{max-width:100%;height:auto}.height-block{height:1400px;display:block;width:10px;background-color:red}.sub-left-column{overflow-y:scroll;max-height:75vh;padding-right:30px;margin-right:-30px}.sub-left-column::-webkit-scrollbar{display:none}.sub-right-column{grid-column:2/7}.grid-being-tested{display:grid;grid-template-columns:repeat(6,1fr);grid-gap:10px;gap:10px;align-items:center}.grid-span-2-6{grid-column:2/6}.grid-span-3{grid-column:span 3}.message-overview.being-tested.default .message-overview-body,.message-overview.being-tested.ninja .message-overview-body{background:var(--yellow) 0 0 no-repeat padding-box;background:#fcbe27 0 0 no-repeat padding-box;box-shadow:0 6px 14px #00000029;border-radius:8px 33px 30px 8px;opacity:1;padding:10px 15px}.message-overview.being-tested.ready-ninja .message-overview-body,.message-overview.being-tested.ready-sensei .message-overview-body{background:var(--success) 0 0 no-repeat padding-box;background:#4bcac7 0 0 no-repeat padding-box;box-shadow:0 6px 14px #00000029;border-radius:8px 33px 30px 8px;opacity:1;padding:10px 15px}.btn{text-transform:uppercase;font:var(--unnamed-font-style-normal) normal 700 var(--unnamed-font-size-18)/23px var(--unnamed-font-family-azo-sans);color:#fff;letter-spacing:.38;box-shadow:0 6px 5px #00000029;border-radius:8px;padding:16px 32px;border:0;margin:12px 0 20px;transition-duration:.25s;position:relative;top:0}.btn:hover{top:-5px;cursor:pointer}.btn.btn-green{background-color:#10af84}.btn.btn-blue{background:#0000 linear-gradient(254deg,#1a3681,#000633) 0 0 no-repeat padding-box;box-shadow:0 3px 6px #00000029;border-radius:7px;font:var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-900) var(--unnamed-font-size-18)/var(--unnamed-line-spacing-23) var(--unnamed-font-family-azo-sans);letter-spacing:var(--unnamed-character-spacing-0);color:var(--light-blue);text-align:center;text-transform:uppercase;opacity:.9}.grid-btn{display:grid;align-items:center;justify-content:center}.grid-btn .btn{margin:0}.img-group-message-output-header{position:relative;display:block;margin-top:12px;margin-bottom:-50px;z-index:-5}.black-ninja,.black-ninja-kick{position:absolute;z-index:30;right:-5px;bottom:-5px;max-width:250px;min-width:100px;width:10%}.bg-login{min-height:100vh;display:grid;align-items:center;justify-content:center;background-color:#0051ac;background-image:url(/assets/bg_homecreate.png);background-repeat:no-repeat;background-size:cover;background-position:50%;z-index:1;position:relative;opacity:1;width:100vw}.bg-login h1{font:var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-900) 84px/107px var(--unnamed-font-family-azo-sans);color:var(--white);text-align:center;letter-spacing:-4.2px;text-shadow:0 6px 6px #004c8d73;opacity:1;margin:0 0 30px}.grid-login{display:grid;justify-content:center}.grid-login img{margin:0 auto;display:block}.grid-login input[type=text]{background:var(--white) 0 0 no-repeat padding-box;background:#fcfdff 0 0 no-repeat padding-box;box-shadow:0 3px 6px #0051ac8c;border-radius:6px;opacity:1;height:46px;text-align:center;min-width:268px;font:var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-normal) var(--unnamed-font-size-16)/var(--unnamed-line-spacing-20) var(--unnamed-font-family-azo-sans);letter-spacing:var(--unnamed-character-spacing-0);color:var(--p-copy);color:#365a8a;margin:0 auto 15px}.text-ready-to-code{font:var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-bold) 24px/30px var(--unnamed-font-family-azo-sans);color:var(--white);text-align:center;letter-spacing:-1.2px;opacity:1;margin-bottom:14px;margin-left:160px}.grid-login form{align-items:center}.grid-login form,.grid-login form>div{display:grid;justify-content:center}.pink-ninja{position:absolute;z-index:20;right:160px;bottom:0}.featured-image{position:relative;z-index:1;border-radius:10px;width:100%;box-shadow:0 8px 25px #00469473}img{image-rendering:auto;image-rendering:crisp-edges;image-rendering:-webkit-optimize-contrast}.white-triangle:after,.white-triangle:before{content:"";position:absolute;background-color:inherit}.white-triangle,.white-triangle:after,.white-triangle:before{width:.8em;height:.8em;border-top-right-radius:50%}.white-triangle{transform:rotate(0deg) skewX(-30deg) scaleY(.866);position:absolute;background-color:#fff;top:26px;left:46%;text-align:left;margin:0 center}.white-triangle:before{transform:rotate(-135deg) skewX(-45deg) scale(1.414,.707) translateY(-50%)}.white-triangle:after{transform:rotate(135deg) skewY(-45deg) scale(.707,1.414) translate(50%)}.grid-nav-progress{grid-template-columns:auto 116px;grid-gap:50px;gap:50px}.grid-nav-progress,.home-link{display:grid;align-items:center}.home-link{background:var(--primary-blue) 0 0 no-repeat padding-box;background:#0051ac 0 0 no-repeat padding-box;box-shadow:0 3px 6px #00000029;border-radius:5px;opacity:1;justify-content:center;width:40px;height:40px;position:relative;top:3px}.home-link img{position:relative;top:2px}.grid-answer-field-prompt{display:grid;grid-template-rows:1fr 1fr;align-items:flex-end}.answer-field-input{width:95%;background:#0000;border-bottom:2px solid #0051ac33!important;margin:0;font:var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-normal) var(--unnamed-font-size-16)/30px var(--unnamed-font-family-azo-sans)}.answer-field-input,.char-remaining{letter-spacing:var(--unnamed-character-spacing-0);color:var(--p-copy);text-align:left;opacity:1}.char-remaining{font:var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-normal) var(--unnamed-font-size-12)/var(--unnamed-line-spacing-15) var(--unnamed-font-family-azo-sans);text-transform:capitalize;padding:8px 0}.grid-discover-emoji{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(3,1fr);grid-column-gap:20px;column-gap:20px;grid-row-gap:44px;row-gap:44px}.grid-discover-emoji .emoji{box-shadow:0 6px 12px #1753a114;border-radius:24px;padding:10px 6px;transition-duration:.25s;top:10px}.grid-discover-emoji .emoji,.grid-discover-emoji .emoji:hover{background:var(--white) 0 0 no-repeat padding-box;background:#fcfdff 0 0 no-repeat padding-box;position:relative}.grid-discover-emoji .emoji:hover{box-shadow:0 6px 12px #1753a1a6;cursor:pointer;top:0}.grid-discover-emoji .emoji:hover .emoji-text{opacity:.6;top:0}.grid-discover-emoji .emoji .emoji-text,.grid-discover-emoji .emoji:hover .emoji-text{font:var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-normal) var(--unnamed-font-size-14)/24px var(--unnamed-font-family-azo-sans);letter-spacing:var(--unnamed-character-spacing-0);color:var(--p-copy);text-align:center;position:relative}.grid-discover-emoji .emoji .emoji-text{opacity:1;transition-duration:.25s;top:8px}.grid-discover-emoji .emoji.emoji-active{background:var(--white) 0 0 no-repeat padding-box;background:#fcfdff 0 0 no-repeat padding-box;box-shadow:0 6px 12px #1753a1a6;top:0}.grid-discover-emoji .emoji .emoji-icon img{margin:0 auto;display:block}.grid-discover-emoji .emoji.emoji-active .emoji-text{font:var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-normal) var(--unnamed-font-size-14)/24px var(--unnamed-font-family-azo-sans);letter-spacing:var(--unnamed-character-spacing-0);color:var(--p-copy);text-align:center;opacity:1;position:relative;top:0}.mt-10{margin-top:10px}.mt-20{margin-top:20px}.mt-30{margin-top:30px}.blocker{background-color:#ffffff4d}.bg-discover-progress{background-image:url(create-background.cd6fc903b272d5997a68.svg)!important;position:fixed;left:0;right:0;z-index:-1;display:block;background-size:cover;width:100%;height:100%}.modal{background:#0000;padding:0}.modal,.modal-body{border-radius:43px;opacity:1;box-shadow:0 0!important;max-width:900px}.modal-body{min-height:350px;display:block;background:#fff 0 0 no-repeat padding-box;padding:50px 50px 80px;position:relative}.modal-body header{margin-bottom:30px}.modal-body header span{display:block;margin:0 auto;text-align:center}.modal-body header .first-name{font:var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-bold) 28px/35px var(--unnamed-font-family-azo-sans);letter-spacing:var(--unnamed-character-spacing-0);color:var(--black);text-align:center;text-transform:capitalize;opacity:.5}.modal-body header .you-rock{font:var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-900) 68.02px/76px var(--unnamed-font-family-azo-sans);letter-spacing:var(--unnamed-character-spacing--2-38);color:var(--black);text-align:center;opacity:.9;margin-bottom:14px}.modal-body header .level-complete{font:var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-900) var(--unnamed-font-size-20)/var(--unnamed-line-spacing-25) var(--unnamed-font-family-azo-sans);letter-spacing:var(--unnamed-character-spacing-0);color:var(--primary-blue);text-align:center;opacity:1;margin-bottom:10px}.modal-body header .encouragement{font:var(--unnamed-font-style-normal) normal var(--unnamed-font-size-20)/22px var(--unnamed-font-family-azo-sans);color:var(--black);font-weight:500;text-align:center;letter-spacing:-.5px;opacity:.7}.modal .house-icon .link-back-to-home{text-decoration:none;display:block;margin:40px auto 0;width:140px;opacity:1}.modal .house-icon .link-back-to-home img{display:block;margin:0 auto}.modal .house-icon .text-back-to-home{font:var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-bold) var(--unnamed-font-size-12)/var(--unnamed-line-spacing-15) var(--unnamed-font-family-azo-sans);letter-spacing:var(--unnamed-character-spacing-0-9);color:var(--primary-blue);text-align:center;text-transform:uppercase;margin:0 auto;display:block;opacity:1}.grid-progress-track{display:grid;grid-template-columns:auto 77px 77px;grid-gap:7px;gap:7px;height:132px;align-items:center;max-width:580px;margin:0 auto}.grid-progress-track .progress-track{height:18px;background:#b0bfd1 0 0 no-repeat padding-box;border-radius:8px;opacity:.8;position:relative}.grid-progress-track .progress-track:first-child{background:#0000 linear-gradient(90deg,var(--primary-blue) 0,#1e78dd 100%) 0 0 no-repeat padding-box;background:#0000 linear-gradient(90deg,#0051ac,#1e78dd) 0 0 no-repeat padding-box;border-radius:5px;opacity:1}.grid-progress-track .starting-point{background:var(--primary-blue) 0 0 no-repeat padding-box;background:#0051ac 0 0 no-repeat padding-box;opacity:1;border-radius:50%;width:48px;height:48px;font:var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-900) 22px/28px var(--unnamed-font-family-azo-sans);letter-spacing:var(--unnamed-character-spacing-0);color:var(--white);text-align:center;display:grid;align-items:center;position:relative;top:-16px;left:-5px}.grid-progress-track .your-progress{position:absolute;top:-12px;right:-5px}.progress-track .text-keep-it-up{background:var(--white) 0 0 no-repeat padding-box;background:#fcfdff 0 0 no-repeat padding-box;box-shadow:0 3px 6px #00469426;border-radius:16px;height:32px;font:var(--unnamed-font-style-normal) normal 500 var(--unnamed-font-size-14)/14px var(--unnamed-font-family-azo-sans);letter-spacing:var(--unnamed-character-spacing-0);color:var(--black);text-align:center;opacity:1;position:absolute;right:-30px;top:-55px;line-height:100%;display:grid;align-items:center;padding:0 10px}.progress-track .trophy-progress{margin:0 auto;display:block;position:relative;top:-10px;opacity:1}.grid-progress-track .end-point{background:#b0bfd1 0 0 no-repeat padding-box;opacity:1;border-radius:50%;width:48px;height:48px;font:var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-900) 22px/28px var(--unnamed-font-family-azo-sans);letter-spacing:var(--unnamed-character-spacing-0);color:var(--white);text-align:center;display:grid;align-items:center;position:absolute;top:-16px;right:-17px}.progress-track .text-sub-trophy{font:var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-900) var(--unnamed-font-size-18)/var(--unnamed-line-spacing-23) var(--unnamed-font-family-azo-sans);color:var(--primary-blue);text-align:center;letter-spacing:1.35px;text-transform:uppercase;opacity:.5;position:relative;top:-8px}.grid-button-center{display:grid;grid-template-columns:1fr;justify-content:center;align-items:center}.btn-progress{display:inline-block;max-width:250px;margin:0 auto;font:var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-900) var(--unnamed-font-size-18)/var(--unnamed-line-spacing-23) var(--unnamed-font-family-azo-sans);letter-spacing:var(--unnamed-character-spacing-0);color:var(--light-blue);text-align:center;text-transform:uppercase;opacity:.88}.modal-body .confetti-top-left{position:absolute;top:-60px;left:-100px}.modal-body .confetti-top-right{position:absolute;bottom:-30px;right:-140px}.grid-lfac{display:grid;grid-template-columns:1fr;align-items:center;justify-content:center;height:79px;margin-bottom:40px}.text-lfac{font:var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-900) 62px/79px var(--unnamed-font-family-azo-sans);color:var(--white);text-align:center;letter-spacing:-3.1px;text-shadow:0 6px 6px #00000029;opacity:1}.grid-lfac-choices{display:grid;grid-template-columns:1fr 1fr;grid-gap:50px;gap:50px}.grid-lfac-choices .choice{box-shadow:0 6px 14px #00000029;border-radius:25px;opacity:1;justify-content:center;padding:213px 46px 46px;background-color:#dfe4fb;margin-top:10px}.grid-lfac-choices .choice.selected{border:10px solid #0db88f;margin-top:0}.grid-lfac-choices .choice h2{font:var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-900) 41.99px/var(--unnamed-line-spacing-53) var(--unnamed-font-family-azo-sans);color:var(--unnamed-color-2d2e2e);text-align:center;letter-spacing:-2.1px;opacity:1;margin-top:0;margin-bottom:23px}ul.feature-list{padding-left:0;list-style:none;margin-bottom:30px}ul.feature-list li{margin-bottom:20px;text-align:center;font:var(--unnamed-font-style-normal) normal 500 var(--unnamed-font-size-16)/var(--unnamed-line-spacing-20) var(--unnamed-font-family-azo-sans);color:var(--primary-blue);letter-spacing:-.8px;opacity:.7}ul.feature-list li:last-child{margin-bottom:0}.code-adventure{background-image:url(sample-leaves.8ccdcfedc3405e9f0397.png)}.challenge-quest,.code-adventure{background-repeat:no-repeat;background-position:top;background-size:contain}.challenge-quest{background-image:url(sample-blossums.b12c8aa3eb4d9a69abd5.png)}.position-relative{position:relative}.ninja-bottom-left{position:absolute;z-index:200;bottom:-60px;left:-50px}.ninja-bottom-right{position:absolute;z-index:200;bottom:-50px;right:-80px}.text-you-are-here{font:var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-900) var(--unnamed-font-size-20)/var(--unnamed-line-spacing-25) var(--unnamed-font-family-azo-sans);color:var(--green);text-align:center;letter-spacing:-1px;text-shadow:0 3px 6px #00a27b40;text-transform:uppercase;opacity:1;margin-top:10px}.hiya{background-color:#fff;width:308px;height:276px;position:fixed;top:0;right:0;margin:35px 35px 0 0;z-index:200}.hiya h1{font:var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-900) 49px/var(--unnamed-line-spacing-18) var(--unnamed-font-family-azo-sans);color:var(--black);text-align:center;letter-spacing:-1.23px;opacity:1;margin-top:54px;margin-bottom:30px}.hiya .text-good-one{font:var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-900) 25px/30px var(--unnamed-font-family-azo-sans);color:var(--primary-blue);text-align:center;letter-spacing:-.63px;opacity:1}.hiya-images{position:relative}.hiya-images .chop-black-ninja{display:block;position:absolute;left:-20px;bottom:-164px}.hiya-images .chop-pink-ninja{display:block;position:absolute;right:-2px;bottom:-156px}.nav-btn-green{background:var(--green) 0 0 no-repeat padding-box;background:#0db88f 0 0 no-repeat padding-box;box-shadow:0 3px 6px #19216373;border-radius:5px;margin-right:10px;padding:10px 25px;color:var(--light-blue);text-align:left;font:normal normal 900 18px/24px Azo Sans,sans-serif;letter-spacing:0;transition:all .3s ease}.nav-btn-green:hover{transform:translateX(4px);border-radius:7px 25px 25px 7px;cursor:pointer}.nav-btn-green:disabled{cursor:default}.nav-btn-green .btn-icon{display:inline}.nav-btn-green .btn-icon img{width:14px;display:inline-block}.nav-btn-yellow{background:#f9af00 0 0 no-repeat padding-box;box-shadow:0 3px 6px #19216373;border-radius:5px;margin-right:10px;padding:10px 25px;color:var(--light-blue);text-align:left;font:normal normal 900 18px/24px Azo Sans,sans-serif;letter-spacing:0;transition:all .3s ease}.nav-btn-yellow:hover{transform:translateX(4px);border-radius:7px 25px 25px 7px;cursor:pointer}.nav-btn-yellow:disabled{cursor:default}.nav-btn-yellow .btn-icon{display:inline}.nav-btn-yellow .btn-icon img{width:14px;display:inline-block}.write-it-out .wio-left-column .headline p{font:normal normal 900 42px/53px Azo Sans;letter-spacing:-1.05px;color:#fcfdff;opacity:1;margin-top:0}.loader{width:24px;height:24px;border:5px solid;border-color:#fff #fff #0000;border-radius:50%;display:inline-block;box-sizing:border-box;margin:0 10px;animation:rotation 1s linear infinite}.loaderDiv{display:flex;justify-content:space-between;align-items:center}.tooltip-html p{margin:0;font:normal normal medium 16px/22px Azo Sans;letter-spacing:0;color:#13183b;opacity:1}.requirement .hint img{max-width:100%}@keyframes rotation{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.btn-disabled{opacity:.5!important}.bottom-username{margin-right:20px;color:#fff}.btn-flex{display:flex;width:100%;height:100%;justify-content:center;align-items:center}@media screen and (max-width:1024px){.black-ninja{right:-10px;bottom:-10px}.black-ninja,.black-ninja-kick{position:absolute;z-index:30;width:100%}.black-ninja-kick{right:-35px;bottom:-80px}.pink-ninja{position:absolute;z-index:20;right:50px;bottom:0}.grid-lfac-choices .choice{padding:140px 46px 46px;margin-top:0}}@media screen and (max-width:1200px){.right-column-content{padding-right:30px}.pl-70{padding-left:0}.message-overview-body .message-teaser{max-width:200px}.grid-content-header,.page-content-flex-grid{grid-template-columns:340px repeat(5,1fr)}}@media screen and (max-width:1440px){.right-column-content{padding-top:10px;padding-left:30px;padding-right:40px}}@media screen and (min-width:1440px){.black-ninja{right:-10px;bottom:-10px}.black-ninja,.black-ninja-kick{position:absolute;z-index:30;width:100%}.black-ninja-kick{right:-35px;bottom:-80px}.pink-ninja{position:absolute;z-index:20;right:100px;bottom:0}}.btn-rounded{background:#0051ac;box-shadow:0 3px 6px #00000029;color:#fff;padding:20px;border-radius:100%;position:relative}.btn-rounded:after{content:" ";background:#fff;opacity:.5;display:block;position:absolute;width:40px;height:40px;border-radius:100%;left:0;top:0;transform:scale(.9);z-index:-1;transition:.2s ease}.btn-rounded span{position:absolute;left:17px;top:10px;font:normal normal medium 15px/23px Azo Sans,sans-serif;letter-spacing:.15px;color:#f2f2f2;height:23px;line-height:23px}.inner-html-questions *{font:normal normal 700 18px/24px Azo Sans,sans-serif;letter-spacing:-.36px;color:#032041;margin:15px 0 7px} |